.video-banner{position:relative;display:block}.video-banner__wrapper{display:block;position:relative}.video-banner__stage{position:relative;width:100%;height:100svh;overflow:hidden;background:rgb(var(--color-foreground))}.video-banner__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--video-banner-overlay, 0);pointer-events:none;z-index:2}.video-banner__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;z-index:0;transition:opacity .6s ease;will-change:opacity}.video-banner__slide.is-active{opacity:1;visibility:visible;z-index:1}.video-banner__poster,.video-banner__video,.video-banner__external,.video-banner__external iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.video-banner__poster{z-index:0}.video-banner__video{z-index:1;background:transparent}.video-banner__external{z-index:1;overflow:hidden;pointer-events:none}.video-banner__external iframe{min-width:100%;min-height:100%;width:177.78vh;height:56.25vw;max-width:none;transform:translate(-50%,-50%);inset:auto}.video-banner__overlay-image{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:48px;z-index:1;pointer-events:none}.video-banner__overlay-img{display:block;max-width:min(1600px,87vw);width:100%;height:auto;object-fit:contain;max-height:75svh}.video-banner__overlay-img--mobile{display:none}.video-banner__overlay-img--mobile:only-child{display:block}@media screen and (max-width:749px){.video-banner__overlay-image{padding:32px}.video-banner__overlay-img{max-width:90vw;max-height:60vh}.video-banner__overlay-img--mobile{display:block}.video-banner__overlay-img--mobile~.video-banner__overlay-img--desktop{display:none}}.video-banner__widget{position:absolute;right:64px;bottom:64px;transform:translate(-50%);width:300px;z-index:3;display:grid;gap:12px;padding:19.2px;border-radius:25.6px;overflow:hidden;isolation:isolate;background:#ffffff14;border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 36px #00000038,0 0 20px #0000001f;backdrop-filter:blur(10px) saturate(113%);-webkit-backdrop-filter:blur(10px) saturate(113%);color:#fff;pointer-events:auto;transition:box-shadow .28s ease}.video-banner__widget:hover{box-shadow:0 14px 44px #0000004d,0 0 24px #00000024}@media screen and (min-width:750px){.video-banner__widget{bottom:48px;padding:16px;width:350px}}.video-banner__widget-top{display:flex;align-items:center;gap:12.8px}.video-banner__widget-controls{display:flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0}.video-banner__ctrl{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff24;box-shadow:inset 0 1px #ffffff59;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:inherit;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease}.video-banner__ctrl:hover{background:#ffffff47;border-color:#ffffff80}.video-banner__ctrl:active{transform:scale(.94)}.video-banner__ctrl:focus-visible{outline:2px solid rgb(255,255,255);outline-offset:2px}.video-banner__ctrl svg{width:14px;height:14px;color:inherit;fill:currentColor;pointer-events:none}.video-banner__ctrl--playpause{width:70.4px;height:70.4px;background:#ffffff3d;border-color:#fff6}.video-banner__ctrl--playpause:hover{background:#ffffff57}.video-banner__ctrl-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.video-banner__ctrl-icon svg{width:22.4px;height:22.4px}.video-banner__ctrl--playpause .video-banner__ctrl-icon--play{display:none}.video-banner__ctrl--playpause .video-banner__ctrl-icon--pause,.video-banner.is-paused .video-banner__ctrl--playpause .video-banner__ctrl-icon--play{display:inline-flex}.video-banner.is-paused .video-banner__ctrl--playpause .video-banner__ctrl-icon--pause{display:none}.video-banner__widget-meta{display:flex;flex:1;flex-direction:column;align-items:flex-start;min-width:0;text-align:left;font-family:inherit;font-weight:400;font-size:13px;line-height:16px}.video-banner__widget-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-size:15px;font-weight:400;line-height:22px}.video-banner__widget-index{font-size:13px;line-height:16px;font-variant-numeric:tabular-nums;opacity:.6}.video-banner__widget-timer-wrap{display:grid;gap:8px}.video-banner__widget-timer{display:block;width:100%;height:3px;border-radius:999px;overflow:hidden;background:#ffffff4d}.video-banner__widget-timer-bar{display:block;width:0%;height:100%;background:#fff}.video-banner__widget-timer-stats{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;line-height:13px;font-variant-numeric:tabular-nums}.video-banner__gallery{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}@media screen and (min-width:750px){.video-banner__gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}}.video-banner__gallery-item{min-width:0}.video-banner__thumb{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;position:relative;border-radius:6px;overflow:hidden;outline:0}.video-banner__thumb-media{position:relative;display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #fff3;transition:opacity .15s ease}.video-banner__thumb-media img,.video-banner__thumb-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner__thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:38.4px;font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.4)}.video-banner__thumb:not(.is-active) .video-banner__thumb-media{opacity:.6}.video-banner__thumb:not(.is-active):hover .video-banner__thumb-media{opacity:.87}.video-banner__thumb.is-active .video-banner__thumb-media{opacity:1}.video-banner__thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.38);border-radius:inherit;pointer-events:none;transition:border-color .2s ease}.video-banner__thumb.is-active:after{border-color:#fff}.video-banner__thumb:focus-visible{outline:1px solid rgb(255,255,255);outline-offset:1px}.video-banner__slide.placeholder .placeholder-svg,.video-banner__slide .placeholder-svg--full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}@media screen and (max-width:749px){.video-banner__widget{bottom:19.2px;padding:17.6px;border-radius:19.2px}}@media(prefers-reduced-motion:reduce){.video-banner__slide{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-video-banner-gallery.css.map */