@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap";:root{--color-we-peep: #F9DFE2;--color-snowy-mint: #CAFDD0;--color-thunder: #211E1F;--color-tundora: #494144;--color-white: #FFFFFF;--color-timezone-pink: #8A6B6F;--color-city-glow: #FFF8E1}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--color-thunder);font-family:IBM Plex Mono,monospace;color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#dashboard{width:100vw;height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}#header{display:flex;justify-content:space-between;align-items:baseline;padding:20px 32px 0}.brand{display:flex;align-items:baseline;gap:8px}.brand-name{font-size:14px;font-weight:600;letter-spacing:.2em;color:var(--color-we-peep);text-transform:uppercase}.brand-separator{font-size:14px;font-weight:300;color:var(--color-tundora)}.brand-subtitle{font-size:12px;font-weight:400;letter-spacing:.15em;color:var(--color-white);opacity:.5;text-transform:uppercase}.utc-time{font-size:12px;font-weight:400;letter-spacing:.08em;color:var(--color-white);opacity:.6}#app{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}#footer{padding:0 32px 16px}.footer-rule{height:1px;background:linear-gradient(to right,transparent,var(--color-tundora),transparent);opacity:.4}svg{display:block}.sphere{fill:none;stroke:none}.graticule{fill:none;stroke:var(--color-tundora);stroke-width:.4;stroke-opacity:.4}.timezone-boundary{fill:none;stroke:var(--color-timezone-pink);stroke-width:.5;stroke-opacity:.35}.timezone-label{fill:var(--color-timezone-pink);font-family:IBM Plex Mono,monospace;font-size:7px;font-weight:500;text-anchor:middle;dominant-baseline:central;opacity:.6;pointer-events:none;paint-order:stroke;stroke:var(--color-thunder);stroke-width:3px;stroke-linejoin:round}.country{fill:var(--color-tundora);stroke:var(--color-thunder);stroke-width:.3}.daylight{fill:var(--color-we-peep);opacity:.14;pointer-events:none}.city-lights{filter:url(#city-glow)}.city-light{fill:var(--color-city-glow);pointer-events:none}.outline{fill:none;stroke:var(--color-tundora);stroke-width:.8;stroke-opacity:.6}.city circle{fill:var(--color-snowy-mint);stroke:var(--color-thunder);stroke-width:1.5}.city-name{fill:var(--color-white);font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:400;text-anchor:middle;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.city-time{fill:var(--color-white);font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600;text-anchor:middle;letter-spacing:.02em}