.ctf{box-sizing:content-box;clip-path:inset(-.5em 0);vertical-align:baseline;color:var(--ctf-fg,#fff);background:var(--ctf-bg,#059669);white-space:nowrap;border-radius:12px;padding:.12em .3em .22em;font-weight:700;line-height:1;transition:width .25s cubic-bezier(.22,1,.36,1);display:inline-block;position:relative;box-shadow:inset 0 -1px #0000001f,inset 0 1px #ffffff38}.ctf__word{display:inline-block}.ctf--fixed{transition:none}.ctf--fixed .ctf__word{text-align:center;display:block}.ctf__letter{opacity:0;animation:.3s forwards ctf-letter-in;display:inline-block}.ctf__letter:before{content:attr(data-char)}.ctf__letter--static{opacity:1;animation:none}.ctf__letter--space{width:.32em}@keyframes ctf-letter-in{0%{opacity:0;filter:blur(4px);transform:translateY(.35em)}to{opacity:1;filter:blur();transform:translateY(0)}}.ctf__measure-row{display:block}.ctf__measure{top:0;visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute;inset-inline-start:0}@media (prefers-reduced-motion:reduce){.ctf{transition:none}.ctf__letter{opacity:1;animation:none}}.ctf__sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}