/**
* Andy Bell's Modern Reset (with small adjustments)
* @link https://piccalil.li/blog/a-modern-css-reset/
**/
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
svg,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/**
 * CSS for Gimlet Variable Regular
 * Generated by Wakamai Fondue - https://wakamaifondue.com
 * by Roel Nieskens/PixelAmbacht - https://pixelambacht.nl
 */
@font-face {
  font-family: "Gimlet Variable Regular";
  src: url("/fonts/GimletVariable-VF.woff2");
  font-weight: 300 900;
  font-stretch: 64% 100%;
  unicode-range: U+0020-007E, U+00A0-0137, U+0139-0148, U+014A-017E, U+0192, U+0218-021B, U+0237, U+0259, U+02BB-02BC, U+02C6-02C7, U+02C9, U+02D8-02DD, U+0300-0304, U+0306-0308, U+030A-030C, U+0312, U+0326-0328, U+0394, U+03A9, U+03BC, U+03C0, U+1E80-1E85, U+1EF2-1EF3, U+2010-2015, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2032-2033, U+2039-203A, U+2044, U+2070, U+2074-2079, U+2080-2089, U+20AC, U+2116-2117, U+2122, U+2126, U+2190, U+2192, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+27B5, U+F6C3;
}
:root {
  --gimlet-opsz: 48;
  --gimlet-wght: 300;
  --gimlet-wdth: 100;
  --gimlet-ital: 0;
}

* {
  font-variation-settings: "opsz" var(--gimlet-opsz), "wght" var(--gimlet-wght), "wdth" var(--gimlet-wdth), "ital" var(--gimlet-ital);
}

/* Set custom properties for each layout feature */
:root {
  --gimlet-c2sc: "c2sc" off;
  --gimlet-dnom: "dnom" off;
  --gimlet-frac: "frac" off;
  --gimlet-lnum: "lnum" off;
  --gimlet-numr: "numr" off;
  --gimlet-onum: "onum" off;
  --gimlet-pnum: "pnum" off;
  --gimlet-salt: "salt" off;
  --gimlet-sinf: "sinf" off;
  --gimlet-smcp: "smcp" off;
  --gimlet-ss01: "ss01" off;
  --gimlet-ss02: "ss02" off;
  --gimlet-ss03: "ss03" off;
  --gimlet-ss04: "ss04" off;
  --gimlet-ss05: "ss05" off;
  --gimlet-ss06: "ss06" off;
  --gimlet-ss07: "ss07" off;
  --gimlet-ss08: "ss08" off;
  --gimlet-ss09: "ss09" off;
  --gimlet-ss10: "ss10" off;
  --gimlet-ss11: "ss11" off;
  --gimlet-sups: "sups" off;
  --gimlet-tnum: "tnum" off;
}

/* If class is applied, update custom property and
   apply modern font-variant-* when supported */
.gimlet-c2sc {
  --gimlet-c2sc: "c2sc" on;
}

.gimlet-dnom {
  --gimlet-dnom: "dnom" on;
}

.gimlet-frac {
  --gimlet-frac: "frac" on;
}

@supports (font-variant-numeric: diagonal-fractions) {
  .gimlet-frac {
    --gimlet-frac: "____";
    font-variant-numeric: diagonal-fractions;
  }
}
.gimlet-lnum {
  --gimlet-lnum: "lnum" on;
}

@supports (font-variant-numeric: lining-nums) {
  .gimlet-lnum {
    --gimlet-lnum: "____";
    font-variant-numeric: lining-nums;
  }
}
.gimlet-numr {
  --gimlet-numr: "numr" on;
}

.gimlet-onum {
  --gimlet-onum: "onum" on;
}

@supports (font-variant-numeric: oldstyle-nums) {
  .gimlet-onum {
    --gimlet-onum: "____";
    font-variant-numeric: oldstyle-nums;
  }
}
.gimlet-pnum {
  --gimlet-pnum: "pnum" on;
}

@supports (font-variant-numeric: proportional-nums) {
  .gimlet-pnum {
    --gimlet-pnum: "____";
    font-variant-numeric: proportional-nums;
  }
}
.gimlet-salt {
  --gimlet-salt: "salt" on;
}

.gimlet-sinf {
  --gimlet-sinf: "sinf" on;
}

.gimlet-smcp {
  --gimlet-smcp: "smcp" on;
}

@supports (font-variant-caps: small-caps) {
  .gimlet-smcp {
    --gimlet-smcp: "____";
    font-variant-caps: small-caps;
  }
}
.gimlet-ss01 {
  --gimlet-ss01: "ss01" on;
}

.gimlet-ss02 {
  --gimlet-ss02: "ss02" on;
}

.gimlet-ss03 {
  --gimlet-ss03: "ss03" on;
}

.gimlet-ss04 {
  --gimlet-ss04: "ss04" on;
}

.gimlet-ss05 {
  --gimlet-ss05: "ss05" on;
}

.gimlet-ss06 {
  --gimlet-ss06: "ss06" on;
}

.gimlet-ss07 {
  --gimlet-ss07: "ss07" on;
}

.gimlet-ss08 {
  --gimlet-ss08: "ss08" on;
}

.gimlet-ss09 {
  --gimlet-ss09: "ss09" on;
}

.gimlet-ss10 {
  --gimlet-ss10: "ss10" on;
}

.gimlet-ss11 {
  --gimlet-ss11: "ss11" on;
}

.gimlet-sups {
  --gimlet-sups: "sups" on;
}

@supports (font-variant-position: super) {
  .gimlet-sups {
    --gimlet-sups: "____";
    font-variant-position: super;
  }
}
.gimlet-tnum {
  --gimlet-tnum: "tnum" on;
}

@supports (font-variant-numeric: tabular-nums) {
  .gimlet-tnum {
    --gimlet-tnum: "____";
    font-variant-numeric: tabular-nums;
  }
}
/* Apply current state of all custom properties
   whenever a class is being applied */
.gimlet-c2sc,
.gimlet-dnom,
.gimlet-frac,
.gimlet-lnum,
.gimlet-numr,
.gimlet-onum,
.gimlet-pnum,
.gimlet-salt,
.gimlet-sinf,
.gimlet-smcp,
.gimlet-ss01,
.gimlet-ss02,
.gimlet-ss03,
.gimlet-ss04,
.gimlet-ss05,
.gimlet-ss06,
.gimlet-ss07,
.gimlet-ss08,
.gimlet-ss09,
.gimlet-ss10,
.gimlet-ss11,
.gimlet-sups,
.gimlet-tnum {
  font-feature-settings: var(--gimlet-c2sc), var(--gimlet-dnom), var(--gimlet-frac), var(--gimlet-lnum), var(--gimlet-numr), var(--gimlet-onum), var(--gimlet-pnum), var(--gimlet-salt), var(--gimlet-sinf), var(--gimlet-smcp), var(--gimlet-ss01), var(--gimlet-ss02), var(--gimlet-ss03), var(--gimlet-ss04), var(--gimlet-ss05), var(--gimlet-ss06), var(--gimlet-ss07), var(--gimlet-ss08), var(--gimlet-ss09), var(--gimlet-ss10), var(--gimlet-ss11), var(--gimlet-sups), var(--gimlet-tnum);
}

/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1240,20,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
:root {
  --step--2: clamp(0.7813rem, 0.7747rem + 0.0326vw, 0.8rem);
  --step--1: clamp(0.9375rem, 0.9158rem + 0.1087vw, 1rem);
  --step-0: clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);
  --step-1: clamp(1.35rem, 1.2761rem + 0.3696vw, 1.5625rem);
  --step-2: clamp(1.62rem, 1.5041rem + 0.5793vw, 1.9531rem);
  --step-3: clamp(1.944rem, 1.771rem + 0.8651vw, 2.4414rem);
  --step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);
  --step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

body {
  position: relative;
}

.location-modal {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.location-modal .location-modal-inner {
  overflow-y: scroll;
  max-height: 60rem;
  width: 100%;
  max-width: 60rem;
  background-color: white;
  padding: var(--spacing);
}
.location-modal .location-modal-content {
  display: flex;
}
.location-modal img {
  width: 600px;
  max-width: 100%;
}

.vermont-map svg {
  max-height: 78vh;
}
.vermont-map [data-location] {
  cursor: pointer;
}
.vermont-map [data-status] {
  fill-rule: evenodd;
  stroke-miterlimit: 10;
  stroke-width: 0.48px;
  stroke: #000;
}
.vermont-map [data-status]:hover {
  opacity: 0.5;
}
.vermont-map [data-status=done] {
  fill: greenyellow;
}
.vermont-map [data-status=not-started] {
  fill: green;
}
.vermont-map .highlight {
  opacity: 0.6;
}
.vermont-map .county-highlight {
  filter: grayscale(100%);
}
.vermont-map .municipality-highlight {
  stroke: orange;
  stroke-width: 2px;
}

.legend {
  max-height: 78vh;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: var(--step--1);
}

.location-list {
  columns: 3;
}

:root {
  --spacing: 1rem;
}

body {
  font-family: "Gimlet Variable Regular";
}

.flow > * + * {
  margin-top: var(--spacing);
}

#app {
  display: grid;
  height: 100vh;
  grid-template-rows: 8vh 1fr 8vh;
  background-color: snow;
}

.header {
  padding: var(--spacing);
}

.content {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--step-1);
  padding: var(--step-1);
}
@media (min-width: 700px) {
  .content {
    grid-template-columns: 1fr 1fr;
  }
}
.content .vermont-map {
  display: grid;
  place-items: center;
}

.footer {
  display: grid;
  align-items: center;
  padding: var(--step--1);
}

/*# sourceMappingURL=main.css.map */