.motion-text{font-kerning:none}.line{width:100%;display:block}.word,.char{display:inline-block}
@keyframes pill-enter{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.motion-pill{--border-width:1px;--conic-offset:0%;border-radius:calc(1rem - var(--border-width));padding:0 calc(.75rem - var(--border-width)*2);height:calc(1.75rem - var(--border-width)*2);white-space:nowrap;justify-content:center;align-items:center;font-size:.875rem;line-height:1.42857;display:flex;position:relative}.motion-pill *{z-index:2;position:relative}.motion-pill:before{content:"";background:var(--background);z-index:1;border-radius:1rem;display:block;position:absolute;inset:0}.motion-pill__background{inset:calc(-1*var(--border-width));z-index:0;border-radius:1rem;position:absolute}