.country-popup.hidden {
  display: none;
}

.country-popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.country-popup__overlay {
  position: absolute;
  inset: 0;
  background: rgb(0 0 0 / 45%);
}

.country-popup__dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(90vw, 520px);
  transform: translate(-50%, -50%);
  background: rgb(var(--background));
  color: rgb(var(--text-color));
  border-radius: var(--rounded-lg);
  padding: 2rem;
  box-shadow: 0 20px 60px rgb(0 0 0 / 20%);
}

.country-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
}