@layer components{.fdy-prompt-rule{inset-inline:0;background:var(--line-strong);pointer-events:none;height:1px;transition:background-color var(--fdy-motion-hover) var(--fdy-ease-hover);position:absolute;bottom:0}.fdy-prompt-rule:after{content:"";inset-inline:0;background:var(--ink);transform-origin:0;height:2px;transition:transform var(--fdy-dur-slow) var(--fdy-ease-out);position:absolute;bottom:0;transform:scaleX(0)}.fdy-prompt-field:hover .fdy-prompt-rule{background:var(--ink-3)}.fdy-prompt-field:focus-within .fdy-prompt-rule:after{transform:scaleX(1)}.fdy-prompt-field[data-invalid] .fdy-prompt-rule,.fdy-prompt-field[data-invalid] .fdy-prompt-rule:after{background:var(--neg)}.fdy-prompt-field:focus-within>.fdy-prompt-mark{color:var(--ink)}.fdy-prompt-field>.fdy-prompt-mark{transition:color var(--fdy-motion-hover) var(--fdy-ease-hover)}.fdy-prompt-field input::placeholder{color:var(--ink-3)}}.fdy-prompt-field input:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.fdy-prompt-rule:after,.fdy-prompt-rule,.fdy-prompt-field>.fdy-prompt-mark{transition:none!important}}