:root{--numDays:7;--timeHeight:15px}.calendar{gap:10px;grid-template-columns:auto 1fr}.calendar,.timeline{display:grid}.days{display:flex;grid-column:2;gap:5px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);overflow-x:auto}.day{flex-shrink:0;min-width:180px}.events{display:grid;border-radius:5px;background:var(--mantine-color-violet-light);padding-top:8px}.title{font-weight:600;margin-bottom:.25rem;font-size:13px}.time{font-size:12px;display:flex;justify-content:space-between}.event{border:1px solid var(--mantine-color-green-outline);border-radius:5px;padding:.5rem;margin:2px 4px 0;background:var(--mantine-color-green-light);cursor:pointer;box-sizing:content-box;max-width:170px}.event.color-pink{background:var(--mantine-color-pink-light);border-color:var(--mantine-color-pink-outline)}.event.color-green{background:var(--mantine-color-green-light);border-color:var(--mantine-color-green-outline)}.event.color-yellow{background:var(--mantine-color-yellow-1);color:var(--mantine-color-dark-4);border-color:var(--mantine-color-yellow-3)}.event.color-lime{background:var(--mantine-color-lime-2);color:var(--mantine-color-lime-9);border-color:var(--mantine-color-lime-6)}.event.color-grape{background:var(--mantine-color-grape-2);color:var(--mantine-color-grape-9);border-color:var(--mantine-color-grape-3)}.event.color-blue{background:var(--mantine-color-blue-2);color:var(--mantine-color-dark-4);border-color:var(--mantine-color-blue-3)}.event.color-cyan{background:var(--mantine-color-cyan-2);color:var(--mantine-color-cyan-9);border-color:var(--mantine-color-cyan-3)}.event.color-orange{background:var(--mantine-color-orange-2);color:var(--mantine-color-dark-4);border-color:var(--mantine-color-orange-3)}.event.selected{border:3px solid #280404;background-color:var(--mantine-color-green-8)}.date,.space{height:60px}.date{display:flex;gap:1em}.date-num{font-weight:600}.date-day,.date-num{font-size:3rem;display:inline}.date-day{font-weight:100}