.az-snacks{display:block;position:relative;isolation:isolate;overflow:clip;color:var(--snack-text);background:var(--snack-background);padding:var(--snack-padding-top) var(--page-margin, 15px) var(--snack-padding-bottom);font-family:var(--font-primary--family, sans-serif)}.az-snacks *,.az-snacks *:before,.az-snacks *:after{box-sizing:border-box}.az-snacks__inner{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"copy scene" "action scene";column-gap:var(--snack-gap);row-gap:36px;max-width:var(--snack-content-width);margin-inline:auto;padding-inline:var(--snack-inset)}.az-snacks__copy{grid-area:copy;align-self:end;min-width:0;position:relative;z-index:2}.az-snacks__heading{color:inherit;margin:0;font-size:clamp(34px,6.4vw,var(--snack-title-size));line-height:1.06;letter-spacing:-.045em;font-weight:var(--snack-title-weight)}.az-snacks__heading-line{display:block}.az-snacks__accent{color:var(--snack-accent)}.az-snacks__description{color:var(--snack-muted);max-width:44ch;margin:24px 0 0;font-size:var(--font-body, 16px);line-height:1.65}.az-snacks__action{grid-area:action;align-self:start;position:relative;z-index:2;min-width:0}.az-snacks__scene{grid-area:scene;height:var(--snack-scene-height);position:relative;isolation:isolate;min-width:0;overflow:hidden}.az-snacks__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 52% 48%,var(--snack-accent) 0%,transparent 64%);opacity:var(--snack-glow-opacity);transform:translate3d(calc(var(--snack-motion-x, 0px) * -.3),calc(var(--snack-motion-y, 0px) * -.3),0);transition:opacity var(--snack-hover-duration) ease;pointer-events:none}.az-snacks[data-glow=false] .az-snacks__glow{display:none}.az-snacks__layer{position:absolute;left:var(--snack-left);top:var(--snack-top);width:var(--snack-width);aspect-ratio:1;transform:translate(-50%,-50%);z-index:var(--snack-z)}.az-snacks__entrance,.az-snacks__motion,.az-snacks__turn,.az-snacks__layer picture{display:block;width:100%;height:100%}.az-snacks__motion{transform:translate3d(var(--snack-layer-x, 0px),var(--snack-layer-y, 0px),0)}.az-snacks__turn{transform:rotate(var(--snack-turn))}.az-snacks .az-snacks__image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;filter:var(--snack-filter, brightness(var(--snack-brightness)));-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.az-snacks[data-empty=true] .az-snacks__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action"}.az-snacks[data-empty=true] .az-snacks__copy{max-width:850px}@media(hover:hover)and (pointer:fine){.az-snacks[data-hover=true]:has(.az-snacks__button:hover) .az-snacks__glow{opacity:min(1,calc(var(--snack-glow-opacity) + .12))}}@media(max-width:989px)and (min-width:750px){.az-snacks__scene{height:min(var(--snack-scene-height),440px)}.az-snacks__heading{font-size:clamp(34px,5.8vw,var(--snack-title-size))}}@media(max-width:749px){.az-snacks{padding-top:var(--snack-padding-top-mobile);padding-bottom:var(--snack-padding-bottom-mobile)}.az-snacks__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "scene" "action";gap:18px;padding-inline:var(--snack-inset-mobile)}.az-snacks__copy{align-self:auto;padding-inline:8px}.az-snacks__heading{font-size:clamp(30px,10.8vw,var(--snack-title-mobile));line-height:1.08}.az-snacks__description{margin-top:18px;font-size:14px}.az-snacks__scene{height:var(--snack-scene-mobile)}.az-snacks__layer{left:var(--snack-left-mobile);top:var(--snack-top-mobile);width:var(--snack-width-mobile)}.az-snacks__turn{transform:rotate(var(--snack-turn-mobile))}.az-snacks__layer--desktop{display:none}.az-snacks[data-mobile-align=center] .az-snacks__copy{text-align:center}.az-snacks[data-mobile-align=center] .az-snacks__description{margin-inline:auto}}@media(hover:none),(pointer:coarse){.az-snacks__motion,.az-snacks__glow{transform:none}}@media(prefers-reduced-motion:reduce){.az-snacks *,.az-snacks *:before,.az-snacks *:after{transition:none!important;animation:none!important}.az-snacks .az-snacks__motion,.az-snacks .az-snacks__glow{transform:none!important}}.az-snacks[data-theme-width=true]{padding-inline:var(--page-inline-padding,max(var(--page-margin,15px),calc((100% - var(--page-width,90rem))/2)))}.az-snacks[data-theme-width=true] .az-snacks__inner{max-width:none;padding-inline:0}.az-snacks[data-theme-width=true] .az-snacks__copy{padding-inline:0}
/*# sourceMappingURL=/cdn/shop/t/26/assets/az-snack-hero.css.map */