.yd-hero{--yd-hero-stage-h: min(84svh, 780px);--yd-hero-bar-h: 3px;--yd-hero-bars-row: 23px;--yd-hero-blur: 28px;--yd-hero-ground-blur: 26px;--yd-hero-bar-gap-desktop: 5px;--yd-hero-ground: rgba(255, 255, 255, .55);--yd-hero-ground-strong: rgba(255, 255, 255, .85);--yd-hero-seam: rgba(20, 27, 60, .06);--yd-hero-bar-track: rgba(20, 27, 60, .18);--yd-hero-bar-fill: var(--yd-indigo-600);position:relative;overflow:hidden;background:var(--yd-white);color:var(--yd-slate-900)}.yd-hero--dark{--yd-hero-bar-track: rgba(255, 255, 255, .35);--yd-hero-bar-fill: var(--yd-white)}.yd-hero__stage{position:relative}.yd-hero__track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;list-style:none;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;transition:opacity var(--yd-duration-fast) var(--yd-ease-in-out)}.yd-hero__track::-webkit-scrollbar{display:none}.yd-hero__track.is-jumping{opacity:0}@media(hover:hover)and (pointer:fine){.yd-hero__track{overflow-x:hidden}}.yd-hero__slide{position:relative;scroll-snap-align:start;scroll-snap-stop:always;min-height:100%;display:block}.yd-hero__link{display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.yd-hero__slide,.yd-hero__link,.yd-hero__media,.yd-hero__img,.yd-hero__video{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.yd-hero__img,.yd-hero__video{pointer-events:none}.yd-hero__link:focus-visible{outline:none}.yd-hero__link:focus-visible .yd-hero__media:after{content:"";position:absolute;inset:var(--yd-sp-2);border-radius:var(--yd-radius-card);box-shadow:var(--yd-focus-ring);pointer-events:none}.yd-hero__media{position:relative;overflow:hidden}.yd-hero__img,.yd-hero__video{display:block;width:100%;height:auto}.yd-hero__img--empty{aspect-ratio:3 / 4;background:linear-gradient(160deg,var(--yd-indigo-700),var(--yd-indigo-900))}.yd-hero--tall .yd-hero__slide{height:min(88svh,720px)}.yd-hero--medium .yd-hero__slide{height:min(64svh,560px)}.yd-hero--adapt .yd-hero__slide{aspect-ratio:4 / 5}.yd-hero--tall .yd-hero__media,.yd-hero--medium .yd-hero__media,.yd-hero--adapt .yd-hero__media{position:absolute;top:0;right:0;bottom:0;left:0}.yd-hero--tall .yd-hero__img,.yd-hero--medium .yd-hero__img,.yd-hero--adapt .yd-hero__img,.yd-hero--tall .yd-hero__video,.yd-hero--medium .yd-hero__video,.yd-hero--adapt .yd-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media(min-width:750px){.yd-hero--tall .yd-hero__slide{height:var(--yd-hero-stage-h)}.yd-hero--adapt .yd-hero__slide{aspect-ratio:21 / 9}.yd-hero--image .yd-hero__slide{height:var(--yd-hero-stage-h)}.yd-hero--image .yd-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--yd-indigo-900)}.yd-hero--image .yd-hero__media:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:var(--yd-hero-bg) center / cover no-repeat;filter:blur(var(--yd-hero-blur)) brightness(.62) saturate(1.1)}.yd-hero--image .yd-hero__img,.yd-hero--image .yd-hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.yd-hero--image .yd-hero__img--empty{aspect-ratio:auto}}.yd-hero__stage{z-index:2}.yd-hero__bars{position:absolute;z-index:3;top:100%;inset-inline:var(--yd-gutter);height:var(--yd-hero-bars-row);display:flex;align-items:center;gap:var(--yd-sp-1)}.yd-hero__bar{flex:1 1 0;min-width:0;height:var(--yd-tap);margin-block:calc((var(--yd-hero-bars-row) - var(--yd-tap)) / 2);padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center;-webkit-tap-highlight-color:transparent}.yd-hero__bar:focus-visible{outline:none}.yd-hero__bar:focus-visible .yd-hero__bar-track{box-shadow:var(--yd-focus-ring)}.yd-hero__bar-track{display:block;width:100%;height:var(--yd-hero-bar-h);border-radius:var(--yd-radius-pill, 999px);background:var(--yd-hero-bar-track);overflow:hidden;position:relative}.yd-hero__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--yd-hero-bar-fill);transform:scaleX(0);transform-origin:left center;will-change:transform}html[dir=rtl] .yd-hero__bar-fill{transform-origin:right center}.yd-hero__bar.is-done .yd-hero__bar-fill{transform:scaleX(1)}.yd-hero__ground{position:relative;overflow:hidden;background:var(--yd-white)}.yd-hero__ground-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.yd-hero__ground-plate{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:var(--yd-white) center bottom / 140% auto no-repeat;filter:blur(var(--yd-hero-ground-blur)) saturate(1.05);opacity:0;visibility:hidden;transition:opacity var(--yd-duration-slow) var(--yd-ease-out),visibility 0s var(--yd-duration-slow)}.yd-hero__ground-plate.is-active{opacity:1;visibility:visible;transition:opacity var(--yd-duration-slow) var(--yd-ease-out),visibility 0s}.yd-hero__ground:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--yd-hero-seam);pointer-events:none;z-index:1}.yd-hero__deck{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--yd-sp-3);padding:calc(var(--yd-hero-bars-row) + 2px) var(--yd-gutter) var(--yd-sp-3)}.yd-hero__cta{min-height:48px;min-width:0;padding-inline:var(--yd-sp-4);white-space:nowrap;justify-content:center;text-align:center}.yd-hero__cta--fill{box-shadow:var(--yd-shadow-sm)}.yd-hero__cta--ghost,.yd-hero__cta--ghost:hover{color:var(--yd-indigo-700)}.yd-hero__cta--ghost{background-color:var(--yd-hero-ground);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.yd-hero__cta--ghost:hover{background-color:var(--yd-hero-ground-strong)}.yd-hero__cta--ghost:after,.yd-hero__cta--ghost:hover:after{box-shadow:0 0 0 1.5px var(--yd-indigo-600)!important}.yd-hero--dark .yd-hero__cta--ghost,.yd-hero--dark .yd-hero__cta--ghost:hover{color:var(--yd-white)}.yd-hero--dark .yd-hero__cta--ghost{background-color:#ffffff24}.yd-hero--dark .yd-hero__cta--ghost:hover{background-color:#ffffff4d}.yd-hero--dark .yd-hero__cta--ghost:after,.yd-hero--dark .yd-hero__cta--ghost:hover:after{box-shadow:0 0 0 1.5px #ffffffd9!important}@media(min-width:750px){.yd-hero--image{--yd-hero-w: min(100vw, calc(var(--yd-hero-stage-h) * 16 / 9));--yd-hero-h: calc(var(--yd-hero-w) * 9 / 16)}.yd-hero--tall,.yd-hero--medium,.yd-hero--adapt{--yd-hero-w: 100vw;--yd-hero-h: 100%}.yd-hero__bars{top:auto;bottom:calc((var(--yd-hero-stage-h) - var(--yd-hero-h)) / 2 + var(--yd-hero-h) * .022);inset-inline-start:calc((100vw - var(--yd-hero-w)) / 2 + var(--yd-hero-w) * .048);inset-inline-end:auto;width:calc(var(--yd-hero-w) * .42);height:12px;gap:var(--yd-hero-bar-gap-desktop)}.yd-hero--tall .yd-hero__bars,.yd-hero--medium .yd-hero__bars,.yd-hero--adapt .yd-hero__bars{bottom:var(--yd-sp-4);inset-inline-start:var(--yd-gutter);width:min(42vw,60rem)}.yd-hero__bar{height:12px}.yd-hero__ground{position:absolute;top:0;right:0;bottom:0;left:0;background:none;overflow:visible;pointer-events:none;z-index:3}.yd-hero__ground-art,.yd-hero__ground:before{display:none}.yd-hero__deck{position:absolute;pointer-events:auto;display:flex;gap:var(--yd-sp-3);padding:0;inset-inline-start:calc((100vw - var(--yd-hero-w)) / 2 + var(--yd-hero-w) * .048);bottom:calc((var(--yd-hero-stage-h) - var(--yd-hero-h)) / 2 + var(--yd-hero-h) * .07)}.yd-hero--tall .yd-hero__deck,.yd-hero--medium .yd-hero__deck,.yd-hero--adapt .yd-hero__deck{inset-inline-start:var(--yd-gutter);bottom:var(--yd-sp-8)}.yd-hero__cta{min-height:52px;min-width:16rem;padding-inline:var(--yd-sp-6)}}@media(prefers-reduced-motion:reduce){.yd-hero__track,.yd-hero__ground-plate{transition:none}.yd-hero__bar.is-active .yd-hero__bar-fill{transform:scaleX(1)}}@media(max-width:749px)and (max-height:700px){.yd-hero__deck{padding-bottom:calc(var(--yd-sp-3) + 60px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/yd-hero.css.map */