story-picto{display:block}.picto__scroll,.picto__mouse,.picto__motion,.picto__media{width:100%;height:100%}.picto__media>img,.picto__media>svg{display:block;width:100%;height:100%;object-fit:contain}.picto__media[data-picto-lottie]{line-height:0}@media(prefers-reduced-motion:no-preference){.picto__motion{animation:var(--picto-motion, none) calc(var(--picto-duration, 6s) / 2) ease-in-out infinite alternate}.picto--motion-spin .picto__motion,.picto--motion-spin_reverse .picto__motion{animation-duration:var(--picto-duration, 6s);animation-timing-function:linear;animation-direction:normal}.picto--motion-spin_reverse .picto__motion{animation-direction:reverse}.picto--motion-bounce .picto__motion{animation-duration:var(--picto-duration, 6s);animation-timing-function:linear;animation-direction:normal}.picto--motion-spin,.picto--motion-spin_reverse{--picto-motion: picto-spin}.picto--motion-float{--picto-motion: picto-float}.picto--motion-swing{--picto-motion: picto-swing}.picto--motion-swing .picto__motion{transform-origin:50% 0}.picto--motion-pulse{--picto-motion: picto-pulse}.picto--motion-bounce{--picto-motion: picto-bounce}@media(hover:hover)and (pointer:fine){.picto__mouse{translate:calc(var(--picto-mx, 0) * var(--picto-mouse, 0) * -.6px) calc(var(--picto-my, 0) * var(--picto-mouse, 0) * -.6px);transition:translate .8s cubic-bezier(.22,1,.36,1)}}}@keyframes picto-spin{to{transform:rotate(1turn)}}@keyframes picto-float{0%{transform:translateY(-9%)}to{transform:translateY(9%)}}@keyframes picto-swing{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes picto-pulse{to{transform:scale(1.14)}}@keyframes picto-bounce{0%,to{transform:translateY(0) scale(1);animation-timing-function:cubic-bezier(.33,0,.66,0)}45%{transform:translateY(-24%) scale(.97,1.03);animation-timing-function:cubic-bezier(.33,1,.66,1)}90%{transform:translateY(0) scale(1.06,.94)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.picto--scroll .picto__scroll{animation:var(--picto-scroll-name, none) linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.picto--scroll-parallax{--picto-scroll-name: picto-scroll-parallax}.picto--scroll-drift{--picto-scroll-name: picto-scroll-drift}.picto--scroll-spin{--picto-scroll-name: picto-scroll-spin}.picto--scroll-zoom{--picto-scroll-name: picto-scroll-zoom}}}@keyframes picto-scroll-parallax{0%{translate:0 calc(var(--picto-scroll, 50) * 1.6px)}to{translate:0 calc(var(--picto-scroll, 50) * -1.6px)}}@keyframes picto-scroll-drift{0%{translate:calc(var(--picto-scroll, 50) * -1.6px) 0}to{translate:calc(var(--picto-scroll, 50) * 1.6px) 0}}@keyframes picto-scroll-spin{0%{rotate:calc(var(--picto-scroll, 50) * -1.8deg)}to{rotate:calc(var(--picto-scroll, 50) * 1.8deg)}}@keyframes picto-scroll-zoom{0%{scale:calc(1 - var(--picto-scroll, 50) * .004)}to{scale:calc(1 + var(--picto-scroll, 50) * .004)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-pictogram.css.map */
