@layer theme,base;@layer components{.fld{flex-direction:column;min-width:0;display:flex}.fld-box{border-radius:var(--radius-md);background:var(--color-surface-2);height:56px;box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px var(--color-line-2);transition:box-shadow var(--dur-hover) var(--ease-out), background-color var(--dur-hover) var(--ease-out);position:relative}@media (hover:hover) and (pointer:fine){.fld-box:hover:not(:focus-within){box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px var(--color-line-3)}}.fld-box:focus-within{box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px #c6ff3d99, 0 0 0 4px var(--color-lime-a18);background:#1a1d22}.fld[data-invalid] .fld-box{box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px var(--color-danger)}.fld[data-invalid] .fld-box:focus-within{box-shadow:inset 0 1px 2px #00000080, inset 0 0 0 1px var(--color-danger), 0 0 0 4px #ff6b5b29}.fld-input{border-radius:inherit;width:100%;height:100%;color:var(--color-text-1);caret-color:var(--color-lime);font-family:var(--font-text);letter-spacing:0;appearance:none;background:0 0;border:0;outline:none;padding:23px 16px 7px;font-size:16px;font-weight:500;line-height:1.25;position:absolute;inset:0}.fld-input:focus-visible{outline:none}.fld[data-trailing] .fld-input{padding-right:48px}.fld-input::placeholder{color:#0000}.fld-input:-webkit-autofill{-webkit-text-fill-color:var(--color-text-1);caret-color:var(--color-lime);transition:background-color var(--ctl-autofill-hold);box-shadow:inset 0 0 0 100px #1a1d22}.fld-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text-1);caret-color:var(--color-lime);transition:background-color var(--ctl-autofill-hold);box-shadow:inset 0 0 0 100px #1a1d22}.fld-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-1);caret-color:var(--color-lime);transition:background-color var(--ctl-autofill-hold);box-shadow:inset 0 0 0 100px #1a1d22}.fld-label{max-width:calc(100% - 32px);color:var(--color-text-3);font-family:var(--font-text);white-space:nowrap;text-overflow:ellipsis;transform-origin:0;pointer-events:none;transition:translate var(--ctl-float-label) var(--ease-out), scale var(--ctl-float-label) var(--ease-out), color var(--dur-hover) var(--ease-out);font-size:15px;font-weight:400;line-height:56px;position:absolute;top:0;left:16px;overflow:hidden}:-webkit-any(.fld-input:focus+.fld-label,.fld-input:not(:placeholder-shown)+.fld-label,.fld-input:-webkit-autofill+.fld-label){translate:0 -11px;scale:.8}:is(.fld-input:focus+.fld-label,.fld-input:not(:placeholder-shown)+.fld-label,.fld-input:autofill+.fld-label){translate:0 -11px;scale:.8}.fld-input:focus+.fld-label{color:var(--color-text-2)}.fld[data-invalid] .fld-label{color:var(--color-danger)}.fld-trail{pointer-events:none;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:50%;right:14px;translate:0 -50%}.fld-ok{background:var(--color-lime-a18);width:22px;height:22px;color:var(--color-lime);opacity:0;transition:opacity var(--dur-ui) var(--ease-out), scale var(--spring-snappy);border-radius:50%;place-items:center;display:grid;scale:.6}.fld[data-valid] .fld-ok{opacity:1;scale:1}.fld-msg{transition:grid-template-rows var(--dur-ui) var(--ease-out);grid-template-rows:0fr;display:grid}.fld-msg[data-open]{grid-template-rows:1fr}.fld-msg>div{min-height:0;overflow:hidden}.fld-err{color:var(--color-danger);gap:6px;padding-top:8px;font-size:13px;line-height:1.4;display:flex}.fld-err svg{flex:none;margin-top:1px}.fld-hint{color:var(--color-text-3);margin:8px 0 0;font-size:13px;line-height:1.4}.fld-chips{overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;padding:10px 24px 2px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.fld-chips::-webkit-scrollbar{display:none}.fld-chip{border-radius:var(--radius-pill);background:var(--color-surface-2);height:36px;box-shadow:inset 0 0 0 1px var(--color-line-2), inset 0 1px 0 #ffffff0a;color:var(--color-text-2);font-family:var(--font-text);white-space:nowrap;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-hover) var(--ease-out), color var(--dur-hover) var(--ease-out), scale var(--spring-snappy);border:0;flex:none;padding:0 13px;font-size:14px;font-weight:500;line-height:1}@media (hover:hover) and (pointer:fine){.fld-chip:hover{background:var(--color-surface-3);color:var(--color-text-1)}}.fld-chip:active{transition:scale var(--dur-press) var(--ease-out);scale:.95}.fld-typo{color:var(--color-text-2);flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding-top:8px;font-size:13px;line-height:1.45;display:flex}.fld-typo b{color:var(--color-text-1);font-weight:600}.fld-typo button{color:var(--color-text-1);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline #c6ff3d8c;text-decoration:underline #c6ff3d8c}.fld-typo button:before{content:"";position:absolute;inset:-12px -8px}.fld-typo button{position:relative}}@layer utilities;