.sl-hero{display:block}.sl-hero__stage{--_left: max(var(--sl-gutter), calc(var(--sl-hero-inset, 240) * var(--sl-u)));--_text-b: calc(var(--sl-hero-text-bottom, 160) * var(--sl-u));--_bar-b: calc(var(--sl-hero-bar-bottom, 37) * var(--sl-u));position:relative;width:100%;aspect-ratio:var(--sl-hero-ratio-m, 3 / 4);overflow:hidden;background:var(--sl-surface);color:var(--sl-white);font-family:var(--sl-font);touch-action:pan-y;-webkit-user-select:none;user-select:none}.sl-hero__stage img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@supports (width: 1cqw){.sl-hero{container-type:inline-size}.sl-hero__stage{--_left: max(var(--sl-gutter), calc(var(--sl-hero-inset, 240) / 1920 * 100cqw));--_text-b: calc(var(--sl-hero-text-bottom, 160) / 1920 * 100cqw);--_bar-b: calc(var(--sl-hero-bar-bottom, 37) / 1920 * 100cqw)}}@media(min-width:750px){.sl-hero__stage{aspect-ratio:var(--sl-hero-ratio-d, 1920 / 1000)}}.sl-hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.sl-hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--sl-dur-showcase, .7s) var(--sl-ease-standard, ease),visibility 0s linear var(--sl-dur-showcase, .7s)}.sl-hero__slide.is-leaving{z-index:1;opacity:1;visibility:visible;transition-delay:0s}.sl-hero__slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.sl-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.sl-hero__picture{display:block;width:100%;height:100%}.sl-hero__img{display:block;width:100%;height:100%;object-fit:cover}.sl-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--sl-dur-base, .25s) var(--sl-ease-standard, ease)}.sl-hero__video.is-playing{opacity:1}.sl-hero__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.sl-hero__link:focus-visible{outline:2px solid var(--sl-white);outline-offset:-6px;box-shadow:inset 0 0 0 6px #084799d9}.sl-hero__text{position:absolute;z-index:2;left:var(--_left);bottom:var(--_text-b);width:min(1100px,calc(100% - var(--_left) - var(--sl-gutter)));display:flex;flex-direction:column;gap:clamp(16px,calc(24 * var(--sl-u)),24px);pointer-events:none;opacity:0;transform:translateY(24px);transition:opacity var(--sl-dur-showcase, .7s) var(--sl-ease-out, ease-out),transform var(--sl-dur-showcase, .7s) var(--sl-ease-out, ease-out)}.sl-hero__slide.is-active .sl-hero__text{opacity:1;transform:none;transition-delay:.15s}@media(min-width:750px){.sl-hero__text{bottom:max(var(--_text-b),calc(max(8px,var(--_bar-b) - 9px) + 40px))}}.sl-hero__slide.is-leaving .sl-hero__text{transition-delay:0s}.sl-hero__title,.sl-hero__body{margin:0;font-family:var(--sl-font);font-style:normal;letter-spacing:0;word-break:normal;overflow-wrap:break-word;color:inherit;text-transform:none}.sl-hero__title{font-size:var(--sl-fs-48);line-height:var(--sl-lh-48);font-weight:700}.sl-hero__body{font-size:var(--sl-fs-24);line-height:var(--sl-lh-24);font-weight:500}.sl-hero__text .sl-hero__cta{--_h: clamp(48px, calc(64 * var(--sl-u)), 64px);--_minw: clamp(180px, calc(240 * var(--sl-u)), 240px);--_bw: 1.5px;--_bd: #d3d3d3;align-self:flex-start;border-radius:52px;pointer-events:auto}.sl-hero__slide--empty .sl-hero__text{color:var(--sl-text)}.sl-hero__slide--empty .sl-hero__cta{--_fg: var(--sl-text);--_bd: var(--sl-text-2)}.sl-hero__controls{position:absolute;z-index:4;left:50%;bottom:max(8px,calc(var(--_bar-b) - 9px));transform:translate(-50%)}.sl-hero__bar{display:flex;gap:20px}.sl-hero__seg{display:flex;align-items:center;width:100px;height:24px;margin:0;padding:0;border:0;border-radius:3px;background:none;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}.sl-hero__track{display:block;width:100%;height:6px;border-radius:3px;background:#ffffff80;overflow:hidden}.sl-hero__fill{display:block;width:100%;height:100%;border-radius:3px;background:var(--sl-white);transform:scaleX(0);transform-origin:left center}.sl-hero__fill.is-running{animation:sl-hero-fill var(--_fill-dur, 5s) linear forwards}.sl-hero__stage[data-paused] .sl-hero__fill{animation-play-state:paused}@keyframes sl-hero-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sl-hero__pause{position:absolute;top:50%;left:100%;margin:0 0 0 12px;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:none;color:var(--sl-white);cursor:pointer;transform:translateY(-50%);-webkit-appearance:none;appearance:none;transition:opacity var(--sl-dur-fast, .15s) var(--sl-ease-standard, ease)}.sl-hero__ico{display:block;width:24px;height:24px}.sl-hero__ico--play,.sl-hero__pause[aria-pressed=true] .sl-hero__ico--pause{display:none}.sl-hero__pause[aria-pressed=true] .sl-hero__ico--play{display:block}@media(hover:hover){.sl-hero__pause:hover{opacity:.75}}.sl-hero__stage .sl-hero__arrow{display:none}@media(hover:hover)and (pointer:fine)and (min-width:750px){.sl-hero__stage .sl-hero__arrow{display:block;position:absolute;z-index:4;top:50%;margin-top:-30px;opacity:0;pointer-events:none;transition:opacity var(--sl-dur-base, .25s) var(--sl-ease-standard, ease)}.sl-hero__stage .sl-hero__arrow--prev{left:30px}.sl-hero__stage .sl-hero__arrow--next{right:30px}.sl-hero__stage[data-edge=prev] .sl-hero__arrow--prev,.sl-hero__stage[data-edge=next] .sl-hero__arrow--next,.sl-hero__stage .sl-hero__arrow:focus-visible{opacity:1;pointer-events:auto}}.sl-hero__seg:focus-visible,.sl-hero__pause:focus-visible{outline:2px solid var(--sl-white);outline-offset:2px;box-shadow:0 0 0 4px #00000073}@media(max-width:749px){.sl-hero__slide:not(.sl-hero__slide--empty):after{content:"";position:absolute;inset:auto 0 0 0;z-index:1;height:62%;background:linear-gradient(to top,#0000009e,#0000004d,#0000);pointer-events:none}.sl-hero__text{left:var(--sl-gutter);bottom:56px;width:calc(100% - 2 * var(--sl-gutter));gap:12px}.sl-hero__br{display:none}.sl-hero__text .sl-hero__cta{--_h: 40px;--_minw: 160px;--_fs: var(--sl-fs-16);--_lh: var(--sl-lh-16);padding-inline:24px;border-radius:999px}.sl-hero__controls{bottom:12px}.sl-hero__bar{gap:8px}.sl-hero__seg{width:40px}}@media(prefers-reduced-motion:reduce){.sl-hero__text,.sl-hero__slide.is-active .sl-hero__text{transform:none;transition-property:opacity}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sl-hero-carousel.css.map */