.split-hero{--sh-color-primary: var(--treat-green-01);--sh-color-secondary: var(--treat-light-green);--sh-space-sm: 1.2rem;--sh-space-md: 1.6rem;--sh-space-lg: 2.4rem;--sh-space-xl: 3.2rem;--sh-space-2xl: 4.8rem;--sh-space-3xl: 6.4rem;--sh-radius-sm: 0;--sh-border-width: 1px;--sh-duration-fast: .15s;--sh-duration-base: .25s;--sh-ease-standard: cubic-bezier(.4, 0, .2, 1);--sh-dash-length: 11.5vw;--sh-dash-thickness: 3px;--sh-dash-gap: calc(11.5vw / 3);--sh-dash-active: var(--treat-green-02);--sh-dash-inactive: rgba(123, 154, 140, .5);--sh-dash-offset: 3.2rem}@media screen and (min-width:750px){.split-hero{--sh-dash-length: 7.4vw;--sh-dash-gap: calc(7.4vw / 3);--sh-dash-active: var(--treat-green-02);--sh-dash-inactive: rgba(104, 119, 110, .35);--sh-dash-offset: 5.6rem}}.split-hero__track{position:relative}.split-hero__slide{display:flex;flex-direction:column;width:100%;flex-shrink:0}@media screen and (min-width:750px){.split-hero__slide{flex-direction:row}.split-hero__slide--image-right{flex-direction:row-reverse}.split-hero__media,.split-hero__panel{width:50%;flex:0 0 50%}}.split-hero__media img{display:block;width:100%;height:auto}.split-hero__media--placeholder{aspect-ratio:var(--sh-slide-ratio, 21 / 20)}.split-hero__media--placeholder .placeholder-svg{width:100%;height:100%}@media screen and (min-width:750px){.split-hero__media{aspect-ratio:var(--sh-slide-ratio, 21 / 20)}.split-hero__media img{height:100%;object-fit:cover}}.split-hero__panel{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));display:flex;flex-direction:column;justify-content:var(--sh-justify, center);align-items:var(--sh-align-flex, flex-start);text-align:var(--sh-text-align, start);padding:var(--sh-space-xl) 7vw calc(var(--sh-space-3xl) + var(--sh-space-xl)) 7vw}@media screen and (min-width:750px){.split-hero__panel{padding:var(--sh-space-3xl) 5vw}}@media screen and (max-width:749px){.split-hero__panel{flex:1 1 auto}}.split-hero__content>*+*{margin-top:var(--sh-space-md)}.split-hero__heading+.split-hero__text{margin-top:14px}@media screen and (min-width:750px){.split-hero__heading+.split-hero__text{margin-top:32px}}.split-hero__content>.split-hero__button{margin-top:var(--sh-space-lg)}.split-hero__content>*:first-child{margin-top:0}.split-hero__content>*:last-child{margin-bottom:0}.split-hero__heading,.split-hero__text{color:rgb(var(--color-foreground))}.split-hero__text a,.split-hero__text strong{color:inherit}.split-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:var(--sh-space-sm) var(--sh-space-lg);background-color:transparent;border:var(--sh-border-width) solid rgb(var(--color-secondary-button-text));border-radius:var(--sh-radius-sm);color:rgb(var(--color-secondary-button-text));text-decoration:none;cursor:pointer;font-family:inherit;transition:background-color var(--sh-duration-fast) var(--sh-ease-standard),color var(--sh-duration-fast) var(--sh-ease-standard)}.split-hero__button:hover{background-color:rgb(var(--color-secondary-button-hover));border-color:rgb(var(--color-secondary-button-hover));color:rgb(var(--color-secondary-button-text-hover))}.split-hero__button:focus-visible{outline:.2rem solid var(--sh-color-primary);outline-offset:.2rem}.split-hero__controls{position:absolute;inset-inline-start:0;inset-inline-end:0;bottom:var(--sh-dash-offset);display:flex;justify-content:center;align-items:center;z-index:2;pointer-events:none}.split-hero__dashes{display:flex;gap:var(--sh-dash-gap)}.split-hero__dash-button{padding:2.1rem 0;pointer-events:auto;background:transparent;border:none;cursor:pointer;line-height:0}.split-hero__dash{display:block;width:var(--sh-dash-length);height:var(--sh-dash-thickness);background-color:var(--sh-dash-inactive);transition:background-color var(--sh-duration-base) var(--sh-ease-standard)}.split-hero__dash-button.slider-counter__link--active .split-hero__dash{background-color:var(--sh-dash-active)}.split-hero__dash-button:not(.slider-counter__link--active):hover .split-hero__dash{opacity:.7}.split-hero__nav-button{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:auto}.split-hero .split-hero__nav-button:focus-visible{width:4.4rem;height:4.4rem;clip:auto;clip-path:none;overflow:visible;white-space:normal;top:50%;transform:translateY(-50%);background-color:var(--sh-color-secondary);border-radius:var(--sh-radius-sm);outline:.2rem solid var(--sh-color-primary);outline-offset:.2rem;display:flex;align-items:center;justify-content:center;z-index:3}.split-hero .split-hero__nav-button.slider-button--prev:focus-visible{inset-inline-start:var(--sh-space-md)}.split-hero .split-hero__nav-button.slider-button--next:focus-visible{inset-inline-end:var(--sh-space-md)}.split-hero .split-hero__autoplay[hidden]{display:none}.split-hero .split-hero__autoplay{position:absolute;inset-inline-end:var(--sh-space-lg);top:50%;transform:translateY(-50%);margin:0;padding:0;border-inline-start:none;pointer-events:auto}.split-hero .slideshow__autoplay path{fill:var(--sh-dash-active)}.split-hero .slideshow__autoplay:hover path{opacity:.8}@media(prefers-reduced-motion:reduce){.split-hero__dash,.split-hero__button{transition:none}}.split-hero__slide{position:relative}.split-hero__slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.split-hero__slide-link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-4px}.split-hero__picture,.split-hero__media picture{display:block;width:100%;height:100%}@media screen and (max-width:749px){.split-hero--mobile-square .split-hero__media{aspect-ratio:1 / 1}.split-hero--mobile-portrait .split-hero__media{aspect-ratio:4 / 5}.split-hero--mobile-landscape .split-hero__media{aspect-ratio:4 / 3}.split-hero--mobile-square .split-hero__media img,.split-hero--mobile-portrait .split-hero__media img,.split-hero--mobile-landscape .split-hero__media img{height:100%;object-fit:cover}}.split-hero__slide--overlay{display:grid}.split-hero__slide--overlay>.split-hero__media,.split-hero__slide--overlay>.split-hero__panel{grid-area:1 / 1;width:100%}.split-hero__slide--overlay .split-hero__media img{height:100%;object-fit:cover}.split-hero__slide--overlay .split-hero__panel{position:relative;background:transparent;z-index:2}@media screen and (min-width:750px){.split-hero__slide--overlay>.split-hero__media{flex:none;aspect-ratio:var(--sh-overlay-ratio, 21 / 10)}.split-hero__slide--overlay>.split-hero__panel{flex:none;width:50%;justify-self:start}.split-hero__slide--overlay.split-hero__slide--image-right>.split-hero__panel{justify-self:end}}.split-hero__content{position:relative;z-index:2;pointer-events:none}.split-hero__content a,.split-hero__content button{pointer-events:auto}.split-hero__slide--overlay .split-hero__panel{pointer-events:none}.split-hero--autoplay .split-hero__dash{position:relative;overflow:hidden}.split-hero--autoplay .split-hero__dash-button.slider-counter__link--active .split-hero__dash{background-color:var(--sh-dash-inactive)}.split-hero--autoplay .split-hero__dash-button.slider-counter__link--active .split-hero__dash:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:100%;background-color:var(--sh-dash-active);animation:split-hero-dash-fill var(--sh-autoplay-duration, 5s) linear forwards}.split-hero--autoplay:hover .split-hero__dash:after,.split-hero--autoplay:focus-within .split-hero__dash:after{animation-play-state:paused}.split-hero--autoplay:has(.slideshow__autoplay--paused) .split-hero__dash:after{animation:none}@keyframes split-hero-dash-fill{0%{width:0}to{width:100%}}@media(prefers-reduced-motion:reduce){.split-hero--autoplay .split-hero__dash-button.slider-counter__link--active .split-hero__dash:after{animation:none}}.split-hero--nav-arrows .split-hero__dashes,.split-hero--nav-none .split-hero__dashes{visibility:hidden}.split-hero--nav-arrows .split-hero__nav-button,.split-hero--nav-dash_arrows .split-hero__nav-button{width:4.4rem;height:4.4rem;clip:auto;clip-path:none;overflow:visible;top:50%;transform:translateY(-50%);background-color:var(--sh-color-secondary);display:flex;align-items:center;justify-content:center;z-index:3}.split-hero--nav-arrows .split-hero__nav-button.slider-button--prev,.split-hero--nav-dash_arrows .split-hero__nav-button.slider-button--prev{inset-inline-start:var(--sh-space-md)}.split-hero--nav-arrows .split-hero__nav-button.slider-button--next,.split-hero--nav-dash_arrows .split-hero__nav-button.slider-button--next{inset-inline-end:var(--sh-space-md)}.split-hero__slide--overlay .split-hero__media{position:relative}.split-hero__slide--overlay .split-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(30,40,34,var(--sh-overlay-opacity, 0));pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-split-hero.css.map */