.input{flex-direction:column;align-items:flex-start;width:100%;margin-bottom:25px;transition:opacity .12s ease-in-out;display:flex;position:relative}.input__label{z-index:10;color:var(--color-text-input);text-align:left;pointer-events:none;margin-top:-.625rem;margin-bottom:3px;font-size:12px;font-weight:500;line-height:1;transition:transform .12s ease-in-out,font-size .12s ease-in-out,color .12s ease-in-out;position:absolute;top:60%;left:21px}.input__label-icon{color:var(--color-text-input);transition:color .12s ease-in-out}.input__wrapper{background:var(--color-input);box-sizing:border-box;border:2px solid #0000;border-radius:8px;flex-wrap:nowrap;align-items:center;width:100%;height:45px;padding:0 20px;transition:background .12s ease-in-out,border .12s ease-in-out;display:flex}.input__wrapper:hover{background:var(--color-input-hover);border:2px solid var(--color-input)}.input__input{min-width:1px;width:inherit;height:100%;color:var(--color-text);caret-color:var(--color-accent);box-sizing:border-box;border:none;border-radius:16px;outline:none;flex-grow:1;margin-right:50px;font-size:14px;font-weight:500;line-height:1;transition:color .12s ease-in-out;box-shadow:none!important;background:0 0!important}.input__input::placeholder{color:var(--color-text-dark);opacity:1;font-size:14px;font-weight:500;transition:opacity .12s ease-in-out}.input__input::-webkit-outer-spin-button{-webkit-appearance:none}.input__input::-webkit-inner-spin-button{-webkit-appearance:none}.input__input[type=number]{-moz-appearance:textfield}.input__icon{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-top:-10px;display:flex;position:absolute;top:50%;right:15px}.input__icon svg circle{fill:#7e7d8e40;transition:fill .12s ease-in-out}.input__icon svg path{fill:var(--color-primary)}.input__icon:hover svg circle{fill:#7e7d8e80}.input__error{position:absolute;bottom:-22px;left:15px;right:15px}.input.fixed .input__label,.input:focus-within .input__label{font-size:.7rem;transform:translateY(-100%)}.input:focus-within .input__wrapper{border:2px solid var(--color-accent);background:var(--color-primary)}.input.input--error .input__label,.input.input--error .input__label-icon{color:var(--color-error)}.input.input--error .input__wrapper{background:var(--color-primary);border:2px solid var(--color-error)!important}.input.disabled{opacity:.5;pointer-events:none}.input.labeled .input__input{padding:10px 0 0}.input.outlined .input__wrapper{border:1px solid var(--color-accent)}