.datepicker-wrapper{max-width:100%;width:100%}.datepicker-wrapper .input{padding:5px 10px;cursor:pointer!important}.datepicker{min-width:280px;padding:20px;border-radius:20px;background:#4a4a9c;position:absolute;color:#fff;z-index:99999;inset:0;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;scale:1.1}@media(min-width:640px){.datepicker{inset:auto;margin:0;scale:1;position:absolute}}@media(min-width:490px){.datepicker{min-width:325px}}.datepicker .header{display:flex;justify-content:space-between;align-items:center}.datepicker .header h2{font-size:20px;margin:0;text-transform:capitalize;color:#fff}.datepicker .header .nav{display:flex;align-items:center;gap:1rem}.datepicker .header .nav button{background:none;border:none;cursor:pointer;font-size:18px;color:#fff}.datepicker .month{margin:10px 0 20px;font-weight:700;color:#fff;text-transform:capitalize}.datepicker .weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#fff;margin-bottom:10px}.datepicker .close{color:#fff;position:absolute;bottom:1rem;right:2rem;cursor:pointer}.datepicker .close:hover{text-decoration:underline}.datepicker .grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.datepicker .grid .day{height:35px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:.2s;color:#fff}.datepicker .grid .day.in-range,.datepicker .grid .day:hover{background:#dcdcf5;color:#4a4a9c}.datepicker .grid .day.in-range{border-radius:50px}.datepicker .grid .day.selected{background:#d60000;color:#fff}