input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{width:100%;color:var(--color-gray);font-weight:400;padding:var(--gap-3) var(--gap-5);border:1px solid var(--color-gray);border-bottom:0;background:transparent;border-radius:10px 10px 0 0}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{border:1px solid var(--color-gray);border-bottom:0;-webkit-text-fill-color:var(--color-white);-webkit-box-shadow:0 0 0 1000px var(--color-black) inset;-webkit-transition:background-color 5000s ease-in-out 0;transition:background-color 5000s ease-in-out 0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus{color:var(--color-white);background:#f1f1f10a}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{display:none}::-webkit-input-placeholder,input::placeholder{color:var(--color-gray)}[type=search]{outline-offset:-2px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.input-group:has(.input-error),input.input-error{border-color:var(--color-red)}.input-file{display:none}.file-display{color:var(--color-gray);font-weight:500;font-size:1rem;padding:var(--gap-3) var(--gap-5)}.file-display span{position:relative;max-width:90%;white-space:nowrap;text-overflow:ellipsis;overflow-x:clip;transition:.4s ease}.file-display span:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background-color:var(--color-gray)}.input-group--file .input-label{margin-bottom:0}.input-group--file .file-display{cursor:pointer}.reset-file{color:var(--color-white);background:none;border:0}@media(hover:hover){.file-display span:hover{opacity:.6}}.input-group{align-items:center;border-bottom:1px solid var(--color-gray)}textarea{width:100%;color:var(--color-gray);font-weight:500;font-size:1rem;padding:var(--gap-3) var(--gap-5);resize:none;overflow:auto;vertical-align:top;border:1px solid var(--color-gray);border-bottom:0;background:transparent;border-radius:10px 10px 0 0}textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{border:1px solid var(--color-gray);border-bottom:0;-webkit-text-fill-color:var(--color-white);-webkit-box-shadow:0 0 0 1000px var(--color-black) inset;-webkit-transition:background-color 5000s ease-in-out 0;transition:background-color 5000s ease-in-out 0}textarea:focus{color:var(--color-white);background:#f1f1f10a}textarea::-moz-placeholder{color:var(--color-gray)}textarea::placeholder{color:var(--color-gray)}.input-group sub{font-size:1.1em;color:var(--color-white);top:0}label{cursor:pointer}.input-group:has(.textarea-error),textarea.textarea-error{border-color:var(--color-red)}