:root{--sm-ease: cubic-bezier(.16, 1, .3, 1);--sm-ease-io: cubic-bezier(.65, 0, .35, 1)}.sm-ready [data-sm=type]{clip-path:inset(-.2em 100% -.2em 0)}.sm-ready [data-sm=type].is-in{animation:sm-type var(--sm-type-dur, .9s) steps(var(--sm-steps, 18),end) both}.sm-ready [data-sm=type].is-in:after{content:"";display:inline-block;width:.5em;height:.82em;margin-inline-start:.08em;vertical-align:-.06em;background:currentColor;animation:sm-caret .42s steps(1,end) var(--sm-type-dur, .9s) 4 both}@keyframes sm-type{0%{clip-path:inset(-.2em 100% -.2em 0)}to{clip-path:inset(-.2em -.6em -.2em 0)}}@keyframes sm-caret{0%{opacity:1}50%{opacity:0}to{opacity:0}}.sm-ready [data-sm=track]{opacity:0;letter-spacing:.6em}.sm-ready [data-sm=track].is-in{opacity:1;letter-spacing:var(--sm-track-to, .22em);transition:opacity .7s var(--sm-ease),letter-spacing 1.1s var(--sm-ease)}.sm-ready [data-sm=shutter]:not(.is-done){clip-path:inset(100% 0 0 0)}.sm-ready [data-sm=shutter]:not(.is-in) img,.sm-ready [data-sm=shutter]:not(.is-in) video{transform:scale(1.12)}.sm-ready [data-sm=shutter].is-in:not(.is-done){clip-path:inset(0 0 0 0);transition:clip-path 1s var(--sm-ease-io) var(--sm-delay, 0s)}.sm-ready [data-sm=shutter].is-in:not(.is-done) img,.sm-ready [data-sm=shutter].is-in:not(.is-done) video{transform:none;transition:transform 1.6s var(--sm-ease) var(--sm-delay, 0s)}.sm-ready [data-sm=rise]:not(.is-in){opacity:0;transform:translateY(2.4rem)}.sm-ready [data-sm=rise].is-in:not(.is-done){transition:opacity .8s var(--sm-ease) var(--sm-delay, 0s),transform 1s var(--sm-ease) var(--sm-delay, 0s)}[data-sm-count]{display:inline-block;font-variant-numeric:tabular-nums}.sm-arrow{display:inline-block;transition:transform .35s var(--sm-ease)}@media(hover:hover){a:hover>.sm-arrow,button:hover>.sm-arrow,a:hover .sm-arrow,button:hover .sm-arrow{transform:translate(.4rem)}}.sm-ready [data-sm=flash]{position:relative}.sm-ready [data-sm=flash].is-in:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:radial-gradient(60% 70% at 50% 20%,#ffffff8c,#fff0 70%);animation:sm-flash .9s var(--sm-ease) both}@keyframes sm-flash{0%{opacity:0}8%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sm-ready [data-sm]{opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sarcasm-motion.css.map */