.vstl{--vstl-slide-width: 42vw;--vstl-slide-gap: var(--spacing-3);--vstl-slide-scale: 1.28;--vstl-play-size: 64px;--vstl-slide-outset: calc((var(--vstl-slide-scale) - 1) * var(--vstl-slide-width) / 2);--vstl-ring-allowance: var(--spacing-2);display:grid;gap:var(--spacing-6)}@media screen and (max-width:699px){.vstl-section{--section-spacing-inline: 0px}}.vstl__onboarding{text-align:center}.vstl__viewport{display:grid;gap:var(--spacing-8)}.vstl__carousel{align-items:center;gap:var(--vstl-slide-gap);padding-block:calc((var(--vstl-slide-scale) - 1) * var(--vstl-slide-width) * 344 / 202 / 2 + var(--vstl-ring-allowance));margin-block:calc(-1 * var(--vstl-ring-allowance));padding-inline:calc(50% - var(--vstl-slide-width) / 2);scroll-padding-inline:calc(50% - var(--vstl-slide-width) / 2);display:flex}.vstl__slide{scroll-snap-align:center;scroll-snap-stop:always;width:var(--vstl-slide-width);cursor:pointer;background:none;border:none;flex:none;padding:0;transition:opacity .35s ease}.vstl__slide[aria-current=false]{opacity:.6}.vstl__poster{aspect-ratio:202 / 344;border-radius:var(--rounded-xs);background:rgb(var(--text-color) / .04);place-items:center;display:grid;overflow:hidden;position:relative;transition:transform .35s ease,translate .35s ease}.vstl__slide[aria-current=true] .vstl__poster{transform:scale(var(--vstl-slide-scale))}.vstl__slide:focus-visible{outline:none}.vstl__slide:focus-visible .vstl__poster{outline:2px solid rgb(var(--text-color));outline-offset:2px}.vstl__slide:has(~[aria-current=true]) .vstl__poster{translate:calc(-1 * var(--vstl-slide-outset)) 0}.vstl__slide[aria-current=true]~.vstl__slide .vstl__poster{translate:var(--vstl-slide-outset) 0}.vstl__slide:dir(rtl):has(~[aria-current=true]) .vstl__poster{translate:var(--vstl-slide-outset) 0}.vstl__slide[aria-current=true]~.vstl__slide:dir(rtl) .vstl__poster{translate:calc(-1 * var(--vstl-slide-outset)) 0}.vstl__poster-image{width:100%;height:100%;object-fit:cover}.vstl-play{width:var(--vstl-play-size);height:var(--vstl-play-size);place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;transition:scale .35s ease}.vstl__slide[aria-current=true] .vstl-play{scale:calc(1 / var(--vstl-slide-scale))}.vstl-play>svg{width:100%;height:100%}.vstl__viewport .scrollbar__buttons{display:none}@media screen and (max-width:699px){.vstl__viewport .scrollbar{margin-inline:var(--spacing-5)}}@media screen and (min-width:700px){.vstl{--vstl-slide-width: 202px;--vstl-slide-gap: var(--spacing-6);--vstl-slide-scale: calc(272 / 202);gap:var(--spacing-12)}.vstl__viewport{align-items:center;grid-template-columns:auto minmax(0,1fr) auto}.vstl__viewport .vstl__carousel{grid-column:1 / -1;grid-row:1}.vstl__viewport .scrollbar{grid-column:1 / -1;grid-row:1;justify-content:space-between;pointer-events:none;position:relative;z-index:1}.vstl__viewport .scrollbar__progress{display:none}.vstl__viewport .scrollbar__buttons{width:100%;justify-content:space-between;pointer-events:none;display:flex}.vstl__viewport .scrollbar__buttons>button{pointer-events:auto}}.vstl-popup.drawer{--drawer-content-max-height: 100%;--drawer-body-padding: 0;--drawer-header-padding: 0;--vstl-play-size: var(--spacing-16);--vstl-tile-column: 135px;--vstl-track-width: 2px;width:100%;height:100%;padding:0}.vstl-popup.drawer::part(content){border-radius:0;height:100%}.vstl-popup.drawer::part(body){align-items:stretch;overflow:hidden}.vstl-popup.drawer::part(outside-close-button){display:none}.vstl-popup.drawer>[is=close-button]{width:var(--spacing-14);height:var(--spacing-14);color:rgb(var(--text-color));background:rgb(var(--dialog-background));border:1px solid rgb(var(--border-color));border-radius:var(--rounded-full);place-items:center;z-index:2;display:grid}.vstl-popup__inner{grid-template-rows:minmax(0,1fr) auto;gap:var(--spacing-4);height:100dvh;display:grid}.vstl-popup__carousel{min-height:0;display:grid}.vstl-popup__panel{grid-area:1 / 1;grid-template-rows:minmax(0,1fr) auto;gap:var(--spacing-2-5);min-height:0;display:grid}.vstl-popup__panel--initially-hidden{visibility:hidden;opacity:0}.vstl-popup__stage{min-height:0;position:relative}.vstl-popup__video{aspect-ratio:auto;width:100%;height:100%}.vstl-popup__video>video:not(:fullscreen){width:100%;height:100%;cursor:pointer;object-fit:contain}@media screen and (max-width:699px){.vstl-popup__video>video:not(:fullscreen){object-fit:cover}}.vstl-popup .vstl-popup__toggle{background:none;border:none;cursor:pointer;padding:0;pointer-events:auto;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}.vstl-popup__video[suspended]~.vstl-popup__toggle{display:none}.vstl-popup__play{transition:opacity .2s ease;pointer-events:none}.vstl-popup__toggle[data-playing=true] .vstl-popup__play{opacity:0}.vstl-popup__products{display:grid;gap:var(--spacing-2);padding-inline:var(--spacing-5)}.vstl-popup__tiles{gap:var(--spacing-2);padding-block-end:var(--spacing-5);display:flex}.vstl-popup__tiles--scrollable{scroll-padding-inline:var(--spacing-5)}@media screen and (max-width:999px){.vstl-popup__tiles--scrollable{margin-inline:calc(-1 * var(--spacing-5));padding-inline:var(--spacing-5)}}.vstl-tile{width:calc((100% - 3 * var(--spacing-2)) / 3.5);scroll-snap-align:start;gap:var(--spacing-2);color:inherit;text-decoration:none;flex:none;display:grid}@media screen and (max-width:999px){.vstl-popup__tiles:not(.vstl-popup__tiles--scrollable) .vstl-tile{flex:0 0 calc((100% - 2 * var(--spacing-2)) / 3)}}.vstl-tile__media{aspect-ratio:19 / 25;background:rgb(var(--text-color) / .04);border-radius:var(--rounded-xs);display:block;overflow:hidden}.vstl-tile__image{width:100%;height:100%;object-fit:cover}@media screen and (max-width:999px){.vstl-popup__products .scrollbar{margin-block-end:var(--spacing-4)}}.vstl-popup__controls{--vstl-pill-height: 34px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--spacing-3);padding-inline:var(--spacing-5);display:grid;position:relative}@media screen and (max-width:999px){.vstl-popup__controls{margin-block-end:var(--spacing-5)}}.vstl-popup__controls:not(:has(.vstl-popup__nav)){grid-template-columns:minmax(0,1fr)}.vstl-popup__controls:not(:has(.vstl-popup__nav)) .vstl-popup__mute{justify-self:center}.vstl-popup__mute{justify-self:end;width:var(--vstl-pill-height);height:var(--vstl-pill-height);color:rgb(var(--text-color));background:rgb(var(--dialog-background));border:1px solid rgb(var(--border-color));border-radius:var(--rounded-full);place-items:center;display:grid}.vstl-popup__mute-icon{width:55%;height:55%}.vstl-popup__mute[aria-pressed=true] .vstl-popup__mute-icon--on,.vstl-popup__mute[aria-pressed=false] .vstl-popup__mute-icon--off{display:none}.vstl-popup__nav{align-items:center;height:var(--vstl-pill-height);border:1px solid rgb(var(--border-color));border-radius:var(--rounded-full);display:flex}.vstl-popup__nav-button{height:100%;padding-inline:var(--spacing-4);color:rgb(var(--text-color));background:none;border:none;border-radius:var(--rounded-full);place-items:center;display:grid}.vstl-popup__nav-button[disabled]{opacity:.4}.vstl-popup__counter{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);white-space:nowrap;margin:0;padding-inline:var(--spacing-1);translate:0 .1em;display:flex;line-height:10px}.vstl-popup__counter-value{gap:var(--spacing-0-5);display:flex}@media screen and (min-width:1000px){.vstl-popup.drawer>[is=close-button]{top:var(--spacing-12);inset-inline-end:var(--spacing-12)}.vstl-popup__inner{gap:var(--spacing-8);padding-block:var(--spacing-12)}.vstl-popup__controls{--vstl-pill-height: 45px}.vstl-popup__nav-button{padding-inline:var(--spacing-5)}.vstl-popup__panel{grid-template-rows:none;grid-template-columns:minmax(0,auto) calc(var(--vstl-tile-column) + var(--spacing-5) + var(--vstl-track-width));justify-content:center;align-items:stretch;gap:var(--spacing-12);padding-inline:var(--spacing-24)}.vstl-popup__panel--slider{--vstl-tile-column: 108px}.vstl-popup__panel--no-products{grid-template-columns:minmax(0,auto)}.vstl-popup__stage{aspect-ratio:var(--vstl-stage-ratio);width:auto;max-width:100%;height:100%;margin-inline:auto}.vstl-popup__products{overscroll-behavior-y:contain;overflow:hidden auto;min-height:0;padding-block:0;padding-inline:0 var(--spacing-5);align-content:start}@supports (-moz-appearance: none){.vstl-popup__products{scrollbar-width:thin;scrollbar-color:rgb(var(--text-color)) rgb(var(--border-color))}}.vstl-popup__products::-webkit-scrollbar{width:var(--vstl-track-width);display:block}.vstl-popup__products::-webkit-scrollbar-track{background:rgb(var(--border-color))}.vstl-popup__products::-webkit-scrollbar-thumb{background:rgb(var(--text-color))}.vstl-popup__tiles{flex-direction:column;gap:var(--spacing-5);padding-block-end:0}.vstl-popup__tiles--scrollable{scroll-snap-type:none;overflow:visible}.vstl-popup__products .scrollbar{display:none}.vstl-tile{width:100%}.vstl-tile__media{aspect-ratio:5 / 7}}@media(prefers-reduced-motion:reduce){.vstl__slide,.vstl__poster,.vstl-play,.vstl-popup__play{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/178/assets/video-shop-the-look.css.map */