/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
/* TYPOGRAPHY */
/* Google Fonts */
.locator-popup {
  font-family: "Jokker", -apple-system, "Almarai", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.locator-popup .btn-with-icon::before {
  -webkit-mask-image: url("../../images/icons/arrow-right.svg");
          mask-image: url("../../images/icons/arrow-right.svg");
}
[dir=rtl] .locator-popup {
  text-align: right;
}
[dir=rtl] .locator-popup .btn-with-icon::before {
  rotate: 180deg !important;
}

.locator-popup__icon {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background: url(../../logo.svg) no-repeat center/cover;
}

.locator-popup[data-type=atm] .locator-popup__icon {
  background: url("../../images/icons/map-pin.svg") no-repeat center/cover;
}

.locator-popup__brand {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #575757;
}
@media (max-width: 90rem) {
  .locator-popup__brand {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}
@media (max-width: 36rem) {
  .locator-popup__brand {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.locator-capability-icon {
  width: 24px;
  height: 24px;
  background-color: #1A1C1E;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.locator-capability-icon--accessible {
  -webkit-mask-image: url("../../images/icons/accessibility.svg");
          mask-image: url("../../images/icons/accessibility.svg");
}
.locator-capability-icon--branch {
  -webkit-mask-image: url("../../images/icons/bank.svg");
          mask-image: url("../../images/icons/bank.svg");
}
.locator-capability-icon--atm {
  -webkit-mask-image: url("../../images/icons/atm.svg");
          mask-image: url("../../images/icons/atm.svg");
}

.locator-popup__divider {
  border: none;
  border-top: 1px solid #E8E2DB;
}

.locator-map-popup .leaflet-popup-content-wrapper {
  padding: 1.5rem;
  border-radius: 1rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  border: 1px solid #E8E2DB;
}
.locator-map-popup .leaflet-popup-content {
  margin: 0;
  width: auto;
}
.locator-map-popup .leaflet-popup-tip-container {
  display: none;
}

.locator-map-popup-loading {
  min-width: 340px;
  min-height: 80px;
}

.locator-map-popup-error {
  color: #E54C34;
}