@view-transition{navigation:auto}::view-transition-old(root){animation:ape-out .22s var(--ease) both}::view-transition-new(root){animation:ape-in .38s var(--ease) both}@keyframes ape-out{to{opacity:0}}@keyframes ape-in{0%{opacity:0;transform:translateY(10px)}}.hero__copy>*{opacity:0;transform:translateY(22px);animation:ape-rise .78s var(--ease) forwards;animation-delay:calc(.12s + var(--i,0) * 90ms)}@keyframes ape-rise{to{opacity:1;transform:none}}.reveal{transition-delay:calc(var(--i,0) * 70ms)}.hero-flavor{animation:ape-float 7s var(--ease) infinite;animation-delay:calc(var(--i,0) * -.72s)}.hero-flavor:nth-child(2n){animation-duration:8.4s}.hero-flavor:nth-child(3n){animation-duration:9.2s}@keyframes ape-float{0%,to{translate:0 0}50%{translate:0 -7px}}.flavor-card.reveal[data-in="1"] .flavor-card__media:before{animation:ape-sheen .95s var(--ease) both;animation-delay:calc(.12s + var(--i,0) * 80ms)}@keyframes ape-sheen{0%{left:-55%}to{left:125%}}.motion-story__video{animation:ape-video-breathe 9s ease-in-out infinite alternate;will-change:transform}@keyframes ape-video-breathe{0%{transform:scale(1.005)}to{transform:scale(1.025)}}.motion-story[data-paused="1"] .motion-story__video{animation-play-state:paused}.header{transition:transform var(--base) var(--ease),background var(--base)}.header[data-hidden="1"]{transform:translateY(-100%)}.btn[data-state]{position:relative}.btn[data-state=loading]{color:transparent;pointer-events:none}.btn[data-state=loading]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(18,11,5,.35);border-top-color:var(--on-action);border-radius:50%;animation:ape-spin .64s linear infinite}.btn--ghost[data-state=loading]:after{border-color:var(--line-strong);border-top-color:var(--text)}@keyframes ape-spin{to{transform:rotate(360deg)}}.btn[data-state=done]{background:var(--positive);color:var(--text)}.card .plate>img{transition:transform .7s var(--ease)}.card:hover .plate>img{transform:scale(1.04)}.tier{transition:border-color var(--fast),background var(--fast),transform var(--base) var(--ease)}.tier:hover{transform:translateY(-3px)}.btn--primary{transition:background var(--fast),transform var(--fast),box-shadow var(--base)}.btn--primary:hover{box-shadow:0 8px 30px #b8733d47}.cart-count[data-bump="1"]{animation:ape-bump .42s var(--ease)}@keyframes ape-bump{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}.hero__copy>*{opacity:1;transform:none;animation:none}.header[data-hidden="1"]{transform:none}.card:hover .plate>img,.tier:hover{transform:none}.hero-flavor,.motion-story__video,.flavor-card.reveal[data-in="1"] .flavor-card__media:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/ape-motion.css.map */