.single-video-section{position:relative;width:100%;overflow:hidden}.single-video-section__wrapper{position:relative;width:100%;max-width:367px;margin:0 auto;background-color:#000;line-height:0;border-radius:20px;height:100%;min-height:650px}.single-video-section__video{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px}.single-video-section__thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.single-video-section__thumbnail-overlay.is-hidden{opacity:0;pointer-events:none}.single-video-section__thumbnail-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px}.single-video-section__placeholder{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.single-video-section__placeholder-icon{width:80px;height:80px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.single-video-section__placeholder-icon svg{width:32px;height:32px;fill:#ffffffb3;margin-left:4px}.single-video-section__placeholder-text{color:#ffffff80;font-size:14px;letter-spacing:.5px;text-transform:uppercase}.single-video-section__play-overlay{position:relative;z-index:1;width:80px;height:80px;border-radius:50%;background:#ffffff26;border:2px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .3s ease}.single-video-section__thumbnail-overlay:hover .single-video-section__play-overlay{background:#ffffff40;border-color:#fff9;transform:scale(1.08)}.single-video-section__play-overlay svg{width:28px;height:28px;fill:#fff;margin-left:4px}.single-video-section__controls{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.single-video-section__wrapper:hover .single-video-section__controls,.single-video-section__controls.is-visible{opacity:1}.single-video-section__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;transition:background .25s ease,transform .2s ease;padding:0;flex-shrink:0}.single-video-section__btn:hover{background:#ffffff40;transform:scale(1.05)}.single-video-section__btn:active{transform:scale(.95)}.single-video-section__btn svg{width:18px;height:18px;fill:#fff}.single-video-section__btn .icon-pause,.single-video-section__btn.is-playing .icon-play{display:none}.single-video-section__btn.is-playing .icon-pause{display:block}.single-video-section__btn .icon-unmute,.single-video-section__btn.is-muted .icon-mute{display:none}.single-video-section__btn.is-muted .icon-unmute{display:block}.single-video-section__progress-wrap{flex:1;height:4px;background:#fff3;border-radius:2px;cursor:pointer;position:relative;overflow:hidden}.single-video-section__progress-bar{height:100%;background:#fff;border-radius:2px;width:0%;transition:width .1s linear}.single-video-section__progress-wrap:hover{height:6px}.single-video-section__time{color:#fffc;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;min-width:36px;text-align:center}@media screen and (max-width:749px){.single-video-section__play-overlay{width:60px;height:60px}.single-video-section__play-overlay svg{width:22px;height:22px}.single-video-section__controls{padding:8px 12px;gap:6px;opacity:1}.single-video-section__btn{width:36px;height:36px}.single-video-section__btn svg{width:16px;height:16px}.single-video-section__time{font-size:11px;min-width:30px}.single-video-section__placeholder-icon{width:60px;height:60px}.single-video-section__placeholder-icon svg{width:24px;height:24px}.single-video-section__placeholder-text{font-size:12px}.single-video-section__wrapper{max-width:303px;border-radius:16px;height:100%;min-height:540px}.single-video-section__video,.single-video-section__thumbnail-img{border-radius:16px}}
/*# sourceMappingURL=/cdn/shop/t/266/assets/single-video-section.css.map */