.js-anim .gyaa-header,.js-anim .gyaa-hero__wordmark,.js-anim .gyaa-hero__panel,.js-anim .gyaa-hero__glow-bottom,.js-anim .gyaa-hero__model,.js-anim .gyaa-hero__side{opacity:0}.gyaa-hero__arrow{opacity:.45;transition:opacity .18s ease,transform .18s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.gyaa-hero__arrow:hover{opacity:1;transform:translate(-2px)}.gyaa-hero__arrow--next:hover{transform:translate(2px)}}.gyaa-hero__arrow:active{opacity:1;transform:scale(.92)}.gyaa-hero__num{cursor:pointer;transition:color .18s ease}.gyaa-hero__add:active,.gyaa-card__add:active{transform:scale(.95)}.gyaa-hero__add.is-added,.gyaa-card__add.is-added{animation:gyaa-add-pop .45s cubic-bezier(.23,1,.32,1)}@keyframes gyaa-add-pop{0%{transform:scale(1)}35%{transform:scale(1.16)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.gyaa-hero__arrow,.gyaa-hero__num{transition:opacity .18s ease}.gyaa-hero__arrow:hover,.gyaa-hero__arrow:active{transform:none}.gyaa-hero__add.is-added,.gyaa-card__add.is-added{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/gyaa-motion.css.map */