.ui-input{text-align:left;width:var(--input-width,100%)}.ui-input__label{background:var(--input-label-background);color:var(--input-label-color);display:block;margin:var(--input-label-margin,0 0 4px);transition:.2s ease-out;transition-property:opacity,color}.ui-input__wrapper{background:var(--input-background);border:var(--input-border,1px solid var(--input-border-color));border-radius:var(--input-border-radius,12px);color:var(--input-color);display:flex;height:var(--input-control-height,40px);padding:var(--input-wrapper-padding,11px 16px);position:var(--input-position);transition:.2s ease-out;transition-property:border-color,border-radius,background-color,color;width:var(--input-control-width,100%);z-index:3}.ui-input__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--input-control-color);flex:1;height:100%;padding:var(--input-control-padding)}.ui-input__control:focus{outline:none}.ui-input__control::-moz-placeholder{color:var(--input-placeholder-color,var(--input-control-color))}.ui-input__control::placeholder{color:var(--input-placeholder-color,var(--input-control-color))}.ui-input__loader{--spinner-color:var(--input-color)}.ui-input__invalid-icon,.ui-input__valid-icon{pointer-events:none}.ui-input__bottom{display:flex;flex-direction:column;margin-top:var(--input-top-margin,8px)}.ui-input__validation-message{color:#f53c14;flex:1;font-size:var(--input-error-font-size,12px);font-weight:500;margin-top:4px}.ui-input.is-loading .ui-input__control,.ui-input.is-loading .ui-input__wrapper{cursor:wait}.ui-input.is-filled{--input-label-color:var(--input-filled-label-color)}.ui-input:focus-within:not(.is-readonly):not(.is-disabled):not(.is-loading):not(.is-focused){--input-border-color:var(--input-focus-border-color);--input-label-color:var(--input-focus-label-color)}.ui-input:focus-within:not(.is-readonly):not(.is-disabled):not(.is-loading):not(.is-focused):has(.is-error){--input-border-color:none}.ui-input.is-disabled{opacity:var(--input--disabled-opacity,.56);pointer-events:none}.ui-input.is-disabled .ui-input__control,.ui-input.is-disabled .ui-input__label,.ui-input.is-disabled .ui-input__wrapper{cursor:not-allowed}.ui-input.is-readonly .ui-input__control{cursor:default}.ui-input--primary:not(.is-readonly):not(.is-disabled):not(.is-loading) .ui-input__wrapper:not(.is-error):hover{--input-border-color:var(--input-focus-border-color)}.ui-input--primary:not(.is-readonly):not(.is-disabled):not(.is-loading):has(.is-error){--input-border-color:none}.ui-input--secondary .ui-input__label,.ui-input--tertiary .ui-input__label{opacity:0;position:absolute;z-index:1}.ui-input--secondary.is-filled .ui-input__label,.ui-input--secondary:focus-within .ui-input__label,.ui-input--tertiary.is-filled .ui-input__label,.ui-input--tertiary:focus-within .ui-input__label{opacity:1}.ui-input--secondary .ui-input__wrapper:hover:not(.is-readonly):not(.is-disabled):not(.is-loading),.ui-input--tertiary .ui-input__wrapper:hover:not(.is-readonly):not(.is-disabled):not(.is-loading){--input-border-color:var(--input-hover-border-color)}.ui-input--secondary .ui-input__label{border-radius:var(--input-label-border-radius,2px);left:20px;padding:var(--input-label-padding,0 2px);pointer-events:none;top:-6px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ui-input--tertiary{--input-wrapper-padding:0 15px;--input-control-height:48px}.ui-input--tertiary.is-filled,.ui-input--tertiary:focus-within{--input-control-padding:19px 0 7px}.ui-input--tertiary .ui-input__label{left:16px;top:8px}.ui-input--large{--input-control-height:60px;--input-control-padding:13px 0}@media screen and (max-width:768px){.ui-input--large{--input-control-height:48px}}.light-theme,:root{--input-primary-color:#a7b9d5;--input-primary-placeholder-color:#a7b9d5;--input-primary-border-color:#e2e7f1;--input-primary-focus-border-color:#a7b9d5}.ui-input--primary{--input-color:var(--input-primary-color);--input-placeholder-color:var(--input-primary-placeholder-color);--input-border-color:var(--input-primary-border-color);--input-focus-border-color:var(--input-primary-focus-border-color)}.ui-input.is-readonly .ui-input__control{-webkit-user-select:all;-moz-user-select:all;user-select:all}.ui-input__input{display:flex;flex:1;flex-direction:column;gap:4px}@media screen and (max-width:768px){.ui-input__input{gap:0}}.ui-input__label{color:var(--input-label-color,#6c86ad);display:flex;font-size:var(--input-font-label-size,12px);gap:4px}.ui-input__title{font-size:var(--input-title-font-size,12px);margin-bottom:var(--input-title-bottom);white-space:nowrap}@media screen and (max-width:768px){.ui-input__title{--input-title-font-size:11px}}.ui-input:focus-within{--input-placeholder-color:transparent}.ui-input__prefix,.ui-input__suffix{align-items:center;display:flex}.ui-input__suffix{align-items:flex-end;color:var(--suffix-color,#181818);flex-direction:column;font-size:var(--input-suffix-font-size,16px);text-align:right}.ui-input__prefix{color:var(--input-prefix-color,#a7b9d5);flex-direction:row;font-size:var(--input-prefix-font-size,14px);font-weight:var(--input-prefix-font-weight,500);margin-top:var(--input-prefix-margin-top,0);word-break:break-word}.ui-input .input-overlay-wrapper{height:100%;position:relative;width:100%}.ui-input .input-overlay-real{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.ui-input .input-overlay-display{align-items:center;color:#222;display:flex;font-size:1rem;height:100%;padding-left:1rem;pointer-events:none;z-index:1}.ui-input .input-overlay-display i{color:#999;font-size:1rem;margin-left:.25rem}.ui-input__control{background:transparent;border:none;caret-color:var(--input-caret-color);color:var(--input-text-color,#181818);font-size:var(--input-font-size,16px);font-weight:var(--input-font-weight,500);width:100%}@media screen and (max-width:768px){.ui-input__control{--input-font-size:12px}}.ui-input__control::-moz-placeholder{color:var(--input-control-placeholder-color,#a7b9d5)}.ui-input__control::placeholder{color:var(--input-control-placeholder-color,#a7b9d5)}.ui-input__control:-webkit-autofill{-webkit-background-clip:text;-webkit-text-fill-color:#181818}.ui-input__clear-input,.ui-input__copy,.ui-input__hide-password,.ui-input__show-password{cursor:pointer;--icon-size:24px;align-self:center;color:#1c74f0;height:-moz-fit-content;height:fit-content}.ui-input__hint{color:var(--input-hint-color);cursor:default}.ui-input .is-error{border:2px solid #f53c14}.ui-input .is-focused{border-radius:12px;outline:2px solid #1c74f0}