.text-input{display:grid;font-size:16px;gap:.5rem;height:-moz-max-content;height:max-content;line-height:24px}.text-input,.text-input .label{font-family:modam-regular}.text-input .label{font-size:14px;line-height:22px;--tw-text-opacity:1;color:rgb(17 25 40/var(--tw-text-opacity))}.text-input .label .star{vertical-align:sub;--tw-text-opacity:1;color:rgb(242 48 48/var(--tw-text-opacity))}.text-input .input-box{align-items:center;border-radius:.5rem;border-width:1px;display:flex;gap:1rem;--tw-border-opacity:1;border-color:rgb(223 228 234/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));outline-color:transparent;outline-style:solid;outline-width:2px;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.text-input .input-box input{background-color:transparent;display:block;outline:2px solid transparent;outline-offset:2px;width:100%}.text-input .input-box input::-webkit-inner-spin-button,.text-input .input-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-input .input-box input[type=number]{-moz-appearance:textfield}.text-input .input-box .unit{align-items:center;border-end-end-radius:.5rem;border-start-end-radius:.5rem;display:flex;font-family:modam-regular;font-size:16px;height:100%;justify-content:center;line-height:24px;--tw-bg-opacity:1;background-color:rgb(223 228 234/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(99 115 129/var(--tw-text-opacity))}.text-input .input-box .type-toggler{cursor:pointer;height:20px!important;min-width:20px!important}.text-input .input-error{font-family:modam-regular;font-size:14px;line-height:22px;--tw-text-opacity:1;color:rgb(242 48 48/var(--tw-text-opacity))}.text-input .input-hint,.text-input .input-text-hint{font-family:modam-regular;font-size:14px;line-height:22px;--tw-text-opacity:1;color:rgb(99 115 129/var(--tw-text-opacity))}.text-input .input-text-hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.text-input.ltr .input-box input{direction:ltr;text-align:left}.text-input.ltr .input-box input::-moz-placeholder{direction:rtl;text-align:right}.text-input.ltr .input-box input::placeholder{direction:rtl;text-align:right}.text-input.ltr-placeholder .input-box input::-moz-placeholder{direction:ltr;text-align:left}.text-input.ltr-placeholder .input-box input::placeholder{direction:ltr;text-align:left}.text-input.md .input-box{height:3rem;padding-left:1rem;padding-right:1rem}.text-input.md .input-box .uicon{height:20px!important;min-width:20px!important;fill:#8899a8}.text-input.md:is(.has-unit) .input-box{padding-left:0}.text-input.md:is(.has-unit) .input-box .unit{min-width:3rem;padding:.5rem}.text-input.xs .input-box{height:2rem;padding-left:.5rem;padding-right:.5rem}.text-input.xs .input-box .input{font-family:modam-regular;font-size:12px;line-height:20px}.text-input.xs .input-box .uicon{height:14px!important;min-width:14px!important;fill:#8899a8}.text-input.xs:is(.has-unit) .input-box{padding-left:0}.text-input.xs:is(.has-unit) .input-box .unit{min-width:2.5rem;padding:.5rem}.text-input.sm .input-box{height:2.5rem;padding-left:1rem;padding-right:1rem}.text-input.sm .input-box .input{font-family:modam-regular;font-size:14px;line-height:22px}.text-input.sm .input-box .uicon{height:16px!important;min-width:16px!important;fill:#8899a8}.text-input.sm:is(.has-unit) .input-box{padding-left:0}.text-input.sm:is(.has-unit) .input-box .unit{min-width:2.5rem;padding:.5rem}.text-input.lg .input-box{height:3.5rem;padding-left:1rem;padding-right:1rem}.text-input.lg .input-box .uicon{height:24px!important;min-width:24px!important;fill:#8899a8}.text-input.lg:is(.has-unit) .input-box{padding-left:0}.text-input.lg:is(.has-unit) .input-box .unit{min-width:3.5rem;padding:.5rem}.text-input:not(.disabled):not(.error) .input-box:hover{border-color:rgb(221 195 245/var(--tw-border-opacity));outline-color:#ddc3f5}.text-input:not(.disabled):not(.error) .input-box:hover,.text-input:not(.disabled):not(.error).focus .input-box{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));outline-style:solid;outline-width:2px}.text-input:not(.disabled):not(.error).focus .input-box{border-color:rgb(155 81 224/var(--tw-border-opacity));outline-color:#9b51e0}.text-input.disabled .input-box{opacity:.7}.text-input.error .input-box{--tw-border-opacity:1;border-color:rgb(242 48 48/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));outline-color:#f23030;outline-style:solid;outline-width:1px}