/* [project]/apps/web/src/app/(routes)/(cms)/per-diem-calculator/PerDiemMap.css [app-client] (css) */
.state-block__list-container {
  --line-color: #babab9;
  border: 1px solid var(--line-color);
  border-radius: 8px;
  overflow: hidden;
}

.state-block__list {
  --gap: 2em;
  --column-gap: 36px;
  --row-gap: 8px;
  --line-thickness: 1px;
  --column-line-offset: calc(var(--column-gap) / 2);
  --row-line-offset: calc(var(--row-gap) / 2);
}

.state-block__list-item .text-link-22:hover {
  text-decoration: underline;
}

.state-block__list-item:before, .state-block__list-item:after {
  content: "";
  background-color: var(--line-color);
  z-index: 1;
  position: absolute;
}

.state-block__list-item:after {
  inline-size: 100vw;
  block-size: var(--line-thickness);
  inset-block-start: calc(var(--row-line-offset) * -1);
  inset-inline-start: -16px;
}

.state-block__list-item:before {
  inline-size: var(--line-thickness);
  block-size: 100vh;
  inset-block-start: 0;
  inset-inline-start: calc(var(--column-line-offset) * -1);
}

@media screen and (max-width: 767px) {
  .state-block__list-container {
    border-left: none;
  }

  .state-block__list {
    --column-gap: 16px;
  }

  .state-block__list-item:after {
    inset-inline-start: -8px;
  }
}

#states a[title="Vermont"]:hover text, #states a[title="Massachusetts"]:hover text, #states a[title="New Hampshire"]:hover text, #states a[title="Rhode Island"]:hover text, #states a[title="Connecticut"]:hover text, #states a[title="New Jersey"]:hover text, #states a[title="Delaware"]:hover text, #states a[title="Maryland"]:hover text, #states a[title="District of Columbia"]:hover text {
  fill: #425957;
  font-weight: 700;
}

#states a:hover path {
  fill: #425957;
}

#states a:hover text {
  fill: #fff;
}

#states a path, #states a text {
  cursor: pointer;
  fill: #81ac8b;
  transition: fill .5s;
}

#states a {
  text-decoration: none;
}

#states a text {
  text-anchor: middle;
  cursor: pointer;
  fill: #222;
  font-size: 12px;
}

#map {
  scale: 1.25;
}

.search-generating__loader {
  animation: 1s linear infinite rotation;
}

@keyframes rotation {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

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