.input{border-radius:.3rem;align-items:center;width:100%;min-width:15rem;height:3.5rem;display:flex;position:relative;overflow:hidden}.input--h-30{border-radius:.1rem;height:3rem}.input--h-30 .input__clear{width:1.2rem}@media screen and (max-width:576px){.input--h-30{min-height:4rem}.input--h-30 .input__clear{width:1.4rem}}.input--h-40{border-radius:.1rem;height:4rem}.input--h-40 .input__clear{width:1.4rem}.input input,.input select{appearance:none;color:#2b2b2b;cursor:text;border:1px solid #3c3c3c26;border-radius:.3rem;width:100%;height:100%;padding:0 3rem 0 1rem;font-family:Inter,sans-serif;font-size:calc(16.4px - .125vw);font-weight:400;transition:border .1s linear}@media (any-hover:hover){.input input:hover,.input select:hover{border:1px solid #3c3c3c40}}.input input:focus,.input select:focus{border:1px solid #3c3c3c59}.input input.table-editing,.input select.table-editing{background-color:#0000!important;border:none!important;padding:0 3rem 0 .5rem!important}.input input.icon{padding:0 3rem 0 4rem}.input input.purple-focus:focus{border:1px solid #92278fcc}.input input.error,.input input.error:focus{border:1px solid #ed1c24}.input input.complete,.input input.complete:focus{border:1px solid #27ae60}.input input:disabled{opacity:.7;background-color:#f2f2f2;border:1px solid #0003}.input input.bg-blue-color{background-color:#eff2ff}.input.table-editing{width:100%;height:100%}.input.select-search{width:100%;height:3.5rem}.input.select-search input{background-color:#f4f6ff1a;border:none;border-bottom:1px solid #3c3c3c26;border-radius:0}.input__select,.input__clear{z-index:10;width:1.5rem;transition:opacity .1s linear,transform .15s linear;display:block;position:absolute}.input__select img,.input__select svg,.input__clear img,.input__clear svg{object-fit:cover;width:100%;height:100%}.input__clear{opacity:.5;cursor:pointer;width:1.3rem;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)translate(4rem)}@media (any-hover:hover){.input__clear:hover{opacity:1}}.input__clear--eye{align-items:center;display:flex}.input__clear--eye.active{opacity:1;transform:translateY(-50%)translate(0)}.input__clear--eye.active svg{fill:#92278f}.input__clear:active{opacity:.5}.input__select{width:1.5rem;height:1.5rem;display:flex;top:50%;right:.7rem;transform:translateY(-50%)}@media (any-hover:hover){.input:hover .input__clear{transform:translateY(-50%)translate(0)}}.input__input:focus+.input__clear,.input.clear .input__clear{transform:translateY(-50%)translate(0)}.input__input:focus+.input__select{transform:rotate(180deg)translateY(8px)}.input__icon{z-index:1;pointer-events:none;width:2rem;position:absolute;top:50%;left:1rem;overflow:hidden;transform:translateY(-50%)}.input__icon img{object-fit:cover;width:100%;height:100%}.input__addon-before{white-space:nowrap;background-color:#3c3c3c0d;border:1px solid #3c3c3c26;border-right:none;border-radius:.5rem 0 0 .5rem;justify-content:center;align-items:center;height:100%;padding:0 1rem;font-size:1.4rem;font-weight:400;display:flex}.input__before-border input{border-radius:0 .5rem .5rem 0!important}