ll-skrrt-tag{--tag-h: 1.8em;--tag-w: calc(var(--tag-h) * 1.6125);position:relative;display:inline-block;white-space:nowrap;vertical-align:baseline;transition:width .5s cubic-bezier(.6,0,.2,1)}.skrrt__word,.skrrt__letter{display:inline-block}.skrrt__tag{position:absolute;left:-.04em;top:50%;width:var(--tag-w);height:var(--tag-h);transform:translateY(-54%);color:var(--skrrt-color, var(--color-accent));fill:currentColor;overflow:visible;pointer-events:none;opacity:0}ll-skrrt-tag:not(.is-ready) .skrrt__tag{display:none}ll-skrrt-tag.is-shaking .skrrt__word{animation:skrrt-shake .62s linear;transform-origin:50% 60%}@keyframes skrrt-shake{0%,to{transform:none}10%{transform:translate(-1px,1px) rotate(-3deg)}20%{transform:translate(2px,-1px) rotate(4deg)}30%{transform:translate(-2px) rotate(-5deg)}40%{transform:translate(2px,1px) rotate(5deg)}50%{transform:translate(-2px,-1px) rotate(-6deg)}60%{transform:translate(2px) rotate(6deg)}70%{transform:translate(-1px,1px) rotate(-5deg)}80%{transform:translate(1px,-1px) rotate(4deg)}90%{transform:translate(0) rotate(-2deg)}}ll-skrrt-tag.is-dropping,ll-skrrt-tag.is-painting,ll-skrrt-tag.is-done{width:var(--tag-w)}ll-skrrt-tag.is-dropping .skrrt__letter{animation:skrrt-drop .5s cubic-bezier(.55,0,.8,.3) forwards;animation-delay:calc(var(--n) * 45ms)}@keyframes skrrt-drop{to{transform:translate(var(--x),.9em) rotate(var(--r));opacity:0}}ll-skrrt-tag.is-painting .skrrt__letter,ll-skrrt-tag.is-done .skrrt__letter{opacity:0}ll-skrrt-tag.is-painting .skrrt__tag,ll-skrrt-tag.is-done .skrrt__tag{opacity:1}.skrrt__spray circle{fill:currentColor;opacity:0;animation:skrrt-spray .7s ease-out forwards}@keyframes skrrt-spray{0%{opacity:.65;transform:none}to{opacity:0;transform:translate(var(--dx),var(--dy))}}@media(prefers-reduced-motion:no-preference){ll-skrrt-tag.is-done:not(.is-repaint) .skrrt__tag{animation:skrrt-pop .4s cubic-bezier(.34,1.56,.64,1)}}@keyframes skrrt-pop{0%{transform:translateY(-54%) scale(1)}40%{transform:translateY(-54%) scale(1.05)}to{transform:translateY(-54%) scale(1)}}ll-skrrt-tag[data-replay].is-done{cursor:default}
/*# sourceMappingURL=/cdn/shop/t/10/assets/skrrt-tag.css.map */