/*!
 * Bootstrap  v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.rpw-distribution-map {
  overflow: hidden;
  background: radial-gradient(circle, #d6f4ff 0%, #d2f1fc 20%, #c8e8f5 37%, #b7dae8 52%, #9fc7d7 67%, #7fadc1 81%, #5a8ea6 94%, #488099 100%);
}

.rpw-distribution-map .st0 {
  fill: #f4fdff;
}

.rpw-distribution-map .st1 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fff;
  stroke: #ccc;
  stroke-linejoin: round;
}

.rpw-distribution-map .st2 {
  fill: #fff;
  stroke: #000;
  stroke-linecap: round;
}

.rpw-distribution-map .st3 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ff0;
  stroke: #000;
  stroke-linecap: round;
}

.rpw-distribution-map .st4 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #c400f5;
  stroke: #000;
  stroke-linecap: round;
}

.rpw-distribution-map .st5 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #0a5821;
  stroke: #ccc;
  stroke-linejoin: round;
}

.rpw-distribution-map .st6 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #007436;
  stroke: #007436;
  stroke-linejoin: round;
}

.rpw-distribution-map .st7 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #fe9a2e;
  stroke: #ccc;
  stroke-linejoin: round;
}

.rpw-distribution-map .st8 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #f47d20;
  stroke: #231f20;
  stroke-width: .5;
  stroke-miterlimit: 8;
}

.rpw-distribution-map .st9 {
  opacity: .7;
}

.rpw-distribution-map .st10 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #a1adb6;
  stroke: #a1adb6;
  stroke-linejoin: round;
}

.rpw-distribution-map .st11 {
  fill-rule: evenodd;
  clip-rule: evenodd;
  fill: #ee7601;
  stroke: #ee7601;
  stroke-linejoin: round;
}

@media (max-width: 480px) {
  .rpw-distribution-map .rpw-lazy-load {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

@media (max-width: 480px) {
  .rpw-distribution-map .rpw-lazy-load:not(.loaded) {
    opacity: 1 !important;
    visibility: visible !important;
  }
}

.rpw-keybar {
  display: flex;
  flex-wrap: nowrap;
  gap: 4rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  align-items: center;
  background-color: #fff;
  z-index: 9;
  position: relative;
}

@media (max-width: 480px) {
  .rpw-keybar {
    flex-direction: column;
    gap: 0;
    font-size: 80%;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}

.rpw-keybar .rpw-distribution-map-title {
  width: 34.5%;
  background-color: #52ae32;
  padding: 2rem 4rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
}

@media (max-width: 991px) {
  .rpw-keybar .rpw-distribution-map-title {
    width: 34.5%;
    background-color: #52ae32;
    padding: 2rem;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
  }
}

@media (max-width: 480px) {
  .rpw-keybar .rpw-distribution-map-title {
    width: 100%;
    padding: 1rem;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}

.rpw-keybar .rpw-distribution-key {
  flex: 1;
  padding: 2rem;
}

@media (max-width: 480px) {
  .rpw-keybar .rpw-distribution-key {
    flex: 1;
    padding: 1rem;
    width: 100%;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
}

.rpw-keybar .rpw-distribution-key .circle {
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  display: inline-block;
}

.rpw-keybar .rpw-distribution-key .circle.present {
  background-color: #ee7601;
}

.rpw-keybar .rpw-distribution-key .circle.transient {
  background-color: #007436;
  
  margin-left: 2rem;
}

[dir="rtl"] .rpw-keybar .rpw-distribution-key .circle.transient {
  margin-left: 0;
  
  margin-right: 2rem;
}

.rpw-distribution-map-title .rpw-icon-title {
  font-size: 1.4rem;
  color: #fff;
  margin-bottom: 0;
}

svg .loaded.rpw-map-ll-01 {
  transition: opacity 1s ease-in .5s !important;
}

svg .loaded.rpw-map-ll-02 {
  transition: opacity 1s ease-in 1s !important;
}

svg .loaded.rpw-map-ll-03 {
  transition: opacity 1s ease-in 1.25s !important;
}

.rpw-width svg {
  position: relative;
  
  left: 50%;
  width: 100vw;
  
  transform: translateX(-50%) scale(1);
  
  transform-origin: 72% center;
}

[dir="rtl"] .rpw-width svg {
  left: auto;
  
  right: 50%;
  
  transform: translateX(50%) scale(1);
  
  transform-origin: 28% center;
}

@supports (-webkit-touch-callout: none) {
  .rpw-distribution-map .rpw-lazy-load {
    opacity: 1 !important;
    visibility: visible;
  }

  .rpw-width svg {
    
    transform: translateX(-50%) scale(1.3);
    
    transform-origin: 72% center;
  }

  [dir="rtl"] .rpw-width svg {
    
    transform: translateX(50%) scale(1.3);
    
    transform-origin: 28% center;
  }
}