.form-group{width:100%}.form-label{--tw-text-opacity:1;color:rgb(64 93 99/var(--tw-text-opacity,1));font-weight:700;line-height:1.25rem}.form-label:is([data-mode=dark] *){--tw-text-opacity:1;color:rgb(206 213 213/var(--tw-text-opacity,1))}.form-label.error{--tw-text-opacity:1;color:rgb(138 46 61/var(--tw-text-opacity,1))}.form-description{--tw-text-opacity:1;color:rgb(102 120 124/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem}.form-description:is([data-mode=dark] *){--tw-text-opacity:1;color:rgb(206 213 213/var(--tw-text-opacity,1))}.form-sub-label{--tw-text-opacity:1;color:rgb(102 120 124/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem}.form-control{width:100%;position:relative}.form-control>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.form-control{--tw-text-opacity:1;color:rgb(17 25 40/var(--tw-text-opacity,1))}.form-control-horizontal{align-items:center;gap:.5rem;display:flex}.form-input{box-sizing:border-box;--tw-border-opacity:1;border-width:1px;border-color:rgb(206 213 213/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(246 248 248/var(--tw-bg-opacity,1));border-radius:1rem;justify-content:space-between;align-items:center;width:100%;display:flex}.form-input:focus{--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(2px + 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-opacity:1;--tw-ring-color:rgb(0 189 190/var(--tw-ring-opacity,1))}.form-input:focus-visible{outline-offset:2px;outline:2px solid #0000}.form-input.error,.form-input-combined.error{--tw-border-opacity:1;border-color:rgb(162 27 63/var(--tw-border-opacity,1))}.form-input-combined{box-sizing:border-box;--tw-border-opacity:1;border-width:1px;border-color:rgb(206 213 213/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(246 248 248/var(--tw-bg-opacity,1));border-radius:1rem;justify-content:space-between;align-items:center;width:100%;display:flex}.form-input-combined:focus-within{--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(2px + 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-opacity:1;--tw-ring-color:rgb(0 189 190/var(--tw-ring-opacity,1))}.form-input-combined:focus-visible{outline-offset:2px;outline:2px solid #0000}.form-input-combined .form-input{border-style:none}.form-input-combined .form-input:focus{--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(0px + 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)}.form-error{visibility:hidden;--tw-text-opacity:1;min-height:1rem;color:rgb(162 27 63/var(--tw-text-opacity,1));align-items:center;gap:.5rem;font-size:.75rem;line-height:1rem;display:flex}.form-error.show{visibility:visible}.form-group-xs>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.form-group-xs{font-size:.75rem;line-height:1rem}.form-group-xs .form-input{padding:.25rem .5rem}.form-group-xs .form-input-icon{top:6px;left:.75rem}.form-group-xs .form-control.form-control-with-icon .form-input{padding-left:1.75rem}.form-group-small>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.form-group-small{font-size:.875rem;line-height:1.25rem}.form-group-small .form-input{padding:.5rem .75rem}.form-group-small .form-input-icon{top:11px;left:.75rem}.form-group-small .form-control.form-control-with-icon .form-input{padding-left:2.25rem}.form-group-medium>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.form-group-medium{font-size:1rem;line-height:1.5rem}.form-group-medium .form-input{padding:.75rem 1rem}.form-group-medium .form-input-icon{top:15px;left:1rem}.form-group-medium .form-control.form-control-with-icon .form-input{padding-left:2.75rem}.form-group-large>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.form-group-large{font-size:1.125rem;line-height:1.75rem}.form-group-large .form-input{padding:1rem 1.25rem}.form-group-large .form-input-icon{top:17px;left:1rem}.form-group-large .form-control.form-control-with-icon .form-input{padding-left:3rem}.form-group-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.form-group-xl{font-size:1.25rem;line-height:1.75rem}.form-group-xl .form-input{padding:1.25rem 1.5rem}.form-group-xl .form-input-icon{top:19px;left:1rem}.form-group-xl .form-control.form-control-with-icon .form-input{padding-left:3.5rem}.disabled{cursor:not-allowed;opacity:.5}.form-input-icon{z-index:10;position:absolute}
.otp-input{text-align:center;padding:0!important}.form-group-xs .otp-input{width:1.75rem;height:2.25rem;font-size:1.125rem;line-height:1.75rem}.form-group-small .otp-input{width:2rem;height:2.5rem;font-size:1.25rem;line-height:1.75rem}.form-group-medium .otp-input{width:2.25rem;height:3rem;font-size:1.5rem;line-height:2rem}.form-group-large .otp-input{width:2.5rem;height:52px;font-size:1.875rem;line-height:2.25rem}.form-group-xl .otp-input{width:2.75rem;height:3.5rem;font-size:2.25rem;line-height:2.5rem}.otp-input.form-input{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.otp-root.filled-in .otp-input{--tw-bg-opacity:1;background-color:rgb(246 248 248/var(--tw-bg-opacity,1))}.otp-root input[type=number]::-webkit-inner-spin-button{appearance:none}.otp-root input[type=number]::-webkit-outer-spin-button{appearance:none}
