#mk-calendar-app{--bg-white:#fff;--bg-book:#cafcd9;--bg-event:#f2fff5;--color-text:#000;--color-n:#6c757d;--color-weekend:#dc3545;--border:thin solid #dee2e6;--padding-block:0.125rem;--padding-inline:0.375rem;--padding:var(--padding-block) var(--padding-inline);--fz-m:3rem;--fz-n:1.125rem;--fz-mk:0.875rem;--fz-btn:1rem;width:960px;margin:2rem auto;font-family:Roboto,Arial,sans-serif;font-weight:400;box-sizing:border-box}#mk-calendar-app h3.month-title{text-align:center;margin:1em 0 .5em;font-size:var(--fz-m);font-family:inherit;font-weight:500;line-height:1.2;color:inherit}#mk-calendar-app small{font-size:80%;font-weight:400}#mk-calendar-app .month-empty{text-align:center;padding-block:1rem;border:var(--border)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin:0 auto}.month-grid .weekday-title{color:var(--color-n);font-size:var(--fz-n);font-weight:400;padding:var(--padding)}.month-grid .weekday-title.weekend{color:var(--color-weekend)}.month-grid .day{min-height:5.5rem;background-color:var(--bg-white);outline:var(--border);display:flex;align-items:stretch;flex-direction:column;justify-content:space-between}.month-grid .day.empty{background-repeat:no-repeat;background-position:50%;background-size:92% 82%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' preserveAspectRatio='none' viewBox='0 0 145 146'%3E%3Cpath stroke='%23aa000016' d='M.4 144.4L143.9.9m0 144.2L.4 1.6'/%3E%3C/svg%3E")}.month-grid .day.empty .n{opacity:.4}.month-grid .day.past .n{opacity:.15}.month-grid .day.event{background-color:var(--bg-event)}.month-grid .day.weekend>.n{color:var(--color-weekend)}.month-grid .day .n{padding:var(--padding);font-size:var(--fz-n);line-height:1;opacity:.75}.month-grid .day .mk-title{color:var(--color-text);text-align:center;line-height:1.2;font-size:var(--fz-mk)}.month-grid .day .book{text-align:center;font-size:var(--fz-btn);letter-spacing:.03em;padding:var(--padding)}.month-grid .day .book a{display:inline-block;text-decoration:none;color:var(--color-text);background-color:var(--bg-book);padding:5px .5rem 6px;border-radius:.25rem}.month-grid.starts-mon .day:nth-child(8){grid-column-start:1}.month-grid.starts-tue .day:nth-child(8){grid-column-start:2}.month-grid.starts-wed .day:nth-child(8){grid-column-start:3}.month-grid.starts-thu .day:nth-child(8){grid-column-start:4}.month-grid.starts-fri .day:nth-child(8){grid-column-start:5}.month-grid.starts-sat .day:nth-child(8){grid-column-start:6}.month-grid.starts-sun .day:nth-child(8){grid-column-start:7}@media (max-width:1200px){.month-grid{width:auto}}@media (max-width:640px){.month-grid .day{min-height:13vw}}@media (max-width:1200px){.day .n,.weekday-title{font-size:16px}.mk-title{font-size:14px;margin:0 3px 8px}.book a{font-size:18px;padding:5px 10px 6px;margin:8px 0;border-radius:3px}}@media (max-width:960px){.mk-title{font-size:10px;margin:0 2px 4px}.book a{font-size:9px;padding:3px 2px 4px;margin:5px 1px;border-radius:2px}}@media (max-width:640px){.day .n,.weekday-title{font-size:2.5vw}.mk-title{font-size:1.4vw;margin:0 .2vw 1vw}.book a{font-size:1.8vw;padding:.5vw .5vw .6vw;margin:.78vw .1vw;border-radius:1px}}@media (max-width:1200px){#mk-calendar-app .day-number,#mk-calendar-app .weekday-title{font-size:16px}#mk-calendar-app .mk-title{font-size:14px;margin:0 3px 8px}#mk-calendar-app .text{font-size:12px;margin:0 3px 3px}#mk-calendar-app .book a{font-size:18px;padding:5px 10px 6px;margin:8px 0;border-radius:3px}}@media (max-width:960px){#mk-calendar-app .mk-title{font-size:10px;margin:0 2px 4px}#mk-calendar-app .text{font-size:10px;margin:0 1px 2px}#mk-calendar-app .book a{font-size:9px;padding:3px 2px 4px;margin:5px 1px;border-radius:2px}}@media (max-width:640px){#mk-calendar-app .day-number,#mk-calendar-app .weekday-title{font-size:2.5vw}#mk-calendar-app .mk-title{font-size:1.4vw;margin:0 .2vw 1vw}#mk-calendar-app .text{font-size:1.45vw;margin:0 0 .3vw}#mk-calendar-app .book a{font-size:1.8vw;padding:.5vw .5vw .6vw;margin:.78vw .1vw;border-radius:1px}#mk-calendar-app .day .day-top .day-number{min-width:2.7vw}#mk-calendar-app .day .mk-picture{margin:2px}}