/* toggle.css: ported 1:1 from foodforjoe.es CSS modules (hash suffixes removed). */

/* ── Toggle ── */
.Toggle_toggle {
  border:1px solid transparent;
  display:flex;
  justify-content:space-evenly;
  border-radius:4px;
  overflow:hidden;
}

.Toggle_option {
  border:none;
  cursor:pointer;
  padding:14px;
  display:inline-block;
  flex:1 1;
  text-align:center;
  font-family:var(--font-family-serif-light);
  color:var(--color-green);
  font-size:18px;
  background:rgba(0,0,0,.05);
  text-decoration:underline;
}

.Toggle_optionSecondary {
  font-size:15px;
}

.Toggle_activeOption {
  font-family: var(--font-family-serif-medium); font-variation-settings: var(--gp-medium-axes);
  color:var(--color-green);
  background:var(--color-yellow);
  text-decoration:none;
}

.Toggle_optionSecondary.Toggle_activeOption {
  color:var(--color-white);
  background:var(--color-green);
  opacity:.95;
}

@media (min-width:960px) {
  .Toggle_option {
    font-size:20px;
  }
}

@media (min-width:960px) {
  .Toggle_optionSecondary {
    font-size:15px;
  }
}