html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}body{margin:0;padding:0;display:flex;place-items:center;height:100vh;overflow:hidden}*,*:before,*:after{-webkit-user-select:none;user-select:none}#root{text-align:center;display:flex;flex-direction:column;height:100dvh;width:100dvw;margin-bottom:auto;overflow:auto;overflow-x:hidden}#root>.pageContainer{position:relative;height:100%;width:100%}#root>.pageContainer>.connectionIcon{z-index:1000;position:absolute;top:2%;left:50%;transform:translate(-50%);border-radius:70%;width:1.5em;height:1.5em;opacity:.5;display:flex;align-items:center;justify-content:center}#root>.pageContainer>.connectionIcon.online{background-color:#007519}#root>.pageContainer>.connectionIcon.offline{background-color:#900}#root>.pageContainer>.connectionIcon.other{background-color:#ebb400}#root>.pageContainer>.connectionIcon>img{width:75%}#root>.pageContainer>.overlay{z-index:1000;position:absolute;background-color:#fffc;border-radius:1.5em;padding:.6em;display:flex;gap:1em}#root>.pageContainer>.overlay.br{bottom:3%;right:3%;flex-direction:column-reverse}#root>.pageContainer>.overlay.bl{bottom:3%;left:3%;flex-direction:column-reverse}#root>.pageContainer>.overlay.tr{top:3%;right:3%;flex-direction:column}#root>.pageContainer>.overlay>button{transition:filter .2s;border:none;cursor:pointer;background-color:transparent;display:block;place-content:center;padding:0;border-radius:35%;-webkit-tap-highlight-color:transparent}#root>.pageContainer>.overlay>button:hover,#root>.pageContainer>.overlay>button:active{filter:brightness(.9)}#root>.pageContainer>.overlay>button>img{width:3em;height:3em;display:block}#root>.pageContainer>.overlay>button>img.hide{display:none}#root>.pageContainer>.settingsOverlay{z-index:1001;position:absolute;width:100%;height:100%;background-color:#cccccc80;place-content:center;animation:fadeIn .2s}#root>.pageContainer>.map{height:100%;width:100%}#root>.pageContainer>.map .popupContent{width:100%;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settingsContainer{background-color:#fff;padding:1em;border-radius:1em;max-width:min(80%,45em);max-height:80%;margin:auto;overflow-y:auto}.settingsContainer>.settingsSection{border-bottom:3px solid darkgray;padding:1em 1em 3em}.settingsContainer>.settingsSection>.settingsTitle{margin:auto auto 1.75em;font-size:1.25em;padding-bottom:.75em;font-weight:bolder;text-wrap:balance;max-width:80%;border-bottom:3px dashed lightgray}.settingsContainer>.settingsSection>.settingsName{padding:.5em;border:1px solid #ddd;border-radius:4px;background:#eee;outline:none;font-size:1em;text-align:center}.settingsContainer>.settingsSection>input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#dfe1e4;cursor:pointer;border-radius:2em;border-style:none;flex-shrink:0;height:2em;margin:0;position:relative;width:4em;transition:all .1s ease-out}.settingsContainer>.settingsSection>input[type=checkbox]:checked{background-color:#df6326}.settingsContainer>.settingsSection>input[type=checkbox]:checked:after{background-color:#fff;left:2em}.settingsContainer>.settingsSection>input[type=checkbox]:before{bottom:-1em;content:"";left:-1em;position:absolute;right:-1em;top:-1em}.settingsContainer>.settingsSection>input[type=checkbox]:after{transition:all .1s ease-out;background-color:#fff;border-radius:50%;content:"";height:1.8em;left:.1em;position:absolute;top:.1em;width:1.8em}.settingsContainer>.settingsSection>.preview{display:flex;justify-content:space-around;margin-bottom:1em}.settingsContainer>.settingsSection>.colourSettings{place-content:center}.settingsContainer>.settingsSection>.colourSettings>*{margin-left:auto;margin-right:auto}.settingsContainer>.settingsSection>.colourSettings>*:is(input){margin-top:1em;width:6em;padding:.5em;border:1px solid #ddd;border-radius:4px;background:#eee;outline:none;font-size:1em;text-transform:uppercase;text-align:center}.settingsContainer>.actions{display:flex;justify-content:space-around;padding-top:1em;padding-bottom:1em;gap:1em;position:sticky;bottom:calc(-1em - 1px);background-color:#fff;z-index:3}.settingsContainer>.actions>button{flex:1 1 0;min-height:3em;padding:.5em;border-radius:.5em;cursor:pointer;border:none;background-color:#e6e6e6;transition:filter .2s}.settingsContainer>.actions>button:hover,.settingsContainer>.actions>button:active{filter:brightness(.9)}.settingsContainer>.attributions{font-size:.75em;margin-top:1em}