.input-container{display:flex;flex-direction:column;transition-property:transform opacity;transition-duration:.2s;transition-timing-function:ease-out;-webkit-user-select:none;user-select:none;cursor:text}.input-container .input{row-gap:7px}.input-container input{text-align:left}.input-container.default .input{display:flex;flex-direction:column;row-gap:0px}.input-container:not(.default) .input{display:flex;flex-direction:column;border-radius:var(--radius);background-color:var(--bg-d);border:2px solid var(--bg-d)}.input-container:not(.default):has(input.invalid) .input,.input-container:not(.default):has(input:user-invalid) .input{border:2px solid var(--red)}.input-container:not(.default) .input:hover{background-color:var(--bg-u)}.input-container:not(.default) .input:has(input:focus){background-color:var(--bg-t)}.input svg path{fill:var(--font-d)}.input h6{color:var(--font-d)}.input .required{color:var(--red)}.input .top-line{display:flex;align-items:center;justify-content:space-between;column-gap:7px}.input .top-line .input-loader{position:static}.input-container.default .input .input-line{border-radius:var(--radius);background-color:var(--bg-d);border:2px solid var(--bg-d)}.input-container.default .input:hover .input-line{background-color:var(--bg-u)}.input-container.default .input:has(input:focus) .input-line{background-color:var(--bg-t)}.input-container.default:has(input.invalid) .input-line,.input-container.default:has(input:user-invalid) .input-line{border:2px solid var(--red)}.input .input-line{display:flex;align-items:center;column-gap:4px}.input input{color:var(--font-u);width:100%;flex:1;font-weight:300}.input input::placeholder{color:var(--font-t)}.input .input-line svg{height:var(--icon-size);width:auto}.input.error{border:2px solid var(--red)}.input-container .error-message{color:var(--red);margin-left:4px}