/* ── استوری اینستاگرامی ── */

/* فشرده‌سازی فاصله هدر تا محتوا */
body:has(.tr-header-v5) main.max-w-7xl {
  padding-top: 0.35rem !important;
  padding-bottom: 1rem;
}

body:has(.tr-header-v5) main .top-meta-bar-compact {
  margin: 0 0 2px !important;
  min-height: 0 !important;
  padding: 0 !important;
}

body:has(.tr-header-v5) main .top-meta-live-link {
  margin: 0;
  padding: 3px 8px;
  font-size: 10px;
}

.stories-strip {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px auto 10px;
  padding: 0 4px;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  line-height: normal;
  min-height: 96px;
  overflow: visible;
}

.stories-strip-track {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  margin: 0;
  padding: 4px 8px 2px;
  border: 0;
  background: transparent;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.stories-strip-track::-webkit-scrollbar {
  display: none;
}

/* دکمه — بدون استایل پیش‌فرض مرورگر */
button.ig-story {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 88px;
  -webkit-tap-highlight-color: transparent;
}

button.ig-story:focus-visible {
  outline: 2px solid #0095f6;
  outline-offset: 3px;
  border-radius: 50%;
}

/*
  الگوی دقیق اینستاگرام:
  حلقه گرادیان (padding) → حاشیه سفید روی عکس → عکس گرد
*/
.ig-story__ring {
  box-sizing: border-box;
  width: 66px;
  height: 66px;
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  display: block;
}

button.ig-story.is-seen .ig-story__ring {
  background: #dbdbdb;
}

.ig-story__avatar {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2.5px solid #ffffff;
  object-fit: cover;
  object-position: center;
  background: #efefef;
  margin: 0;
  padding: 0;
}

.ig-story__fallback {
  box-sizing: border-box;
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2.5px solid #ffffff;
  background: #262626;
  color: #fff;
  overflow: hidden;
}

.ig-story__fallback svg {
  width: 28px;
  height: 28px;
  display: block;
}

.ig-story__label {
  display: block;
  margin-top: 6px;
  max-width: 88px;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
  color: #0f172a;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ig-story__fallback--aqi {
  color: #fff;
}

.ig-story__aqi-num {
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 1.05rem;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.ig-story--aqi {
  width: 100px;
}

.ig-story--aqi .ig-story__label {
  max-width: 100px;
  white-space: normal;
  font-size: 10.5px;
  line-height: 1.2;
}


/* === گیج رسمی air.tehran.ir === */
.story-aqi {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  padding: 4rem 0.5rem 4.2rem;
  box-sizing: border-box;
  overflow: visible;
  color: #fff;
}
.story-aqi-sky {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, #5eb9e8 0%, #7cc9f0 45%, #9fd6f6 100%);
}
.story-aqi-fit {
  position: relative;
  z-index: 1;
  width: 520px;
  height: 420px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: visible;
}
.story-aqi-stage {
  position: relative;
  z-index: 1;
  width: 285px;
  height: 285px;
  margin: 0;
  flex: 0 0 auto;
}
.story-aqi .info-air-quality {
  position: relative;
  z-index: 1;
  width: 285px;
  height: 285px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible;
}
.story-aqi .circle-air-quality {
  margin: 0 auto;
  overflow: visible;
}
.story-aqi .circle-internal-air h3,
.story-aqi .circle-internal-air h6,
.story-aqi .air-e p {
  font-family: 'Vazirmatn', Tahoma, sans-serif;
}
.story-aqi .air-e:before {
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.story-aqi .status-hazardous .e01:after,
.story-aqi .status-very-unhealthy .e02:after,
.story-aqi .status-unhealthy .e03:after,
.story-aqi .circle-air-quality.status-sensitive .e04:after,
.story-aqi .status-acceptable .e05:after,
.story-aqi .status-clean .e06:after {
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.story-aqi-nav {
  position: absolute;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2rem;
  height: 2.2rem;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 1;
  padding: 0;
  cursor: pointer;
  opacity: 0.95;
  -webkit-tap-highlight-color: transparent;
  pointer-events: auto;
}
.story-aqi-nav--prev { left: 32px; }
.story-aqi-nav--next { right: 32px; }
.story-aqi-nav:active { opacity: 0.6; }
.story-aqi-dots {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  margin-top: 0.35rem;
}
.story-aqi-dots span {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
}
.story-aqi-dots span.is-active {
  background: #144D6C;
  box-shadow: 0 0 0 2px #ffffff;
}
.story-viewer-map.is-aqi {
  background: #7cc9f0;
  overflow: visible;
}

.story-viewer-body:has(.story-viewer-map.is-aqi) {
  overflow: visible;
}

.story-aqi-status {
  position: relative;
  z-index: 2;
  display: none;
  margin-top: 0.15rem;
  padding: 0.45rem 1rem;
  border-radius: 999px;
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  color: #fff;
  background: rgba(22, 58, 95, 0.88);
  text-align: center;
  max-width: 90vw;
  line-height: 1.35;
  box-shadow: 0 4px 14px rgba(10, 40, 70, 0.22);
}
.story-aqi-status.status-clean { background: #6fa81f; }
.story-aqi-status.status-acceptable { background: #c9a600; color: #1a1a1a; }
.story-aqi-status.status-sensitive { background: #e67a00; }
.story-aqi-status.status-unhealthy { background: #c62828; }
.story-aqi-status.status-very-unhealthy { background: #7b1fa2; }
.story-aqi-status.status-hazardous { background: #6d0000; }

.story-viewer.is-aqi-story .story-live-badge {
  display: none !important;
}

/*
 * موبایل: برچسب‌های دور حلقه حذف می‌شوند (شلوغ بودند)،
 * گیج دسکتاپ scale می‌شود، وضعیت در یک بج تمیز زیر گیج می‌آید.
 */
@media (max-width: 640px) {
  .story-aqi {
    padding: 4rem 0 4.2rem;
    gap: 0.65rem;
    overflow: hidden;
  }

  .story-aqi-fit {
    --aqi-s: min(0.78, (100vw - 28px) / 340);
    width: calc(340px * var(--aqi-s));
    height: calc(320px * var(--aqi-s));
    max-width: none;
  }

  .story-aqi-stage {
    width: 285px;
    height: 285px;
    transform: scale(var(--aqi-s));
    transform-origin: center center;
  }

  .story-aqi .info-air-quality {
    width: 285px;
    height: 285px;
  }

  /* برچسب‌های روی حلقه را مخفی کن تا هم‌پوشانی نماند */
  .story-aqi .air-e p {
    display: none !important;
  }

  /* قطعه‌ها در اندازه دسکتاپ بمانند (scale کل استیج کافی است) */
  .story-aqi .circle-air-quality {
    width: 285px !important;
    height: 285px !important;
  }
  .story-aqi .circle-air-quality:before {
    width: 380px !important;
    height: 380px !important;
  }
  .story-aqi .circle-internal-air {
    width: 215px !important;
    height: 215px !important;
  }
  .story-aqi .circle-internal-air h3 {
    font-size: 48px !important;
    margin: 0 0 14px !important;
  }
  .story-aqi .circle-internal-air h6 {
    font-size: 15px !important;
    line-height: 1.2 !important;
  }

  .story-aqi .air-e:before {
    background-size: 100% 100% !important;
  }

  .story-aqi-status {
    display: inline-block;
  }

  .story-aqi-nav {
    width: 2.1rem;
    height: 2.1rem;
    font-size: 1.6rem;
  }
  .story-aqi-nav--prev { left: 28px; }
  .story-aqi-nav--next { right: 28px; }

  .story-aqi-dots span {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 380px) {
  .story-aqi-fit {
    --aqi-s: min(0.72, (100vw - 20px) / 340);
  }
}

.owl-air-quality.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
    width: 16px;
    height: 16px;
    margin: 0 4px;
}

.owl-air-quality.owl-theme .owl-dots .owl-dot.active span, .owl-air-quality.owl-theme .owl-dots .owl-dot:hover span {
    background: #144D6C;
    border: 2px solid #fff;
}


.circle-air-quality {
    width: 285px;
    height: 285px;
    position: relative;
}
.circle-air-quality:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 380px;
    height: 380px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzY2IiBoZWlnaHQ9IjMzMCIgdmlld0JveD0iMCAwIDM2NiAzMzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04NC42MzE0IDMyNS4zMTJDODEuNDkxMSAzMjkuODU1IDc1LjI0MyAzMzEuMDEzIDcwLjg3ODIgMzI3LjYzQzQyLjg2MDggMzA1LjkxIDIxLjY5MzYgMjc2LjQ2NyAxMC4wNTY3IDI0Mi44M0MtMi42NzIzMiAyMDYuMDM2IC0zLjMzNDY2IDE2Ni4xNCA4LjE2NTk2IDEyOC45NDRDMTkuNjY2NiA5MS43NDc0IDQyLjczMDcgNTkuMTg4MSA3NC4wMDU3IDM1Ljk5OTJDMTA1LjI4MSAxMi44MTAzIDE0My4xMzYgMC4yMDAzMSAxODIuMDcgMC4wMDIzNjUxNEMyMjEuMDAzIC0wLjE5NTU4IDI1OC45ODUgMTIuMDI4OCAyOTAuNDk0IDM0Ljg5ODVDMzIyLjAwMyA1Ny43NjgzIDM0NS4zOTcgOTAuMDkxMyAzNTcuMjc1IDEyNy4xNjlDMzY5LjE1NCAxNjQuMjQ3IDM2OC44OTcgMjA0LjE0NiAzNTYuNTQzIDI0MS4wNjhDMzQ1LjI0OCAyNzQuODIyIDMyNC4zODIgMzA0LjQ3OSAyOTYuNTg3IDMyNi40ODJDMjkyLjI1NiAzMjkuOTEgMjg1Ljk5NyAzMjguODE1IDI4Mi44MTEgMzI0LjMwNEwyNjkuNjE1IDMwNS42MjNDMjY2LjQyOSAzMDEuMTEyIDI2Ny41MjkgMjk0Ljg5OSAyNzEuODAxIDI5MS4zOTlDMjkyLjE3NCAyNzQuNzEgMzA3LjQ4NyAyNTIuNTY3IDMxNS44ODcgMjI3LjQ2NUMzMjUuMzQ3IDE5OS4xOTIgMzI1LjU0MyAxNjguNjQgMzE2LjQ0OCAxNDAuMjQ5QzMwNy4zNTIgMTExLjg1NyAyODkuNDM5IDg3LjEwNjQgMjY1LjMxMSA2OS41OTQ0QzI0MS4xODQgNTIuMDgyNCAyMTIuMSA0Mi43MjE4IDE4Mi4yODggNDIuODczNEMxNTIuNDc1IDQzLjAyNDkgMTIzLjQ4OCA1Mi42ODA4IDk5LjUzOTkgNzAuNDM3MkM3NS41OTE3IDg4LjE5MzYgNTcuOTMwOCAxMTMuMTI1IDQ5LjEyNDUgMTQxLjYwOEM0MC4zMTgxIDE3MC4wOSA0MC44MjUzIDIwMC42MzkgNTAuNTcyMyAyMjguODEzQzU5LjIyNjUgMjUzLjgyOSA3NC43NjQzIDI3NS44MTUgOTUuMzA1NSAyOTIuMjk2Qzk5LjYxMzIgMjk1Ljc1MyAxMDAuNzc3IDMwMS45NTQgOTcuNjM2MyAzMDYuNDk3TDg0LjYzMTQgMzI1LjMxMloiIGZpbGw9IiNGQkY2RjYiLz4KPC9zdmc+Cgo=');
    /* border-radius: 50%; */
    z-index: -1;
    background-repeat: no-repeat;
    background-size: 100%;
}

.info-air-quality {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.circle-outside-air {
    background: linear-gradient(180deg, #196B99 0%, #A2C3D6 33%, #85B0C9 64.5%, #096091 100%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.circle-internal-air {
    position: absolute;
    width: 215px;
    height: 215px;
    background: linear-gradient(180deg, #029CD6 0%, #103043 100%);
    box-shadow: 0px 11px 11px rgba(0, 0, 0, 0.25);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    opacity: 1;
}

    .circle-internal-air h3 {
        color: #fff;
        font-size: 50px;
        margin: 0 0 16px;
        line-height: normal;
    }

    .circle-internal-air h6 {
        margin: 0;
        font-size: 18px;
        color: #fff;
        line-height: 0;
    }

.air-e {
    /* position: relative; */
    /* width: 46px; */
    /* height: 119px; */
}

    .air-e.e01:before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODIiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgODIgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNzguNjY5MiAzLjQxNzE2QzgwLjMxMzMgMy42MjIyNyA4MS40ODIzIDUuMTIzIDgxLjI0OTIgNi43NjMzOEM3NC45NzQ5IDUwLjkxOSA1Mi4xNjU4IDkxLjA1MTkgMTcuNDM5NCAxMTkuMDM3QzE2LjE0OTMgMTIwLjA3NyAxNC4yNjE3IDExOS44NCAxMy4yNDQyIDExOC41MzNMMC43MTYwMzQgMTAyLjQzM0MtMC4zMDE0ODMgMTAxLjEyNSAtMC4wNjM2OTAyIDk5LjI0MjMgMS4yMjMyNyA5OC4xOTg4QzMwLjQyNzYgNzQuNTE4NiA0OS42NDY3IDQwLjcwMjUgNTUuMDQ3OSAzLjQ5NDA1QzU1LjI4NTkgMS44NTQzNyA1Ni43ODIgMC42ODY1NTQgNTguNDI2MSAwLjg5MTY2M0w3OC42NjkyIDMuNDE3MTZaIiBmaWxsPSIjODAwMDAwIi8+Cjwvc3ZnPgo=');
        right: -37px;
        bottom: 1px;
        width: 82px;
        height: 120px;
    }
.status-hazardous .e01:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzM3NF8yNzBfY2xpcF9wYXRoKSIgZGF0YS1maWdtYS1za2lwLXBhcnNlPSJ0cnVlIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjAzMzAyMDIgMC4wMTk0OTE2IC0wLjAxNTE0NyAwLjAyNjU1NjQgMTQuMDAyOCAyMS43NTk4KSI+PGZvcmVpZ25PYmplY3QgeD0iLTEwNjQuNzEiIHk9Ii0xMDY0LjcxIiB3aWR0aD0iMjEyOS40MiIgaGVpZ2h0PSIyMTI5LjQyIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2dyb3VuZDpjb25pYy1ncmFkaWVudChmcm9tIDkwZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDAuMzk4NjU5ZGVnLHJnYmEoMTIsIDEyNCwgMTY2LCAxKSA2Ny42ODlkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAzNjBkZWcpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCU7b3BhY2l0eToxIj48L2Rpdj48L2ZvcmVpZ25PYmplY3Q+PC9nPjwvZz48cGF0aCBkPSJNMjMuOTk0NCAwTDIxLjExMTcgOC4xNDk0MkMxOS4xNDAzIDEzLjcyMjcgMTguMTU0NiAxNi41MDk0IDE2Ljk0NjcgMTkuMTg3MUMxNS4zMzYxIDIyLjc1NzQgMTMuNDI5MyAyNi4xODUzIDExLjI0NjYgMjkuNDM0OEM5LjYwOTUgMzEuODcxOSA3Ljc2MzUyIDM0LjE3NiA0LjA3MTU0IDM4Ljc4NDRMMi42MDcyNmUtMDUgNDMuODY2NUwzNy40NTI5IDQxLjc4MzZDNDAuMjY3MSA0MS42MjcxIDQxLjY3NDEgNDEuNTQ4OSA0Mi41NDczIDQwLjk5NzNDNDMuNzExNyA0MC4yNjE5IDQ0LjQxNSAzOC45NzYxIDQ0LjQwODQgMzcuNTk0OUM0NC40MDM1IDM2LjU1OSA0My43MTQ0IDM1LjMyNDYgNDIuMzM2MyAzMi44NTU5TDIzLjk5NDQgMFoiIGRhdGEtZmlnbWEtZ3JhZGllbnQtZmlsbD0ieyYjMzQ7dHlwZSYjMzQ7OiYjMzQ7R1JBRElFTlRfQU5HVUxBUiYjMzQ7LCYjMzQ7c3RvcHMmIzM0OzpbeyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wMzk3MjIyMjI4MzQ4MjU1MTYsJiMzNDtnJiMzNDs6MC4yOTI3MTQ5NTM0MjI1NDYzOSwmIzM0O2ImIzM0OzowLjM2NjY2NjY3NDYxMzk1MjY0LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMDAxMTA3Mzg1NDk4NDcxNTU4MX0seyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wNDcwNTg4MjQ0NDk3Nzc2MDMsJiMzNDtnJiMzNDs6MC40ODYyNzQ1MTA2MjIwMjQ1NCwmIzM0O2ImIzM0OzowLjY1MDk4MDQxMjk2MDA1MjQ5LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMTg4MDI1MTMxODIxNjMyMzl9XSwmIzM0O3N0b3BzVmFyJiMzNDs6W3smIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDM5NzIyMjIyODM0ODI1NTE2LCYjMzQ7ZyYjMzQ7OjAuMjkyNzE0OTUzNDIyNTQ2MzksJiMzNDtiJiMzNDs6MC4zNjY2NjY2NzQ2MTM5NTI2NCwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjAwMTEwNzM4NTQ5ODQ3MTU1ODF9LHsmIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDQ3MDU4ODI0NDQ5Nzc3NjAzLCYjMzQ7ZyYjMzQ7OjAuNDg2Mjc0NTEwNjIyMDI0NTQsJiMzNDtiJiMzNDs6MC42NTA5ODA0MTI5NjAwNTI0OSwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjE4ODAyNTEzMTgyMTYzMjM5fV0sJiMzNDt0cmFuc2Zvcm0mIzM0Ozp7JiMzNDttMDAmIzM0Ozo2Ni4wNDAzOTAwMTQ2NDg0MzgsJiMzNDttMDEmIzM0OzotMzAuMjk0MDkyMTc4MzQ0NzI3LCYjMzQ7bTAyJiMzNDs6LTMuODcwMzAxMjQ2NjQzMDY2NCwmIzM0O20xMCYjMzQ7OjM4Ljk4MzE4NDgxNDQ1MzEyNSwmIzM0O20xMSYjMzQ7OjUzLjExMjc3MDA4MDU2NjQwNiwmIzM0O20xMiYjMzQ7Oi0yNC4yODgxNzM2NzU1MzcxMDl9LCYjMzQ7b3BhY2l0eSYjMzQ7OjEuMCwmIzM0O2JsZW5kTW9kZSYjMzQ7OiYjMzQ7Tk9STUFMJiMzNDssJiMzNDt2aXNpYmxlJiMzNDs6dHJ1ZX0iLz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0icGFpbnQwX2FuZ3VsYXJfMzc0XzI3MF9jbGlwX3BhdGgiPjxwYXRoIGQ9Ik0yMy45OTQ0IDBMMjEuMTExNyA4LjE0OTQyQzE5LjE0MDMgMTMuNzIyNyAxOC4xNTQ2IDE2LjUwOTQgMTYuOTQ2NyAxOS4xODcxQzE1LjMzNjEgMjIuNzU3NCAxMy40MjkzIDI2LjE4NTMgMTEuMjQ2NiAyOS40MzQ4QzkuNjA5NSAzMS44NzE5IDcuNzYzNTIgMzQuMTc2IDQuMDcxNTQgMzguNzg0NEwyLjYwNzI2ZS0wNSA0My44NjY1TDM3LjQ1MjkgNDEuNzgzNkM0MC4yNjcxIDQxLjYyNzEgNDEuNjc0MSA0MS41NDg5IDQyLjU0NzMgNDAuOTk3M0M0My43MTE3IDQwLjI2MTkgNDQuNDE1IDM4Ljk3NjEgNDQuNDA4NCAzNy41OTQ5QzQ0LjQwMzUgMzYuNTU5IDQzLjcxNDQgMzUuMzI0NiA0Mi4zMzYzIDMyLjg1NTlMMjMuOTk0NCAwWiIvPjwvY2xpcFBhdGg+PC9kZWZzPgo8L3N2Zz4K');
    width: 45px;
    height: 44px;
    position: absolute;
    right: 21px;
    bottom: 66px;
}
.status-hazardous .e01 p{
        /* color: #800000; */
        /* text-shadow: 0 0 3px #ffffff; */
        /* font-weight: bold; */
}


    .air-e.e02:before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNjIgMTI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTcuNDczOCAxLjU1NjExQzE4LjczMyAwLjQ3OTIxNCAyMC42Mjk2IDAuNjI2MjM2IDIxLjY4NDkgMS45MDM1NUM1MC4wOTEzIDM2LjI4NjEgNjQuMzg2IDgwLjE3ODggNjEuNjc0NyAxMjQuNjk2QzYxLjU3NCAxMjYuMzQ5IDYwLjEyNzcgMTI3LjU4NSA1OC40NzU5IDEyNy40NTZMMzguMTM3NyAxMjUuODY5QzM2LjQ4NTkgMTI1Ljc0MSAzNS4yNTQ1IDEyNC4yOTYgMzUuMzUwMiAxMjIuNjQyQzM3LjUyMzEgODUuMTA2NyAyNS40Nzg0IDQ4LjEyMjUgMS42MTgxIDE5LjA2NTJDMC41NjY2NSAxNy43ODQ3IDAuNzExNDI2IDE1Ljg5MjMgMS45NzA1OCAxNC44MTU0TDE3LjQ3MzggMS41NTYxMVoiIGZpbGw9IiM4MDAwODAiLz4KPC9zdmc+Cg==');
        bottom: 129px;
        right: -39px;
        width: 62px;
        height: 128px;
    }
.status-very-unhealthy .e02:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0MyA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzM3NF8yNzFfY2xpcF9wYXRoKSIgZGF0YS1maWdtYS1za2lwLXBhcnNlPSJ0cnVlIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjAzNjk5MyAtMC4wMTAwODgxIDAuMDA4NDgyMDggMC4wMjkzNzIyIDguNjM2NzUgMjIuOTc5MikiPjxmb3JlaWduT2JqZWN0IHg9Ii0xMDY0LjcxIiB5PSItMTA2NC43MSIgd2lkdGg9IjIxMjkuNDIiIGhlaWdodD0iMjEyOS40MiI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tncm91bmQ6Y29uaWMtZ3JhZGllbnQoZnJvbSA5MGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDBkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAwLjM5ODY1OWRlZyxyZ2JhKDEyLCAxMjQsIDE2NiwgMSkgNjcuNjg5ZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMzYwZGVnKTtoZWlnaHQ6MTAwJTt3aWR0aDoxMDAlO29wYWNpdHk6MSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjwvZz48L2c+PHBhdGggZD0iTTAgMC42NDY5NzNMMy44MzM2NiA4LjM5NDZDNi40NTU0NiAxMy42OTMxIDcuNzY2MzUgMTYuMzQyNCA4Ljg0NDIzIDE5LjA3NTFDMTAuMjgxNCAyMi43MTg3IDExLjQxMDEgMjYuNDc1MyAxMi4yMTgzIDMwLjMwNTVDMTIuODI0NSAzMy4xNzgxIDEzLjE4OTggMzYuMTA3OCAxMy45MjA0IDQxLjk2NzNMMTQuNzI2MSA0OC40MjkyTDM5LjM0MDMgMjAuMTIzOEM0MS4xODk3IDE3Ljk5NyA0Mi4xMTQ1IDE2LjkzMzYgNDIuMzI3NyAxNS45MjNDNDIuNjEyIDE0LjU3NTUgNDIuMTgwNCAxMy4xNzUgNDEuMTg1NSAxMi4yMTY5QzQwLjQzOTQgMTEuNDk4MyAzOS4wNzQgMTEuMTMxOSAzNi4zNDMyIDEwLjM5OTJMMCAwLjY0Njk3M1oiIGRhdGEtZmlnbWEtZ3JhZGllbnQtZmlsbD0ieyYjMzQ7dHlwZSYjMzQ7OiYjMzQ7R1JBRElFTlRfQU5HVUxBUiYjMzQ7LCYjMzQ7c3RvcHMmIzM0OzpbeyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wMzk3MjIyMjI4MzQ4MjU1MTYsJiMzNDtnJiMzNDs6MC4yOTI3MTQ5NTM0MjI1NDYzOSwmIzM0O2ImIzM0OzowLjM2NjY2NjY3NDYxMzk1MjY0LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMDAxMTA3Mzg1NDk4NDcxNTU4MX0seyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wNDcwNTg4MjQ0NDk3Nzc2MDMsJiMzNDtnJiMzNDs6MC40ODYyNzQ1MTA2MjIwMjQ1NCwmIzM0O2ImIzM0OzowLjY1MDk4MDQxMjk2MDA1MjQ5LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMTg4MDI1MTMxODIxNjMyMzl9XSwmIzM0O3N0b3BzVmFyJiMzNDs6W3smIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDM5NzIyMjIyODM0ODI1NTE2LCYjMzQ7ZyYjMzQ7OjAuMjkyNzE0OTUzNDIyNTQ2MzksJiMzNDtiJiMzNDs6MC4zNjY2NjY2NzQ2MTM5NTI2NCwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjAwMTEwNzM4NTQ5ODQ3MTU1ODF9LHsmIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDQ3MDU4ODI0NDQ5Nzc3NjAzLCYjMzQ7ZyYjMzQ7OjAuNDg2Mjc0NTEwNjIyMDI0NTQsJiMzNDtiJiMzNDs6MC42NTA5ODA0MTI5NjAwNTI0OSwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjE4ODAyNTEzMTgyMTYzMjM5fV0sJiMzNDt0cmFuc2Zvcm0mIzM0Ozp7JiMzNDttMDAmIzM0Ozo3My45ODYwOTkyNDMxNjQwNjIsJiMzNDttMDEmIzM0OzoxNi45NjQxNTEzODI0NDYyODksJiMzNDttMDImIzM0OzotMzYuODM4MzcxMjc2ODU1NDY5LCYjMzQ7bTEwJiMzNDs6LTIwLjE3NjE4NTYwNzkxMDE1NiwmIzM0O20xMSYjMzQ7OjU4Ljc0NDQ5OTIwNjU0Mjk2OSwmIzM0O20xMiYjMzQ7OjMuNjk1MDAwNDEwMDc5OTU2MX0sJiMzNDtvcGFjaXR5JiMzNDs6MS4wLCYjMzQ7YmxlbmRNb2RlJiMzNDs6JiMzNDtOT1JNQUwmIzM0OywmIzM0O3Zpc2libGUmIzM0Ozp0cnVlfSIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJwYWludDBfYW5ndWxhcl8zNzRfMjcxX2NsaXBfcGF0aCI+PHBhdGggZD0iTTAgMC42NDY5NzNMMy44MzM2NiA4LjM5NDZDNi40NTU0NiAxMy42OTMxIDcuNzY2MzUgMTYuMzQyNCA4Ljg0NDIzIDE5LjA3NTFDMTAuMjgxNCAyMi43MTg3IDExLjQxMDEgMjYuNDc1MyAxMi4yMTgzIDMwLjMwNTVDMTIuODI0NSAzMy4xNzgxIDEzLjE4OTggMzYuMTA3OCAxMy45MjA0IDQxLjk2NzNMMTQuNzI2MSA0OC40MjkyTDM5LjM0MDMgMjAuMTIzOEM0MS4xODk3IDE3Ljk5NyA0Mi4xMTQ1IDE2LjkzMzYgNDIuMzI3NyAxNS45MjNDNDIuNjEyIDE0LjU3NTUgNDIuMTgwNCAxMy4xNzUgNDEuMTg1NSAxMi4yMTY5QzQwLjQzOTQgMTEuNDk4MyAzOS4wNzQgMTEuMTMxOSAzNi4zNDMyIDEwLjM5OTJMMCAwLjY0Njk3M1oiLz48L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==');
    width: 43px;
    height: 49px;
    position: absolute;
    right: 8px;
    top: 88px;
}
.status-very-unhealthy .e02 p{
        /* color: #800080; */
        /* text-shadow: 0 0 3px #ffffff; */
        /* font-weight: bold; */
}
    .air-e.e03:before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTIzIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMC41Mjc1MTIgMy4wNTkyNUMwLjU3MDg3NyAxLjQwMjk2IDEuOTUwMSAwLjA5MjgwNTYgMy42MDU0MiAwLjE2NDM2OUM0OC4xNjMgMi4wOTA3MSA5MC4zMzQgMjAuODY2MSAxMjEuNTgxIDUyLjY4OTVDMTIyLjc0MiA1My44NzE3IDEyMi42OTEgNTUuNzczMyAxMjEuNDg5IDU2LjkxMzhMMTA2LjY5MSA3MC45NTY0QzEwNS40OSA3Mi4wOTY5IDEwMy41OTIgNzIuMDQ0MyAxMDIuNDI4IDcwLjg2NTZDNzYuMDA1NiA0NC4xMTY4IDQwLjQ3MjIgMjguMjk2NiAyLjkxMzg5IDI2LjU1OThDMS4yNTg4IDI2LjQ4MzMgLTAuMDQ5NzI4NCAyNS4xMDg1IC0wLjAwNjM2MjkyIDIzLjQ1MjNMMC41Mjc1MTIgMy4wNTkyNVoiIGZpbGw9IiNERDRCMzkiLz4KPC9zdmc+Cg==');
        top: -36px;
        right: 13px;
        width: 123px;
        height: 72px;
    }
.status-unhealthy .e03:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0OCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzM3NF8yNzJfY2xpcF9wYXRoKSIgZGF0YS1maWdtYS1za2lwLXBhcnNlPSJ0cnVlIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjAxNDE1NzggLTAuMDM1NjM0NCAwLjAyODU3NzIgMC4wMTA4NjM3IDIzLjA0MTkgMzMuMTAwMykiPjxmb3JlaWduT2JqZWN0IHg9Ii0xMDY0LjcxIiB5PSItMTA2NC43MSIgd2lkdGg9IjIxMjkuNDIiIGhlaWdodD0iMjEyOS40MiI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tncm91bmQ6Y29uaWMtZ3JhZGllbnQoZnJvbSA5MGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDBkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAwLjM5ODY1OWRlZyxyZ2JhKDEyLCAxMjQsIDE2NiwgMSkgNjcuNjg5ZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMzYwZGVnKTtoZWlnaHQ6MTAwJTt3aWR0aDoxMDAlO29wYWNpdHk6MSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjwvZz48L2c+PHBhdGggZD0iTTAgMjYuNTg5NEw4LjQ5Njg1IDI4LjE3ODhDMTQuMzA3OCAyOS4yNjU3IDE3LjIxMzIgMjkuODA5MiAyMC4wNDU0IDMwLjU4OTFDMjMuODIxNiAzMS42MjkgMjcuNTAyOSAzMi45ODM0IDMxLjA1MDUgMzQuNjM4MUMzMy43MTExIDM1Ljg3OTEgMzYuMjcyOCAzNy4zNDcxIDQxLjM5NjEgNDAuMjgzTDQ3LjA0NiA0My41MjA4TDM5LjIwMzYgNi44Mzg5NEMzOC42MTQ0IDQuMDgyNzYgMzguMzE5NyAyLjcwNDY3IDM3LjYzOTkgMS45MjcxQzM2LjczMzUgMC44OTAzNCAzNS4zNTQ1IDAuMzk0MDQ1IDMzLjk5MDkgMC42MTM4NDhDMzIuOTY4MiAwLjc3ODY5OCAzMS44NTUxIDEuNjUwMTUgMjkuNjI4OCAzLjM5MzA3TDAgMjYuNTg5NFoiIGRhdGEtZmlnbWEtZ3JhZGllbnQtZmlsbD0ieyYjMzQ7dHlwZSYjMzQ7OiYjMzQ7R1JBRElFTlRfQU5HVUxBUiYjMzQ7LCYjMzQ7c3RvcHMmIzM0OzpbeyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wMzk3MjIyMjI4MzQ4MjU1MTYsJiMzNDtnJiMzNDs6MC4yOTI3MTQ5NTM0MjI1NDYzOSwmIzM0O2ImIzM0OzowLjM2NjY2NjY3NDYxMzk1MjY0LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMDAxMTA3Mzg1NDk4NDcxNTU4MX0seyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wNDcwNTg4MjQ0NDk3Nzc2MDMsJiMzNDtnJiMzNDs6MC40ODYyNzQ1MTA2MjIwMjQ1NCwmIzM0O2ImIzM0OzowLjY1MDk4MDQxMjk2MDA1MjQ5LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMTg4MDI1MTMxODIxNjMyMzl9XSwmIzM0O3N0b3BzVmFyJiMzNDs6W3smIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDM5NzIyMjIyODM0ODI1NTE2LCYjMzQ7ZyYjMzQ7OjAuMjkyNzE0OTUzNDIyNTQ2MzksJiMzNDtiJiMzNDs6MC4zNjY2NjY2NzQ2MTM5NTI2NCwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjAwMTEwNzM4NTQ5ODQ3MTU1ODF9LHsmIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDQ3MDU4ODI0NDQ5Nzc3NjAzLCYjMzQ7ZyYjMzQ7OjAuNDg2Mjc0NTEwNjIyMDI0NTQsJiMzNDtiJiMzNDs6MC42NTA5ODA0MTI5NjAwNTI0OSwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjE4ODAyNTEzMTgyMTYzMjM5fV0sJiMzNDt0cmFuc2Zvcm0mIzM0Ozp7JiMzNDttMDAmIzM0OzoyOC4zMTU2OTQ4MDg5NTk5NjEsJiMzNDttMDEmIzM0Ozo1Ny4xNTQzMDQ1MDQzOTQ1MzEsJiMzNDttMDImIzM0OzotMTkuNjkzMTI2Njc4NDY2Nzk3LCYjMzQ7bTEwJiMzNDs6LTcxLjI2ODgwNjQ1NzUxOTUzMSwmIzM0O20xMSYjMzQ7OjIxLjcyNzQ4OTQ3MTQzNTU0NywmIzM0O20xMiYjMzQ7OjU3Ljg3MDkyOTcxODAxNzU3OH0sJiMzNDtvcGFjaXR5JiMzNDs6MS4wLCYjMzQ7YmxlbmRNb2RlJiMzNDs6JiMzNDtOT1JNQUwmIzM0OywmIzM0O3Zpc2libGUmIzM0Ozp0cnVlfSIvPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJwYWludDBfYW5ndWxhcl8zNzRfMjcyX2NsaXBfcGF0aCI+PHBhdGggZD0iTTAgMjYuNTg5NEw4LjQ5Njg1IDI4LjE3ODhDMTQuMzA3OCAyOS4yNjU3IDE3LjIxMzIgMjkuODA5MiAyMC4wNDU0IDMwLjU4OTFDMjMuODIxNiAzMS42MjkgMjcuNTAyOSAzMi45ODM0IDMxLjA1MDUgMzQuNjM4MUMzMy43MTExIDM1Ljg3OTEgMzYuMjcyOCAzNy4zNDcxIDQxLjM5NjEgNDAuMjgzTDQ3LjA0NiA0My41MjA4TDM5LjIwMzYgNi44Mzg5NEMzOC42MTQ0IDQuMDgyNzYgMzguMzE5NyAyLjcwNDY3IDM3LjYzOTkgMS45MjcxQzM2LjczMzUgMC44OTAzNCAzNS4zNTQ1IDAuMzk0MDQ1IDMzLjk5MDkgMC42MTM4NDhDMzIuOTY4MiAwLjc3ODY5OCAzMS44NTUxIDEuNjUwMTUgMjkuNjI4OCAzLjM5MzA3TDAgMjYuNTg5NFoiLz48L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==');
    width: 48px;
    height: 44px;
    position: absolute;
    right: 73px;
    top: 13px;
    transform: rotate(6deg);
}
.status-unhealthy .e03 p{
        /* color: #dd4b39; */
        /* text-shadow: 0 0 3px #000; */
        /* font-weight: bold; */
}

    .air-e.e04:before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIzIiBoZWlnaHQ9IjcyIiB2aWV3Qm94PSIwIDAgMTIzIDcyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMS4zMjYxIDU3LjEwOUMwLjEyMjQ5OCA1NS45NzA0IDAuMDY4MDY5NSA1NC4wNjk2IDEuMjI3MDYgNTIuODg1NUMxNi42ODIzIDM3LjA5NjUgMzQuOTc5MSAyNC4zNTIgNTUuMTY1NiAxNS4zMjdDNzUuMzUyMiA2LjMwMTg3IDk3LjA1MDMgMS4xNjUyNiAxMTkuMTIyIDAuMTc2Mzc5QzEyMC43NzggMC4xMDIyMjIgMTIyLjE1OCAxLjQxMDI4IDEyMi4yMDQgMy4wNjY1TDEyMi43NjkgMjMuNDU4N0MxMjIuODE1IDI1LjExNDkgMTIxLjUxIDI2LjQ5MTYgMTE5Ljg1NSAyNi41NzA3QzEwMS4yNDggMjcuNDYwNCA4Mi45NjIzIDMxLjgxNzkgNjUuOTQwOCAzOS40Mjc5QzQ4LjkxOTMgNDcuMDM4IDMzLjQ3ODUgNTcuNzU5MiAyMC40MDgzIDcxLjAzMTZDMTkuMjQ1NyA3Mi4yMTIxIDE3LjM0OTEgNzIuMjY3MiAxNi4xNDU0IDcxLjEyODVMMS4zMjYxIDU3LjEwOVoiIGZpbGw9IiNGRjhDMDAiLz4KPC9zdmc+Cg==');
        top: -35px;
        right: 150px;
        width: 123px;
        height: 72px;
    }
.circle-air-quality.status-sensitive .e04 p {
    /* color: #ff8c00; */
    /* text-shadow: 0 0 3px #000; */
    /* font-weight: bold; */
}
 .status-sensitive .e04{
    position:relative;
}
.circle-air-quality.status-sensitive .e04:after {
    content:"";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0OCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzUzNl8xNDUzX2NsaXBfcGF0aCkiIGRhdGEtZmlnbWEtc2tpcC1wYXJzZT0idHJ1ZSI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTAuMDE0MTU3OCAtMC4wMzU2MzQ0IC0wLjAyODU3NzIgMC4wMTA4NjM3IDI0LjY3MiAzMy40OTA1KSI+PGZvcmVpZ25PYmplY3QgeD0iLTEwNjQuNzEiIHk9Ii0xMDY0LjcxIiB3aWR0aD0iMjEyOS40MiIgaGVpZ2h0PSIyMTI5LjQyIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2dyb3VuZDpjb25pYy1ncmFkaWVudChmcm9tIDkwZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDAuMzk4NjU5ZGVnLHJnYmEoMTIsIDEyNCwgMTY2LCAxKSA2Ny42ODlkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAzNjBkZWcpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCU7b3BhY2l0eToxIj48L2Rpdj48L2ZvcmVpZ25PYmplY3Q+PC9nPjwvZz48cGF0aCBkPSJNNDcuNzEzOSAyNi45Nzk2TDM5LjIxNyAyOC41NjlDMzMuNDA2MSAyOS42NTYgMzAuNTAwNyAzMC4xOTk1IDI3LjY2ODUgMzAuOTc5NEMyMy44OTIzIDMyLjAxOTIgMjAuMjExIDMzLjM3MzYgMTYuNjYzNCAzNS4wMjgzQzE0LjAwMjcgMzYuMjY5NCAxMS40NDExIDM3LjczNzMgNi4zMTc4IDQwLjY3MzNMMC42Njc4NTQgNDMuOTExTDguNTEwMjMgNy4yMjkyQzkuMDk5NDkgNC40NzMwMSA5LjM5NDEyIDMuMDk0OTIgMTAuMDczOSAyLjMxNzM2QzEwLjk4MDMgMS4yODA2IDEyLjM1OTQgMC43ODQzMDQgMTMuNzIzIDEuMDA0MTFDMTQuNzQ1NyAxLjE2ODk2IDE1Ljg1ODggMi4wNDA0MSAxOC4wODUgMy43ODMzM0w0Ny43MTM5IDI2Ljk3OTZaIiBkYXRhLWZpZ21hLWdyYWRpZW50LWZpbGw9InsmIzM0O3R5cGUmIzM0OzomIzM0O0dSQURJRU5UX0FOR1VMQVImIzM0OywmIzM0O3N0b3BzJiMzNDs6W3smIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDM5NzIyMjIyODM0ODI1NTE2LCYjMzQ7ZyYjMzQ7OjAuMjkyNzE0OTUzNDIyNTQ2MzksJiMzNDtiJiMzNDs6MC4zNjY2NjY2NzQ2MTM5NTI2NCwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjAwMTEwNzM4NTQ5ODQ3MTU1ODF9LHsmIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDQ3MDU4ODI0NDQ5Nzc3NjAzLCYjMzQ7ZyYjMzQ7OjAuNDg2Mjc0NTEwNjIyMDI0NTQsJiMzNDtiJiMzNDs6MC42NTA5ODA0MTI5NjAwNTI0OSwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjE4ODAyNTEzMTgyMTYzMjM5fV0sJiMzNDtzdG9wc1ZhciYjMzQ7Olt7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjAzOTcyMjIyMjgzNDgyNTUxNiwmIzM0O2cmIzM0OzowLjI5MjcxNDk1MzQyMjU0NjM5LCYjMzQ7YiYjMzQ7OjAuMzY2NjY2Njc0NjEzOTUyNjQsJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4wMDExMDczODU0OTg0NzE1NTgxfSx7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjA0NzA1ODgyNDQ0OTc3NzYwMywmIzM0O2cmIzM0OzowLjQ4NjI3NDUxMDYyMjAyNDU0LCYjMzQ7YiYjMzQ7OjAuNjUwOTgwNDEyOTYwMDUyNDksJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4xODgwMjUxMzE4MjE2MzIzOX1dLCYjMzQ7dHJhbnNmb3JtJiMzNDs6eyYjMzQ7bTAwJiMzNDs6LTI4LjMxNTY5NDgwODk1OTk2MSwmIzM0O20wMSYjMzQ7Oi01Ny4xNTQzMDQ1MDQzOTQ1MzEsJiMzNDttMDImIzM0Ozo2Ny40MDY5OTc2ODA2NjQwNjIsJiMzNDttMTAmIzM0OzotNzEuMjY4ODA2NDU3NTE5NTMxLCYjMzQ7bTExJiMzNDs6MjEuNzI3NDg5NDcxNDM1NTQ3LCYjMzQ7bTEyJiMzNDs6NTguMjYxMTg4NTA3MDgwMDc4fSwmIzM0O29wYWNpdHkmIzM0OzoxLjAsJiMzNDtibGVuZE1vZGUmIzM0OzomIzM0O05PUk1BTCYjMzQ7LCYjMzQ7dmlzaWJsZSYjMzQ7OnRydWV9Ii8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9InBhaW50MF9hbmd1bGFyXzUzNl8xNDUzX2NsaXBfcGF0aCI+PHBhdGggZD0iTTQ3LjcxMzkgMjYuOTc5NkwzOS4yMTcgMjguNTY5QzMzLjQwNjEgMjkuNjU2IDMwLjUwMDcgMzAuMTk5NSAyNy42Njg1IDMwLjk3OTRDMjMuODkyMyAzMi4wMTkyIDIwLjIxMSAzMy4zNzM2IDE2LjY2MzQgMzUuMDI4M0MxNC4wMDI3IDM2LjI2OTQgMTEuNDQxMSAzNy43MzczIDYuMzE3OCA0MC42NzMzTDAuNjY3ODU0IDQzLjkxMUw4LjUxMDIzIDcuMjI5MkM5LjA5OTQ5IDQuNDczMDEgOS4zOTQxMiAzLjA5NDkyIDEwLjA3MzkgMi4zMTczNkMxMC45ODAzIDEuMjgwNiAxMi4zNTk0IDAuNzg0MzA0IDEzLjcyMyAxLjAwNDExQzE0Ljc0NTcgMS4xNjg5NiAxNS44NTg4IDIuMDQwNDEgMTguMDg1IDMuNzgzMzNMNDcuNzEzOSAyNi45Nzk2WiIvPjwvY2xpcFBhdGg+PC9kZWZzPgo8L3N2Zz4K');
    width: 48px;
    height: 44px;
    position: absolute;
    left: 73px;
    top: 12px;
    transform: rotate(-6deg);
}

    .air-e.e05:before {
        content: "";
        position: absolute;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjIiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNjIgMTI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMy41MTk2NSAxMjcuMzk5QzEuODY3NzcgMTI3LjUyNyAwLjQyMTk1MiAxMjYuMjkyIDAuMzIxODAzIDEyNC42MzhDLTEuMDEzNyAxMDIuNTg0IDEuODE0ODYgODAuNDY2NiA4LjY2OTE5IDU5LjQ0MzZDMTUuNTIzNSAzOC40MjA2IDI2LjI3NTIgMTguODg2MSA0MC4zNTMxIDEuODU3NjFDNDEuNDA4OCAwLjU4MDY0MyA0My4zMDQ4IDAuNDM1MDcgNDQuNTYzNiAxLjUxMjM5TDYwLjA2MjQgMTQuNzc2OEM2MS4zMjEyIDE1Ljg1NDEgNjEuNDY1OCAxNy43NDYxIDYwLjQxMzkgMTkuMDI2MkM0OC41ODgxIDMzLjQxODYgMzkuNTQ4NCA0OS45MDAyIDMzLjc2ODggNjcuNjI3MUMyNy45ODkyIDg1LjM1MzkgMjUuNTc3IDEwMy45OTYgMjYuNjQ3IDEyMi41OTNDMjYuNzQyMiAxMjQuMjQ3IDI1LjUxMDIgMTI1LjY5MSAyMy44NTg0IDEyNS44MTlMMy41MTk2NSAxMjcuMzk5WiIgZmlsbD0iI0ZGRDcwMCIvPgo8L3N2Zz4K');
        top: 30px;
        left: -38px;
        width: 62px;
        height: 128px;
    }
.status-acceptable .e05:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iNDkiIHZpZXdCb3g9IjAgMCA0MyA0OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzM3NF8yNjhfY2xpcF9wYXRoKSIgZGF0YS1maWdtYS1za2lwLXBhcnNlPSJ0cnVlIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMzY5OTMgLTAuMDEwMDg4MSAtMC4wMDg0ODIwOCAwLjAyOTM3MjIgMzQuMzU2MiAyMi45NzkyKSI+PGZvcmVpZ25PYmplY3QgeD0iLTEwNjQuNzEiIHk9Ii0xMDY0LjcxIiB3aWR0aD0iMjEyOS40MiIgaGVpZ2h0PSIyMTI5LjQyIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2dyb3VuZDpjb25pYy1ncmFkaWVudChmcm9tIDkwZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDAuMzk4NjU5ZGVnLHJnYmEoMTIsIDEyNCwgMTY2LCAxKSA2Ny42ODlkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAzNjBkZWcpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCU7b3BhY2l0eToxIj48L2Rpdj48L2ZvcmVpZ25PYmplY3Q+PC9nPjwvZz48cGF0aCBkPSJNNDIuOTkyOSAwLjY0Njk3M0wzOS4xNTkzIDguMzk0NkMzNi41Mzc1IDEzLjY5MzEgMzUuMjI2NiAxNi4zNDI0IDM0LjE0ODcgMTkuMDc1MUMzMi43MTE1IDIyLjcxODcgMzEuNTgyOSAyNi40NzUzIDMwLjc3NDYgMzAuMzA1NUMzMC4xNjg0IDMzLjE3ODEgMjkuODAzMSAzNi4xMDc4IDI5LjA3MjUgNDEuOTY3M0wyOC4yNjY5IDQ4LjQyOTJMMy42NTI2NCAyMC4xMjM4QzEuODAzMTggMTcuOTk3IDAuODc4NDU3IDE2LjkzMzYgMC42NjUyMDkgMTUuOTIzQzAuMzgwODc2IDE0LjU3NTUgMC44MTI1MjcgMTMuMTc1IDEuODA3NCAxMi4yMTY5QzIuNTUzNTYgMTEuNDk4MyAzLjkxODkzIDExLjEzMTkgNi42NDk2OCAxMC4zOTkyTDQyLjk5MjkgMC42NDY5NzNaIiBkYXRhLWZpZ21hLWdyYWRpZW50LWZpbGw9InsmIzM0O3R5cGUmIzM0OzomIzM0O0dSQURJRU5UX0FOR1VMQVImIzM0OywmIzM0O3N0b3BzJiMzNDs6W3smIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDM5NzIyMjIyODM0ODI1NTE2LCYjMzQ7ZyYjMzQ7OjAuMjkyNzE0OTUzNDIyNTQ2MzksJiMzNDtiJiMzNDs6MC4zNjY2NjY2NzQ2MTM5NTI2NCwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjAwMTEwNzM4NTQ5ODQ3MTU1ODF9LHsmIzM0O2NvbG9yJiMzNDs6eyYjMzQ7ciYjMzQ7OjAuMDQ3MDU4ODI0NDQ5Nzc3NjAzLCYjMzQ7ZyYjMzQ7OjAuNDg2Mjc0NTEwNjIyMDI0NTQsJiMzNDtiJiMzNDs6MC42NTA5ODA0MTI5NjAwNTI0OSwmIzM0O2EmIzM0OzoxLjB9LCYjMzQ7cG9zaXRpb24mIzM0OzowLjE4ODAyNTEzMTgyMTYzMjM5fV0sJiMzNDtzdG9wc1ZhciYjMzQ7Olt7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjAzOTcyMjIyMjgzNDgyNTUxNiwmIzM0O2cmIzM0OzowLjI5MjcxNDk1MzQyMjU0NjM5LCYjMzQ7YiYjMzQ7OjAuMzY2NjY2Njc0NjEzOTUyNjQsJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4wMDExMDczODU0OTg0NzE1NTgxfSx7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjA0NzA1ODgyNDQ0OTc3NzYwMywmIzM0O2cmIzM0OzowLjQ4NjI3NDUxMDYyMjAyNDU0LCYjMzQ7YiYjMzQ7OjAuNjUwOTgwNDEyOTYwMDUyNDksJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4xODgwMjUxMzE4MjE2MzIzOX1dLCYjMzQ7dHJhbnNmb3JtJiMzNDs6eyYjMzQ7bTAwJiMzNDs6LTczLjk4NjA5OTI0MzE2NDA2MiwmIzM0O20wMSYjMzQ7Oi0xNi45NjQxNTEzODI0NDYyODksJiMzNDttMDImIzM0Ozo3OS44MzEyOTExOTg3MzA0NjksJiMzNDttMTAmIzM0OzotMjAuMTc2MTg1NjA3OTEwMTU2LCYjMzQ7bTExJiMzNDs6NTguNzQ0NDk5MjA2NTQyOTY5LCYjMzQ7bTEyJiMzNDs6My42OTUwMDA0MTAwNzk5NTYxfSwmIzM0O29wYWNpdHkmIzM0OzoxLjAsJiMzNDtibGVuZE1vZGUmIzM0OzomIzM0O05PUk1BTCYjMzQ7LCYjMzQ7dmlzaWJsZSYjMzQ7OnRydWV9Ii8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9InBhaW50MF9hbmd1bGFyXzM3NF8yNjhfY2xpcF9wYXRoIj48cGF0aCBkPSJNNDIuOTkyOSAwLjY0Njk3M0wzOS4xNTkzIDguMzk0NkMzNi41Mzc1IDEzLjY5MzEgMzUuMjI2NiAxNi4zNDI0IDM0LjE0ODcgMTkuMDc1MUMzMi43MTE1IDIyLjcxODcgMzEuNTgyOSAyNi40NzUzIDMwLjc3NDYgMzAuMzA1NUMzMC4xNjg0IDMzLjE3ODEgMjkuODAzMSAzNi4xMDc4IDI5LjA3MjUgNDEuOTY3M0wyOC4yNjY5IDQ4LjQyOTJMMy42NTI2NCAyMC4xMjM4QzEuODAzMTggMTcuOTk3IDAuODc4NDU3IDE2LjkzMzYgMC42NjUyMDkgMTUuOTIzQzAuMzgwODc2IDE0LjU3NTUgMC44MTI1MjcgMTMuMTc1IDEuODA3NCAxMi4yMTY5QzIuNTUzNTYgMTEuNDk4MyAzLjkxODkzIDExLjEzMTkgNi42NDk2OCAxMC4zOTkyTDQyLjk5MjkgMC42NDY5NzNaIi8+PC9jbGlwUGF0aD48L2RlZnM+Cjwvc3ZnPgo=');
    width: 43px;
    height: 49px;
    position: absolute;
    left: 8px;
    top: 88px;
}
.status-acceptable .e05 p{
        /* color: #ffd700; */
        /* text-shadow: 0 0 3px #000; */
        /* font-weight: bold; */
}
    .air-e.e06:before {
        content: "";
        position: absolute;
        bottom: 0px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgODMgMTIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNjkuMTgyOCAxMTcuODY0QzY4LjE2OTQgMTE5LjE3NSA2Ni4yODM0IDExOS40MTggNjQuOTkwMSAxMTguMzgyQzQ3Ljc0MzcgMTA0LjU3MiAzMy4yNDQ1IDg3LjYzMTggMjIuMjU4NiA2OC40NDE3QzExLjI3MjYgNDkuMjUxNyA0LjAwNTczIDI4LjE3MTIgMC44Mjg4NzUgNi4zMDY1MkMwLjU5MDY0MiA0LjY2Njg5IDEuNzU1MTEgMy4xNjM1NiAzLjM5ODU3IDIuOTUzMzFMMjMuNjMzNiAwLjM2NDU5NEMyNS4yNzcxIDAuMTU0MzQzIDI2Ljc3NjcgMS4zMTY4NiAyNy4wMTk5IDIuOTU1NzZDMjkuNzUzNyAyMS4zODE3IDM1LjkwNjMgMzkuMTQ0MiA0NS4xNjk4IDU1LjMyNTVDNTQuNDMzMyA3MS41MDY3IDY2LjYzNTUgODUuODA1OSA4MS4xNDA3IDk3LjQ5MjlDODIuNDMwOSA5OC41MzI0IDgyLjY3NDEgMTAwLjQxNCA4MS42NjA3IDEwMS43MjVMNjkuMTgyOCAxMTcuODY0WiIgZmlsbD0iIzlBQ0QzMiIvPgo8L3N2Zz4K');
        left: -36px;
        width: 83px;
        height: 120px;
    }
.status-clean .e06:after {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDUiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NSA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI3BhaW50MF9hbmd1bGFyXzM3NF8yNjlfY2xpcF9wYXRoKSIgZGF0YS1maWdtYS1za2lwLXBhcnNlPSJ0cnVlIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgtMC4wMzI1Mjg4IDAuMDIwMzAxMSAwLjAxNTc5ODIgMC4wMjYxNzQyIDMwLjA2MzkgMjEuNTA2NCkiPjxmb3JlaWduT2JqZWN0IHg9Ii0xMDY0LjcxIiB5PSItMTA2NC43MSIgd2lkdGg9IjIxMjkuNDIiIGhlaWdodD0iMjEyOS40MiI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tncm91bmQ6Y29uaWMtZ3JhZGllbnQoZnJvbSA5MGRlZyxyZ2JhKDEwLCA3NCwgOTMsIDEpIDBkZWcscmdiYSgxMCwgNzQsIDkzLCAxKSAwLjM5ODY1OWRlZyxyZ2JhKDEyLCAxMjQsIDE2NiwgMSkgNjcuNjg5ZGVnLHJnYmEoMTAsIDc0LCA5MywgMSkgMzYwZGVnKTtoZWlnaHQ6MTAwJTt3aWR0aDoxMDAlO29wYWNpdHk6MSI+PC9kaXY+PC9mb3JlaWduT2JqZWN0PjwvZz48L2c+PHBhdGggZD0iTTE5LjUzODEgMEwyMi42MjExIDguMDc1NzRDMjQuNzI5NSAxMy41OTg3IDI1Ljc4MzcgMTYuMzYwMSAyNy4wNTc1IDE5LjAwNzJDMjguNzU1OCAyMi41MzY3IDMwLjc0NjUgMjUuOTE2NSAzMy4wMDg5IDI5LjExMUMzNC43MDU3IDMxLjUwNjkgMzYuNjA4IDMzLjc2NDggNDAuNDEyNiAzOC4yODA2TDQ0LjYwODQgNDMuMjYwNkw3LjExNTQ5IDQyLjEwMzJDNC4yOTgzNiA0Mi4wMTYzIDIuODg5NzkgNDEuOTcyOCAyLjAwMzIxIDQxLjQ0M0MwLjgyMTA5MSA0MC43MzY1IDAuMDg2MjI4NiAzOS40Njg1IDAuMDU4Njc4NyAzOC4wODc2QzAuMDM4MDE1IDM3LjA1MTkgMC42OTY0MDMgMzUuODAwOSAyLjAxMzE4IDMzLjI5ODlMMTkuNTM4MSAwWiIgZGF0YS1maWdtYS1ncmFkaWVudC1maWxsPSJ7JiMzNDt0eXBlJiMzNDs6JiMzNDtHUkFESUVOVF9BTkdVTEFSJiMzNDssJiMzNDtzdG9wcyYjMzQ7Olt7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjAzOTcyMjIyMjgzNDgyNTUxNiwmIzM0O2cmIzM0OzowLjI5MjcxNDk1MzQyMjU0NjM5LCYjMzQ7YiYjMzQ7OjAuMzY2NjY2Njc0NjEzOTUyNjQsJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4wMDExMDczODU0OTg0NzE1NTgxfSx7JiMzNDtjb2xvciYjMzQ7OnsmIzM0O3ImIzM0OzowLjA0NzA1ODgyNDQ0OTc3NzYwMywmIzM0O2cmIzM0OzowLjQ4NjI3NDUxMDYyMjAyNDU0LCYjMzQ7YiYjMzQ7OjAuNjUwOTgwNDEyOTYwMDUyNDksJiMzNDthJiMzNDs6MS4wfSwmIzM0O3Bvc2l0aW9uJiMzNDs6MC4xODgwMjUxMzE4MjE2MzIzOX1dLCYjMzQ7c3RvcHNWYXImIzM0OzpbeyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wMzk3MjIyMjI4MzQ4MjU1MTYsJiMzNDtnJiMzNDs6MC4yOTI3MTQ5NTM0MjI1NDYzOSwmIzM0O2ImIzM0OzowLjM2NjY2NjY3NDYxMzk1MjY0LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMDAxMTA3Mzg1NDk4NDcxNTU4MX0seyYjMzQ7Y29sb3ImIzM0Ozp7JiMzNDtyJiMzNDs6MC4wNDcwNTg4MjQ0NDk3Nzc2MDMsJiMzNDtnJiMzNDs6MC40ODYyNzQ1MTA2MjIwMjQ1NCwmIzM0O2ImIzM0OzowLjY1MDk4MDQxMjk2MDA1MjQ5LCYjMzQ7YSYjMzQ7OjEuMH0sJiMzNDtwb3NpdGlvbiYjMzQ7OjAuMTg4MDI1MTMxODIxNjMyMzl9XSwmIzM0O3RyYW5zZm9ybSYjMzQ7OnsmIzM0O20wMCYjMzQ7Oi02NS4wNTc1NTYxNTIzNDM3NTAsJiMzNDttMDEmIzM0OzozMS41OTY0NzE3ODY0OTkwMjMsJiMzNDttMDImIzM0Ozo0Ni43OTQ0NzkzNzAxMTcxODgsJiMzNDttMTAmIzM0Ozo0MC42MDIxNTc1OTI3NzM0MzgsJiMzNDttMTEmIzM0Ozo1Mi4zNDg0NTczMzY0MjU3ODEsJiMzNDttMTImIzM0OzotMjQuOTY4ODgzNTE0NDA0Mjk3fSwmIzM0O29wYWNpdHkmIzM0OzoxLjAsJiMzNDtibGVuZE1vZGUmIzM0OzomIzM0O05PUk1BTCYjMzQ7LCYjMzQ7dmlzaWJsZSYjMzQ7OnRydWV9Ii8+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9InBhaW50MF9hbmd1bGFyXzM3NF8yNjlfY2xpcF9wYXRoIj48cGF0aCBkPSJNMTkuNTM4MSAwTDIyLjYyMTEgOC4wNzU3NEMyNC43Mjk1IDEzLjU5ODcgMjUuNzgzNyAxNi4zNjAxIDI3LjA1NzUgMTkuMDA3MkMyOC43NTU4IDIyLjUzNjcgMzAuNzQ2NSAyNS45MTY1IDMzLjAwODkgMjkuMTExQzM0LjcwNTcgMzEuNTA2OSAzNi42MDggMzMuNzY0OCA0MC40MTI2IDM4LjI4MDZMNDQuNjA4NCA0My4yNjA2TDcuMTE1NDkgNDIuMTAzMkM0LjI5ODM2IDQyLjAxNjMgMi44ODk3OSA0MS45NzI4IDIuMDAzMjEgNDEuNDQzQzAuODIxMDkxIDQwLjczNjUgMC4wODYyMjg2IDM5LjQ2ODUgMC4wNTg2Nzg3IDM4LjA4NzZDMC4wMzgwMTUgMzcuMDUxOSAwLjY5NjQwMyAzNS44MDA5IDIuMDEzMTggMzMuMjk4OUwxOS41MzgxIDBaIi8+PC9jbGlwUGF0aD48L2RlZnM+Cjwvc3ZnPgo=');
    width: 45px;
    height: 44px;
    position: absolute;
    left: 21px;
    bottom: 66px;
}
.status-clean .e06 p{
        /* color: #9acd32; */
        /* text-shadow: 0 0 3px #000; */
        /* font-weight: bold; */
}


    .air-e.e01 {
        right: -18px;
        bottom: 60px;
    }

    .air-e p {
        color: #fff;
        position: absolute;
        margin: 0;
    }

    .air-e.e01 p {
        bottom: 38px;
        right: -87px;
    }

    .air-e.e02 p {
        top: 66px;
        right: -119px;
    }

    .air-e.e03 p {
        top: -54px;
        right: 20px;
    }

    .air-e.e04 p {
        top: -50px;
        left: -123px;
    }

    .air-e.e05 p {
        top: 66px;
        left: -102px;
    }

    .air-e.e06 p {
        bottom: 40px;
        left: -70px;
    }


.story-viewer-title {
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 0.98rem;
  font-weight: 800;
  color: #ffffff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.85);
  letter-spacing: 0.01em;
}

.story-viewer-subtitle {
  font-family: 'Vazirmatn', Tahoma, sans-serif;
  font-size: 0.72rem;
  font-weight: 500;
  color: #fbbf24;
  opacity: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

/* ── ویور تمام‌صفحه ── */
.story-viewer {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  display: none;
  flex-direction: column;
  overscroll-behavior: none;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}

.story-viewer.is-open {
  display: flex;
}

.story-viewer-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 30;
  padding: max(0.55rem, env(safe-area-inset-top)) 0.7rem 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55), transparent);
  pointer-events: none;
}

.story-viewer-top > * {
  pointer-events: auto;
}

.story-progress-row {
  display: flex;
  gap: 3px;
  margin-bottom: 0.55rem;
}

.story-progress-seg {
  flex: 1;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.35);
  overflow: hidden;
}

.story-progress-fill {
  width: 0;
  height: 100%;
  background: #fff;
  border-radius: inherit;
}

.story-progress-seg.is-done .story-progress-fill {
  width: 100%;
}

.story-viewer-meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.story-viewer-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.85);
  flex-shrink: 0;
  background: #262626;
}

.story-viewer-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.story-viewer-titles {
  flex: 1;
  min-width: 0;
}

.story-viewer-close {
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  cursor: pointer;
  display: grid;
  place-items: center;
  position: relative;
  z-index: 40;
  flex-shrink: 0;
  -webkit-tap-highlight-color: transparent;
}

.story-viewer-body {
  flex: 1;
  position: relative;
  min-height: 0;
}

.story-viewer-map {
  position: absolute;
  inset: 0;
  background: #dce3eb;
  overflow: hidden;
}

.story-viewer-map.is-aqi {
  overflow: visible;
}

.story-viewer-map.is-live .story-map-live {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.story-viewer-map .leaflet-container {
  width: 100%;
  height: 100%;
  background: #dce3eb;
  font: inherit;
}

/* حذف کامل برندینگ/واترمارک نقشه و نشان */
.story-viewer-map .leaflet-control-attribution,
.story-viewer-map .leaflet-bottom.leaflet-left,
.story-viewer-map .mapboxgl-ctrl-logo,
.story-viewer-map .mapboxgl-ctrl-attrib,
.story-viewer-map .neshan-platform,
.story-viewer-map .AcPlatform,
.story-viewer-map a[href*="neshan.org"],
.story-viewer-map a[href*="neshan.com"] {
  display: none !important;
}

.story-traffic-legend {
  position: absolute;
  left: 0.65rem;
  right: 0.65rem;
  bottom: 0.75rem;
  z-index: 8;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
  justify-content: center;
  padding: 0.45rem 0.6rem;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #fff;
  font-size: 0.68rem;
  pointer-events: none;
}

.story-traffic-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  white-space: nowrap;
}

.story-traffic-legend i {
  width: 0.7rem;
  height: 0.22rem;
  border-radius: 999px;
  display: inline-block;
}

.story-map-frame {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.story-map-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
  background: #dce3eb;
}

.story-map-logo-cover {
  display: none;
}

.story-map-note {
  display: none !important;
}

.story-tap-zones {
  position: absolute;
  top: 4.5rem;
  left: 0;
  right: 0;
  bottom: 4.5rem;
  z-index: 10;
  display: flex;
  pointer-events: none;
}

.story-tap-zone {
  flex: 0 0 16%;
  pointer-events: auto;
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

.story-tap-zone--hold {
  flex: 1 1 auto;
  cursor: grab;
  pointer-events: none;
}

.story-viewer-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.7rem;
  padding: 0.8rem 1rem max(0.9rem, env(safe-area-inset-bottom));
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65), transparent);
  pointer-events: none;
}

.story-viewer-footer > * {
  pointer-events: auto;
}

.story-like-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 0;
  border-radius: 999px;
  padding: 0.45rem 0.8rem;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: 0.85rem;
}

.story-like-btn.is-liked {
  background: rgba(225, 29, 72, 0.92);
}

.story-live-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.28rem 0.55rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.45);
  font-size: 0.7rem;
}

.story-live-dot {
  width: 0.38rem;
  height: 0.38rem;
  border-radius: 50%;
  background: #ff3040;
}

.story-viewer-hint {
  font-size: 0.7rem;
  opacity: 0.75;
}

.story-viewer-loading {
  position: absolute;
  left: 50%;
  bottom: 5.5rem;
  transform: translateX(-50%);
  z-index: 2;
  display: none;
  place-items: center;
  margin: 0;
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 0.75rem;
  pointer-events: none;
  white-space: nowrap;
}

.story-viewer-error {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: none;
  place-items: center;
  text-align: center;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.72);
  color: #fecaca;
  font-size: 0.9rem;
  pointer-events: none;
}

body.story-viewer-locked,
html.story-viewer-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
}

/* کل صفحه زیر استوری غیرقابل‌کلیک شود تا لینک خبر/منو باز نشود */
body.story-viewer-locked > *:not(#story-viewer) {
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .stories-strip {
    margin: 2px auto 8px;
    min-height: 86px;
  }

  .ig-story__ring {
    width: 64px;
    height: 64px;
  }

  button.ig-story {
    width: 86px;
  }

  .ig-story__label {
    font-size: 10.5px;
    max-width: 86px;
  }

  .story-viewer-hint {
    display: none;
  }
}