.input-wrapper{margin-bottom:var(--spacing-md)}.input-label{font-size:var(--body-font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs-3);color:var(--fg-neutral-subtle);display:block}.input-control{align-items:center;gap:.5rem;display:flex;position:relative}.input-element{flex:auto;position:relative}.input-element .input-field{border:1px solid var(--border-neutral-strong);background:var(--bg-surface-1);width:100%;color:var(--fg-neutral-main);transition:border-color .15s var(--transition-base),box-shadow .15s var(--transition-base);font-size:var(--body-font-size-md);border-radius:.5rem;padding:.75rem 1rem}.input-element .input-field:focus{border-color:var(--border-info);outline:none;box-shadow:0 0 0 4px #6366f10f}.input-element .input-placeholder{pointer-events:none;color:var(--fg-neutral-subtlest);font-size:var(--body-font-size-md);padding:.5315rem var(--spacing-xs);background:0 0;transition:transform .18s cubic-bezier(.2,.8,.2,1),font-size .18s,opacity .12s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-element .input-placeholder.is-floating{font-size:var(--body-font-size-sm);font-weight:var(--font-weight-semibold);background:var(--bg-surface-3);padding:0 .25rem;transform:translateY(-160%)}.input-wrapper.has-left-icon .input-element .input-field{padding-left:calc(32px + .5rem)}.input-wrapper.has-left-icon .input-element .input-placeholder{left:calc(32px + .5rem)}.input-wrapper.has-right-icon .input-element .input-field{padding-right:calc(32px + .5rem)}.input-icon{pointer-events:auto;width:24px;height:24px;color:var(--fg-neutral-subtle);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.input-icon i{font-size:20px}.input-icon-left{left:8px}.input-icon-right{right:8px}.input-help{color:var(--fg-neutral-subtle);margin-top:.25rem;font-size:.875rem}.input-error{color:var(--fg-danger);margin-top:.25rem;font-size:.875rem}.is-invalid{border-color:var(--border-danger)!important}.is-disabled{background:var(--bg-surface-2);color:var(--border-neutral)}
