.product-video-hub-container{display:inline-block;margin:10px 0;vertical-align:top}.video-hub-tile{width:90px;height:90px;padding:0;border:2px solid #e6ebf2;border-radius:12px;background:#fff;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;display:block}.video-hub-tile:hover{border-color:#0d6ba6;transform:translateY(-2px);box-shadow:0 10px 20px #0d6ba626}.video-hub-tile__wrapper{width:100%;height:100%;position:relative}.video-hub-tile__img{width:100%;height:100%;object-fit:cover;display:block}.video-hub-tile__placeholder{width:100%;height:100%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8}.video-hub-tile__placeholder svg{width:32px;height:32px}.video-hub-tile__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background .3s ease}.video-hub-tile:hover .video-hub-tile__overlay{background:#0006}.video-hub-tile__play-icon{width:36px;height:36px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0d6ba6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.video-hub-tile:hover .video-hub-tile__play-icon{transform:scale(1.1)}.video-hub-tile__play-icon svg{width:18px;height:18px;margin-left:2px}.video-hub-tile__badge{position:absolute;top:6px;right:6px;background:#0d6ba6;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.video-hub-tile__label{position:absolute;bottom:0;left:0;width:100%;background:#0009;color:#fff;font-size:9px;font-weight:700;text-align:center;padding:4px 0;letter-spacing:.05em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.video-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2147483647;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.video-lightbox[hidden]{opacity:0!important;visibility:hidden!important;display:none!important}.video-lightbox__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-lightbox__container{position:relative;width:95%;max-width:1100px;height:85vh;background:#0f172a;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;z-index:10;border:1px solid rgba(255,255,255,.1)}.video-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:50;transition:all .3s ease}.video-lightbox__close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.video-lightbox__close svg{width:24px;height:24px}.video-lightbox__content{display:flex;flex:1;height:100%;overflow:hidden}.video-lightbox__player-side{flex:1;display:flex;flex-direction:column;background:#000;position:relative}.video-lightbox__video-info{padding:24px 32px;background:linear-gradient(0deg,#0f172a 0%,transparent 100%);position:absolute;bottom:0;left:0;width:100%;pointer-events:none}.video-lightbox__player iframe,.video-lightbox__player video{width:100%;height:100%;object-fit:contain;border:none;max-width:100%;max-height:100%}.video-lightbox__player-wrapper{flex:1;position:relative;display:flex;align-items:center;justify-content:center;background:#000;width:100%;height:100%;overflow:hidden}.video-lightbox__title{color:#fff;font-size:20px;font-weight:600;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.video-lightbox__playlist-side{width:380px;background:#1e293b;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,.1)}.video-lightbox__playlist-header{padding:24px;font-size:16px;font-weight:700;color:#f8fafc;border-bottom:1px solid rgba(255,255,255,.1);margin:0;background:#0f172a}.video-lightbox__playlist-items{flex:1;overflow-y:auto;padding:12px;scrollbar-width:thin;scrollbar-color:#475569 transparent}.video-lightbox__playlist-items::-webkit-scrollbar{width:6px}.video-lightbox__playlist-items::-webkit-scrollbar-thumb{background-color:#475569;border-radius:10px}.video-playlist-item{width:100%;display:flex;gap:16px;padding:12px;background:transparent;border:none;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s ease;margin-bottom:8px;align-items:flex-start}.video-playlist-item:hover{background:#ffffff0d}.video-playlist-item.is-active{background:#0d6ba6;box-shadow:0 4px 12px #0d6ba64d}.video-playlist-item__thumb{width:110px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0;background:#000}.video-playlist-item__thumb img{width:100%;height:100%;object-fit:cover}.video-playlist-item__play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.8}.video-playlist-item__play-overlay svg{width:20px;height:20px}.video-playlist-item__info{flex:1;display:flex;flex-direction:column;gap:4px}.video-playlist-item__title{color:#f1f5f9;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-playlist-item.is-active .video-playlist-item__title{font-weight:700;color:#fff}.video-playlist-item__duration{font-size:11px;color:#94a3b8}.video-playlist-item.is-active .video-playlist-item__duration{color:#fffc}.video-lightbox__loading-indicator{display:flex;flex-direction:column;align-items:center;gap:16px}.video-player-loader{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:#0d6ba6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 991px){.video-lightbox__content{flex-direction:column}.video-lightbox__container{height:100%;width:100%;border-radius:0}.video-lightbox__player-side{height:auto;aspect-ratio:16 / 9;flex:none}.video-lightbox__playlist-side{width:100%;flex:1;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.video-lightbox__title{font-size:16px}.video-lightbox__video-info{padding:12px 20px;background:#0f172a;position:relative}.video-lightbox__close{top:10px;right:10px;width:36px;height:36px;background:#00000080}.video-playlist-item__thumb{width:90px}}body.video-lock-scroll{overflow:hidden!important;touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/40/assets/product-video-hub.css.map */