.birth-calendar{position:fixed;z-index:1000;width:320px;max-height:calc(100dvh - 24px);overflow-y:auto;padding:16px;background:#fff;color:#27344e;border:1px solid #e0e6f3;border-radius:14px;box-shadow:0 18px 60px #24366330,0 3px 12px #24366312;font-family:Manrope,sans-serif;line-height:1.5}
.birth-calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.birth-calendar-heading>span{font-size:13px;font-weight:500;letter-spacing:-.2px}
.birth-calendar-heading>div{display:flex;gap:4px}
.birth-calendar-heading button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:#f3f5fb;color:#7c8fbd;font-size:22px;font-weight:300;line-height:1}
.birth-calendar button:disabled{opacity:.3;cursor:default}
.birth-calendar-heading button:hover:not(:disabled){background:#e9eefb;color:#5b73b9}
.birth-calendar-selects{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:10px;margin-bottom:14px}
.birth-calendar select{width:100%;height:37px;padding:8px 10px;border:1px solid #dfe6f4;border-radius:7px;background:#f8f9fe;color:#596f9e;font:500 12px Manrope,sans-serif;cursor:pointer}
.birth-calendar select:focus-visible{outline:2px solid #92a3d5;outline-offset:2px}
.birth-calendar-weekdays,.birth-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.birth-calendar-weekdays{margin-bottom:7px}
.birth-calendar-weekdays span{text-align:center;font-size:10px;font-weight:500;color:#a0abc1;line-height:25px}
.birth-calendar-week{margin-bottom:3px}
.birth-calendar-week>[role=gridcell]{min-width:0}
.birth-calendar-week button{position:relative;display:grid;place-items:center;width:100%;height:35px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#5e6d88;font:400 12px Manrope,sans-serif;font-variant-numeric:tabular-nums}
.birth-calendar-week button:hover:not(:disabled){background:#eff2fd;border-color:#dce4f8;color:#6178c1}
.birth-calendar [aria-selected=true]>button{background:linear-gradient(115deg,#6197c0,#7f81ff);color:#fff;box-shadow:0 3px 8px #6e8de62b}
.birth-calendar [aria-selected=true]>button:hover:not(:disabled){background:linear-gradient(115deg,#6197c0,#7f81ff);color:#fff}
.birth-calendar button[aria-current=date]:after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#8297d1}
.birth-calendar [aria-selected=true]>button[aria-current=date]:after{background:#fff}
.birth-calendar button:focus-visible{outline:2px solid #7e91d0;outline-offset:1px}
.birth-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf0f7;margin-top:11px;padding-top:12px}
.birth-calendar-footer>span{font-size:9px;color:#9aa5bb}
.birth-calendar-footer>button{padding:5px 7px;border:0;border-radius:5px;background:#f2f5fc;color:#7b8eb9;font:400 10px Manrope,sans-serif}
.birth-calendar-footer>button:hover{background:#e8eefb}
.date-input.is-open{box-shadow:0 0 0 3px #7f81ff1c}
.date-input.is-open input{border-color:#92a3d5}
.date-input.is-open .date-picker-toggle{background:#e7edfc;color:#5f76bb}
@media(max-width:760px){.birth-calendar-week button{height:39px;font-size:13px}.birth-calendar-heading button{width:32px;height:32px}.birth-calendar select{height:40px;font-size:13px}}