.input{position:relative}.input-styled{position:relative;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid rgba(145,158,171,.32);box-sizing:border-box;border-radius:8px}.input-styled:hover{border-color:#404eed}.input-styled:hover~.label{color:#404eed}.input-styled:focus{outline:2px solid transparent;outline-offset:2px;border-color:#404eed}.input-styled:focus~.label{color:#404eed;transform:scale(.6);font-size:120%;top:8px}.input-styled:valid~.label{transform:scale(.6);font-size:120%;top:8px}.input-styled:disabled{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));cursor:not-allowed}.input-styled:disabled~.label{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.error{border:2px solid #ff4842;box-sizing:border-box;border-radius:8px}.error~.label{color:#ff4842}.label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);padding-left:7px;padding-right:7px;font-size:100%;color:#919eab;transform-origin:0 -150%;transition:transform .3s ease;pointer-events:none;background:#fff}.input-size-medium{padding:.625rem;font-size:1.25rem;line-height:1.75rem}.input-size-small{padding:.5rem;font-size:.875rem;line-height:1.25rem}