.video-section{width:100%;background-color:var(--video-bg, var(--color-bg-tertiary))}.video-section__inner{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--space-8)}@media(max-width:768px){.video-section__inner{padding:0 var(--space-5)}}@media(max-width:480px){.video-section__inner{padding:0 var(--space-4)}}.video-container{width:100%;border-radius:var(--video-radius, var(--radius-xl));overflow:hidden;position:relative;aspect-ratio:16 / 9;background-color:var(--color-bg-tertiary)}.video-container video{width:100%;height:100%;object-fit:cover;display:block}.video-container .youtube-wrapper,.video-container .vimeo-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-container .youtube-poster,.video-container .youtube-player-shell{position:absolute;top:0;right:0;bottom:0;left:0}.video-container .youtube-poster{background-color:#000;transition:opacity var(--transition-base),visibility var(--transition-base)}.video-container .youtube-poster__image{width:100%;height:100%;object-fit:cover;display:block}.video-container .youtube-poster__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.08),transparent 48%),#000;color:#ffffffe6}.video-container .youtube-poster__fallback svg{width:clamp(56px,8vw,92px);height:clamp(56px,8vw,92px)}.video-container .youtube-player-shell{background-color:#000}.video-container .youtube-wrapper iframe,.video-container .vimeo-wrapper iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none}.video-container .youtube-player-shell iframe{opacity:0;transition:opacity var(--transition-base)}.video-container .youtube-wrapper--loaded .youtube-poster{opacity:0;visibility:hidden;pointer-events:none}.video-container .youtube-wrapper--loaded .youtube-player-shell iframe{opacity:1}.video-click-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:pointer}.video-container .video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background-color:var(--color-bg-secondary);color:var(--color-text-light)}.video-container .video-placeholder svg{width:64px;height:64px;opacity:.5}.video-container .video-placeholder p{font-size:var(--font-size-sm);font-weight:500}.video-container .sound-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:var(--video-btn-size, 44px);height:var(--video-btn-size, 44px);background:var(--video-overlay-bg, rgba(0, 0, 0, .5));border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:var(--z-dropdown);padding:0}.video-container .sound-btn:hover{background:var(--video-overlay-bg, rgba(0, 0, 0, .7));transform:scale(1.1)}.video-container .sound-btn svg{width:calc(var(--video-btn-size, 44px) * .5);height:calc(var(--video-btn-size, 44px) * .5);color:#fff}.video-container .sound-btn .sound-on{display:none}.video-container .sound-btn .sound-off,.video-container .sound-btn.unmuted .sound-on{display:block}.video-container .sound-btn.unmuted .sound-off{display:none}.video-container .play-pause-overlay{position:absolute;top:var(--space-4);left:var(--space-4);width:var(--video-btn-size, 44px);height:var(--video-btn-size, 44px);background:var(--video-overlay-bg, rgba(0, 0, 0, .5));border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;opacity:1;transition:all var(--transition-base);pointer-events:auto;z-index:10;cursor:pointer;padding:0}.video-container .play-pause-overlay svg{width:calc(var(--video-btn-size, 44px) * .45);height:calc(var(--video-btn-size, 44px) * .45);color:#fff}.video-container .play-pause-overlay:hover{background:var(--video-overlay-bg, rgba(0, 0, 0, .7));transform:scale(1.05)}.video-container .play-pause-overlay .play-icon{display:none}.video-container .play-pause-overlay .pause-icon,.video-container.is-paused .play-pause-overlay .play-icon{display:block}.video-container.is-paused .play-pause-overlay .pause-icon{display:none}@media(max-width:768px){.video-container{border-radius:var(--video-radius-mobile, var(--radius-lg))}.video-container .sound-btn{width:calc(var(--video-btn-size, 44px) * .9);height:calc(var(--video-btn-size, 44px) * .9);top:var(--space-3);right:var(--space-3)}.video-container .sound-btn svg{width:calc(var(--video-btn-size, 44px) * .45);height:calc(var(--video-btn-size, 44px) * .45)}.video-container .play-pause-overlay{top:var(--space-3);left:var(--space-3);width:calc(var(--video-btn-size, 44px) * .9);height:calc(var(--video-btn-size, 44px) * .9)}.video-container .play-pause-overlay svg{width:calc(var(--video-btn-size, 44px) * .4);height:calc(var(--video-btn-size, 44px) * .4)}}@media(max-width:480px){.video-container{border-radius:var(--video-radius-mobile, var(--radius-md))}.video-container .sound-btn{width:calc(var(--video-btn-size, 44px) * .8);height:calc(var(--video-btn-size, 44px) * .8);top:var(--space-2);right:var(--space-2)}.video-container .sound-btn svg{width:calc(var(--video-btn-size, 44px) * .4);height:calc(var(--video-btn-size, 44px) * .4)}.video-container .play-pause-overlay{top:var(--space-2);left:var(--space-2);width:calc(var(--video-btn-size, 44px) * .8);height:calc(var(--video-btn-size, 44px) * .8)}.video-container .play-pause-overlay svg{width:calc(var(--video-btn-size, 44px) * .35);height:calc(var(--video-btn-size, 44px) * .35)}.video-container .video-placeholder svg{width:48px;height:48px}.video-container .video-placeholder p{font-size:var(--font-size-xs)}}@media(prefers-reduced-motion:reduce){.video-container .sound-btn,.video-container .sound-btn:hover{transition:none;transform:none}}.video-container .sound-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.video-container .play-pause-overlay:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.section-full-video.layout--full-width .video-section{max-width:none;padding:0}.section-full-video.layout--full-width .video-container{border-radius:0}full-video-section{display:block}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-full-video.css.map */