.vg-calendar{padding:12px 0;margin-top:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vg-calendar>header{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.vg-calendar h3{font-size:14px;margin:0;color:var(--ink)}
.vg-calendar p{font-size:11px;color:var(--ink-3);margin:3px 0 0}
.vg-legend{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:10px}
.vg-legend span{display:flex;align-items:center;gap:4px}
.vg-legend i{display:block;height:8px;width:11px;border-radius:3px}
.vg-legend i.own,.vg-day.own{background:var(--brand)}
.vg-legend i.other,.vg-day.other{background:color-mix(in srgb,var(--amber) 45%,var(--surface))}
.vg-scroll{overflow:auto;scrollbar-width:thin}
.vg-grid{min-width:785px;display:grid;gap:4px}
.vg-month-row{display:grid;grid-template-columns:35px repeat(31,minmax(18px,1fr));gap:3px;align-items:center}
.vg-month-row>strong{font-size:10px;color:var(--ink-2)}
.vg-month-row>small{font-size:9px;color:var(--ink-3);text-align:center}
.vg-day{height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;cursor:pointer;font-size:12px;color:#fff;background:var(--surface-inset)}
.vg-day.own{font-weight:900}
.vg-day.other{color:var(--ink)}
.vg-day.empty{background:var(--surface-inset)}
.vg-day.absent{opacity:.25;background:var(--surface-inset)}
.vg-day:disabled{cursor:default}
.vg-day:not(:disabled):hover,.vg-day:not(:disabled):focus-visible{outline:2px solid var(--brand);outline-offset:1px}