.ui-input{--ui-input-height: var(--custom-meta-ui-input-height, calc(var(--grid-gutter) * 6));--ui-input-color: var(--custom-meta-ui-input-color, #0c0c10);--ui-input-focus-color: var(--custom-meta-ui-input-focus-color, #0c0c10);--ui-input-disabled-color: var(--custom-meta-ui-input-disabled-color, #b1b1ba);--ui-input-border-height: var(--custom-meta-ui-input-outline-height, 1px);--ui-input-border-color: var(--custom-meta-ui-input-outline-color, #e6f1fa);--ui-input-border-focus-color: var(--custom-meta-ui-input-outline-focus-color, #067eff);--ui-input-bg: var(--custom-meta-ui-input-bg, #fff);--ui-input-disabled-bg: var(--custom-meta-ui-input-bg, #f8fafd);--ui-input-error-border-color: var(--custom-meta-ui-input-error-outline-color, #f83434);--ui-input-text-transform: var(--custom-meta-ui-input-text-transform, none);--ui-input-cursor: var(--custom-ui-input-cursor, pointer);--ui-input-font-size: var(--custom-ui-input-font-size, 14px);--ui-input-line-height: var(--custom-ui-input-line-height, 1.4);--ui-input-border-radius: var(--custom-ui-input-border-radius, 4px);--ui-input-offset-placeholder: calc(-50% - 10px) ;--ui-input-font-height-sticky-placeholder: 16px;--ui-input-padding: var(--custom-ui-input-padding, calc(var(--grid-gutter) * 0) calc(var(--grid-gutter) * 1));--ui-input-padding-right: calc(var(--grid-gutter) * 1);--ui-input-cleaner-icon-color: var(--custom-meta-ui-after-color, #c2c2c2);--ui-input-cleaner-icon-color-hover: var(--custom-meta-ui-after-color-hover, #505050);--ui-input-cleaner-icon-size: var(--custom-ui-input-cleaner-icon-size, 12px);--ui-input-cleaner-icon-gap: var(--custom-ui-input-cleaner-icon-gap, 16px);--ui-input-cleaner-icon-area-width: var( --custom-ui-input-cleaner-icon-area-width, calc(var(--ui-input-cleaner-icon-size) + var(--ui-input-cleaner-icon-gap)) );--ui-input-cleaner-btn-display: none;position:relative;border-radius:var(--ui-input-border-radius)}.ui-input--x12{--ui-input-height: var(--custom-meta-ui-input-height, calc(var(--grid-gutter) * 6));--ui-input-font-size: var(--custom-ui-input-font-size, 16px)}.ui-input--state--error{--ui-input-border-color: var(--ui-input-error-border-color);--ui-input-border-height: 1px}.ui-input--disabled{--ui-input-cursor: var(--custom-ui-input-cursor-disabled, not-allowed)}.ui-input:has(.ui-input__input:not(:-moz-placeholder-shown)){--ui-input-cleaner-btn-display: flex}.ui-input:has(.ui-input__input:not(:placeholder-shown)){--ui-input-cleaner-btn-display: flex}.ui-input[data-cleaner=true],.ui-input[data-cleaner="1"]{--ui-input-padding-right: calc(var(--ui-input-cleaner-icon-area-width))}.ui-input__wrapper{position:relative}.ui-input__action-input{position:absolute;top:50%;right:0;width:var(--ui-input-cleaner-icon-area-width);height:100%;transform:translateY(-50%)}.ui-input__action-input--disabled{--ui-input-bg: transparent;pointer-events:none}.ui-input__input{box-sizing:border-box;width:100%;height:var(--ui-input-height);padding:var(--ui-input-padding);padding-right:var(--ui-input-padding-right);font-family:Roboto,sans-serif;font-size:var(--ui-input-font-size);line-height:var(--ui-input-line-height);color:var(--ui-input-color);text-transform:var(--ui-input-text-transform);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ui-input-bg);border:var(--ui-input-border-height) solid var(--ui-input-border-color);border-radius:var(--ui-input-border-radius);outline:none;transition:.3s ease-out border-color}.ui-input__input:hover{--ui-input-border-color: #FDD163}.ui-input__input:focus{--ui-input-color: var(--ui-input-focus-color);--ui-input-border-color: var(--ui-input-border-focus-color)}.ui-input__input:-moz-read-only{--ui-input-bg: var(--ui-input-disabled-bg);--ui-input-color: var(--ui-input-disabled-color);--ui-input-border-color: transparent}.ui-input__input:disabled,.ui-input__input:read-only{--ui-input-bg: var(--ui-input-disabled-bg);--ui-input-color: var(--ui-input-disabled-color);--ui-input-border-color: transparent}.ui-input__input:-moz-read-only{--ui-input-cursor: var(--custom-ui-input-cursor-disabled, not-allowed)}.ui-input__input:read-only{--ui-input-cursor: var(--custom-ui-input-cursor-disabled, not-allowed)}.ui-input__input::-webkit-input-placeholder{color:#b1b1ba}.ui-input__input::-moz-placeholder{color:#b1b1ba}.ui-input__input::-ms-input-placeholder{color:#b1b1ba}.ui-input__input::placeholder{color:#b1b1ba}.ui-input__input:is(:-webkit-autofill)+.ui-input__action-input{--icon-left-gradient-display: none}.ui-input__input:is(:-webkit-autofill,:autofill)+.ui-input__action-input{--icon-left-gradient-display: none}.ui-input__input--value{transition:transform 0ms}.ui-input__input--value[type=password]:not(:-moz-placeholder-shown){--ui-input-font-size: 26px;letter-spacing:3px;--ui-input-color: #505050}.ui-input__input--value[type=password]:not(:placeholder-shown){--ui-input-font-size: 26px;letter-spacing:3px;--ui-input-color: #505050}.ui-input__input--value[type=password]:not(:placeholder-shown)::-webkit-input-placeholder{line-height:30px;--ui-input-color: var(#b1b1ba);--ui-input-font-size: 14px;letter-spacing:normal}.ui-input__input--value[type=password]:not(:placeholder-shown)::-moz-placeholder{line-height:30px;--ui-input-color: var(#b1b1ba);--ui-input-font-size: 14px;letter-spacing:normal}.ui-input__input--value[type=password]:not(:placeholder-shown)::-ms-input-placeholder{line-height:30px;--ui-input-color: var(#b1b1ba);--ui-input-font-size: 14px;letter-spacing:normal}.ui-input__input--value[type=password]:not(:-moz-placeholder-shown)::placeholder{line-height:30px;--ui-input-color: var(#b1b1ba);--ui-input-font-size: 14px;letter-spacing:normal}.ui-input__input--value[type=password]:not(:placeholder-shown)::placeholder{line-height:30px;--ui-input-color: var(#b1b1ba);--ui-input-font-size: 14px;letter-spacing:normal}.ui-input__input--placeholder{padding-top:var(--ui-input-font-height-sticky-placeholder)}.ui-input__placeholder{font-size:14px;font-weight:400;line-height:1.3;position:absolute;top:50%;left:8px;display:inline-block;font-family:Roboto,sans-serif;color:#b1b1ba;pointer-events:none;transition:.2s;transform:translateY(-50%)}.ui-input__input:not(:-moz-placeholder-shown)+.ui-input__placeholder{font-size:10px;font-weight:400;line-height:1.2;transform:translateY(var(--ui-input-offset-placeholder))}.ui-input__input:focus+.ui-input__placeholder,.ui-input__input:not(:placeholder-shown)+.ui-input__placeholder{font-size:10px;font-weight:400;line-height:1.2;transform:translateY(var(--ui-input-offset-placeholder))}.ui-input__cleaner-btn{position:relative;display:var(--ui-input-cleaner-btn-display);flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;padding:0;color:var(--ui-input-cleaner-icon-color);cursor:pointer;background-color:transparent;border:none;border-top-right-radius:var(--ui-input-search-border-radius);border-bottom-right-radius:var(--ui-input-search-border-radius);outline:none;transition:.3s ease color}.ui-input__cleaner-btn:hover{--ui-input-cleaner-icon-color: var(--ui-input-cleaner-icon-color-hover)}.ui-input__cleaner-btn:focus-visible{outline:auto;outline-color:var(--ui-input-cleaner-icon-color)}.ui-input__error-text{font-size:10px;font-weight:400;line-height:1.2;color:#f83434;padding-top:calc(var(--grid-gutter) * 1)}
