.access-date-picker{position:relative;min-width:0}
.access-date-button{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;width:100%}
.access-date-button svg{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.access-date-panel{width:360px;max-width:100%;margin-top:10px;border-radius:18px;border:1px solid #dcd5ea;background:#fff;color:#34313b;overflow:hidden;box-shadow:0 12px 30px #0003}
.access-date-panel[hidden]{display:none!important}
.access-date-header{display:flex;align-items:center;justify-content:space-between;background:#6418ff;color:#fff;padding:14px 12px}
.access-date-header button{border:0;background:transparent;color:inherit;border-radius:8px;cursor:pointer;padding:8px;font-weight:700;font-size:15px}
.access-date-header [data-calendar=previous],.access-date-header [data-calendar=next]{font-size:28px;line-height:1;width:38px}
.access-date-header button:hover{background:#ffffff25}
.access-date-year{display:flex;align-items:center;gap:12px;padding:14px 20px 0;font-size:13px}
.access-date-year input{width:90px;border:1px solid #dcd5ea;border-radius:8px;background:#fff;color:#34313b;padding:6px 10px;font:inherit}
.access-date-days,.access-date-months{display:grid;padding:16px;gap:5px}
.access-date-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.access-date-months{grid-template-columns:repeat(4,minmax(0,1fr))}
.access-date-weekday{text-align:center;font-size:11px;color:#77717f;padding:5px 0}
.access-date-days button,.access-date-months button{border:0;background:transparent;color:#514b5a;border-radius:9px;min-height:36px;font-size:13px;font-weight:650;cursor:pointer;padding:6px 2px}
.access-date-days button:hover,.access-date-months button:hover,.access-date-days button.selected,.access-date-months button.selected{background:#f0e7ff;color:#6418ff}
.access-date-days button:disabled{color:#c6c0ce;cursor:default;background:transparent}
.access-date-footer{display:flex;gap:12px;align-items:end;justify-content:space-between;border-top:1px solid #eee8f5;padding:12px 18px}
.access-date-footer label{font-size:12px;color:#625b6e}
.access-date-footer input{display:block;width:115px;margin-top:5px;border:1px solid #dcd5ea;border-radius:8px;padding:6px;background:#fff;color:#34313b;color-scheme:light;font:inherit}
.access-date-footer button{border:0;background:#f0e7ff;color:#6418ff;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}
.access-date-picker button:focus-visible,.access-date-picker input:focus-visible{outline:2px solid #b29aff;outline-offset:2px}