.afc-franchise-map {
    width: 100%;
    max-width: 100%;
    line-height: 0;
    min-height: 1px;
  }

  .afc-franchise-map svg {
    display: block;
    width: 100%;
    height: auto;
    shape-rendering: geometricPrecision;
    fill: var(--afc-map-default-fill, #1a1a1a);
    stroke: var(--afc-map-stroke, #3a3a3a);
    stroke-width: 1;
  }

  .afc-franchise-map .afc-state {
    fill: var(--afc-map-default-fill, #1a1a1a);
    stroke: var(--afc-map-stroke, #3a3a3a);
    stroke-width: 1;
    vector-effect: non-scaling-stroke;
    transition: fill 180ms ease;
  }

  .afc-franchise-map .afc-state.is-active {
    fill: var(--afc-map-active-fill, #f5d318);
  }