.input{height:35px;border-radius:5px;outline:none;border:1px solid var(--grey-4);padding:10px;font-size:12px}.input:focus,.input:hover{border:1px solid var(--form-color)}.input:focus{box-shadow:0 0 20px -10px var(--form-color)}.input-text{width:100%}.input-group-select{position:relative;display:flex;flex-direction:column}.input-group-checkbox{cursor:pointer}.input-group-checkbox .input-checkbox{opacity:0;width:0;height:0}.input-group-checkbox .input-checkbox+label:after{content:none}.input-group-checkbox .input-checkbox:checked+label:after{content:""}.input-group-checkbox .input-checkbox+label:before{background-color:var(--white);border:1px solid var(--grey-4)}.input-group-checkbox .input-checkbox:checked+label:before{background-color:var(--purple)}.input-group-checkbox label{display:inline-flex;align-items:center;gap:8px;position:relative}.input-group-checkbox label:before{content:"";display:inline-block;height:19px;width:19px;border-radius:100%}.input-group-checkbox label:after{display:inline-block;height:3px;width:7px;border-left:2px solid var(--white);border-bottom:2px solid var(--white);transform:rotate(-45deg);position:absolute;left:6px;top:7px}.select{position:relative}.select-open .select-arrow{transform:translateY(-50%) rotate(180deg)}.select input{cursor:pointer}.select-options{background:var(--white);box-shadow:var(--blur-15);border-radius:5px;padding:5px 0;max-height:140px;overflow-y:scroll}.select-option{position:relative;padding:10px;z-index:1;transition:all .2s;font-size:12px}.select-option:after{content:"";display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transition:all .2s;background-color:var(--form-color);opacity:0}.select-option:hover{font-weight:700;background-color:#e6f2f9}.select-option:hover:after{opacity:.1}.select-arrow{width:12px;height:8px;display:flex;position:absolute;top:50%;transform:translateY(-50%) rotate(0deg);transition:all .2s;right:10px;fill:var(--grey-4);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none" viewBox="0 0 12 8" ><path fill="currentColor" d="M.212 1.157a.8.8 0 0 1 1.13-.045L6 5.412l4.657-4.3a.8.8 0 1 1 1.086 1.176l-5.2 4.8a.8.8 0 0 1-1.086 0l-5.2-4.8a.8.8 0 0 1-.045-1.13Z" /></svg>')}