@layer ds-components{.input-container{flex-direction:column;gap:6px;width:100%;display:flex}.input-label{font-family:var(--font-family-base);color:var(--color-ink-secondary);letter-spacing:-.1px;font-size:13px;font-weight:500}.input-wrapper{align-items:center;width:100%;display:flex;position:relative}.input-field{background-color:var(--color-canvas);width:100%;color:var(--color-ink);font-family:var(--font-family-base);border-radius:var(--radius-sm);border:1px solid var(--color-hairline-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:8px 12px;font-size:15px;font-weight:300;line-height:1.4;box-shadow:0 1px 2px #0037700a}.input-field::placeholder{color:var(--color-ink-mute);font-weight:300}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent)}.input-field-with-icon{padding-left:36px}.input-field-with-right{padding-right:40px}.input-leading-icon{color:var(--color-ink-mute);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:10px}.input-right-element{align-items:center;display:flex;position:absolute;right:10px}.input-disabled .input-field{background-color:var(--color-canvas-soft);color:var(--color-ink-mute);cursor:not-allowed;border-color:var(--color-hairline)}.input-has-error .input-field{border-color:var(--color-error)}.input-has-error .input-field:focus{box-shadow:0 0 0 3px #ef444426}.input-error-text{font-family:var(--font-family-base);color:var(--color-error);margin-top:2px;font-size:12px}.input-helper-text{font-family:var(--font-family-base);color:var(--color-ink-mute);margin-top:2px;font-size:12px}}