.input{border-radius:8px;position:relative;width:100%;--tw-bg-opacity:1;background-color:rgb(251 252 253/var(--tw-bg-opacity,1))}.input:is(.dark *){--tw-bg-opacity:1;background-color:rgb(31 35 41/var(--tw-bg-opacity,1))}.input__form{border-radius:8px;border-style:solid;border-width:1px;position:relative;width:100%;--tw-border-opacity:1;background-color:transparent;border-color:rgb(244 245 247/var(--tw-border-opacity,1));font-size:16px;letter-spacing:.2px;line-height:1.5;padding:10px .75rem;--tw-text-opacity:1;color:rgb(31 35 41/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.input__form:hover{--tw-border-opacity:1;border-color:rgb(230 231 235/var(--tw-border-opacity,1))}.input__form:is(.dark *){--tw-border-opacity:1;background-color:transparent;border-color:rgb(39 44 51/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(251 252 253/var(--tw-text-opacity,1))}.input__form:is(.dark *):hover{--tw-border-opacity:1;border-color:rgb(56 63 74/var(--tw-border-opacity,1))}.input__form::placeholder,.input__form__placeholder{--tw-text-opacity:1;color:rgb(203 209 216/var(--tw-text-opacity,1))}.input__form:is(.dark *)::placeholder,.input__form__placeholder:is(.dark *){--tw-text-opacity:1;color:rgb(56 63 74/var(--tw-text-opacity,1))}.input__form--disabled,.input__form:disabled,.input__form[disabled=true],.state--disabled .input__form{pointer-events:none;--tw-border-opacity:1;border-color:rgb(230 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(230 231 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(203 209 216/var(--tw-text-opacity,1))}.input__form--disabled:is(.dark *),.input__form:disabled:is(.dark *),.input__form[disabled=true]:is(.dark *),.state--disabled .input__form:is(.dark *){--tw-border-opacity:1;border-color:rgb(56 63 74/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(25 28 33/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(56 63 74/var(--tw-text-opacity,1))}.input__form:focus{z-index:1;--tw-border-opacity:1;border-color:rgb(230 231 235/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(230,231,235,.1)}.input__form:focus:is(.dark *){--tw-border-opacity:1;border-color:rgb(56 63 74/var(--tw-border-opacity,1));--tw-ring-color:rgba(56,63,74,.1)}.input--xs{border-radius:6px;font-size:14px;letter-spacing:.4px;line-height:1.42;padding-bottom:2px;padding-top:2px}.input--sm{border-radius:7px;padding-bottom:4px;padding-top:4px}.input--md{padding-bottom:10px;padding-top:10px}.input--lg{padding-bottom:1rem;padding-top:1rem}.input .state--error,.input--error,.input-group--error.input-group .input>.input__form:not(.no--error),.state--error .input>.input__form:not(.no--error){--tw-border-opacity:1;border-color:rgb(228 46 44/var(--tw-border-opacity,1))}.input .state--error:hover,.input--error:hover,.input-group--error.input-group .input>.input__form:not(.no--error):hover,.state--error .input>.input__form:not(.no--error):hover{--tw-border-opacity:1;border-color:rgb(228 46 44/var(--tw-border-opacity,1))}.input .state--error:focus,.input--error:focus,.input-group--error.input-group .input>.input__form:not(.no--error):focus,.state--error .input>.input__form:not(.no--error):focus{--tw-border-opacity:1;border-color:rgb(228 46 44/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(246 188 187/var(--tw-ring-opacity,1))}.input .state--error:is(.dark *),.input--error:is(.dark *),.input-group--error.input-group .input>.input__form:not(.no--error):is(.dark *),.state--error .input>.input__form:not(.no--error):is(.dark *){--tw-border-opacity:1;border-color:rgb(234 96 94/var(--tw-border-opacity,1))}.input .state--error:is(.dark *):hover,.input--error:is(.dark *):hover,.input-group--error.input-group .input>.input__form:not(.no--error):is(.dark *):hover,.state--error .input>.input__form:not(.no--error):is(.dark *):hover{--tw-border-opacity:1;border-color:rgb(234 96 94/var(--tw-border-opacity,1))}.input .state--error:is(.dark *):focus,.input--error:is(.dark *):focus,.input-group--error.input-group .input>.input__form:not(.no--error):is(.dark *):focus,.state--error .input>.input__form:not(.no--error):is(.dark *):focus{--tw-border-opacity:1;border-color:rgb(234 96 94/var(--tw-border-opacity,1));--tw-ring-opacity:1;--tw-ring-color:rgb(34 7 7/var(--tw-ring-opacity,1))}.input .input__clear{color:#1f23294d;cursor:pointer;z-index:2}.input .input__clear:hover{--tw-text-opacity:1;color:rgb(159 32 31/var(--tw-text-opacity,1))}.input .input__clear:is(.dark *){color:#fbfcfd4d}.input .input__clear:is(.dark *):hover{--tw-text-opacity:1;color:rgb(240 142 141/var(--tw-text-opacity,1))}.input__append,.input__prepend{align-items:center;display:flex;height:100%;position:absolute;top:0;z-index:2}.input__prepend{left:.75rem}.input__append{right:.75rem}.input--has-prepend{padding-left:2.25rem}.input--clearable,.input--has-append{padding-right:2.25rem}.input--clearable+.input__clear{position:absolute;right:.75rem;top:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input--clearable:where(.input--has-append){padding-right:4.15rem}.input--clearable:where(.input--has-append)+.input__clear{right:2.45rem}