@layer components{.ux.u025-f{display:block;position:relative}.u025-box{height:62px;position:relative}.u025-in{background:var(--ux-surface);width:100%;height:100%;color:var(--ux-ink);letter-spacing:-.01em;border:0;border-radius:16px;outline:0;padding:16px 48px 0 16px;font-size:16px;font-weight:560;position:absolute;inset:0}.u025-in:focus-visible{outline:none}.u025-f.co-phai .u025-in{padding-right:88px}.u025-f:not(.is-focus) .u025-in::placeholder{opacity:0}.u025-line{pointer-events:none;border-radius:16px;display:flex;position:absolute;inset:0}.u025-line i{border:1.5px solid var(--ux-line-2);transition:border-color .3s var(--ux-ease);display:block}.u025-line .l{border-right:0;border-radius:16px 0 0 16px;width:14px}.u025-line .g{width:0;transition:width .35s var(--ux-ease),border-color .3s var(--ux-ease);border-left:0;border-right:0}.u025-line .r{border-left:0;border-radius:0 16px 16px 0;flex:1}.u025-f.is-up .u025-line .g{width:var(--gap,0px);border-top-color:#0000!important}.u025-f:has(.u025-in:autofill) .u025-line .g{width:var(--gap,0px);border-top-color:#0000!important}.u025-f.is-focus .u025-line i{border-color:var(--ux-accent);border-width:2px}.u025-f.is-bad .u025-line i{border-color:var(--ux-danger)}.u025-f.is-ok .u025-line i{border-color:var(--ux-accent)}.u025-lab{text-overflow:ellipsis;max-width:calc(100% - 32px);color:var(--ux-ink-3);transform-origin:0 0;pointer-events:none;white-space:nowrap;transition:transform .35s var(--ux-ease),color .3s var(--ux-ease);margin-left:-4px;padding:0 4px;font-size:16px;font-weight:560;position:absolute;top:21px;left:18px;overflow:hidden}.u025-f.is-up .u025-lab{color:var(--ux-ink-2);font-weight:650;transform:translateY(-30px)scale(.8)}.u025-f:has(.u025-in:autofill) .u025-lab{color:var(--ux-ink-2);font-weight:650;transform:translateY(-30px)scale(.8)}.u025-f.is-focus .u025-lab{color:var(--ux-accent-2)}.u025-f.is-bad .u025-lab{color:var(--ux-danger)}.u025-f.is-up .u025-in{padding-top:0}.u025-f:has(.u025-in:autofill) .u025-in{padding-top:0}.u025-ok{background:var(--ux-accent);color:#fff;width:26px;height:26px;transition:transform .45s var(--ux-spring);pointer-events:none;border-radius:50%;place-items:center;margin-top:-13px;display:grid;position:absolute;top:50%;right:16px;transform:scale(0)}.u025-f.co-phai .u025-ok{right:56px}.u025-ok svg{stroke-width:3px;width:14px;height:14px}.u025-ok path{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset .35s var(--ux-ease) .15s}.u025-f.is-ok .u025-ok{transform:none}.u025-f.is-ok .u025-ok path{stroke-dashoffset:0}.u025-phai{display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.u025-help{grid-template-rows:0fr;display:grid}.u025-help>div{min-height:0;overflow:hidden}.u025-f.is-bad .u025-help{animation:u025-help .4s var(--ux-ease);grid-template-rows:1fr}@keyframes u025-help{0%{grid-template-rows:0fr}}}
