.input-frame{width:100%;border-radius:.75rem;border-width:1px;--tw-bg-opacity:1;background-color:rgb(251 250 252/var(--tw-bg-opacity));font-family:Graphie-Book;font-size:.875rem;line-height:1.25rem}.input-frame:focus{font-family:Graphie-Semibold}.input-primary{--tw-border-opacity:1;border-color:rgb(221 218 223/var(--tw-border-opacity))}.input-primary:focus{--tw-border-opacity:1;border-color:rgb(131 7 255/var(--tw-border-opacity))}.input-success{--tw-border-opacity:1;border-color:rgb(0 176 105/var(--tw-border-opacity))}.input-success:focus{--tw-border-opacity:1;border-color:rgb(131 7 255/var(--tw-border-opacity))}.input-error{--tw-border-opacity:1;border-color:rgb(255 65 94/var(--tw-border-opacity))}.input-error:focus{--tw-border-opacity:1;border-color:rgb(131 7 255/var(--tw-border-opacity))}.input-warning{--tw-border-opacity:1;border-color:rgb(251 136 54/var(--tw-border-opacity))}.input-warning:focus{--tw-border-opacity:1;border-color:rgb(131 7 255/var(--tw-border-opacity))}.input-disabled{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.input-sm{padding:8px 16px}.input-md{padding:16px 8px}.input-lg{height:3.5rem;padding:24px}.error-text{padding-top:8px;font-size:.75rem;font-weight:400;line-height:1rem}.error-text-primary{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.error-text-success{--tw-text-opacity:1;color:rgb(0 176 105/var(--tw-text-opacity))}.error-text-error{--tw-text-opacity:1;color:rgb(255 65 94/var(--tw-text-opacity))}.error-text-warning{--tw-text-opacity:1;color:rgb(251 136 54/var(--tw-text-opacity))}.error-text-disabled{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.icon-left,.icon-right{position:absolute;z-index:10}.icon-left{margin-left:8px}.label{font-weight:600;--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.label-required{padding-left:4px;--tw-text-opacity:1;color:rgb(255 65 94/var(--tw-text-opacity))}.input-frame::-webkit-input-placeholder{font-family:graphie}@media (pointer:coarse){input[type=date]:before{color:#9ca3af;content:attr(placeholder)!important}input[type=date]:valid:before{content:""!important}}