.tm-hub-ic{position:relative;display:block;width:3rem;height:3rem;margin-bottom:1rem}.tm-hub-ic>svg{width:100%;height:100%;transform-origin:50% 50%;clip-path:inset(0);transition:transform .32s cubic-bezier(.2,0,0,1),clip-path .32s cubic-bezier(.2,0,0,1)}.tm-hub-ic:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:2px;background:var(--primary);opacity:0;pointer-events:none}@keyframes tm-merge{0%,to{transform:none}45%{transform:scaleX(.8)}}@keyframes tm-snip{0%,to{transform:none}22%{transform:rotate(-16deg)}44%{transform:rotate(3deg)}66%{transform:rotate(-12deg)}}@keyframes tm-drop{0%,to{transform:none}40%{transform:translateY(5px);opacity:.55}}@keyframes tm-settle{0%{transform:translateY(-7px) scale(.9);opacity:.4}to{transform:none;opacity:1}}@keyframes tm-flip{0%,to{transform:none}50%{transform:scaleX(.05)}}@keyframes tm-stamp{0%{transform:scale(1.22);opacity:.5}60%{transform:scale(.96);opacity:1}to{transform:none}}@keyframes tm-shuffle{0%,to{transform:none}30%{transform:translate(-5px)}65%{transform:translate(5px)}}@keyframes tm-gate{0%{transform:none;opacity:1}45%{transform:translate(9px);opacity:0}46%{transform:translate(-9px);opacity:0}to{transform:none;opacity:1}}@keyframes tm-press{0%,to{transform:none}40%{transform:translateY(3px) scaleY(.88)}}@keyframes tm-write{0%,to{transform:none}25%{transform:translate(2px) rotate(-7deg)}50%{transform:translate(4px) rotate(6deg)}75%{transform:translate(5px) rotate(-4deg)}}@keyframes tm-lock{0%{transform:translateY(-8px);opacity:.3}70%{transform:translateY(1px);opacity:1}to{transform:none}}@keyframes tm-unlock{0%,to{transform:none}45%{transform:translateY(-4px)}}@keyframes tm-scan{0%{opacity:.9;transform:translateY(4px)}to{opacity:0;transform:translateY(42px)}}[data-motion=merge]{--tm-mm: tm-merge}[data-motion=snip]{--tm-mm: tm-snip}[data-motion=drop]{--tm-mm: tm-drop}[data-motion=settle]{--tm-mm: tm-settle}[data-motion=flip]{--tm-mm: tm-flip}[data-motion=stamp]{--tm-mm: tm-stamp}[data-motion=shuffle]{--tm-mm: tm-shuffle}[data-motion=gate]{--tm-mm: tm-gate}[data-motion=press-down]{--tm-mm: tm-press}[data-motion=write]{--tm-mm: tm-write}[data-motion=lock]{--tm-mm: tm-lock}[data-motion=unlock]{--tm-mm: tm-unlock}@media(hover:hover)and (prefers-reduced-motion:no-preference){[data-motion]:is(:hover,:focus-visible) .tm-hub-ic>svg{animation:var(--tm-mm, none) .62s cubic-bezier(.2,0,0,1) 1 both}[data-motion=rotate]:is(:hover,:focus-visible) .tm-hub-ic>svg{transform:rotate(90deg)}[data-motion=press]:is(:hover,:focus-visible) .tm-hub-ic>svg{transform:scale(.78)}[data-motion=lift]:is(:hover,:focus-visible) .tm-hub-ic>svg{transform:translateY(-5px)}[data-motion=resize]:is(:hover,:focus-visible) .tm-hub-ic>svg{transform:scale(.8);transform-origin:0 0}[data-motion=crop]:is(:hover,:focus-visible) .tm-hub-ic>svg{clip-path:inset(16%)}[data-motion=scan]:is(:hover,:focus-visible) .tm-hub-ic:after{animation:tm-scan .7s cubic-bezier(.65,0,.35,1) 1 both}}