main{background:url(/images/background.webp) 50%/cover no-repeat fixed;position:relative}main:before{content:"";z-index:0;pointer-events:none;background:#131313d9;position:fixed;inset:0}main>*{z-index:1;position:relative}.live-page{max-width:1920px;margin-inline:auto}
.dashboard{grid-template-columns:1fr;grid-template-areas:"alerts""map""sidebar";gap:1rem;padding-top:1rem;padding-bottom:1rem;display:grid}.dashboard-alerts{grid-area:alerts}.dashboard-map{grid-area:map}.dashboard-sidebar{flex-direction:column;grid-area:sidebar;gap:.5rem;display:flex}.dashboard-scroll-hint{cursor:pointer;background:0 0;border:none;grid-area:hint;display:none}.dashboard-scroll-hint:hover{opacity:.8}.sector-grid{grid-template-columns:1fr;gap:.5rem;width:100%;display:grid}@media (min-width:480px){.sector-grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1024px){.dashboard{grid-template:"alerts alerts""sidebar map"minmax(0,1fr)"hint hint"/minmax(260px,1fr) minmax(0,calc(92.8776dvh - 74.3021px));column-gap:6rem;height:calc(100dvh - 80px)}.dashboard-map{justify-content:end;align-items:center;min-height:0;max-height:100%;margin:0;display:flex}.sector-grid{grid-template-columns:1fr}.dashboard-scroll-hint{color:var(--color-text-muted);font-family:var(--font-mono);opacity:.5;justify-content:center;padding:.5rem;font-size:.75rem;display:flex}}
.alerts{flex-direction:column;gap:.5rem;display:flex}@media (min-width:768px){.alerts{flex-direction:row;overflow-x:auto}.alert-banner{flex-shrink:0;min-width:220px}}.alert-banner{border:2px solid var(--color-danger);background:#770101e6;padding:.5rem .75rem;animation:2s infinite alert-pulse}@keyframes alert-pulse{0%,to{border-color:var(--color-danger)}50%{border-color:#ff00004d}}.alert-banner-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.alert-banner-type{font-family:var(--font-body);text-transform:uppercase;color:#fff;font-size:.75rem;font-weight:700}.alert-banner-icon{width:20px;height:20px}.alert-banner-body{color:#ffffffd9;font-size:.8125rem}.alert-banner-time{color:#fff9;margin-top:.125rem;font-size:.6875rem}.alert-banner-bar{background:#ffffff26;height:4px;margin-top:.375rem}.alert-banner-bar-fill{background:var(--color-primary);height:100%}