.date-picker{width:100%;max-height:600px;z-index:10;background:var(--color-white);box-shadow:2px 4px 6px 2px rgba(10,10,10,.1019607843);border-radius:4px;border:1px solid var(--color-medium-gray);overflow:hidden}.date-picker__inner{position:relative}.date-picker__nav{position:absolute;width:100%;display:none}.date-picker__calendars{display:grid;grid-template-columns:repeat(1, 1fr);grid-template-rows:auto;row-gap:20px;height:clamp(300px,50vh,442px);overflow-y:scroll;padding-block:20px;scrollbar-width:none}.date-picker__calendars::-webkit-scrollbar{display:none}.date-picker__load-more{margin-inline:24px}.date-picker__header-weekdays{--header-font-size: 14px;--header-font-weight: 700;--header-line-height: 22px;padding-top:15px;padding-bottom:4px;font-size:var(--header-font-size);font-weight:var(--header-font-weight);line-height:var(--header-line-height);border-bottom:var(--color-mercury) 2px solid}.date-picker__header-weekdays .date-picker__weekdays{display:flex;justify-content:space-between;align-items:center;gap:2px}.date-picker__header-weekdays .date-picker__weekday{flex:1 1 0;text-align:center;color:var(--color-cool-gray)}.date-picker__month-label{--month-font-size: 16px;--month-font-weight: 700;--month-line-height: 24px;padding-inline:12px;margin-bottom:8px;font-size:var(--month-font-size);font-weight:var(--month-font-weight);line-height:var(--month-line-height);color:var(--color-almost-black);font-family:var(--font-family)}.date-picker__month .date-picker__weekdays{display:none}.date-picker__month .date-picker__grid{--grid-row-height: 46px;display:grid;grid-template-columns:repeat(7, minmax(0, 100%));grid-auto-rows:var(--grid-row-height);row-gap:2px;-moz-column-gap:2px;column-gap:2px;padding-inline:2px}.date-picker__month .date-picker__day{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;line-height:24px;color:var(--color-cool-gray);border-radius:4px}.date-picker__month .date-picker__day.is-empty{cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.date-picker__month .date-picker__day.is-selected{background:var(--color-cool-gray);color:var(--color-white)}.date-picker__month .date-picker__day.is-in-range{background:var(--color-smoke-white)}.date-picker__month .date-picker__day.is-preview{background:var(--color-smoke-white)}.date-picker__month .date-picker__day.is-preview-end{background:var(--color-cool-gray);color:var(--color-white)}.date-picker__month .date-picker__day.is-disabled,.date-picker__month .date-picker__day.is-past{cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none;color:var(--color-medium-gray)}.date-picker__month .date-picker__day:focus-visible{outline:var(--outline-width) solid var(--color-teal);outline-offset:var(--outline-offset)}.date-picker__footer{padding:15px 6px;background-color:var(--color-smoke-white);border-top:var(--color-mercury) 2px solid}.date-picker__flex-chips{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:nowrap;width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:15px}.date-picker__flex-chips::-webkit-scrollbar{display:none}.date-picker__flex-chips .date-picker__flex-chip{--chip-icon-color: var(--color-cool-gray);-webkit-appearance:none;appearance:none;border:1px solid var(--color-cool-gray);background:var(--color-white);font-weight:500;cursor:pointer;padding:8px 12px;font-size:12px;color:var(--color-cool-gray);border-radius:50px;text-transform:uppercase;white-space:nowrap;display:flex;gap:10px;align-items:center;justify-content:center}.date-picker__flex-chips .date-picker__flex-chip svg,.date-picker__flex-chips .date-picker__flex-chip svg *{fill:var(--chip-icon-color);stroke:var(--chip-icon-color)}.date-picker__flex-chips .date-picker__flex-chip[aria-checked=true]{--chip-icon-color: var(--color-white);background:var(--color-cool-gray);color:var(--color-white);border-color:var(--color-cool-gray)}.date-picker__actions{display:flex;justify-content:space-between;gap:12px}.date-picker__actions button{flex:1 1 0}.date-picker__actions button:disabled{opacity:.4;cursor:not-allowed}.date-picker__actions .date-picker__clear:disabled{background-color:var(--color-white)}@media screen and (min-width: 768px){.date-picker{height:auto;width:700px}.date-picker__nav{display:flex;justify-content:space-between;align-items:center;position:absolute;width:90%;left:50%;transform:translateX(-50%);top:24px}.date-picker__nav .date-picker__nav-btn{-webkit-appearance:none;appearance:none;border:none;background:none;cursor:pointer;width:16px;height:16px;display:flex;align-items:center;padding:0}.date-picker__nav .date-picker__nav-btn--prev{transform:rotate(180deg)}.date-picker__calendars{grid-template-columns:repeat(2, 1fr);-moz-column-gap:30px;column-gap:30px;height:auto;overflow:visible}.date-picker__load-more{display:none}.date-picker__header-weekdays{display:none}.date-picker__month-label{text-align:center;margin-bottom:15px}.date-picker__month .date-picker__grid{padding-top:8px}.date-picker__month .date-picker__weekdays{display:flex;justify-content:space-between;align-items:center}.date-picker__month .date-picker__weekday{flex:1 1 0;text-align:center;color:var(--color-cool-gray);font-weight:700;border-bottom:1px solid var(--color-mercury)}.date-picker__footer{padding:0;background-color:inherit;border-top:none}.date-picker__flex-chips{justify-content:center;margin-bottom:20px}.date-picker__flex-chips .date-picker__flex-chip{padding:12px 24px;font-size:13px}.date-picker__actions{padding:5px 6px;background-color:var(--color-smoke-white)}}