.smard-input{outline:none;transition:border-color .15s ease,background-color .15s ease}.smard-input:focus,.smard-input:hover:not(:disabled):not(:focus){border-color:var(--color-dark-01,#0a0d12)}.smard-input:focus{background-color:var(--color-white,#fff)}.smard-input:disabled{opacity:.5;cursor:not-allowed}.smard-input[aria-invalid=true],.smard-input[aria-invalid=true]:focus{border-color:var(--color-red,#df173a)}.smard-input[type=number]{appearance:textfield}.smard-input[type=number]::-webkit-inner-spin-button,.smard-input[type=number]::-webkit-outer-spin-button{appearance:none}.smard-input--inverted:hover:not(:disabled):not(:focus){border-color:var(--Input-inverted-hover-border)}.smard-input--inverted:focus{background-color:var(--Input-inverted-focus-bg);border-color:var(--Input-inverted-focus-border)}.dark .smard-input:not(.smard-input--inverted){color:var(--color-white,#fff)}.dark .smard-input:not(.smard-input--inverted):focus{background-color:var(--color-dark-02,#252b37)}.dark .smard-input--inverted:hover:not(:disabled):not(:focus){border-color:var(--Input-inverted-hover-border)}.dark .smard-input--inverted:focus{background-color:var(--Input-inverted-focus-bg);border-color:var(--Input-inverted-focus-border)}@media (prefers-reduced-motion:reduce){.smard-input{transition:none}}