.base-input input{--tw-ring-color:transparent!important;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;-webkit-box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:block;padding-left:.75rem;padding-right:.75rem;width:100%}.base-input input,.base-input input:focus{outline:2px solid transparent;outline-offset:2px}.base-input input{padding-bottom:.5rem;padding-top:.5rem}.base-input .error label{--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity))!important;opacity:.5!important}.base-input.has-floating-label input{padding-top:1.25rem}.base-input.has-floating-label label{--tw-translate-y:-50%;--tw-text-opacity:1;color:rgb(var(--color-primary-DEFAULT)/var(--tw-text-opacity));padding-left:.75rem;padding-right:.75rem;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-ms-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));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));-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition-duration:.3s;transition-duration:.3s}:is(.dark .base-input.has-floating-label label){--tw-text-opacity:1;color:rgb(var(--color-gray-500)/var(--tw-text-opacity))}.base-input.has-floating-label input:-webkit-autofill~label,.base-input.has-floating-label input:focus-within~label,.base-input.has-floating-label label.input-focused,.base-input.has-floating-label label.input-has-value{--tw-translate-y:-90%!important;--tw-scale-x:.75!important;--tw-scale-y:.75!important;--tw-text-opacity:1!important;color:rgb(var(--color-primary-DEFAULT)/var(--tw-text-opacity))!important;padding-left:1rem!important;padding-right:1rem!important;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;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))!important}:is(.dark .base-input.has-floating-label input:-webkit-autofill~label),:is(.dark .base-input.has-floating-label input:focus-within~label),:is(.dark .base-input.has-floating-label label.input-focused),:is(.dark .base-input.has-floating-label label.input-has-value){--tw-text-opacity:1!important;color:rgb(var(--color-gray-500)/var(--tw-text-opacity))!important}.base-input.has-floating-label .error input:-webkit-autofill~label,.base-input.has-floating-label .error input:focus-within~label,.base-input.has-floating-label .error label,.base-input.has-floating-label .error label.input-focused,.base-input.has-floating-label .error label.input-has-value{--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity))!important;opacity:.5!important}
