self-hero-tabs.sht{display:flex;flex-direction:column;font-family:var(--self-font-body, inherit)}.sht__nav{order:0;padding-top:1.2rem}.sht__tabs{display:flex;gap:.4rem;padding:.4rem;background:var(--self-bg-sunk, #f2f2f2);border-radius:999px;overflow-x:auto;scrollbar-width:none}.sht__tabs::-webkit-scrollbar{display:none}.sht__tab{flex:1 0 auto;min-height:4.4rem;padding:0 1.6rem;border:0;border-radius:999px;background:transparent;color:var(--self-text-muted, #666666);font:500 1.4rem/1 var(--self-font-body, inherit);letter-spacing:0;white-space:nowrap;cursor:pointer;transition:background-color .24s var(--self-ease-out, ease),color .24s var(--self-ease-out, ease),box-shadow .24s var(--self-ease-out, ease)}.sht__tab:hover{color:var(--self-text, #171717)}.sht__tab[aria-selected=true]{background:var(--self-bg, #ffffff);color:var(--self-text, #171717);font-weight:600;box-shadow:var(--self-shadow-md, 0 4px 12px rgba(23, 23, 23, .07))}.sht__tab:focus-visible{outline:2px solid var(--self-text, #171717);outline-offset:2px}.sht__panel[hidden]{display:none}.sht__chips{list-style:none;margin:1.2rem 0 0;padding:0 0 .4rem;display:flex;gap:1.2rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.sht__chips::-webkit-scrollbar{display:none}.sht__chips>li{flex:0 0 auto;scroll-snap-align:start}.sht__chip{display:flex;flex-direction:column;align-items:center;gap:.6rem;min-width:7.2rem;color:var(--self-text, #171717);text-decoration:none}.sht__chip-img{display:block;width:7.2rem;height:7.2rem;overflow:hidden;border-radius:var(--sht-radius-chip, 16px);background:var(--self-bg-sunk, #f2f2f2)}.sht__chip-img img,.sht__chip-img svg{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--self-ease-out, ease)}.sht__chip:hover .sht__chip-img img{transform:scale(1.06)}.sht__chip:focus-visible{outline:none}.sht__chip:focus-visible .sht__chip-img{outline:2px solid var(--self-text, #171717);outline-offset:2px}.sht__chip-label{font-size:1.2rem;font-weight:500;line-height:1.25;text-align:center;white-space:nowrap}.sht__stage{order:1;padding:1.6rem 1.5rem 0}.sht__card{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--sht-ratio-m, .75);max-height:78svh;overflow:hidden;border-radius:var(--sht-radius-card, 24px);background:var(--self-bg-sunk, #f2f2f2)}.sht__media,.sht__slide{position:absolute;top:0;right:0;bottom:0;left:0}.sht__slide{opacity:0;transition:opacity .6s var(--self-ease-out, ease)}.sht__slide.is-active{opacity:1}.sht__slide img,.sht__slide .sht__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.sht__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,var(--sht-scrim, .35)),#0000 55%)}.sht__glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none}.sht__glass[hidden]{display:none}.sht__glass text{white-space:pre}.sht__track{animation:sht-marquee var(--sht-dur, 40s) linear infinite}.sht.is-paused .sht__track,.sht.is-user-paused .sht__track{animation-play-state:paused}.sht__pause{position:absolute;right:1.2rem;bottom:1.2rem;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#00000073;color:#fff;cursor:pointer}.sht__pause[hidden]{display:none}.sht__pause:hover{background:#0009}.sht__pause:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.sht__pause-ico--play,.sht__pause[aria-pressed=true] .sht__pause-ico--pause{display:none}.sht__pause[aria-pressed=true] .sht__pause-ico--play{display:block}@keyframes sht-marquee{to{transform:translate(var(--sht-shift, 0px))}}.sht__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:flex-end;pointer-events:none}.sht__content{width:100%;padding:2.4rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.6rem;color:var(--sht-fg, #ffffff);text-align:center}.sht__content[hidden]{display:none}.sht__lead{display:flex;flex-direction:column;align-items:center;gap:1.8rem}.sht__heading{margin:0;color:inherit;font-family:var(--self-font-display, inherit);font-size:clamp(2.8rem,7.6vw,3.8rem);font-weight:600;line-height:1.08;letter-spacing:-.01em;text-shadow:0 2px 18px rgba(0,0,0,.25)}.sht__text{display:none;margin:0;max-width:42rem;color:inherit;font-size:1.5rem;line-height:1.5;text-shadow:0 1px 12px rgba(0,0,0,.3)}.sht--text-mobile .sht__text{display:block}.sht__cta{pointer-events:auto;display:inline-flex;align-items:center;gap:1.2rem;min-height:4.8rem;padding:.6rem .6rem .6rem 2.2rem;border-radius:999px;background:#fff;color:var(--self-text, #171717);font:500 1.5rem/1 var(--self-font-body, inherit);text-decoration:none;box-shadow:var(--self-shadow-md, 0 4px 12px rgba(23, 23, 23, .07));transition:transform .24s var(--self-ease-out, ease),box-shadow .24s var(--self-ease-out, ease)}.sht__cta:hover{transform:translateY(-1px);box-shadow:var(--self-shadow-lg, 0 12px 32px rgba(23, 23, 23, .1))}.sht__cta:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.sht__cta-icon{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--self-text, #171717);color:#fff;transition:transform .24s var(--self-ease-out, ease)}.sht__cta:hover .sht__cta-icon{transform:rotate(45deg)}@media screen and (min-width:750px){.sht__stage{order:0;padding:0}.sht__nav{order:1;padding-top:2.4rem}.sht--nav-hidden .sht__nav{display:none}.sht__tabs{display:inline-flex;max-width:100%}.sht__tab{flex:0 0 auto;padding:0 2.2rem}.sht__chips{gap:1.6rem;margin-top:1.6rem}.sht__chip{min-width:9.6rem}.sht__chip-img{width:9.6rem}.sht__chip-img{height:9.6rem}.sht__chip-label{font-size:1.3rem}.sht__pause{top:calc(var(--header-height, 8rem) + 1.6rem);right:5rem;bottom:auto}.sht__card{aspect-ratio:auto;height:var(--sht-h-d, 92vh);min-height:56rem;max-height:none;border-radius:0}.sht__content{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:4rem;padding:0 5rem 5.6rem;text-align:left}.sht__lead{align-items:flex-start;gap:2.4rem}.sht__heading{max-width:16ch;font-size:clamp(4rem,4.6vw,6.8rem)}.sht__text{display:block;max-width:40rem;font-size:1.6rem}}@media(prefers-reduced-motion:reduce){.sht__track{animation:none}.sht__pause{display:none}.sht__slide,.sht__tab,.sht__cta,.sht__cta-icon,.sht__chip-img img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/self-hero-tabs.css.map */