.input{position:relative}.input-styled{position:relative;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.125rem 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:focus~label.custom{color:#404eed;transform:scale(.5);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:focus{border-color:#ff4842!important}.error~.label{color:#ff4842!important}.label{position:absolute;top:13px;left:15px;padding-left:7px;padding-right:7px;font-size:100%;color:#919eab;transform-origin:0 -150%;transition:transform .3s ease;pointer-events:none;background:#fff}.label.left-10{left:2.5rem}.label.not-empty{transform:scale(.6);font-size:120%;top:8px}.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}