.content.home-mode{overflow-y:auto}.content.home-mode .calendar-day{display:block;text-align:left;vertical-align:top}.content.home-mode .calendar-day>span{margin:0 auto auto 0}.calendar-title-controls{display:flex;align-items:center;gap:9px}.calendar-title-controls h2{margin-right:5px}.calendar-title-controls select{border:1px solid var(--line);border-radius:8px;padding:7px 28px 7px 9px;background:#f5f8f6;color:#24443b;font-weight:700}.color-palette{display:grid;grid-template-columns:repeat(8,32px);gap:7px}.color-palette button{width:32px;height:32px;border:3px solid transparent;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}.color-palette button:nth-child(1){--swatch:#d64545}.color-palette button:nth-child(2){--swatch:#e67e22}.color-palette button:nth-child(3){--swatch:#f2c94c}.color-palette button:nth-child(4){--swatch:#2f855a}.color-palette button:nth-child(5){--swatch:#2f6fb0}.color-palette button:nth-child(6){--swatch:#293b7a}.color-palette button:nth-child(7){--swatch:#7b4bb7}.color-palette button:nth-child(8){--swatch:#222}.color-palette button.selected{border-color:#fff;outline:3px solid var(--swatch);transform:scale(.9)}.selected-day-panel{margin:18px 0 28px;padding:25px 28px;background:#fff;border:1px solid var(--line);border-radius:17px}.selected-day-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.selected-day-panel h2{margin:0}.selected-day-events{display:grid;gap:9px}.selected-event-card{display:grid;grid-template-columns:7px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid #e4ebe8;border-radius:11px;background:#fafcfb}.selected-event-color{align-self:stretch;border-radius:5px;background:var(--event-color)}.selected-event-card b{font-size:11px;color:var(--event-color);text-transform:uppercase}.selected-event-card h3{margin:3px 0;font-size:15px}.selected-event-card p{margin:0;color:var(--muted);font-size:13px}.selected-day-empty{padding:30px;text-align:center;color:var(--muted);background:#f7f9f8;border-radius:10px}@media(max-width:700px){.calendar-title-controls{align-items:flex-start;flex-wrap:wrap}.calendar-title-controls h2{width:100%}.color-palette{grid-template-columns:repeat(4,32px)}.selected-day-panel{padding:18px}.selected-event-card{grid-template-columns:6px 1fr}.selected-event-card .mini{grid-column:2;width:max-content}.content.home-mode .calendar-card-large{height:calc(100dvh - 20px)}}