.xs-input-wrapper[data-v-31ee2ac3]{background-color:var(--color-secondary);border-radius:var(--radius-md);width:100%;position:relative}.xs-input-wrapper .xs-input[data-v-31ee2ac3]{background-color:inherit;width:100%}.xs-input-wrapper .xs-input.input-suffix[data-v-31ee2ac3]{padding-right:35px}.xs-input-wrapper .xs-input.input-prefix[data-v-31ee2ac3]{padding-left:35px}.xs-input-wrapper .input-error[data-v-31ee2ac3]{border-color:var(--color-error)}.xs-input-wrapper .prefix-icon[data-v-31ee2ac3]{height:100%;position:absolute;top:0;left:10px}.xs-input-wrapper .suffix-icon[data-v-31ee2ac3]{height:100%;position:absolute;top:0;right:10px}.xs-input-wrapper .error-message[data-v-31ee2ac3]{color:var(--color-error);font-size:12px;transition:all .3s;position:absolute;bottom:-17px;left:1rem}.xs-input-wrapper.xs-input-wrapper--large .input-suffix[data-v-31ee2ac3]{padding-right:40px}.xs-input-wrapper.xs-input-wrapper--large .input-prefix[data-v-31ee2ac3]{padding-left:40px}.xs-input-wrapper.xs-input-wrapper--large .prefix-icon[data-v-31ee2ac3]{left:15px}.xs-input-wrapper.xs-input-wrapper--large .suffix-icon[data-v-31ee2ac3]{right:15px}.xs-input-wrapper.xs-input-wrapper--large .xs-input[data-v-31ee2ac3]{height:44px;font-size:16px}.xs-input-wrapper.xs-input-wrapper--small .xs-input[data-v-31ee2ac3]{border-radius:6px;padding:7px 20px;font-size:13px}.xs-input-wrapper.xs-input-wrapper--small .error-message[data-v-31ee2ac3]{font-size:.68rem}