.hero__slider{position:relative;overflow:hidden}.hero__slider--rounded{border-radius:var(--radius-card)}.hero__track{--slides: 1;--slides-md: 1;--slides-lg: 1;--peek: 0;--peek-md: 0;--peek-lg: 0;gap:0}.hero__slide{position:relative;display:grid}.hero__media{position:relative;grid-area:1 / 1;padding-block-start:var(--hero-ratio-mobile);overflow:hidden;background-color:var(--color-background-soft)}@media(min-width:750px){.hero__media{padding-block-start:var(--hero-ratio-desktop)}}.hero__media picture,.hero__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.hero__media--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,color-mix(in srgb,var(--color-primary-dark) 55%,transparent),transparent 70%)}[dir=ltr] .hero__media--overlay:after{background:linear-gradient(to right,color-mix(in srgb,var(--color-primary-dark) 55%,transparent),transparent 70%)}.hero__slide--fade .hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-background) 92%,transparent) 0%,color-mix(in srgb,var(--color-background) 70%,transparent) 30%,transparent 62%)}@media(max-width:749px){.hero__slide--fade .hero__content{align-items:flex-end;padding-block-end:var(--space-8)}}@media(min-width:750px){.hero__slide--fade .hero__media:after{background:linear-gradient(to left,color-mix(in srgb,var(--color-background) 88%,transparent) 0%,color-mix(in srgb,var(--color-background) 60%,transparent) 38%,transparent 62%)}[dir=ltr] .hero__slide--fade .hero__media:after{background:linear-gradient(to right,color-mix(in srgb,var(--color-background) 88%,transparent) 0%,color-mix(in srgb,var(--color-background) 60%,transparent) 38%,transparent 62%)}}.hero__content{position:relative;z-index:2;grid-area:1 / 1;display:flex;align-items:center;padding:var(--space-6) var(--space-5);pointer-events:none}@media(min-width:1024px){.hero__content{padding:var(--space-12) var(--space-16)}}.hero__slide--start .hero__content{justify-content:flex-start}.hero__slide--center .hero__content{justify-content:center;text-align:center}.hero__slide--end .hero__content{justify-content:flex-end}.hero__box{display:grid;justify-items:start;gap:var(--space-3);max-inline-size:min(100%,560px);pointer-events:auto}.hero__slide--center .hero__box{justify-items:center}.hero__box--panel{padding:var(--space-6);border-radius:var(--radius-card);background-color:color-mix(in srgb,var(--color-surface) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--color-text)}@media(min-width:1024px){.hero__box{gap:var(--space-4)}.hero__box--panel{padding:var(--space-10)}}.hero__slide--text-dark .hero__box:not(.hero__box--panel){color:var(--color-text)}.hero__slide--text-light .hero__box:not(.hero__box--panel){color:var(--color-on-primary)}.hero__eyebrow{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background-color:color-mix(in srgb,var(--color-sale) 14%,var(--color-surface));color:var(--color-sale-text);font-size:var(--fs-small);font-weight:700}.hero__heading{margin:0}.hero__text{font-size:calc(var(--fs-body) * 1.05);line-height:1.7;opacity:.9}.hero__buttons{margin-block-start:var(--space-2)}@media(max-width:767px){.hero__text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero__buttons .button{min-block-size:44px;padding-inline:var(--space-4)}}.hero__dots{position:absolute;inset-inline:0;inset-block-end:var(--space-2);z-index:3;margin:0}.hero__dots .slider__dot:before{background-color:color-mix(in srgb,var(--color-surface) 70%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--color-text) 12%,transparent)}.hero__dots .slider__dot[aria-current=true]:before{background-color:var(--color-surface)}.hero .slider__button--overlay{opacity:0;transition:opacity var(--duration) var(--ease)}.hero__slider:hover .slider__button--overlay,.hero .slider__button--overlay:focus-visible{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero.css.map */