/* colours */
:root {
  --tick-fill-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDA0MDIgOS4wMzQzOUw0LjU2MDQ0IDEwLjU4MzNMMC41ODM0OTYgNi4zMTYxNEwyLjAyNzA4IDQuNzY3MTlMNC41NjA0NCA3LjQ4NTQ0TDExLjA3MDcgMC41TDEyLjUwMDIgMi4wNDg5NUw2LjAwNDAyIDkuMDM0Mzl6IiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4=");
  --tick-fill-orange: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMyAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMDA0MDIgOS4wMzQzOUw0LjU2MDQ0IDEwLjU4MzNMMC41ODM0OTYgNi4zMTYxNEwyLjAyNzA4IDQuNzY3MTlMNC41NjA0NCA3LjQ4NTQ0TDExLjA3MDcgMC41TDEyLjUwMDIgMi4wNDg5NUw2LjAwNDAyIDkuMDM0Mzl6IiBmaWxsPSIjZTM3MTBhIi8+Cjwvc3ZnPg==");
  --checvron-right-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM2NzZfNTI3MjgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjAuNjQzNTU1IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzM2NzZfNTI3MjgpIj4KPHBhdGggZD0iTTEzLjI0MzYgMTJMOC42NDM1NSA3LjRMMTAuMDQzNiA2TDE2LjA0MzYgMTJMMTAuMDQzNiAxOEw4LjY0MzU1IDE2LjZMMTMuMjQzNiAxMloiIGZpbGw9IndoaXRlIi8+CjwvZz4KPC9zdmc+Cg==");
  --open-in-new-white: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM2NzhfODY4NSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjIxIiBoZWlnaHQ9IjIxIj4KPHJlY3QgeD0iMC41IiB5PSIwLjE3MzgyOCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zNjc4Xzg2ODUpIj4KPHBhdGggZD0iTTUuMDgzMzMgMTYuOTg2M0M0LjY5OTQ0IDE2Ljk4NjMgNC4zNzA4MyAxNi44NDk3IDQuMDk3NSAxNi41NzYzQzMuODI0MTcgMTYuMzAzIDMuNjg3NSAxNS45NzQ0IDMuNjg3NSAxNS41OTA1VjQuNzU3MTZDMy42ODc1IDQuMzczMjcgMy44MjQxNyA0LjA0NDY2IDQuMDk3NSAzLjc3MTMzQzQuMzcwODMgMy40OTc5OSA0LjY5OTQ0IDMuMzYxMzMgNS4wODMzMyAzLjM2MTMzSDEwLjQzNzVWNC43NTcxNkg1LjA4MzMzVjE1LjU5MDVIMTUuOTE2N1YxMC4yMzYzSDE3LjMxMjVWMTUuNTkwNUMxNy4zMTI1IDE1Ljk3NDQgMTcuMTc1OCAxNi4zMDMgMTYuOTAyNSAxNi41NzYzQzE2LjYyOTIgMTYuODQ5NyAxNi4zMDA2IDE2Ljk4NjMgMTUuOTE2NyAxNi45ODYzSDUuMDgzMzNaTTguNTkzNzUgMTMuMDY5N0w3LjYwNDE3IDEyLjA4MDFMMTQuOTI3MSA0Ljc1NzE2SDEyLjMzMzNWMy4zNjEzM0gxNy4zMTI1VjguMzQwNUgxNS45MTY3VjUuNzQ2NzRMOC41OTM3NSAxMy4wNjk3WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K");
  --grey-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUwODkgMzJWMTcuNDgxM0gtMC4wMDk3NjU2MlYxNC41MTg3SDE0LjUwODlWMEgxNy40NzE2VjE0LjUxODdIMzEuOTkwMlYxNy40ODEzSDE3LjQ3MTZWMzJIMTQuNTA4OVoiIGZpbGw9IiMxQzIwMjYiLz4KPC9zdmc+Cg==");
  --bluegrey-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzEiIHZpZXdCb3g9IjAgMCAzMCAzMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjYxMTMgMzAuNDU5VjE2Ljg0NzdIMFYxNC4wNzAySDEzLjYxMTNWMC40NTg5ODRIMTYuMzg4OFYxNC4wNzAySDMwVjE2Ljg0NzdIMTYuMzg4OFYzMC40NTlIMTMuNjExM1oiIGZpbGw9IiMzQzRBNjAiLz4KPC9zdmc+Cg==");
  --white-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUwODkgMzJWMTcuNDgxM0gtMC4wMDk3NjU2MlYxNC41MTg3SDE0LjUwODlWMEgxNy40NzE2VjE0LjUxODdIMzEuOTkwMlYxNy40ODEzSDE3LjQ3MTZWMzJIMTQuNTA4OVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
  --orange-plus: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjUwODkgMzJWMTcuNDgxM0gtMC4wMDk3NjU2MlYxNC41MTg3SDE0LjUwODlWMEgxNy40NzE2VjE0LjUxODdIMzEuOTkwMlYxNy40ODEzSDE3LjQ3MTZWMzJIMTQuNTA4OVoiIGZpbGw9IiNFMzcxMEEiLz4KPC9zdmc+Cg==");
}
.fade-in {
  opacity: 1;
  animation: fadeIn 600ms forwards;
  animation-timing-function: ease;
}
@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  75% {
    opacity: 1;
  }
  100% {
    --webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* Optional if you want it non-interactive */
  transition: opacity 0.3s ease-in-out;
}
button,
input,
form {
  font-family:
    VIC,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
body,
html {
  scroll-behavior: smooth;
}
body #cards.content,
body header,
body footer {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}
body .content-page {
  background-color: var(--white);
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (min-width: 37.5rem) {
  body .content-page {
    padding-top: 2rem;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 65rem) {
  body .content-page {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
body .content-page #menu.index {
  position: sticky;
  --webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  bottom: 0;
  padding: 0;
  z-index: 99;
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  body .content-page #menu.index {
    grid-column: span 8;
  }
}
@media only screen and (min-width: 65rem) {
  body .content-page #menu.index {
    grid-column: span 4;
    position: relative;
    max-width: 18rem;
    order: 1;
    box-shadow: none;
  }
}
@media only screen and (min-width: 80rem) {
  body .content-page #menu.index {
    grid-column: span 3;
    max-width: none;
    position: relative;
  }
}
body .content-page #cards.content {
  width: 100%;
  margin: 0 auto;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  padding-top: 0rem;
  max-width: var(--container-width);
}
@media only screen and (min-width: 65rem) {
  body .content-page #cards.content {
    grid-column-start: 5;
    order: 2;
    padding: 0;
  }
}
@media only screen and (min-width: 80rem) {
  body .content-page #cards.content {
    grid-column-start: 5;
  }
}
body .content-page.rhs-menu #menu.index {
  order: 2;
}
@media only screen and (min-width: 65rem) {
  body .content-page.rhs-menu #menu.index {
    grid-column-start: 10;
    grid-column-end: 13;
    margin-left: auto;
  }
}
@media only screen and (min-width: 88rem) {
  body .content-page.rhs-menu #menu.index {
    grid-column-start: 10;
    grid-column-end: 13;
  }
}
body .content-page.rhs-menu #cards.content {
  order: 1;
}
@media only screen and (min-width: 65rem) {
  body .content-page.rhs-menu #cards.content {
    grid-column-start: 1;
    grid-column-end: 10;
    order: 1;
  }
}
@media only screen and (min-width: 80rem) {
  body .content-page.rhs-menu #cards.content {
    grid-column-start: 1;
    grid-column-end: 10;
  }
}
body.no-scroll {
  overflow: hidden;
}
@media only screen and (min-width: 65rem) {
  body.no-scroll {
    overflow: auto;
    max-height: none;
    height: auto;
  }
}
body.no-scroll #cards.content,
body.no-scroll header,
body.no-scroll footer {
  opacity: 0.36;
  pointer-events: none;
}
body.no-scroll .content-page #menu.index {
  position: fixed;
  --webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  bottom: 0;
}
@media only screen and (min-width: 65rem) {
  body.no-scroll #cards.content,
  body.no-scroll header,
  body.no-scroll footer {
    opacity: 1;
    pointer-events: all;
  }
  body.no-scroll .content-page #menu.index {
    position: relative;
    bottom: auto;
    z-index: inherit;
  }
}
body.no-scroll .filter-button {
  position: fixed;
  z-index: 99;
}
.questions-banner {
  visibility: hidden;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 300ms ease-in-out;
  padding-bottom: 0 !important;
}
.questions-banner .questions-cta {
  overflow: hidden;
  padding: 0;
  margin: 0;
}
body.have-answers .no-answers {
  display: none !important;
}
body.have-answers .questions-banner {
  padding: 0 !important;
}
body.have-answers main.l-main > .modern-forms {
  background: var(--background-grey) !important;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  min-height: 0px !important;
  padding-top: 2rem;
  padding-bottom: 2.5rem;
  /* medium: 8 columns */
  /* large: 12 columns */
  /* x-large: 12 columns */
}
body.have-answers main.l-main > .modern-forms.show {
  display: block;
  visibility: visible;
}
body.have-answers main.l-main > .modern-forms.hide {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers main.l-main > .modern-forms {
    padding-top: 3rem;
    padding-bottom: 3.5rem;
  }
}
@media only screen and (min-width: 58rem) {
  body.have-answers main.l-main > .modern-forms {
    padding-top: 3.6rem;
    padding-bottom: 4.1rem;
  }
}
@media only screen and (min-width: 88rem) {
  body.have-answers main.l-main > .modern-forms {
    padding-top: 4rem;
    padding-bottom: 4.5rem;
  }
}
body.have-answers main.l-main > .modern-forms form > .fm-list {
  padding: 0;
  margin: 0;
}
body.have-answers
  main.l-main
  > .modern-forms
  form
  > .fm-list
  > .l-form-padding {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  max-width: var(--container-width);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  /* medium: 8 columns */
  /* large: 12 columns */
  /* large: 12 columns */
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
}
@media only screen and (min-width: 65rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
body.have-answers
  main.l-main
  > .modern-forms
  form
  > .fm-list
  > .l-form-padding
  .email-content {
  padding: 0;
  grid-column: span 4 / span 4;
  color: var(--grey-100);
  align-content: center;
  margin-top: 1rem;
  margin-left: 0;
  margin-right: 0;
  order: 2;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding
    .email-content {
    grid-column: span 8 / span 8;
    margin-top: 2rem;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
}
@media only screen and (min-width: 65rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding
    .email-content {
    grid-column: span 6 / span 6;
    margin-top: 0;
  }
}
body.have-answers
  main.l-main
  > .modern-forms
  form
  > .fm-list
  > .l-form-padding
  .email-content
  p {
  /* Mobile/Body */
  font-size: 1.125rem;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  margin: 0.5em 0 0.75em 0;
  max-width: 450px;
}
body.have-answers
  main.l-main
  > .modern-forms
  form
  > .fm-list
  > .l-form-padding
  .email-content
  p.small-text {
  font-size: 0.75rem;
  line-height: 1.5;
  font-style: normal;
  font-weight: 400;
  color: var(--grey-75);
}
body.have-answers
  main.l-main
  > .modern-forms
  form
  > .fm-list
  > .l-form-padding
  .email-image {
  padding: 0;
  grid-column: span 4 / span 4;
  background-image: url("https://service.vic.gov.au/-/media/6906ddf3436c41cca3a200fd8f04e952.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  overflow: hidden;
  aspect-ratio: 6 / 4;
  order: 1;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding
    .email-image {
    grid-column: span 8 / span 8;
  }
}
@media only screen and (min-width: 65rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    form
    > .fm-list
    > .l-form-padding
    .email-image {
    grid-column: 8 / -1;
    order: 3;
    aspect-ratio: auto;
  }
}
body.have-answers main.l-main > .modern-forms .email-form {
  display: flex;
  flex-direction: column;
  padding: 1rem 0 1rem 0;
  gap: 1rem;
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers main.l-main > .modern-forms .email-form {
    flex-direction: row;
  }
}
body.have-answers main.l-main > .modern-forms .email-form .ctrl-holder {
  width: 100%;
  margin: auto 0 0 0;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers main.l-main > .modern-forms .email-form .ctrl-holder {
    max-width: 400px;
  }
}
@media only screen and (min-width: 88rem) {
  body.have-answers main.l-main > .modern-forms .email-form .ctrl-holder {
    min-width: 350px;
  }
}
body.have-answers main.l-main > .modern-forms .email-form .ctrl-holder label {
  color: var(--grey-100);
}
body.have-answers main.l-main > .modern-forms .email-form .ctrl-holder .ctrl {
  width: 100%;
  max-width: 100%;
}
body.have-answers
  main.l-main
  > .modern-forms
  .email-form
  .ctrl-holder
  .ctrl
  input[type="email"] {
  min-height: 50px;
  background-color: var(--white);
  border: 2px solid var(--grey-100);
  color: var(--grey-100);
}
body.have-answers
  main.l-main
  > .modern-forms
  .email-form
  .button-holder-wrapper {
  padding: 0;
  margin-top: auto;
  width: auto;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    .email-form
    .button-holder-wrapper {
    margin-top: 34px;
  }
}
body.have-answers
  main.l-main
  > .modern-forms
  .email-form
  .button-holder-wrapper
  .l-form-padding.flex-button-layout {
  width: auto;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  margin: 0;
}
body.have-answers
  main.l-main
  > .modern-forms
  .email-form
  .button-holder-wrapper
  .button-holder {
  min-width: 140px;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    .email-form
    .button-holder-wrapper
    .button-holder {
    min-width: 140px;
  }
}
@media only screen and (min-width: 88rem) {
  body.have-answers
    main.l-main
    > .modern-forms
    .email-form
    .button-holder-wrapper
    .button-holder {
    min-width: 180px;
  }
}
body.have-answers
  main.l-main
  > .modern-forms
  .email-form
  .button-holder-wrapper
  .button-holder
  input[type="submit"].cta {
  width: 100%;
  min-width: 100%;
}
body.have-answers main.l-main > .modern-forms span.copy-link {
  display: inline-flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  background: none;
  color: var(--orange-100);
  font-weight: 700;
  font-size: 18px;
  border: 2px solid var(--orange-100);
  width: 100%;
  text-align: center;
  height: 50px;
  cursor: pointer;
  border-radius: 2px;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers main.l-main > .modern-forms span.copy-link {
    max-width: 180px;
  }
}
@media only screen and (min-width: 58rem) {
  body.have-answers main.l-main > .modern-forms span.copy-link {
    min-width: 180px;
  }
}
body.have-answers main.l-main > .modern-forms span.copy-link:hover {
  background-color: var(--orange-10);
  border: 2px solid var(--orange-100);
}
body.have-answers main.l-main > .modern-forms span.copy-link.copied {
  background-color: var(--green-100);
  color: var(--white);
  border: 2px solid var(--orange-25);
}
body.have-answers main.l-main > .modern-forms .validate-summary-container {
  padding: 0;
  grid-column: span 4 / span 4;
}
@media only screen and (min-width: 37.5rem) {
  body.have-answers main.l-main > .modern-forms .validate-summary-container {
    grid-column: span 8 / span 8;
  }
}
@media only screen and (min-width: 65rem) {
  body.have-answers main.l-main > .modern-forms .validate-summary-container {
    grid-column: span 12 / span 12;
  }
}
body.no-answers .have-answers {
  display: none !important;
}
body.no-answers .questions-banner {
  grid-template-rows: 1fr;
  visibility: visible;
}
body.no-answers main.l-main > .modern-forms {
  display: none;
}
#landingpage.filter a.further-reading {
  text-decoration: none;
  color: currentColor;
  background-color: var(--white);
  will-change: box-shadow;
  box-shadow: 0 0 0 0 var(--orange-25);
  transition: box-shadow ease-out 150ms;
  border: 2px solid var(--white);
}
#landingpage.filter a.further-reading:hover {
  border-color: var(--orange-100);
  background-color: var(--orange-5);
  box-shadow: 0 0 0 8px var(--orange-25);
}
#landingpage.filter .social-share {
  padding-top: 3rem;
  padding-bottom: 0;
}
#landingpage.filter .fine-print {
  padding-bottom: 3rem;
  padding-top: 0;
}
#landingpage.filter header {
  position: relative;
}
#landingpage.filter header .image img {
  object-fit: cover;
  min-height: 100%;
  width: auto;
}
#landingpage.filter .loading-spinner {
  position: relative;
  overflow: visible;
  height: 0px;
  width: 100%;
  display: block;
}
#landingpage.filter .loading-spinner::before {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  display: block;
  top: 50px;
  left: calc(50% - 50px);
  border: 0.75rem solid var(--grey-10);
  border-bottom-color: var(--orange-100);
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
#landingpage.filter section.results {
  background-color: var(--white);
}
#landingpage.filter button.go-top {
  background-color: transparent;
  border: 2px solid var(--brown-dark);
  color: var(--brown-dark);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.2rem;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  max-width: 140px;
  font-family:
    VIC,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
#landingpage.filter button.go-top:hover,
#landingpage.filter button.go-top:active {
  border-color: var(--brown-dark);
  outline: 0.25rem solid var(--orange-25);
}
#landingpage.filter button.go-back {
  background-color: transparent;
  border: 2px solid var(--brown-dark);
  color: var(--brown-dark);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.2rem;
  cursor: pointer;
  display: inline-flex;
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-family:
    VIC,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
#landingpage.filter button.go-back:hover,
#landingpage.filter button.go-back:active {
  border-color: var(--brown-dark);
  outline: 0.25rem solid var(--orange-25);
}
#landingpage.filter .conatct-numbers {
  padding: 0;
  margin: 0 0 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .conatct-numbers {
    margin: 2rem 0 0;
  }
}
#landingpage.filter .conatct-numbers li {
  padding: 0;
  list-style: none;
  font-size: 1rem;
  display: block;
  flex: 0 1 auto;
  gap: 0.5rem;
}
#landingpage.filter .conatct-numbers li a {
  white-space: nowrap;
}
#landingpage.filter .sticky-contacts {
  display: none;
  position: sticky;
  top: 0;
  padding-top: 0rem;
  top: 2rem;
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .sticky-contacts {
    display: block;
  }
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .bottom-contacts {
    display: none;
  }
}
#landingpage.filter .questions-cta .row {
  align-items: center;
  background: var(--bluegrey-10);
  /*background: linear-gradient(129deg, var(--orange-100) 0%, var(--orange-brand) 120%);*/
  color: var(--bluegrey-100);
  border-radius: var(--radius);
  padding: 1.125rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter .questions-cta .row {
    padding: 2rem;
  }
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .questions-cta .row {
    padding: 3rem;
  }
}
#landingpage.filter .questions-cta .tagline {
  text-wrap: balance;
  padding-bottom: 0;
  margin-bottom: 0;
}
#landingpage.filter .questions-cta a.button {
  gap: 0.5rem;
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .questions-cta .col-third {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 88rem) {
  #landingpage.filter .questions-cta .col-third {
    grid-column-start: 9;
    grid-column-end: 12;
  }
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .questions-cta .col-two-thirds {
    grid-column: span 9;
  }
}
@media only screen and (min-width: 88rem) {
  #landingpage.filter .questions-cta .col-two-thirds {
    grid-column-start: 2;
    grid-column-end: 9;
  }
}
#landingpage.filter .container.cards-container {
  width: 100%;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
  display: grid;
}
@media only screen and (min-width: 65rem) {
  #landingpage.filter .container.cards-container {
    max-width: var(--container-width);
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
  }
  #landingpage.filter .container.cards-container .content {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
}
@media only screen and (min-width: 88rem) {
  #landingpage.filter .container.cards-container .content {
    padding-left: 0;
  }
}
#landingpage.filter .container.cards-container .savings-intro {
  margin-bottom: 2rem;
}
#landingpage.filter .container.cards-container .savings-intro .intro-content {
  max-width: 46rem;
  padding: 0;
}
#landingpage.filter .container.cards-container .concession-filters {
  background-color: var(--white);
  padding: 0.5rem 0 0;
  border-radius: 0;
  margin-bottom: 0;
  margin-top: 0rem;
}
#landingpage.filter .container.cards-container .concession-filters p {
  text-wrap: wrap;
}
#landingpage.filter .container.cards-container .concession-filters .hint {
  font-size: 0.86rem;
  color: var(--grey-75);
}
@media only screen and (min-width: 88rem) {
  #landingpage.filter .container.cards-container .concession-filters {
    padding-right: 6rem;
  }
}
#landingpage.filter ul.filters {
  padding: 0 !important;
  margin: 1rem 0 0;
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
#landingpage.filter ul.filters li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: flex-start;
  width: auto;
  align-items: center;
}
#landingpage.filter ul.filters li label {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem 1rem 0.5rem 0.75rem;
  margin: 0;
  background-color: var(--white);
  border-radius: 0.25rem;
  gap: 0.75rem;
  display: flex;
  flex-direction: row;
  border: 2px solid var(--background-body);
  cursor: pointer;
  outline: 0 solid var(--orange-25);
  text-underline-offset: 2px;
}
#landingpage.filter ul.filters li label span.mark {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  height: 1.125rem;
  width: 1.125rem;
  background-color: var(--white);
  outline: 2px solid var(--orange-100);
  border-radius: 0.125rem;
  align-self: center;
  transition: all 250ms ease-out;
}
#landingpage.filter ul.filters li label span.mark:after {
  content: "";
  height: 1.125rem;
  width: 1.125rem;
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  border-radius: 0.125rem;
  transform-origin: center;
  background-image: none;
  background-color: var(--white);
  background-position: center;
  background-repeat: no-repeat;
  transition: background-color 250ms ease-out;
}
#landingpage.filter ul.filters li label:hover {
  outline: 4px solid var(--orange-25);
  color: var(--grey-100);
  text-decoration: underline;
  border-color: var(--orange-50);
  background-color: var(--white);
}
#landingpage.filter ul.filters li label:focus-visible {
  outline: 4px solid var(--hover);
  outline-offset: 2px;
}
#landingpage.filter ul.filters li input {
  position: absolute;
  opacity: 0;
}
#landingpage.filter ul.filters li input:checked + label {
  color: var(--orange-100);
  border: 2px solid var(--orange-100);
  background-color: var(--white);
  text-decoration: none;
}
#landingpage.filter ul.filters li input:checked + label span.mark {
  background-color: var(--orange-100);
  border-color: var(--orange-100);
}
#landingpage.filter ul.filters li input:checked + label span.mark::after {
  scale: 1;
  background-color: var(--orange-100);
  background-image: var(--tick-fill-white);
}
#landingpage.filter ul.filters li input:checked + label:hover {
  outline: 4px solid var(--orange-25);
}
#landingpage.filter ul.filters li input:focus-visible + label {
  outline: 4px solid var(--hover);
  outline-offset: 2px;
}
#landingpage.filter ul.filters.radio li label {
  border-radius: 2rem;
}
#landingpage.filter ul.filters.radio li span.mark {
  border-radius: 1rem;
}
#landingpage.filter ul.filters.radio li span.mark:after {
  border-radius: 1rem;
}
#landingpage.filter .concession-info {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease-in-out;
}
#landingpage.filter .concession-info.has-concession {
  grid-template-rows: 1fr;
}
#landingpage.filter .concession-info .concession-info-inner {
  overflow: hidden;
  margin-top: 1rem;
}
#landingpage.filter .concession-info ul li {
  padding-bottom: 0.125rem;
  list-style: disc;
}
#landingpage.filter article.accordion {
  background-color: var(--bluegrey-10);
  transition: background-color 0.5s ease-in-out;
  border-radius: 0.5rem;
  height: auto;
  overflow: hidden;
  padding: 0rem;
}
#landingpage.filter article.accordion .header {
  padding: 1rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header {
    pad: 0.75rem;
  }
}
#landingpage.filter article.accordion .header .header-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: start;
  justify-content: space-between;
  gap: 1rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header .header-inner {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 2rem;
  }
}
#landingpage.filter article.accordion .header .header-inner .image {
  flex-basis: 6rem;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  overflow: hidden;
  border-radius: 0.25rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header .header-inner .image {
    flex-basis: 9rem;
  }
}
#landingpage.filter article.accordion .header .header-inner .image img {
  width: 100%;
  height: auto;
  object-fit: fill;
}
#landingpage.filter article.accordion .header .header-inner .header-text {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 100%;
  align-self: center;
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header .header-inner .header-text {
    width: auto;
  }
}
#landingpage.filter article.accordion .header .header-inner .header-text h4 {
  margin-bottom: 0.25rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header .header-inner .header-text h4 {
    margin-bottom: 0rem;
  }
}
#landingpage.filter article.accordion .header .header-inner .header-text p {
  font-size: 1rem;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .header .header-inner .header-text p {
    font-size: 1.125rem;
  }
}
#landingpage.filter article.accordion .header .header-inner .accordion-control {
  height: 2.5rem;
  width: 2.5rem;
  min-width: 2.5rem;
  flex-basis: 2.5rem;
  flex-shrink: 0;
  border-radius: 2rem;
  transition: background-color 0.25s ease-in-out;
  display: none;
  position: relative;
}
#landingpage.filter
  article.accordion
  .header
  .header-inner
  .accordion-control::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-image: var(--bluegrey-plus);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
  transform: translate(-50%, -50%) rotateZ(0deg);
  transition: transform 0.35s ease-in-out;
  will-change: transform;
}
#landingpage.filter
  article.accordion
  .header
  .header-inner
  .accordion-control.small {
  display: block;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter
    article.accordion
    .header
    .header-inner
    .accordion-control {
    display: block;
  }
  #landingpage.filter
    article.accordion
    .header
    .header-inner
    .accordion-control.small {
    display: none;
  }
}
#landingpage.filter article.accordion .body {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body {
    padding: 0 0.75rem 0.75rem;
  }
}
#landingpage.filter article.accordion .body .body-inner {
  background-color: var(--white);
  padding: 0.5rem 1rem 1rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .body-inner {
    padding: 1rem 1.5rem 1.5rem;
    border-radius: 0.25rem;
  }
}
#landingpage.filter article.accordion .body .description {
  padding-bottom: 1rem;
  font-size: 1rem;
}
#landingpage.filter article.accordion .body .description p {
  font-size: 1rem;
}
#landingpage.filter article.accordion .body .description ul {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2rem;
  list-style: disc;
}
#landingpage.filter article.accordion .body .description ul li {
  font-size: 1rem;
  margin: 0;
  padding: 0.25rem 0 0.25rem 0;
  list-style: disc;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .description p,
  #landingpage.filter article.accordion .body .description ul,
  #landingpage.filter article.accordion .body .description ul li {
    font-size: 1.125rem;
  }
}
#landingpage.filter article.accordion .body .description .filter-tags {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
#landingpage.filter article.accordion .body .description span.tag-label {
  font-size: 1rem;
  font-weight: 500;
}
#landingpage.filter article.accordion .body .description ul.tag-list {
  padding: 0.5rem 0 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap-reverse;
  gap: 0.25rem;
  width: 100%;
}
#landingpage.filter article.accordion .body .description ul.tag-list li {
  list-style: none;
  padding: 0.5rem 1rem 0.5rem;
  margin: 0;
  display: inline-block;
  font-size: 1rem;
  border-radius: 1rem;
  background-color: var(--bluegrey-10);
  color: var(--grey-100);
  line-height: 1;
  border: 1px solid var(--bluegrey-10);
}
#landingpage.filter
  article.accordion
  .body
  .description
  ul.tag-list
  li::first-letter {
  text-transform: uppercase;
}
#landingpage.filter
  article.accordion
  .body
  .description
  ul.tag-list.applicable
  li {
  background-color: var(--white);
  columns: var(--grey-100);
  border-color: var(--bluegrey-25);
}
#landingpage.filter article.accordion .body .footer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid var(--grey-10);
  padding-top: 1rem;
  gap: 2rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .footer {
    flex-direction: row;
  }
}
#landingpage.filter article.accordion .body .footer .time {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .footer .time {
    width: auto;
  }
}
#landingpage.filter article.accordion .body .footer .time .time-text {
  display: flex;
  flex-direction: column;
}
#landingpage.filter article.accordion .body .footer .time .time-text p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .footer .time .time-text p {
    font-size: 1.125rem;
  }
}
#landingpage.filter article.accordion .body .footer .time .time-text small {
  font-size: 0.86rem;
}
#landingpage.filter article.accordion .body .footer .saving-cta {
  width: 100%;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .body .footer .saving-cta {
    width: auto;
  }
}
#landingpage.filter article.accordion .body .footer a.button {
  gap: 0.65rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion:hover {
    background-color: var(--background-orange);
  }
}
#landingpage.filter article.accordion .accordion-action {
  cursor: pointer;
  border-radius: 0.025rem;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion .accordion-action:hover {
    outline-offset: 4px;
  }
  #landingpage.filter article.accordion .accordion-action:hover h4 {
    text-decoration: underline;
  }
  #landingpage.filter
    article.accordion
    .accordion-action:hover
    .accordion-control {
    background-color: var(--orange-100);
  }
  #landingpage.filter
    article.accordion
    .accordion-action:hover
    .accordion-control::before {
    background-image: var(--white-plus);
  }
}
#landingpage.filter article.accordion .expander {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-in-out;
}
#landingpage.filter article.accordion .expander .expander-overflow {
  overflow: hidden;
}
#landingpage.filter article.accordion.is-expanded {
  background-color: var(--background-orange);
  outline: 2px solid var(--background-orange);
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter article.accordion.is-expanded {
    outline: none;
  }
}
#landingpage.filter article.accordion.is-expanded:hover {
  box-shadow: none;
}
@media only screen and (min-width: 37.5rem) {
  #landingpage.filter
    article.accordion.is-expanded
    .accordion-action:hover
    .accordion-control {
    background-color: var(--white);
  }
  #landingpage.filter
    article.accordion.is-expanded
    .accordion-action:hover
    .accordion-control::before {
    background-image: var(--orange-plus);
    -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
    transform: translate(-50%, -50%) rotateZ(135deg);
  }
}
#landingpage.filter
  article.accordion.is-expanded
  .header
  .header-inner
  .accordion-control::before {
  background-image: var(--orange-plus);
  -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
  transform: translate(-50%, -50%) rotateZ(135deg);
}
#landingpage.filter article.accordion.is-expanded .expander {
  grid-template-rows: 1fr;
}
#landingpage.filter .social-share {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 4rem;
}
#landingpage.filter .filter-flags {
  visibility: hidden;
  display: inline-block;
  position: absolute;
  height: 1px;
  max-height: 1px;
  overflow: hidden;
}
body.testing #landingpage.filter .filter-flags {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
  gap: 0.25rem;
  visibility: visible;
  height: auto;
  max-height: none;
}
body.testing #landingpage.filter .filter-flags > .filters {
  margin: 0 0 0;
  flex-direction: column;
  font-size: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  top: 0;
  z-index: 900;
  color: black;
  background-color: rgba(244, 244, 244, 0.53);
  backdrop-filter: blur(1rem);
  padding: 1rem;
}
body.testing #landingpage.filter .filter-flags > .filters label {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
#menu.index .filter-button {
  position: relative;
  display: flex;
  align-content: center;
  align-items: start;
  padding: 1rem 1rem;
  height: 5.2rem;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-button {
    display: none;
  }
}
#menu.index .filter-button button.show-filters {
  background-color: var(--grey-100);
  min-width: 160px;
  border: 2px solid var(--white);
  color: var(--white);
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.75rem 1rem;
  height: 3.2rem;
  top: 1rem;
  border-radius: 2rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  box-shadow:
    -0.25rem 0.25rem 1rem rgba(28, 32, 38, 0.5),
    -0.05rem 0.15rem 0.21rem rgba(28, 32, 38, 0.2);
}
#menu.index .filter-button button.show-filters:hover,
#menu.index .filter-button button.show-filters:active {
  background-color: var(--grey-100);
  border-color: var(--grey-100);
  outline: 0.25rem solid var(--orange-100);
}
#menu.index .filter-container {
  display: flex;
  background-color: var(--white);
  width: 100%;
  border-radius: 1rem 1rem 0 0;
  opacity: 1;
  box-shadow:
    0 0 1rem transparent,
    0 0 0 transparent;
  position: absolute;
  bottom: 0px;
}
#menu.index .filter-container .filter-container-inner {
  overflow: hidden;
  width: 100%;
  max-height: 0;
  flex-grow: 1;
  flex-shrink: 0;
  transition: 500ms ease-in-out;
}
#menu.index .filter-container.is-open {
  box-shadow:
    0 0 30rem var(--bluegrey-100),
    0 1rem 1.2rem var(--grey-75);
}
#menu.index .filter-container.is-open:after {
  content: "";
  background-color: var(--white);
  height: 100px;
  width: 100%;
  position: absolute;
  bottom: -6rem;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container.is-open:after {
    display: none;
  }
}
#menu.index .filter-container.is-open .filter-container-inner {
  max-height: 95vh;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 60px calc(95vh - 60px - 6rem) 6rem;
}
@supports (max-height: 95svh) {
  #menu.index .filter-container.is-open .filter-container-inner {
    max-height: 95svh;
    grid-template-rows: 60px calc(95svh - 60px - 6rem) 6rem;
  }
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container {
    margin: 0;
    width: auto;
    max-height: none;
    height: auto;
    position: sticky;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    border-radius: none;
    top: 1rem;
    border-radius: 0;
  }
  #menu.index .filter-container .filter-container-inner {
    overflow: visible;
    max-height: none;
    display: block;
  }
  #menu.index .filter-container.is-open {
    box-shadow: none;
  }
  #menu.index .filter-container.is-open .filter-container-inner {
    overflow: visible;
    max-height: none;
    display: block;
  }
}
#menu.index .filter-container .filter-options-header {
  padding: 0.25rem 1rem 0.25rem 1.25rem;
  display: flex;
  justify-content: end;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container .filter-options-header {
    display: none;
  }
}
#menu.index .filter-container .filter-options-header .close-filters {
  padding: 1rem 0 1rem 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
#menu.index .filter-container .filter-options-header .close-filters:active {
  color: var(--orange-100);
}
#menu.index .filter-container .filter-container-body {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.25rem 1.25rem;
  margin-bottom: 0;
  width: 100%;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container .filter-container-body {
    padding: 0;
    overflow: visible;
  }
}
#menu.index .filter-container .filter-container-body .nav-list-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  border-bottom: 2px solid var(--grey-10);
  scrollbar-width: thin;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container .filter-container-body .nav-list-container {
    background-color: var(--orange-10);
    border: 2px solid var(--orange-100);
    border-left-width: 0.5rem;
    border-radius: 0.5rem;
    padding: 1rem;
    overflow: visible;
  }
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-top: 1rem;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  h3 {
  padding-bottom: 0.5rem;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  color: var(--grey-100);
  text-decoration: underline solid currentColor;
  text-underline-offset: 2px;
  width: auto;
  min-height: 3rem;
  border-bottom: 1px solid var(--grey-10);
  align-items: center;
  padding-bottom: 0.5rem;
  padding-top: 0.25rem;
  position: relative;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item
  .icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item
  .icon
  img {
  width: 1.5rem;
  height: 1.5rem;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item
  .label {
  font-size: 1.125rem;
  font-weight: 500;
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item:hover {
  color: var(--hover);
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item.no-matches {
  order: 99;
  text-decoration: none;
  pointer-events: none;
  color: var(--grey-50);
}
#menu.index
  .filter-container
  .filter-container-body
  .nav-list-container
  .nav-list
  .nav-item.no-matches
  img {
  opacity: 0.5;
  filter: grayscale(1);
}
@media only screen and (min-width: 65rem) {
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item {
    min-height: 2.25rem;
    border-bottom: none;
    gap: 0.75rem;
    padding: 0;
    gap: 0.65rem;
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item
    .icon {
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item
    .icon
    img {
    width: 1.5rem;
    height: 1.5rem;
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item
    .label {
    font-size: 1rem;
    font-weight: 500;
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item.on-screen {
    color: var(--orange-100);
    /*
								&:before {
									display: block;
									position: absolute;
									left: -1rem;
									content: '';
									height: 0;
									width: 0;
									border-top: 0.5rem solid transparent;
									border-bottom: 0.5rem solid transparent;
									border-left: 0.5rem solid var(--orange-100);
								}
									*/
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item.on-screen
    .icon {
    background-color: var(--orange-100);
  }
  #menu.index
    .filter-container
    .filter-container-body
    .nav-list-container
    .nav-list
    .nav-item.on-screen
    .icon
    img {
    filter: brightness(100);
    -webkit-filter: brightness(100);
  }
}
#menu.index .filter-container .filter-container-body .search-container {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  align-self: flex-end;
  width: 100%;
  height: 78px;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container .filter-container-body .search-container {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
  }
}
#menu.index .filter-container .filter-options-footer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: start;
  flex: 0 0 6rem;
  padding: 1rem 8rem 0 1.25rem;
  width: 100%;
  overflow: hidden;
}
#menu.index .filter-container .filter-options-footer button.go-back,
#menu.index .filter-container .filter-options-footer a.button {
  display: none;
}
@media only screen and (min-width: 65rem) {
  #menu.index .filter-container .filter-options-footer {
    border: none;
    padding: 0;
    overflow: visible;
  }
  #menu.index .filter-container .filter-options-footer button.go-back,
  #menu.index .filter-container .filter-options-footer a.button {
    width: auto;
    max-width: 100%;
    gap: 0.65rem;
    display: flex;
    text-wrap: nowrap;
  }
}
#menu.index .close-container {
  display: flex;
  justify-content: end;
  grid-column: span 3;
}
@media only screen and (min-width: 65rem) {
  #menu.index .close-container {
    display: none;
  }
}
#menu.index .search-row {
  padding: 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: var(--bluegrey-25);
}
@media only screen and (min-width: 37.5rem) {
  #menu.index .search-row {
    background-color: transparent;
    padding: auto;
  }
}
#menu.index .menu-search {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-grow: 1;
  gap: 0;
  border-radius: 0.5rem;
  margin-top: 0.25rem;
  background-color: transparent;
  padding: 0;
}
#menu.index .menu-search:focus-within {
  outline: 0.25rem solid var(--hover);
  outline-offset: 0;
  border-color: var(--white);
}
#menu.index .menu-search .search-bar-outer {
  width: 100%;
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
#menu.index .menu-search .search-bar {
  width: 100%;
  min-height: 3.125rem;
  flex-grow: 1;
  border: 2px solid var(--white);
  font-size: 1rem;
  font-weight: 500;
  color: var(--grey-100);
  background-color: var(--white);
  border-radius: 0.5rem 0 0 0.5rem;
  padding: 0 3rem 0 1rem;
  font-family:
    VIC,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  border: 2px solid var(--grey-100);
  border-right-width: 0;
}
#menu.index .menu-search .search-bar::placeholder {
  color: var(--grey-50);
}
#menu.index .menu-search .search-bar:focus-visible {
  outline: 0.25rem solid var(--hover);
  outline-offset: 0;
  border-color: var(--white);
}
#menu.index .menu-search .search-clear {
  display: flex;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 1rem;
  font-weight: 500;
  right: 0.35rem;
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  vertical-align: middle;
  text-align: center;
  color: var(--grey-75);
  transition: opacity 0.5s ease;
  cursor: pointer;
  gap: 0.25rem;
  background-color: var(--grey-10);
  border-radius: 0.125rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3MjdfNTkyNDgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+CjxyZWN0IHg9IjAuODIyMjY2IiB5PSIwLjI3MjQ2MSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zNzI3XzU5MjQ4KSI+CjxwYXRoIGQ9Ik03LjIyMjI3IDE5LjI3MjVMNS44MjIyNyAxNy44NzI1TDExLjQyMjMgMTIuMjcyNUw1LjgyMjI3IDYuNjcyNDZMNy4yMjIyNyA1LjI3MjQ2TDEyLjgyMjMgMTAuODcyNUwxOC40MjIzIDUuMjcyNDZMMTkuODIyMyA2LjY3MjQ2TDE0LjIyMjMgMTIuMjcyNUwxOS44MjIzIDE3Ljg3MjVMMTguNDIyMyAxOS4yNzI1TDEyLjgyMjMgMTMuNjcyNUw3LjIyMjI3IDE5LjI3MjVaIiBmaWxsPSIjNTU1ODVDIi8+CjwvZz4KPC9zdmc+Cg==");
  background-position: center;
  background-repeat: no-repeat;
  border: none;
}
#menu.index .menu-search .search-clear:hover {
  color: var(--hover);
  text-decoration: underline;
  text-underline-offset: 2px;
  background-color: var(--grey-25);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3MjdfNTkyNDgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+CjxyZWN0IHg9IjAuODIyMjY2IiB5PSIwLjI3MjQ2MSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zNzI3XzU5MjQ4KSI+CjxwYXRoIGQ9Ik03LjIyMjI3IDE5LjI3MjVMNS44MjIyNyAxNy44NzI1TDExLjQyMjMgMTIuMjcyNUw1LjgyMjI3IDYuNjcyNDZMNy4yMjIyNyA1LjI3MjQ2TDEyLjgyMjMgMTAuODcyNUwxOC40MjIzIDUuMjcyNDZMMTkuODIyMyA2LjY3MjQ2TDE0LjIyMjMgMTIuMjcyNUwxOS44MjIzIDE3Ljg3MjVMMTguNDIyMyAxOS4yNzI1TDEyLjgyMjMgMTMuNjcyNUw3LjIyMjI3IDE5LjI3MjVaIiBmaWxsPSIjMjA4MTc5Ii8+CjwvZz4KPC9zdmc+Cg==");
}
#menu.index .search-bar:not(:placeholder-shown) + .search-clear {
  visibility: visible;
  opacity: 1;
}
#menu.index .search-button {
  display: block;
  min-width: 2rem;
  border: 2px solid var(--grey-100);
  border-radius: 0 0.5rem 0.5rem 0;
  padding: 1rem 1.5rem;
  background-color: var(--grey-100);
  color: var(--white);
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3MDZfMTM3ODUiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzcwNl8xMzc4NSkiPgo8cGF0aCBkPSJNMTkuNTQyNSAyMC41NzdMMTMuMjYxOCAxNC4yOTZDMTIuNzYxOCAxNC43MDg4IDEyLjE4NjggMTUuMDMxOSAxMS41MzY4IDE1LjI2NTNDMTAuODg2OCAxNS40OTg2IDEwLjIxNDQgMTUuNjE1MyA5LjUxOTU1IDE1LjYxNTNDNy44MTAzOCAxNS42MTUzIDYuMzYzODggMTUuMDIzNSA1LjE4MDA1IDEzLjg0QzMuOTk2MjEgMTIuNjU2NSAzLjQwNDMgMTEuMjEwMyAzLjQwNDMgOS41MDE1MkMzLjQwNDMgNy43OTI4NSAzLjk5NjA1IDYuMzQ2MTggNS4xNzk1NSA1LjE2MTUyQzYuMzYzMDUgMy45NzcwMiA3LjgwOTIxIDMuMzg0NzcgOS41MTgwNSAzLjM4NDc3QzExLjIyNjcgMy4zODQ3NyAxMi42NzM0IDMuOTc2NjggMTMuODU4IDUuMTYwNTFDMTUuMDQyNSA2LjM0NDM1IDE1LjYzNDggNy43OTA4NSAxNS42MzQ4IDkuNTAwMDJDMTUuNjM0OCAxMC4yMTQyIDE1LjUxNSAxMC44OTYzIDE1LjI3NTMgMTEuNTQ2M0MxNS4wMzU1IDEyLjE5NjMgMTQuNzE1NSAxMi43NjE2IDE0LjMxNTUgMTMuMjQyM0wyMC41OTYzIDE5LjUyM0wxOS41NDI1IDIwLjU3N1pNOS41MTk1NSAxNC4xMTU1QzEwLjgwOCAxNC4xMTU1IDExLjg5OTQgMTMuNjY4MyAxMi43OTM1IDEyLjc3NEMxMy42ODc5IDExLjg3OTggMTQuMTM1IDEwLjc4ODUgMTQuMTM1IDkuNTAwMDJDMTQuMTM1IDguMjExNTIgMTMuNjg3OSA3LjEyMDE4IDEyLjc5MzUgNi4yMjYwMUMxMS44OTk0IDUuMzMxNjggMTAuODA4IDQuODg0NTIgOS41MTk1NSA0Ljg4NDUyQzguMjMxMDUgNC44ODQ1MiA3LjEzOTcxIDUuMzMxNjggNi4yNDU1NSA2LjIyNjAxQzUuMzUxMjEgNy4xMjAxOCA0LjkwNDA1IDguMjExNTIgNC45MDQwNSA5LjUwMDAyQzQuOTA0MDUgMTAuNzg4NSA1LjM1MTIxIDExLjg3OTggNi4yNDU1NSAxMi43NzRDNy4xMzk3MSAxMy42NjgzIDguMjMxMDUgMTQuMTE1NSA5LjUxOTU1IDE0LjExNTVaIiBmaWxsPSIjRkFGQUZBIi8+CjwvZz4KPC9zdmc+Cg==");
  background-size: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
}
#menu.index .search-button:hover {
  background-color: var(--hover);
  border-color: var(--hover);
}
#menu.index .match-count {
  margin: 0;
}
@media only screen and (min-width: 37.5rem) {
  #menu.index .match-count {
    display: none;
  }
}
.sticky-top {
  flex-direction: column;
}
.match-count {
  text-align: center;
  background-color: var(--bluegrey-25);
  color: var(--bluegrey-100);
  font-size: 0.85rem;
  padding: 0.5rem 1.5rem;
  margin-bottom: 1.25rem;
  font-weight: 500;
  border-radius: 0.25rem;
}
@media only screen and (min-width: 37.5rem) {
  .match-count {
    background-color: var(--bluegrey-10);
    color: var(--bluegrey-75);
  }
}
.match-count .visible-matches {
  font-weight: 700;
}
.match-count .match-count.with-clear {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem 0.75rem 0.75rem;
  border-radius: 0.5rem;
  gap: 0.5rem;
  color: var(--grey-75);
  border-radius: 0 0 0.5rem 0.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .match-count .match-count.with-clear {
    flex-direction: row;
    gap: 1rem;
    border-radius: 0.25rem;
    padding: 0.75rem 1rem;
  }
}
.match-count .match-count.with-clear .match-count-text {
  display: block;
  white-space: nowrap;
  padding: 0;
}
@media only screen and (min-width: 37.5rem) {
  .match-count .match-count.with-clear .match-count-text {
    padding: 0;
  }
}
.match-count .match-count.with-clear .clear-button {
  display: none;
}
@media only screen and (min-width: 37.5rem) {
  .match-count .match-count.with-clear .clear-button {
    display: block;
  }
  .match-count .match-count.with-clear .clear-button button.clear-all {
    background-color: var(--white);
    border: 2px solid var(--grey-25);
    color: var(--grey-75);
    padding: 0.25rem 24px 0.25rem 0.5rem;
    white-space: nowrap;
    font-size: 0.86rem;
    border-radius: 0.25rem;
    width: 112px;
    font-family:
      VIC,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Helvetica,
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol";
    font-weight: 500;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3MjdfNTkyNDgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+CjxyZWN0IHg9IjAuODIyMjY2IiB5PSIwLjI3MjQ2MSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zNzI3XzU5MjQ4KSI+CjxwYXRoIGQ9Ik03LjIyMjI3IDE5LjI3MjVMNS44MjIyNyAxNy44NzI1TDExLjQyMjMgMTIuMjcyNUw1LjgyMjI3IDYuNjcyNDZMNy4yMjIyNyA1LjI3MjQ2TDEyLjgyMjMgMTAuODcyNUwxOC40MjIzIDUuMjcyNDZMMTkuODIyMyA2LjY3MjQ2TDE0LjIyMjMgMTIuMjcyNUwxOS44MjIzIDE3Ljg3MjVMMTguNDIyMyAxOS4yNzI1TDEyLjgyMjMgMTMuNjcyNUw3LjIyMjI3IDE5LjI3MjVaIiBmaWxsPSIjNTU1ODVDIi8+CjwvZz4KPC9zdmc+Cg==");
    background-position: 84px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    cursor: pointer;
  }
  .match-count .match-count.with-clear .clear-button button.clear-all:hover {
    color: var(--hover);
    text-decoration: underline;
    text-underline-offset: 2px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3MjdfNTkyNDgiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSI+CjxyZWN0IHg9IjAuODIyMjY2IiB5PSIwLjI3MjQ2MSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zNzI3XzU5MjQ4KSI+CjxwYXRoIGQ9Ik03LjIyMjI3IDE5LjI3MjVMNS44MjIyNyAxNy44NzI1TDExLjQyMjMgMTIuMjcyNUw1LjgyMjI3IDYuNjcyNDZMNy4yMjIyNyA1LjI3MjQ2TDEyLjgyMjMgMTAuODcyNUwxOC40MjIzIDUuMjcyNDZMMTkuODIyMyA2LjY3MjQ2TDE0LjIyMjMgMTIuMjcyNUwxOS44MjIzIDE3Ljg3MjVMMTguNDIyMyAxOS4yNzI1TDEyLjgyMjMgMTMuNjcyNUw3LjIyMjI3IDE5LjI3MjVaIiBmaWxsPSIjMjA4MTc5Ii8+CjwvZz4KPC9zdmc+Cg==");
    text-decoration: none;
    border-color: var(--hover);
  }
}
button.button {
  background-color: var(--orange-100);
  color: var(--white);
  border: 2px solid var(--orange-100);
  border-radius: 0.25rem;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.8rem 1.5rem;
}
button.button.secondary {
  background-color: transparent;
  border-color: var(--orange-100);
  color: var(--orange-100);
}
button.button:hover {
  background-color: var(--orange-25);
  color: var(--orange-100);
  border-color: var(--orange-25);
  cursor: pointer;
}
span.no-matches {
  color: var(--grey-100);
  padding: 0.2rem 1rem;
  text-align: center;
  border-radius: 0.2rem;
  margin: 1rem auto;
  max-width: 100%;
  background-color: var(--background-grey);
  display: flex;
  flex-direction: column;
  border-radius: var(--radius);
  padding: 3rem 2rem 2rem;
  text-wrap: balance;
}
span.no-matches.is-hidden {
  display: none;
}
.accordion-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  gap: 3rem;
}
.accordion-container .accordion-group {
  padding-top: 0.5rem;
  gap: 1rem;
  display: flex;
  flex-direction: column;
}
.accordion-container .accordion-group.no-matches {
  order: 99;
  pointer-events: none;
  visibility: hidden;
  display: none;
}
.accordion-container .accordion-category {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  gap: 2rem;
}
.accordion-container .accordion-group-heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1rem;
  padding-bottom: 0.75rem;
  background: var(--white);
  border-top: 0.25rem var(--grey-100) solid;
}
.accordion-container .accordion-group-heading button.matches {
  background-color: var(--grey-100);
  border: 2px solid var(--grey-100);
  color: var(--white);
  display: flex;
  gap: 0.75rem;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 500;
  font-family:
    VIC,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  cursor: pointer;
  width: auto;
  justify-content: center;
}
.accordion-container
  .accordion-group-heading
  button.matches
  .accordion-control {
  display: block;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 1.5rem;
  background-color: transparent;
  position: relative;
  border-radius: 0;
}
.accordion-container
  .accordion-group-heading
  button.matches
  .accordion-control::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.25rem;
  height: 1.25rem;
  background-image: var(--white-plus);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
  transform: translate(-50%, -50%) rotateZ(0deg);
  transition: transform 0.35s ease-in-out;
  will-change: transform;
}
.accordion-container .accordion-group-heading button.matches:hover {
  background-color: var(--grey-75);
  border-color: var(--grey-75);
}
.accordion-container .accordion-group-heading button.matches.is-expanded {
  background-color: var(--white);
  color: var(--grey-100);
}
.accordion-container
  .accordion-group-heading
  button.matches.is-expanded
  .accordion-control:before {
  background-image: var(--bluegrey-plus);
  -webkit-transform: translate(-50%, -50%) rotateZ(135deg);
  transform: translate(-50%, -50%) rotateZ(135deg);
}
.accordion-container .accordion-group-heading button.matches.is-expanded:hover {
  background-color: var(--grey-10);
}
.accordion-container .accordion-group-heading h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.accordion-container .accordion-group-heading h2 img {
  height: 2.5rem;
  width: 2.5rem;
}
@media only screen and (min-width: 37.5rem) {
  .accordion-container .accordion-group-heading {
    flex-direction: row;
  }
}
.accordion-wrapper {
  display: flex;
}
.card {
  grid-column: span 1;
  height: 1fr;
  position: relative;
  /* Initially hidden state */
}
.card.is-hidden {
  display: none;
}
.navigator-thumbinator {
  background-color: var(--white);
  padding: 0 0 2rem 0;
}
.navigator-thumbinator .thumbinator-form {
  width: 100%;
  margin: 0 auto;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: var(--page-margin) !important;
  padding-right: var(--page-margin) !important;
  max-width: var(--container-width);
  background-color: transparent !important;
  color: var(--bluegrey-100);
}
.navigator-thumbinator .thumbinator-form p strong {
  /* Mobile/H4 */
  font-size: 1.25rem;
  line-height: 1.3;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  letter-spacing: var(--letter-spacing);
}
.navigator-thumbinator .thumbinator-form textarea {
  background-color: var(--white);
}
.navigator-thumbinator .thumbinator-form ._actions {
  margin-top: 1.25rem;
  padding-bottom: 4rem;
}
.navigator-thumbinator .thumbinator-form .ctrl-holder {
  margin: 0 !important;
  padding: 2rem 0 0 !important;
}
@media only screen and (min-width: 58rem) {
  .navigator-thumbinator .thumbinator-form .ctrl-holder {
    max-width: 40rem;
  }
}
@media only screen and (min-width: 37.5rem) {
  .navigator-thumbinator
    .thumbinator-form
    .ctrl-holder
    ul.options.square
    li.option {
    height: 140px;
    width: 140px;
    max-height: 140px;
    max-width: 140px;
    padding-bottom: 0;
  }
}
.navigator-thumbinator
  .thumbinator-form
  .ctrl-holder
  ul.options.square
  li.option
  label {
  background-color: var(--white);
  padding: 52% 0 0;
}
.navigator-thumbinator
  .thumbinator-form
  .ctrl-holder
  ul.options.square
  li.option
  label::before {
  bottom: 46%;
}
@media only screen and (min-width: 37.5rem) {
  .navigator-thumbinator
    .thumbinator-form
    .ctrl-holder
    ul.options.square
    li.option
    label {
    padding: 52% 0 0;
  }
  .navigator-thumbinator
    .thumbinator-form
    .ctrl-holder
    ul.options.square
    li.option
    label::before {
    bottom: 42%;
  }
}