.weather__name {
  color: #3D3D3D;
}
body.acc_font_small .weather__name {
  font-size: calc(14px * 1);
}
@media (min-width: 320px) {
  body.acc_font_small .weather__name {
    font-size: calc(14px * 1);
  }
}
@media (min-width: 767px) {
  body.acc_font_small .weather__name {
    font-size: calc((-600vw + 4616px) * 1);
  }
}
@media (min-width: 768px) {
  body.acc_font_small .weather__name {
    font-size: calc((0.6444683136vw + 3.0504833512px) * 1);
  }
}
@media (min-width: 1699px) {
  body.acc_font_small .weather__name {
    font-size: calc(14px * 1);
  }
}
body.acc_font_medium .weather__name {
  font-size: calc(14px * 1.12);
}
@media (min-width: 320px) {
  body.acc_font_medium .weather__name {
    font-size: calc(14px * 1.12);
  }
}
@media (min-width: 767px) {
  body.acc_font_medium .weather__name {
    font-size: calc((-600vw + 4616px) * 1.12);
  }
}
@media (min-width: 768px) {
  body.acc_font_medium .weather__name {
    font-size: calc((0.6444683136vw + 3.0504833512px) * 1.12);
  }
}
@media (min-width: 1699px) {
  body.acc_font_medium .weather__name {
    font-size: calc(14px * 1.12);
  }
}
body.acc_font_big .weather__name {
  font-size: calc(14px * 1.25);
}
@media (min-width: 320px) {
  body.acc_font_big .weather__name {
    font-size: calc(14px * 1.25);
  }
}
@media (min-width: 767px) {
  body.acc_font_big .weather__name {
    font-size: calc((-600vw + 4616px) * 1.25);
  }
}
@media (min-width: 768px) {
  body.acc_font_big .weather__name {
    font-size: calc((0.6444683136vw + 3.0504833512px) * 1.25);
  }
}
@media (min-width: 1699px) {
  body.acc_font_big .weather__name {
    font-size: calc(14px * 1.25);
  }
}

.weather__wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 1.375rem;
  padding-left: 1.375rem;
  border-left: 1px solid #D6D8E0;
  font-size: 0.9em;
}

.weather__img {
  margin-right: 0.9375rem;
  color: #000000;
}
.weather__img > i {
  font-size: 1.1em;
}

.weather__name {
  margin-right: 0.3125rem;
  text-transform: capitalize;
}

@media (max-width: 850px) {
  .weather__wrapper {
    border-left: none;
  }
}
@media (max-width: 1300px) {
  .weather__name {
    display: none;
  }
}/*# sourceMappingURL=weather.css.map */