@font-face{font-family:Inclusive Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inclusive-sans-latin-400-normal-TDCwbSzI.woff2) format("woff2"),url(/assets/inclusive-sans-latin-400-normal-D8jVF1uy.woff) format("woff")}:root{--font-family: "Inclusive Sans", sans-serif;--font-big: 5rem/1 var(--font-family);--font-medium: 1rem/1.375 var(--font-family);--font-small: max(14px, calc(5 / 6 * 1rem)) / 1.375 var(--font-family);--font-tiny: max(12px, calc(2 / 3 * 1rem)) / 1.375 var(--font-family);--color-background: light-dark(#ffffff, #161616);--color-layer-1: light-dark(#f4f4f4, #262626);--color-layer-2: light-dark(#e0e0e0, #393939);--color-primary: light-dark(#000000e9, #fffffff4);--color-secondary: light-dark(#000000ad, #ffffffc6);--color-link: light-dark(#2354db, #a0c3ff);--color-visited: light-dark(#9500e0, #f2a7ff);--color-accent: oklch(80% 100% 100);--color-background-inv: light-dark(#161616, #ffffff);--color-primary-inv: light-dark(#fffffff4, #000000e9);--color-secondary-inv: light-dark(#ffffffc6, #000000ad);color-scheme:light dark;font-size:clamp(16px,3.4vw,24px)}.dark{--color-accent: oklch(80% 100% 290)}.twilight{--color-accent: oklch(80% 50% 250)}.error{--color-accent: oklch(80% 100% 40)}body{background-color:var(--color-layer-1);color:var(--color-primary);margin:0;box-sizing:border-box;font:var(--font-medium);display:flex;flex-direction:column;min-height:100dvh}main{flex:1;background-color:var(--color-background)}main>div{width:min(100%,27rem);box-sizing:border-box;margin:1rem auto;padding:1rem;display:grid;grid-template-columns:minmax(0,auto) minmax(0,min-content);gap:1.5rem}footer{padding:1rem;border-top:2px solid var(--color-layer-2);color:var(--color-secondary);font:var(--font-small)}footer>div{max-width:25rem;margin:auto}h1{margin-bottom:0;font:var(--font-medium)}a:link{color:var(--color-link)}a:visited{color:var(--color-visited)}.location-select{grid-row:span 2}.answer{font:var(--font-big);text-shadow:0 0 .1em var(--color-accent)}.answer .icon{width:1em;height:1em;vertical-align:bottom;fill:var(--color-primary)}.explanation{grid-column:span 2;font:var(--font-medium)}location-select{display:block;position:relative}location-select .toggle{position:relative;color:var(--color-primary);border:2px solid transparent;background:transparent;border-radius:4px;text-align:left;padding:.5em;font:var(--font-medium);white-space:nowrap;z-index:0}location-select .toggle:before{content:"";position:absolute;inset:-2px;border:inherit;background:linear-gradient(var(--color-link),var(--color-visited)) border-box;mask:linear-gradient(red 0 0) exclude,linear-gradient(red 0 0) padding-box;border-radius:4px;z-index:-1;opacity:.5}location-select .toggle:hover:before{opacity:1}location-select .toggle .coords{font:var(--font-tiny);color:var(--color-secondary)}location-select .dropdown{display:none;position:absolute;top:calc(100% + 1em);right:0;min-width:100%;max-width:300px;width:max-content;box-sizing:border-box;background:var(--color-layer-1);border:2px solid var(--color-layer-2);outline:2px solid var(--color-background);box-shadow:0 0 1em var(--color-background);border-radius:4px;z-index:1;overflow:hidden;font:var(--font-small)}location-select .dropdown.open{display:block}location-select fieldset{margin:0;border:0;padding:0}location-select input[type=radio]{position:absolute;width:0;opacity:0}location-select input[type=submit]{display:none}location-select .label{padding:calc(2 / 3 * 1em) 1em}location-select .label:hover{background:var(--color-layer-2)}location-select .icon{width:.8em;height:.8em;margin-left:1em;vertical-align:bottom;fill:var(--color-secondary)}location-select .live{display:flex;align-items:center}location-select .live span{flex:1}location-select .note{margin-bottom:0;color:var(--color-secondary);font:var(--font-tiny)}location-select .label:has(.note){border-bottom:2px solid var(--color-layer-2)}location-select :checked+.label{background:var(--color-background-inv);color:var(--color-primary-inv)}location-select :checked+.label .icon{fill:var(--color-secondary-inv)}location-select :checked+.label .note{color:var(--color-secondary-inv)}contour-align{display:block}
