.date-picker{position:relative;width:100%;max-width:360px}.date-trigger{display:flex;align-items:center;gap:13px;width:100%;padding:13px 15px;border:1px solid #dbe4e9;border-radius:14px;background:#fff;text-align:left;min-height:69px;box-shadow:0 3px 9px #10212c03;transition:border-color .18s,box-shadow .18s}.date-trigger:hover{border-color:#e4b294;box-shadow:0 5px 18px #10212c08}.date-trigger[aria-expanded=true]{border-color:var(--orange);box-shadow:0 0 0 3px #ea5c0810}.date-trigger-icon{width:40px;height:40px;border-radius:11px;background:#fff2e7;color:var(--button);display:flex;align-items:center;justify-content:center;flex:none}.date-trigger-icon svg{width:23px;height:23px}.date-trigger-copy{display:grid;gap:3px;min-width:0}.date-trigger-copy>span{font-size:15px;font-weight:550;color:var(--navy);line-height:1.3}.date-trigger-copy>small{color:var(--muted);font-size:11px;line-height:1.3}.date-trigger.has-date .date-trigger-copy>span{color:var(--button)}.date-chevron{margin-left:auto;width:18px;height:18px;color:#7b8b96;transition:transform .18s}.date-trigger[aria-expanded=true] .date-chevron{transform:rotate(180deg)}.calendar-popover{position:absolute;top:calc(100% + 9px);left:0;width:100%;z-index:90;padding:18px;background:#fff;border:1px solid #e5eaee;border-radius:19px;box-shadow:0 15px 45px #10212c1c,0 3px 10px #10212c08;scroll-margin-bottom:16px}.calendar-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.calendar-topline p{font-size:10px;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--button)}.calendar-close{display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f4f6f7;color:#62737e;width:25px;height:25px;font-size:19px;line-height:1;padding:0}.calendar-close:hover{background:#fff0e5;color:var(--button)}.calendar-navigation{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin-bottom:17px}.calendar-arrow{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid #e7ecef;border-radius:50%;background:white;transition:background .18s,border-color .18s}.calendar-arrow svg{width:17px;height:17px}.calendar-arrow:not(:disabled):hover{background:#fff3e9;border-color:#efc6ad;color:var(--button)}.calendar-arrow:disabled{opacity:.28}.calendar-period{border:0;background:none;font-size:17px;font-weight:550;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0;line-height:1.4}.calendar-period:after{content:'';display:block;width:5px;height:5px;border-right:1.5px solid #8b99a2;border-bottom:1.5px solid #8b99a2;transform:rotate(45deg);margin-top:-4px}.calendar-period:hover{color:var(--button)}.calendar-period[data-view=years]{cursor:default}.calendar-period[data-view=years]:after{display:none}.calendar-days{width:100%;table-layout:fixed;border-spacing:0 5px;border-collapse:separate;margin:-3px 0 8px}.calendar-days th{font-size:10px;letter-spacing:.04em;font-weight:450;color:#7d8b95;text-align:center;padding:0 0 9px;text-transform:uppercase}.calendar-days th abbr{text-decoration:none}.calendar-days td{padding:0;text-align:center;height:36px}.calendar-day{position:relative;display:flex;align-items:center;justify-content:center;width:35px;height:35px;max-width:100%;margin:auto;border:1px solid transparent;border-radius:11px;background:none;font-size:13px;font-weight:450;color:var(--navy);padding:0;line-height:1}.calendar-day:not(:disabled):hover{background:#fff2e7;color:var(--button)}.calendar-day.outside-month{color:#8e9ca6}.calendar-day:disabled{opacity:1;color:#c1c9cf}.calendar-day.is-today{border-color:#eed2bf;color:var(--button)}.calendar-day.is-today:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;background:var(--orange);bottom:4px;left:calc(50% - 1.5px)}.calendar-day[aria-pressed=true]{background:var(--button);color:#fff;font-weight:600;box-shadow:0 4px 10px #bf4b0c25;border-color:var(--button)}.calendar-day[aria-pressed=true]:hover{background:#a43f09;color:white}.calendar-day[aria-pressed=true]:after{background:#fff}.calendar-footer{display:flex;justify-content:space-between;align-items:center;padding-top:13px;margin-top:5px;border-top:1px solid #edf0f2}.calendar-footer button{border:0;background:none;padding:6px 3px;font-size:12px;font-weight:450;color:var(--muted);border-radius:6px}.calendar-footer button:hover{color:var(--button);background:#fff8f3}.calendar-footer #calendar-today{color:var(--button);font-weight:550;padding:7px 13px;background:#fff3e8;border-radius:999px}.calendar-footer #calendar-clear:disabled{color:#a9b5bd;opacity:.7}.calendar-note{text-align:center;font-size:10px;color:#8a98a2;margin:12px 0 0;line-height:1.4}.calendar-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 8px;min-height:220px;padding:3px 0 13px}.calendar-choice{border:1px solid transparent;border-radius:11px;background:#f6f8f9;color:var(--navy);font-size:13px;line-height:1.4;padding:11px 5px;font-weight:450}.calendar-choice:not(:disabled):hover{background:#fff0e4;color:var(--button)}.calendar-choice:disabled{color:#c1c9cf;background:#fafbfc;opacity:1}.calendar-choice[aria-pressed=true]{background:#fff1e5;color:var(--button);border-color:#efb28b;font-weight:550}.calendar-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.date-picker{max-width:360px}.calendar-popover{position:relative;top:auto;margin-top:10px;box-shadow:0 7px 24px #10212c0b}.date-trigger{min-height:69px}}
@media(max-width:450px){.calendar-popover{padding:16px 12px;border-radius:16px}.calendar-topline{padding:0 3px}.calendar-navigation{gap:3px}.calendar-period{font-size:16px}.calendar-day{width:36px;height:38px;font-size:13px;border-radius:11px}.calendar-days th{font-size:9px}.date-trigger{gap:10px;padding:12px}.date-trigger-copy>span{font-size:14px}.date-trigger-copy>small{font-size:10px}.date-trigger-icon{width:37px;height:37px}.date-chevron{width:16px;height:16px}.calendar-choice{font-size:12px}.calendar-footer{margin-inline:3px}}
