.filter-input{position:relative}.filter-input .filter-input__group{margin-bottom:.75rem;display:flex;flex-direction:row;align-items:center;border:1px solid var(--primary-500);border-radius:1rem;transition:all .2s ease-in-out;overflow:visible;height:3rem}.filter-input .filter-input__group:focus-within{box-shadow:1px 1px 20px -5px var(--primary-500);border-color:var(--primary-500)}.filter-input .filter-input__group .filter-input__icon-container{display:flex;align-items:center;justify-content:center;margin-left:1rem}.filter-input .filter-input__group .filter-input__icon{color:var(--primary-500);display:flex;align-items:center;pointer-events:none;font-size:1.2rem;width:1.2rem;height:1.2rem;min-width:1.2rem;min-height:1.2rem;transition:all .2s ease-in-out}.filter-input .filter-input__group .filter-input__field{width:100%;height:100%;padding:.5rem 2rem;color:var(--primary-500);border-radius:1rem;background:transparent;font-size:1rem;font-weight:600;text-align:start;outline:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-input .filter-input__group .filter-input__field:focus{outline:none;border:none;box-shadow:none}.filter-input .filter-input__group .filter-input__field::placeholder{color:var(--primary-500);font-weight:600}.filter-input .filter-input__group .filter-input__password-toggle{position:absolute;right:1rem;cursor:pointer;display:flex;align-items:center;z-index:1;padding:.25rem;border-radius:.25rem;transition:all .2s ease-in-out}.filter-input .filter-input__group .filter-input__password-toggle:hover{background-color:rgba(0,0,0,.05)}.filter-input .filter-input__group .filter-input__password-icon{color:var(--primary-500);font-size:1.2rem;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.filter-input .filter-input__group .filter-input__password-icon:hover{color:var(--primary-700)}.filter-select .filter-select__group{margin-bottom:.75rem;display:flex;flex-direction:column;max-width:75dvw}@media(max-width:768px){.filter-select .filter-select__group{max-width:100%}}.filter-select .filter-select__container{position:relative;width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem 2rem .5rem 4.5rem;border:1px solid var(--primary-500);border-radius:1rem;color:var(--primary-500);outline:none;font-weight:700;height:3rem;text-align:end;cursor:pointer}.filter-select .filter-select__container:hover{border-color:var(--primary-600)}.filter-select .filter-select__container:focus-within{border-color:var(--primary-600);box-shadow:0 0 0 2px rgba(var(--primary-500-rgb),.2)}.filter-select .filter-select__container i,.filter-select .filter-select__container svg{position:absolute;left:1rem;color:var(--primary-500);display:flex;align-items:center;pointer-events:none;font-size:1.2rem}@media(max-width:768px){.filter-select .filter-select__container{padding-left:3.5rem;padding-right:1rem}}.filter-select__native{width:100%;border:none;background:var(--bg);color:var(--primary-500);font-weight:700;outline:none;height:100%;text-align:end;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-select__native option{color:var(--primary-500);background:var(--white)}