.tool-icon .tia{transform-box:fill-box;transform-origin:50%}.tool-icon-duo [fill-opacity]{fill:var(--color-paper);fill-opacity:1}:is(.tool-icon-trigger:hover,.tool-icon-trigger:focus-visible) .tool-icon .tia,.tool-icon.is-playing .tia{animation:var(--ti-anim)}.tool-icon .merge-l{--ti-anim:ti-merge-l 1.2s cubic-bezier(.5, 0, .3, 1)}.tool-icon .merge-r{--ti-anim:ti-merge-r 1.2s cubic-bezier(.5, 0, .3, 1)}@keyframes ti-merge-l{40%,60%{transform:translate(3.5px)}}@keyframes ti-merge-r{40%,60%{transform:translate(-3.5px)}}.tool-icon :is(.snip-a,.snip-b){transform-box:view-box;transform-origin:12px 12px}.tool-icon .snip-a{--ti-anim:ti-snip-a 1s ease-in-out}.tool-icon .snip-b{--ti-anim:ti-snip-b 1s ease-in-out}@keyframes ti-snip-a{25%,75%{transform:rotate(-13deg)}50%{transform:none}}@keyframes ti-snip-b{25%,75%{transform:rotate(13deg)}50%{transform:none}}.tool-icon .squash{--ti-anim:ti-squash 1.2s ease-in-out}.tool-icon .push-l{--ti-anim:ti-push-l 1.2s ease-in-out}.tool-icon .push-r{--ti-anim:ti-push-r 1.2s ease-in-out}@keyframes ti-squash{45%,60%{transform:scale(.72,.9)}}@keyframes ti-push-l{45%,60%{transform:translate(2.5px)}}@keyframes ti-push-r{45%,60%{transform:translate(-2.5px)}}.tool-icon .swap-a{--ti-anim:ti-swap-a 1.4s cubic-bezier(.6, 0, .3, 1)}.tool-icon .swap-d{--ti-anim:ti-swap-d 1.4s cubic-bezier(.6, 0, .3, 1)}@keyframes ti-swap-a{40%,60%{transform:translate(10px,10px)}}@keyframes ti-swap-d{40%,60%{transform:translate(-10px,-10px)}}.tool-icon .turn{--ti-anim:ti-turn 1.3s cubic-bezier(.6, 0, .3, 1.2)}@keyframes ti-turn{40%,60%{transform:rotate(90deg)scale(.85)}}.tool-icon .drop{--ti-anim:ti-drop 1.3s ease-in}@keyframes ti-drop{50%{opacity:0;transform:translate(3px,6px)rotate(20deg)}51%{opacity:0;transform:none}to{opacity:1}}.tool-icon .lift{--ti-anim:ti-lift 1s cubic-bezier(.2, .8, .3, 1.3)}@keyframes ti-lift{0%{opacity:0;transform:translate(-4px,5px)scale(.5)}30%{opacity:0}}.tool-icon .slide-in{--ti-anim:ti-slide-in 1s cubic-bezier(.2, .8, .3, 1.2)}@keyframes ti-slide-in{0%{opacity:0;transform:translate(-9px,-4px)rotate(-14deg)}25%{opacity:0}}.tool-icon .pop-out{--ti-anim:ti-pop-out .9s cubic-bezier(.2, .8, .3, 1.4)}.tool-icon .bounce{--ti-anim:ti-bounce .6s ease-in-out .7s}@keyframes ti-pop-out{0%{opacity:0;transform:translate(-5px,-5px)scale(.4)}20%{opacity:0}}@keyframes ti-bounce{40%{transform:translateY(-2px)}}.tool-icon .badge{--ti-anim:ti-badge .9s cubic-bezier(.2, .8, .3, 1.5)}@keyframes ti-badge{0%,20%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.2)}}.tool-icon .stamp{--ti-anim:ti-stamp 1.2s cubic-bezier(.5, 0, .3, 1)}.tool-icon .ink{stroke-dasharray:1;--ti-anim:ti-draw .5s ease-out .5s both}@keyframes ti-stamp{20%{transform:translateY(-3px)}45%{transform:translateY(2.5px)}65%{transform:translateY(-1px)}}.tool-icon .grow{--ti-anim:ti-grow 1.3s cubic-bezier(.5, 0, .3, 1.2);transform-origin:0 100%}@keyframes ti-grow{40%,60%{transform:scale(1.63)}}.tool-icon .spin{--ti-anim:ti-spin 1s cubic-bezier(.6, 0, .3, 1)}@keyframes ti-spin{to{transform:rotate(180deg)}}.tool-icon .eq-1{--ti-anim:ti-eq .9s ease-in-out}.tool-icon .eq-2{--ti-anim:ti-eq .9s ease-in-out .12s}.tool-icon .eq-3{--ti-anim:ti-eq .9s ease-in-out .24s}@keyframes ti-eq{30%{transform:scaleY(.45)}65%{transform:scaleY(1.3)}}.tool-icon .write{stroke-dasharray:1;--ti-anim:ti-draw .45s ease-out both}.tool-icon .w2{--ti-anim:ti-draw .4s ease-out .15s both}.tool-icon .w3{--ti-anim:ti-draw .45s ease-out .3s both}.tool-icon .w4{--ti-anim:ti-draw .45s ease-out .45s both}.tool-icon .w5{--ti-anim:ti-draw .4s ease-out .6s both}.tool-icon .w-long{--ti-anim:ti-draw 1s ease-in-out both}@keyframes ti-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.tool-icon .pen{--ti-anim:ti-pen 1s ease-in-out}@keyframes ti-pen{0%{transform:translate(-9px,3px)rotate(-8deg)}25%{transform:translate(-7px,2px)rotate(4deg)}50%{transform:translate(-4px,2.5px)rotate(-6deg)}75%{transform:translate(-1px,1.5px)rotate(4deg)}}.tool-icon .arrow{--ti-anim:ti-arrow .7s cubic-bezier(.5, 0, .8, .6)}.tool-icon .pulse{--ti-anim:ti-pulse .5s ease-out .65s}@keyframes ti-arrow{0%{opacity:0;transform:translate(7px,-7px)}30%{opacity:1}}@keyframes ti-pulse{50%{transform:scale(1.12)}}.tool-icon .erase{--ti-anim:ti-erase 1.4s ease-in-out}@keyframes ti-erase{35%,65%{opacity:0}}.tool-icon .swish{--ti-anim:ti-swish 1.3s ease-in-out;transform-box:view-box;transform-origin:12px 5px}.tool-icon .twinkle{--ti-anim:ti-twinkle 1.3s ease-in-out;vector-effect:non-scaling-stroke}@keyframes ti-swish{25%{transform:rotate(-8deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes ti-twinkle{40%{transform:scale(1.5)rotate(45deg)}70%{transform:scale(.8)rotate(90deg)}}.tool-icon :is(.grow,.squash) *{vector-effect:non-scaling-stroke}