:root{--background: hsl(0, 0%, 100%);--foreground: hsl(0, 0%, 9%);--foreground-light: hsl(0, 0%, 9%, .5);--foreground-lighter: hsl(0, 0%, 9%, .2);--map-color: hsl(231, 52%, 38%)}@media (prefers-color-scheme: dark){:root{--background: hsl(0, 0%, 4%);--foreground: hsl(0, 0%, 93%);--foreground-light: hsl(0, 0%, 93%, .5);--foreground-lighter: hsl(0, 0%, 93%, .2);--map-color: hsl(231, 52%, 68%)}}html,body{max-width:100vw;overflow-x:hidden;height:100%}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme: dark){html{color-scheme:dark}}#app{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;margin:1rem}#dropdown{width:15rem;position:relative;font-size:1rem}.input-group{width:100%;display:flex;flex-direction:row;align-items:center;padding:.5rem;border:1px solid var(--foreground);border-radius:.5rem}.input-group input{width:90%;margin-right:.5rem;border:none;background:none}.input-group input:focus{outline:none}.toggle{position:relative;--_dim: .7rem;height:var(--_dim);width:var(--_dim);border:none;background:none;cursor:pointer}.toggle:before{content:"";position:absolute;top:-.5rem;left:-.5rem;right:-.5rem;bottom:-.5rem}.toggle svg{display:block;fill:var(--foreground)}.toggle.closed{transform:rotate(0)}.toggle.opened{transform:rotate(180deg)}#dropdown>ul{display:block;list-style-type:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center;position:absolute;top:calc(100% + .5rem);width:100%;border-radius:.5rem;overflow:hidden;z-index:100;max-height:0;border:0px solid var(--foreground);transition:max-height .3s,border-width .3s step-end}#dropdown.active>ul{max-height:20rem;border-width:1px;transition:max-height .3s,border-width .3s step-start}#dropdown .input-group .toggle{transform:rotate(0);transition:ease .3s}#dropdown.active .input-group .toggle{transform:rotate(180deg);transition:ease .3s}#dropdown li{padding:.5rem;background:var(--background);color:var(--foreground);border-bottom:1px solid var(--foreground);display:flex;align-items:center;justify-content:space-between;overflow:hidden}#dropdown li>span.regex{white-space:nowrap}#dropdown li>span.description{font-size:.8rem;margin-left:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;color:var(--foreground-light);font-style:italic;font-weight:lighter}#dropdown li:last-child{border-bottom:none}#dropdown li:hover{background:var(--foreground);color:var(--background)}#dropdown li:hover>span.description{color:var(--background)}.pointGroup{--radius: 2px;--label-visibility: hidden;--stroke-width: 3px;display:none}.pointGroup.visible{display:block}.pointGroup.hovered,.pointGroup:hover{--radius: 4px;--label-visibility: visible}.point{fill:red;r:var(--radius);stroke:transparent;stroke-width:var(--stroke-width)}.pointGroup.hovered .point,.pointGroup:hover .point{stroke:var(--background);paint-order:stroke fill}.label{font-size:1rem;font-weight:700;fill:var(--foreground);visibility:var(--label-visibility);stroke:var(--background);stroke-width:var(--stroke-width);paint-order:stroke fill}#map{overflow:visible;max-height:90vh;max-width:100%;margin-top:1rem}#map polygon{fill:var(--map-color);stroke:var(--foreground);stroke-width:.5px}footer{position:fixed;bottom:0;width:100%;padding:.5em;text-align:center;background-color:transparent;display:flex;justify-content:center;color:var(--foreground-light);font-size:small;z-index:10}footer>*{margin:auto .2em}footer a{text-decoration:none;height:1.6em;padding:.2em;border-radius:4px;transition:color .2s}footer a:hover{color:var(--foreground)}footer a svg{height:100%}.browser-warning{font-size:small;padding:8px;text-align:center;border-top:1px solid;position:fixed;bottom:0;width:100%;background-color:var(--background);color:var(--foreground-light)}@media screen and (min-width: 48rem){#app{flex-direction:column}#dropdown{align-self:flex-start}}@media (min-aspect-ratio: 1/1){footer{justify-content:flex-end}}