.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__eyebrow{display:block;margin-bottom:24px;color:var(--snack-muted);font-size:12px;letter-spacing:.24em;line-height:1.5;overflow-wrap:anywhere}.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__button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;max-width:100%;min-height:64px;padding:10px 12px 10px 28px;border:1px solid transparent;border-radius:999px;color:var(--snack-button-text);background:var(--snack-button-background);font-size:var(--font-button, 16px);font-weight:600;line-height:1.35;text-decoration:none;transition:transform var(--snack-hover-duration) ease,box-shadow var(--snack-hover-duration) ease;-webkit-tap-highlight-color:transparent}.az-snacks__button-label{min-width:0;overflow-wrap:anywhere}.az-snacks__arrow{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--snack-accent) 25%,transparent)}.az-snacks__arrow svg{grid-area:1 / 1;width:22px;height:22px;transition:transform var(--snack-hover-duration) ease}.az-snacks__arrow svg+svg{transform:translate(-180%)}.az-snacks__button:focus-visible{outline:3px solid var(--snack-text);outline-offset:6px}.az-snacks[data-hover=true] .az-snacks__button:focus-visible .az-snacks__arrow svg:first-child{transform:translate(180%)}.az-snacks[data-hover=true] .az-snacks__button:focus-visible .az-snacks__arrow svg+svg{transform:translate(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));filter:blur(var(--snack-blur)) brightness(var(--snack-brightness))}.az-snacks .az-snacks__image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;-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] .az-snacks__button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000002e}.az-snacks[data-hover=true] .az-snacks__button:hover .az-snacks__arrow svg:first-child{transform:translate(180%)}.az-snacks[data-hover=true] .az-snacks__button:hover .az-snacks__arrow svg+svg{transform:translate(0)}.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))}.az-snacks__button{gap:10px;padding-left:20px;font-size:14px}}@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__eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:.2em}.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__button{width:100%;min-height:56px;padding:8px 10px 8px 20px;gap:12px;font-size:14px}.az-snacks__arrow{width:38px;height:38px;flex-basis:38px}.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){.az-snacks[data-hover=true] .az-snacks__button:active{transform:scale(.985)}}@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,.az-snacks .az-snacks__button{transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/az-snack-hero.css.map */