.base-input-container{flex-direction:column;gap:6px;display:flex}.base-input-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);font-size:10px}.base-input-label-error{color:var(--danger)}.base-input-required{color:var(--danger);margin-left:2px}.base-input-wrapper{align-items:center;display:flex;position:relative}.base-input{width:100%;font-family:var(--sans);color:var(--ink);background:var(--panel);border:1px solid var(--rule);border-radius:8px;outline:none;transition:border-color .14s,box-shadow .14s,background .14s}.base-input::placeholder{color:var(--ink-4)}.base-input:hover:not(:disabled){border-color:var(--rule-2)}.base-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.base-input:disabled{opacity:.55;cursor:not-allowed}.base-input-filled{background:var(--bg-2)}.base-input-invalid{border-color:var(--danger)}.base-input-invalid:focus{box-shadow:0 0 0 3px var(--danger-wash)}.base-input-sm{border-radius:7px;height:30px;padding:0 10px;font-size:12.5px}.base-input-md{height:36px;padding:0 12px;font-size:13.5px}.base-input-lg{border-radius:10px;height:42px;padding:0 14px;font-size:14px}.base-input-has-leading{padding-left:36px}.base-input-has-trailing{padding-right:36px}.base-input-icon{color:var(--ink-4);pointer-events:none;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.base-input-icon-leading{left:11px}.base-input-icon-trailing{pointer-events:auto;right:10px}.base-input-iconbtn{color:var(--ink-4);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;padding:2px;transition:color .13s,background .13s;display:inline-flex}.base-input-iconbtn:hover{color:var(--ink);background:var(--bg-2)}.base-input-help{color:var(--ink-4);margin:0;font-size:11.5px}.base-input-error{color:var(--danger);margin:0;font-size:11.5px}