.input{display:inline-block;position:relative}.input:has(.input-field:not(:-moz-placeholder)) .input-placeholder{color:var(--light);transform:translate3d(0,-300%,0) scale(.8)}.input:has(.input-field:focus-within) .input-placeholder,.input:has(.input-field:not(:placeholder-shown)) .input-placeholder{color:var(--light);transform:translate3d(0,-300%,0) scale(.8)}.input:has(.input-field:not(:-moz-placeholder)) .input-placeholder:before{transform:translate(0)}.input:has(.input-field:focus-within) .input-placeholder:before,.input:has(.input-field:not(:placeholder-shown)) .input-placeholder:before{transform:translate(0)}.input:has(.input-field:not(:-moz-placeholder)):before{background-color:var(--dark-blue-50)}.input:has(.input-field:focus-within):before,.input:has(.input-field:not(:placeholder-shown)):before{background-color:var(--dark-blue-50)}.input:before{background-color:transparent;border-radius:var(--large-radius);content:"";inset:0;pointer-events:none;position:absolute;transition:background-color .3s var(--cubic-bezier);z-index:-1}.input.error{animation:shake .5s}.input.error .input-field{border-color:var(--red)}.input[type=number]::-webkit-inner-spin-button,.input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.input-error,.input-placeholder{font-size:.875rem;line-height:1;pointer-events:none;position:absolute;transition:transform .3s var(--cubic-bezier-2),color .3s var(--cubic-bezier)}.input-placeholder{color:var(--white);left:var(--medium-padding);top:50%;transform:translate3d(0,-50%,0);transform-origin:left}.input-error{color:var(--red);left:.5rem;opacity:0;top:100%;transform:translate3d(0,-100%,0);transform-origin:left;transition:transform .3s var(--cubic-bezier-2),color .3s var(--cubic-bezier),opacity .3s var(--cubic-bezier)}.input-error_active{opacity:1;transform:translateZ(0)}.input-field{background-color:transparent;border:1px solid var(--white);border-radius:var(--large-radius);color:var(--white);font-family:inherit;max-width:100%;min-width:auto;padding:var(--medium-padding);width:100%}.input-field:focus-visible{border:.0625rem solid var(--light);outline:none}.input-field::-moz-placeholder{color:transparent;font-family:inherit;font-size:inherit;opacity:0}.input-field::placeholder{color:transparent;font-family:inherit;font-size:inherit;opacity:0}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}