.zyma-hero{--hero-offset: var(--header-group-height, 0px);--hero-header-clearance: 0px;--hero-inset: var(--zyma-frame-inset, clamp(1.25rem, 4vw, 5.5rem));--hero-controls-size: 44px;--hero-controls-gap: clamp(.5rem, 1.6vw, 1.25rem);--hero-slide-pad-y: clamp(1.5rem, 5vh, 4rem);padding-block:var(--hero-pad-top, 12px) var(--hero-pad-bottom, 12px);background:var(--color-background)}body:has([data-zyma-shell][data-overlay=true]) .zyma-hero{--hero-offset: calc(var(--header-group-height, 0px) - var(--header-height, 0px));--hero-header-clearance: max(0px, calc(var(--header-height, 0px) - var(--hero-pad-top, 12px)))}.zyma-hero__stage{position:relative;display:block;overflow:hidden;isolation:isolate;border-radius:var(--hero-radius, 32px);background:rgb(var(--color-foreground-rgb) / .04)}.zyma-hero--viewport .zyma-hero__stage{height:max(14rem,calc(100vh - var(--hero-offset) - var(--hero-pad-top, 12px) - var(--hero-pad-bottom, 12px)));height:max(14rem,calc(100svh - var(--hero-offset) - var(--hero-pad-top, 12px) - var(--hero-pad-bottom, 12px)))}.zyma-hero--fixed .zyma-hero__stage{height:var(--hero-height, 640px)}.zyma-hero--adapt .zyma-hero__stage{aspect-ratio:var(--hero-ratio, 16 / 9)}.zyma-hero__slide{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;height:100%;padding:calc(var(--hero-slide-pad-y) + var(--hero-header-clearance)) var(--hero-inset) calc(var(--hero-controls-size) + var(--hero-controls-gap) * 2);background:var(--color-background);color:var(--color-foreground)}.zyma-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.zyma-hero__media picture{display:block;height:100%}.zyma-hero__media :is(img,svg){display:block;width:100%;height:100%;object-fit:cover;object-position:var(--slide-focal, center);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zyma-hero__placeholder{background:rgb(var(--color-foreground-rgb) / .06);fill:rgb(var(--color-foreground-rgb) / .22)}.zyma-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(var(--slide-overlay-direction, 90deg),rgb(var(--color-background-rgb) / var(--slide-overlay, 0)) 0%,rgb(var(--color-background-rgb) / calc(var(--slide-overlay, 0) * .65)) 38%,transparent 72%)}.zyma-hero__content{display:grid;gap:clamp(.75rem,1.3vw,1.25rem);width:min(100%,var(--slide-width, 34rem));min-width:0}.zyma-hero .zyma-hero__eyebrow{margin:0;font-family:var(--zyma-font-body, var(--font-body--family));font-size:.75rem;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .78)}.zyma-hero .zyma-hero__heading{margin:0;font-family:var(--zyma-font-display, var(--font-heading--family));font-size:min(var(--slide-heading, 56px),max(2rem,5.4vw));font-weight:400;line-height:.95;letter-spacing:-.04em;color:var(--color-foreground-heading, var(--color-foreground));text-wrap:balance;overflow-wrap:break-word}.zyma-hero .zyma-hero__subheading{max-width:42ch;margin:0;font-family:var(--zyma-font-body, var(--font-body--family));font-size:clamp(.95rem,1.1vw,1.125rem);line-height:1.5;color:rgb(var(--color-foreground-rgb) / .8)}.zyma-hero .zyma-hero__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:.25rem;padding:0 1.5rem;border:1px solid var(--color-primary-button-border);border-radius:var(--hero-button-radius, 6px);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--zyma-font-body, var(--font-body--family));font-size:.875rem;font-weight:500;line-height:1;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease;-webkit-user-drag:none}.zyma-hero .zyma-hero__button:hover{border-color:var(--color-primary-button-hover-border);background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.zyma-hero :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(min-width:750px){.zyma-hero__slide--x-left{justify-items:left}.zyma-hero__slide--x-center{justify-items:center;--slide-overlay-direction: 0deg}.zyma-hero__slide--x-right{justify-items:right;--slide-overlay-direction: 270deg}.zyma-hero__slide--y-top{align-items:start}.zyma-hero__slide--y-middle{align-items:center}.zyma-hero__slide--y-bottom{align-items:end}.zyma-hero__slide--x-center .zyma-hero__overlay{background:rgb(var(--color-background-rgb) / calc(var(--slide-overlay, 0) * .7))}.zyma-hero__slide--align-left .zyma-hero__content{justify-items:left;text-align:left}.zyma-hero__slide--align-center .zyma-hero__content{justify-items:center;text-align:center}.zyma-hero__slide--align-right .zyma-hero__content{justify-items:right;text-align:right}}.zyma-hero__controls{position:absolute;z-index:2;inset-inline:calc(var(--hero-inset) - 10px);bottom:var(--hero-controls-gap);display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.5rem;color:rgb(var(--slider-fg-rgb, var(--color-foreground-rgb)));pointer-events:none}.zyma-hero__controls>*{pointer-events:auto}.zyma-hero__dots{display:flex;align-items:center;min-width:0}.zyma-hero__dot{position:relative;flex:none;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:width .3s ease}.zyma-hero__dot[aria-current=true]{width:64px}.zyma-hero__dot span{position:absolute;inset-inline:10px;top:50%;height:3px;margin-top:-1.5px;overflow:hidden;border-radius:3px;background:rgb(var(--slider-fg-rgb, var(--color-foreground-rgb)) / .28)}.zyma-hero__dot span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform:scaleX(0);transform-origin:left center}.zyma-hero__dot[aria-current=true] span:after{transform:scaleX(1)}.zyma-hero__stage.is-playing .zyma-hero__dot[aria-current=true] span:after{animation:zyma-hero-progress var(--hero-speed, 5s) linear both}[dir=rtl] .zyma-hero__dot span:after{transform-origin:right center}@keyframes zyma-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.zyma-hero__buttons{display:flex;align-items:center;gap:.5rem}.zyma-hero__icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--slider-fg-rgb, var(--color-foreground-rgb)) / .12);border-radius:999px;background:rgb(var(--slider-bg-rgb, var(--color-background-rgb)) / .72);color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background-color .2s ease}.zyma-hero__icon-button:hover{background:rgb(var(--slider-bg-rgb, var(--color-background-rgb)) / .92)}.zyma-hero__icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.zyma-hero__icon-button .zyma-hero__icon-play{display:none}.zyma-hero__icon-button.is-paused .zyma-hero__icon-play{display:block}.zyma-hero__icon-button.is-paused .zyma-hero__icon-pause{display:none}[dir=rtl] .zyma-hero__arrow svg{transform:scaleX(-1)}@media(max-width:749px){.zyma-hero{--hero-inset: clamp(1.25rem, 5vw, 1.75rem);--hero-slide-pad-y: clamp(1.5rem, 6vw, 2.25rem)}.zyma-hero__stage{border-radius:min(var(--hero-radius, 32px),22px)}.zyma-hero--fixed .zyma-hero__stage{height:var(--hero-height-mobile, 560px)}.zyma-hero--viewport .zyma-hero__stage{height:max(14rem,calc(100vh - var(--hero-offset) - var(--hero-pad-top, 12px) - var(--hero-pad-bottom, 12px) - var(--hero-bottom-reserve, 0px)));height:max(14rem,calc(100svh - var(--hero-offset) - var(--hero-pad-top, 12px) - var(--hero-pad-bottom, 12px) - var(--hero-bottom-reserve, 0px)))}.zyma-hero--adapt .zyma-hero__stage{aspect-ratio:var(--hero-ratio-mobile, 4 / 5)}.zyma-hero__media :is(img,svg){object-position:var(--slide-focal-mobile, center top)}.zyma-hero__slide{justify-items:stretch;--slide-overlay-direction: 180deg}.zyma-hero__slide--m-top{align-items:start}.zyma-hero__slide--m-middle{align-items:center}.zyma-hero__slide--m-bottom{align-items:end;--slide-overlay-direction: 0deg}.zyma-hero__content{width:100%}.zyma-hero__slide--malign-left .zyma-hero__content{justify-items:left;text-align:left}.zyma-hero__slide--malign-center .zyma-hero__content{justify-items:center;text-align:center}.zyma-hero .zyma-hero__heading{max-width:100%;font-size:clamp(28px,8vw,var(--slide-heading-mobile, 30px));line-height:1.05;white-space:normal;text-wrap:balance;overflow-wrap:normal}.zyma-hero .zyma-hero__subheading{font-size:.95rem}.zyma-hero .zyma-hero__button{min-height:44px;padding-inline:1.25rem;font-size:12.5px;line-height:1}.zyma-hero__controls{inset-inline:clamp(.25rem,2vw,.75rem)}.zyma-hero__arrow{display:none}.zyma-hero__dot[aria-current=true]{width:56px}.zyma-hero__dot span{inset-inline:12px}}@media(max-height:480px){.zyma-hero{--hero-slide-pad-y: .75rem;--hero-controls-gap: .25rem}.zyma-hero__content{gap:.5rem}.zyma-hero .zyma-hero__heading{font-size:clamp(22px,6vh,var(--slide-heading-mobile, 30px))}.zyma-hero .zyma-hero__subheading{display:none}}@media(min-width:750px){.zyma-hero--hide-desktop{display:none}}@media(max-width:749px){.zyma-hero--hide-mobile{display:none}}.zyma-hero__stage--empty{display:grid;place-items:center;min-height:20rem}.zyma-hero__stage--empty .zyma-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.zyma-hero__empty-note{position:relative;margin:0;padding:.75rem 1rem;border-radius:8px;background:var(--color-background);font-size:.875rem}@media(prefers-reduced-motion:reduce){.zyma-hero__dot,.zyma-hero__button{transition:none}.zyma-hero__stage.is-playing .zyma-hero__dot[aria-current=true] span:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/zyma-hero.css.map */