.input-container{display:flex;position:relative;width:100%}.input-container.orientation-column{flex-direction:column}.input-container.orientation-row{flex-direction:row}.input-container.orientation-row .label-text{width:100%}.label-gap{gap:6px}.no-label-gap{gap:0}.input-wrapper{display:flex;align-items:center;position:relative;width:100%;box-sizing:border-box;transition:background-color .1s ease-in-out,box-shadow .4s cubic-bezier(.075,.82,.165,1)}.input-wrapper.input-style-border{border:1.5px solid #dcdee0;background-color:transparent}.input-wrapper.input-style-border:hover{background-color:#fafafa}.input-wrapper.input-style-filled{border:none;background-color:#eff0f0}.input-wrapper.input-style-filled:hover{background-color:#e5e6e6}.input-wrapper.input-style-ghost{border:none;background-color:transparent}.input-wrapper.input-style-ghost:hover{background-color:#fafafa}.input-wrapper.small{height:32px;border-radius:4px}.input-wrapper.small .input,.input-wrapper.small .select-value{font-size:12px}.input-wrapper.small .left-icon,.input-wrapper.small .right-icon{padding:0 8px}.input-wrapper.default{height:44px;border-radius:6px}.input-wrapper.default .select-value{font-size:14px}.input-wrapper.default .left-icon,.input-wrapper.default .right-icon{padding:0 10px}.input-wrapper.input-font-h1 input{font-weight:700;font-size:34px;font-family:Inter}.input-wrapper.input-font-h2 input{font-weight:400;font-size:28px}.input-wrapper.input-font-h3 input{font-weight:500;font-size:22px}.input-wrapper.input-font-h4{font-weight:700;font-size:20px}.input-wrapper.input-font-h5{font-weight:700;font-size:12px}.input-wrapper.input-font-h6{font-weight:500;font-size:12px}.input-wrapper.input-font-p input{font-size:14px}.html-input-element,.input{flex:1 1;outline:none;background:transparent;padding:0 12px;font-family:Inter;height:100%;border:none;-webkit-line-clamp:1;text-overflow:ellipsis}.html-input-element:focus,.input:focus{outline:none;border:none;box-shadow:none}.html-input-element::placeholder,.input::placeholder{color:#5c6670;font-size:14px;font-weight:400;line-height:normal;-webkit-line-clamp:1;text-overflow:ellipsis}.input-wrapper.input-focused{box-shadow:inset 0 0 0 3px #397cf1}.input-wrapper.input-focused.input-style-border{border-color:#397cf1}.input-wrapper.input-focused.input-style-filled,.input-wrapper.input-focused.input-style-ghost{box-shadow:inset 0 0 0 3px #397cf1}.input-wrapper.input-error.input-style-border{border:2px solid #cd0000!important}.input-wrapper.input-error.input-style-filled,.input-wrapper.input-error.input-style-ghost{outline:2px solid #cd0000!important}.input-wrapper.input-error.input-focused{box-shadow:inset 0 0 0 3px #ef8f8f}.input-wrapper.input-disabled,.input-wrapper.input-readonly{background-color:#eff0f0!important;cursor:not-allowed;opacity:.7}.left-icon,.right-icon{display:flex;align-items:center;padding:0 10px}.right-icon{justify-content:center;margin-left:auto;cursor:pointer}.supporting-text{font-size:14px;padding:4px 0 0 6px;color:#707070}.select-button{all:unset;display:flex;align-items:center;position:relative;box-sizing:border-box;cursor:pointer;text-align:left;width:100%;font-family:Inter}.select-button[disabled]{cursor:not-allowed}.select-value{flex:1 1;padding:0 12px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placeholder{color:#5c6670;font-size:14px;font-weight:400;line-height:normal}.input-wrapper.autofill{background-color:#e8f0fe!important}input:-webkit-autofill{-webkit-text-fill-color:inherit;-webkit-box-shadow:inset 0 0 0 1000px transparent;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;background-color:transparent!important}