:root{--brand-dark-bg: #1c1a17;--header-height: 56px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{background-color:var(--brand-dark-bg);font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex}#root>*{flex:1}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;width:100%}@media (min-width: 600px){.events-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 900px){.events-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1200px){.events-grid{grid-template-columns:repeat(8,1fr)}}@media (min-width: 1600px){.events-grid{grid-template-columns:repeat(10,1fr)}}.detail-backdrop{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:#0000008c;z-index:1700;animation:detail-backdrop-in .18s ease}.detail-panel{position:fixed;top:var(--header-height);right:0;bottom:0;width:50%;min-width:460px;max-width:760px;background-color:var(--brand-dark-bg);z-index:1800;overflow:hidden;box-shadow:-6px 0 24px #00000080;animation:detail-panel-in .22s ease}@media (max-width: 760px){.detail-panel{width:100%;min-width:0;max-width:none;left:0}}@keyframes detail-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes detail-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}