.input{--border-color:var(--theme-color-grayscale-600);--border:1px solid var(--border-color);--border-radius:6px;--padding:0.75rem;display:grid;grid-gap:.5rem;position:relative}.input__field{font-size:1.6rem;width:100%;padding:var(--padding);border:var(--border);border-radius:var(--border-radius);transition:border .2s ease;background-color:var(--theme-color-grayscale-1000)}.input__field::-moz-placeholder{color:var(--theme-color-grayscale-300)}.input__field::placeholder{color:var(--theme-color-grayscale-300)}.input__field[disabled]{color:var(--theme-color-grayscale-600)}.input__slot{display:flex;position:absolute;align-items:center;padding-inline:1rem;z-index:2}.input__field:focus{border-color:var(--theme-color-primary-default);outline:1px solid var(--theme-color-primary-default);outline-offset:0}.input--slot-left .input__field{padding-left:3.5rem}.input--slot-left .input__slot{inset:0 auto 0 0}.input--slot-right .input__field{padding-right:50px}.input--slot-right .input__slot{inset:0 0 0 auto}.input--state-success{--border-color:var(--theme-color-status-success-default)}.input--state-danger{--border-color:var(--theme-color-status-warning-default)}.input--state-error{--border-color:var(--theme-color-status-error-default)}.input--state-info{--border-color:var(--theme-color-status-info-default)}