:root {
  --ai-legislator-color-default: #E8CA23;
  --ai-legislator-color-default-soft: #FEF6E7;
  --ai-legislator-color-independent: #E8CA23;
  --ai-legislator-color-independent-soft: #FEF6E7;
  --ai-legislator-color-democratic: #0d6efd;
  --ai-legislator-color-democratic-soft: #E7F2FE;
  --ai-legislator-color-republican: #dc3545;
  --ai-legislator-color-republican-soft: #FEE9E7;
  --ai-legislator-color-other: #B5B5B5;
  --ai-legislator-color-other-soft: #F2F2F2;
}

.ai-legislator-lookup-canvas {
  min-width: 600px;
}
@media screen and (max-width: 990px) {
  .ai-legislator-lookup-canvas {
    min-width: auto;
  }
}
.ai-legislator-lookup-canvas a {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ai-legislator-lookup-canvas .btn-close:after,
.ai-legislator-lookup-canvas .btn-link:after {
  display: none;
}
.ai-legislator-lookup-card {
  box-shadow: var(--bs-box-shadow-sm);
  transition: all 0.2s ease-in-out;
}
.ai-legislator-lookup-card:hover {
  box-shadow: var(--bs-box-shadow);
}
.ai-legislator-lookup-card .btn:after {
  content: "";
}
.ai-legislator-lookup-thumb {
  width: 64px;
  height: 86px;
}
.ai-legislator-lookup-thumb--lg {
  width: 96px;
  height: 128px;
}
.ai-legislator-lookup-no-results img {
  width: 200px;
  height: auto;
}

.badge.ai-legislator-lookup__party-name-badge {
  background-color: var(--ai-legislator-color-default-soft);
  color: var(--ai-legislator-color-default);
}
.badge.ai-legislator-lookup__party-name-badge.ai-legislator-lookup__party-name-badge--democratic {
  background-color: var(--ai-legislator-color-democratic-soft);
  color: var(--ai-legislator-color-democratic);
}
.badge.ai-legislator-lookup__party-name-badge.ai-legislator-lookup__party-name-badge--republican {
  background-color: var(--ai-legislator-color-republican-soft);
  color: var(--ai-legislator-color-republican);
}

.ai-loading-overlay {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.ai-loading-overlay__placeholder {
  height: 100%;
}

.ai-legislator-lookup-chamber-btn {
  border: none;
  background: transparent;
  padding: 0;
}