:root{--motion-rise: 18px;--motion-step: 90ms;--motion-ease: cubic-bezier(.22, .61, .36, 1);--motion-ease-out: cubic-bezier(.16, 1, .3, 1)}.tabi-motion [data-motion] [data-reveal]{--motion-delay: calc(var(--reveal-order, 0) * var(--motion-step))}.tabi-motion [data-motion] [data-reveal=rise]{transition:opacity .9s var(--motion-ease) var(--motion-delay),transform 1.1s var(--motion-ease-out) var(--motion-delay)}.tabi-motion [data-motion] [data-reveal=rise]:not(.is-revealed){opacity:0;transform:translateY(var(--motion-rise))}.tabi-motion [data-motion] [data-reveal=fade]{transition:opacity 1.2s var(--motion-ease) var(--motion-delay)}.tabi-motion [data-motion] [data-reveal=fade]:not(.is-revealed){opacity:0}.tabi-motion [data-motion] [data-reveal=grow-left],.tabi-motion [data-motion] [data-reveal=grow-right],.tabi-motion [data-motion] [data-reveal=unroll],.tabi-motion [data-motion] [data-reveal=open],.tabi-motion [data-motion] [data-reveal=rise-up]{clip-path:inset(0 0 0 0);transition:clip-path 1.6s var(--motion-ease-out) var(--motion-delay),opacity 1s var(--motion-ease) var(--motion-delay),transform 1.6s var(--motion-ease-out) var(--motion-delay)}.tabi-motion [data-motion] [data-reveal=grow-left]:not(.is-revealed){opacity:0;clip-path:inset(0 100% 70% 0)}.tabi-motion [data-motion] [data-reveal=grow-right]:not(.is-revealed){opacity:0;clip-path:inset(0 0 70% 100%)}.tabi-motion [data-motion] [data-reveal=unroll]{transition-duration:1.8s,.6s,1.8s}.tabi-motion [data-motion] [data-reveal=unroll]:not(.is-revealed){clip-path:inset(0 100% 0 0)}.tabi-motion [data-motion] [data-reveal=open]{transition-duration:1.2s,.8s,1.2s}.tabi-motion [data-motion] [data-reveal=open]:not(.is-revealed){opacity:0;clip-path:inset(0 50% 0 50%)}.tabi-motion [data-motion] [data-reveal=rise-up]:not(.is-revealed){opacity:0;clip-path:inset(100% 0 0 0);transform:translateY(12px)}.tabi-motion [data-parallax]{will-change:translate}@media(prefers-reduced-motion:reduce){.tabi-motion [data-motion] [data-reveal]{opacity:1;clip-path:none;transform:none;transition:none}.tabi-motion [data-parallax]{translate:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/tabi-motion.css.map */