.date-strip{flex-direction:column;gap:.5rem;display:flex}.date-strip__top{justify-content:space-between;align-items:center;display:flex}.date-strip__month-btn{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:.35rem;padding:.25rem .125rem;font-size:.9rem;font-weight:600;display:inline-flex}.date-strip__month-btn:hover{color:var(--blue)}.date-strip__month-btn svg{color:var(--text-4)}.date-strip__today-btn{color:var(--blue);background:var(--blue-light);border-radius:var(--r-sm);cursor:pointer;border:none;padding:.3rem .7rem;font-size:.75rem;font-weight:500;transition:background .15s}.date-strip__today-btn:hover{background:var(--blue-mid)}.date-strip__today-btn:disabled{opacity:.4;cursor:default}.date-strip__months{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--sh);grid-template-columns:repeat(4,1fr);gap:.375rem;padding:.625rem;display:grid}.date-strip__month-item{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .25rem;transition:background .15s,border-color .15s;display:flex}.date-strip__month-item:hover{background:var(--bg);border-color:var(--border)}.date-strip__month-item--selected{background:var(--blue);color:#fff}.date-strip__month-item--selected:hover{background:var(--blue-hover)}.date-strip__month-name{font-size:.78rem;font-weight:600}.date-strip__month-item--selected .date-strip__month-name{color:#fff}.date-strip__month-year{color:var(--text-4);font-size:.65rem}.date-strip__month-item--selected .date-strip__month-year{color:#ffffffbf}.date-strip__row{align-items:center;gap:.25rem;display:flex}.date-strip__arrow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:32px;height:32px;color:var(--text-3);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;line-height:1;transition:background .15s,color .15s;display:flex}.date-strip__arrow:hover{background:var(--blue-light);color:var(--blue)}.date-strip__arrow:disabled{opacity:.35;cursor:not-allowed}.date-strip__track{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:.375rem;padding:.25rem 0;display:flex;overflow-x:auto}.date-strip__track::-webkit-scrollbar{display:none}.date-strip__item{border-radius:var(--r);background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:background .15s,border-color .15s;display:flex;position:relative}.date-strip__item:hover{background:var(--bg);border-color:var(--border)}.date-strip__item--today{border-color:var(--blue-mid)}.date-strip__item--selected{background:var(--blue);border-color:var(--blue);color:#fff}.date-strip__item--selected:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.date-strip__day{text-transform:uppercase;letter-spacing:.03em;color:var(--text-4);font-size:.62rem;font-weight:500;line-height:1}.date-strip__item--selected .date-strip__day{color:#fffc}.date-strip__num{color:var(--text);font-size:1rem;font-weight:600;line-height:1.3}.date-strip__item--selected .date-strip__num{color:#fff}@media (max-width:640px){.date-strip__arrow{width:28px;height:28px;font-size:.75rem}.date-strip__item{width:46px;height:46px}.date-strip__num{font-size:.9rem}.date-strip__months{grid-template-columns:repeat(3,1fr)}}