:root{--anim-duration: .72s;--anim-distance: 12px;--anim-ease: cubic-bezier(.215, .61, .355, 1);--anim-modal-duration: .28s}.js body.animations-enabled [data-anim]{opacity:0;transform:translateY(var(--anim-distance));will-change:opacity,transform}.js body.animations-enabled [data-anim].is-revealed{opacity:1;transform:none;transition:opacity var(--anim-duration) var(--anim-ease),transform var(--anim-duration) var(--anim-ease)}.js body.animations-enabled .quick-add-modal[open]{animation:twist-modal-in var(--anim-modal-duration) var(--anim-ease) both}.js body.animations-enabled .quick-add-modal[open]::backdrop{animation:twist-fade-in var(--anim-modal-duration) var(--anim-ease) both}.js body.animations-enabled .quick-add-modal[open].is-closing{animation:twist-modal-out calc(var(--anim-modal-duration) * .7) var(--anim-ease) both}.js body.animations-enabled .quick-add-modal[open].is-closing::backdrop{animation:twist-fade-out calc(var(--anim-modal-duration) * .7) var(--anim-ease) both}@keyframes twist-modal-in{0%{opacity:0;transform:translateY(var(--anim-distance))}to{opacity:1;transform:none}}@keyframes twist-modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(calc(var(--anim-distance) * .5))}}@keyframes twist-fade-in{0%{opacity:0}to{opacity:1}}@keyframes twist-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.js body.animations-enabled [data-anim],.js body.animations-enabled [data-anim].is-revealed{opacity:1;transform:none;transition:none;will-change:auto}.js body.animations-enabled .quick-add-modal[open],.js body.animations-enabled .quick-add-modal[open]::backdrop,.js body.animations-enabled .quick-add-modal[open].is-closing,.js body.animations-enabled .quick-add-modal[open].is-closing::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/twist-animations.css.map */