.drop-input{flex-direction:column;justify-content:center;width:100%;margin-bottom:27px;display:flex;position:relative}.drop-input__left-icon{pointer-events:none;color:#747474;justify-content:center;align-items:center;margin-right:40px;padding-right:40px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.drop-input__left-icon svg{width:20px;height:20px}.drop-input__label{color:#747474;background:#fff;padding:0 5px;font-size:14px;font-weight:500;line-height:18.4px;position:absolute;top:-8px;left:20px}.drop-input__in{background:#f8f7fe;border-radius:7px;align-items:center;gap:5px;width:300px;padding:10px;display:flex}.drop-input__info{color:#000;font-size:12px;font-weight:500}.drop-input__input:hover,.drop-input__input:active{border:1px solid #4c20a8}.drop-input__input::placeholder{color:#4c4c4c;font-family:Work Sans;font-size:18.66px;font-weight:400}.drop-input__error{color:red;text-align:left;font-size:15px;font-weight:400}.drop-input__sample{color:#747474;text-align:right;align-self:end;margin-top:10px;margin-bottom:15px;font-size:12px;font-weight:500;line-height:normal}.drop-input__arrow{cursor:pointer;pointer-events:none;background-color:#0000;border:none;position:absolute;top:15px;right:5px}.drop-input__arrow-up{transition:transform .3s ease-in-out;transform:rotate(0)}.drop-input__arrow-down{transition:transform .3s ease-in-out;transform:rotate(179deg)}.drop-input__dropdown{text-align:left;border-radius:10px;flex-direction:column;align-self:stretch;gap:10px;min-width:300px;max-height:300px;padding:10px;display:flex;position:relative;overflow:scroll}.drop-input__dropdown-wrapper{z-index:30;background-color:#fff;transition:all .2s ease-in-out;position:absolute;top:60px;right:10px;box-shadow:0 4px 54px #0000000f}.drop-input__dropdown-span{justify-content:space-between;align-items:center;gap:10px;padding:16px;display:flex}.drop-input__dropdown-li{color:#000;cursor:pointer;text-transform:none;justify-content:space-between;padding:12px 16px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex}.drop-input__dropdown-li:hover{color:#4c20a8;background:#8840e51a;border-radius:10px;transform:translate(5px)}.drop-input__dropdown-tip{position:absolute;top:-15px;right:10px}.drop-input__dropdown-title{color:#9c96a2;font-size:16px;font-weight:500}.drop-input__multiple{color:#2f2f2f;font-size:16px;font-weight:500}.drop-input__add{color:#8840e5;cursor:pointer;background-color:#fff;align-items:center;gap:10px;padding:12px 16px 30px;font-size:16px;font-weight:500;transition:all .2s ease-in-out;display:flex}.drop-input__add:hover{border-radius:10px;transform:translate(5px)}.drop-input__search{flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:20px;padding:12px 16px;display:flex;position:relative}.drop-input__search-label{color:#747474;background:#fff;margin-bottom:10px;font-size:14px;font-weight:500;line-height:18.4px}.drop-input__search-wrap{border:1px solid #f1f1f3;border-radius:12px;align-items:center;gap:5px;width:100%;padding:10px;display:flex}.drop-input__search-input{outline:none}.drop-input__toggle-password{cursor:pointer;background-color:#0000;border:none;position:absolute;top:16px;right:5px}.drop-input__naira{position:absolute;top:15px;left:10px}.drop-input__input{color:#000;box-sizing:border-box;border:1px solid #4c4e6438;border-radius:8px;outline:none;width:100%;padding:15px;font-size:16px;font-weight:500}.drop-input__input:hover,.drop-input__input:active{border-color:#4c20a8}.drop-input__secondary{border:1px solid #d9d9d9;border-radius:32px;height:46px;padding:24px 20px}.drop-input__input.PhoneInput{align-items:center;gap:10px;padding:15px;display:flex}.drop-input__input.PhoneInput .PhoneInputCountry{margin-right:10px}.drop-input__input.PhoneInput .PhoneInputInput{background:0 0;border:none;outline:none;width:100%;font-size:16px;font-weight:500}.drop-input__field-error{border:1px solid red!important}.drop-input__date-wrapper{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.drop-input__date-wrapper svg{flex-shrink:0}.calendar-popup{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:280px;margin-top:5px;padding:16px;position:absolute;top:100%;left:0;box-shadow:0 4px 20px #00000026}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav{cursor:pointer;color:#4c20a8;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;font-weight:600;transition:background-color .2s}.calendar-nav:hover{background-color:#f0f0f0}.calendar-title{color:#333;font-size:16px;font-weight:600}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:#666;padding:8px 4px;font-size:12px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{text-align:center;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:32px;padding:8px;font-size:14px;transition:all .2s;display:flex}.calendar-day:hover:not(.calendar-day--empty){color:#fff;background-color:#4c20a8}.calendar-day--today{color:#4c20a8;background-color:#e8f2ff;font-weight:600}.calendar-day--selected{color:#fff;background-color:#4c20a8;font-weight:600}.calendar-day--empty{cursor:default}