@layer components{.metis-text:after{content:"";position:absolute;left:0;top:100%;width:100%;height:1px;background:currentcolor;pointer-events:none;transform-origin:100% 50%;transform:scaleX(0);transition:transform .3s}.metis-text:focus-visible:after,.metis-text:hover:after{transform-origin:0 50%;transform:scaleX(1)}.group:focus-visible .metis-text--group:after,.group:hover .metis-text--group:after{transform-origin:0 50%;transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.metis-text:after{transition:none}}}