.date-picker-header{justify-content:center;align-items:center;gap:20px;margin-bottom:40px;display:flex}.date-picker-title h2{letter-spacing:-.03em;text-align:center;width:180px;color:var(--font-color);margin:0;font-size:32px;font-weight:500;line-height:1.2}.date-picker-controls{align-items:center;gap:8px;display:flex}.date-picker-controls button{border:1px solid var(--border-color);background:var(--background-color);width:45px;height:45px;color:var(--font-sec-color);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:24px;line-height:1;transition:background-color .25s,color .25s,border-color .25s,transform .25s;display:flex}.date-picker-controls button:hover{background:var(--background-sec-color)}.date-picker-controls button:active{transform:scale(1.06)}.date-picker-controls button:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}.date-picker-controls button:disabled{cursor:not-allowed;opacity:.5}.date-picker-controls .today-button{width:auto;min-width:64px;color:var(--font-sec-color);border-radius:22px;padding:0 18px;font-size:13px;font-weight:500}.date-picker-weekdays{border:1px solid var(--border-color);background:var(--background-sec-color);border-top-left-radius:12px;border-top-right-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.date-picker-weekday{color:var(--font-sec-color);text-align:center;padding:16px 12px;font-size:14px;font-weight:500;line-height:1.4}.date-picker-weekday:first-child{color:#bd7777}.date-picker-weekday:last-child{color:#8195bd}.date-picker-grid{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--background-color);border-bottom-right-radius:12px;border-bottom-left-radius:12px;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.date-picker-day{aspect-ratio:1;width:100%;color:var(--font-color);text-align:left;background:var(--background-color);cursor:pointer;border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-family:inherit;display:flex;position:relative}.date-picker-day:before{content:"";background:0 0;border-radius:12px;width:100%;height:100%;transition:background-color .25s;position:absolute;inset:0;transform:scale(.75)}.date-picker-day:hover:not(.is-empty,.is-past,.is-selected):before{background:var(--background-sec-color)}.date-picker-day:focus-visible{outline:none}.date-picker-day:focus-visible:before{outline:2px solid var(--primary-color);outline-offset:-2px}.date-picker-day.is-empty{cursor:default}.date-picker-day.is-today .date-picker-date{color:var(--primary-color)}.date-picker-day.is-selected .date-picker-date{color:#fff}.date-picker-day.is-selected:before{background:var(--primary-color)}.date-picker-day.is-past{color:#55524c;cursor:not-allowed}.date-picker-day.is-past>*{opacity:.35}.date-picker-date{color:var(--font-sec-color);font-size:1rem;font-weight:500;line-height:1;display:block;position:relative}.date-picker-performance-indicator{justify-content:center;align-items:center;gap:3px;height:6px;display:flex;position:relative}.date-picker-performance-indicator span{background:var(--secondary-color);border-radius:50%;width:6px;height:6px;display:block}.date-picker-performance-indicator small{color:var(--font-sec-color);font-size:13px;line-height:1}.date-picker-slider{width:110%;-webkit-mask-image:linear-gradient(to right, transparent, var(--background-color) 5%, var(--background-color) 95%, transparent);mask-image:linear-gradient(to right, transparent, var(--background-color) 5%, var(--background-color) 95%, transparent);-webkit-mask-image:linear-gradient(to right, transparent, var(--background-color) 5%, var(--background-color) 95%, transparent);scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;gap:8px;margin:0 -5%;padding:0 5%;display:flex;overflow-x:auto}.date-picker-slider::-webkit-scrollbar{display:none}.date-picker-slider__item{height:70px;color:inherit;scroll-snap-align:center;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:0 0 min(14.2857% - 6.85714px,57px);justify-content:center;align-items:center;gap:6px;padding:8px 0;transition:background-color .2s,color .2s;display:flex;position:relative}.date-picker-slider__item.is-today .date-picker-slider__day{color:var(--primary-color)}.date-picker-slider__item.is-selected{background:var(--primary-color)}.date-picker-slider__item.is-selected .date-picker-slider__weekday,.date-picker-slider__item.is-selected .date-picker-slider__day{color:#fff}.date-picker-slider__item.is-past{color:#55524c;cursor:not-allowed}.date-picker-slider__item.is-past>*{opacity:.35}.date-picker-slider__weekday{color:var(--font-sec-color);font-size:11px;font-weight:500;line-height:1}.date-picker-slider__weekday.is-sun{color:#bd7777}.date-picker-slider__weekday.is-sat{color:#8195bd}.date-picker-slider__day{font-size:18px;font-weight:500;line-height:1}.date-picker-slider__indicator{gap:2px;height:5px;margin-top:4px;display:flex}.date-picker-slider__indicator span{background:var(--secondary-color);border-radius:50%;width:5px;height:5px}.date-picker-skeleton{aspect-ratio:1;border-radius:12px}@media screen and (max-width:1023px){.date-picker-skeleton{aspect-ratio:4}}@media screen and (max-width:767px){.date-picker-header{margin-bottom:12px}.date-picker-title h2{width:120px;font-size:20px}.date-picker-controls{gap:5px}.date-picker-controls button{width:36px;height:36px;font-size:20px}.date-picker-controls .today-button{display:none}.date-picker-weekday{padding:10px 2px;font-size:11px}.date-picker-date span{font-size:11px}.date-picker-performance-indicator{gap:2px;height:4px}.date-picker-performance-indicator span{width:4px;height:4px}.date-picker-performance-indicator small{font-size:8px}}