.popup_container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11000000009; }
  .popup_container .overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background-color: rgba(0, 0, 0, .2);
    backdrop-filter: blur(1.2px); }
  .popup_container .overlay_no_blur {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11; }
  .popup_container .popup {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 12; }
    .popup_container .popup .icon_close_popup::before {
      width: 21px;
      transform: translateY(-1px);
      height: 21px;
      background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 5L17 17M17 5L5 17' stroke='black'/%3E%3C/svg%3E%0A"); }
    .popup_container .popup .icon_close_popup {
      position: absolute;
      top: 32px;
      right: 32px;
      padding: 8px 12px;
      padding-bottom: 7px;
      display: inline-block;
      background-color: var(--light_secondary);
      border-radius: 4px;
      cursor: pointer; }
  .popup_container.hidden {
    display: none; }

.popup {
  display: inline-block;
  position: relative;
  background-color: var(--light_primary);
  max-width: 800px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto; }
  @media only screen and (min-width: 817px) {
  .popup {
    border-radius: 12px; } }
  @media only screen and (max-width: 816px) {
  .popup {
    border-radius: 0; } }

.filter_by_churches_popup {
  max-width: 1232px; }
  .filter_by_churches_popup .apply_filters {
    padding: 8px 12px;
    display: inline-block;
    color: var(--d_text_primary);
    background-color: var(--accent_primary);
    border-radius: 8px;
    cursor: pointer; }
  .filter_by_churches_popup .popup_content {
    padding: 32px; }