.w-visitors {
  position: fixed;
  top: 2px;
  right: 2px;
  background: white;
  border-radius: 4px;
  padding: 15px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  z-index: 99;
  display: none;
  font-family: "ProximaNovaExtraCondensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 700;
  font-size: 1.2rem; }
  @media (max-width: 666px) {
    .w-visitors {
      left: calc(50% - 200px);
      right: calc(50% - 200px);
      padding: 15px;
      min-height: 132px; } }
  @media (max-width: 567px) {
    .w-visitors {
      font-size: 0.9rem;
      top: auto;
      right: 2px;
      bottom: 2px;
      left: 2px; } }
  .w-visitors-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0; }
    @media (max-width: 666px) {
      .w-visitors-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        max-width: 530px;
        margin-left: auto;
        margin-right: auto; } }
    .w-visitors-list li {
      margin-bottom: 5px; }
      .w-visitors-list li:last-child {
        margin-bottom: 0; }
      @media (max-width: 666px) {
        .w-visitors-list li {
          flex-basis: 45%;
          max-width: 180px; } }
      @media (max-width: 666px) {
        .w-visitors-list li:first-child {
          flex-basis: 100%;
          flex-shrink: 0;
          font-size: 1.1rem;
          max-width: 100%; } }
  .w-visitors-common {
    display: flex;
    justify-content: center; }
    .w-visitors-common-container {
      padding: 10px 11px 9px;
      background: #333333;
      border-radius: 8px;
      margin-top: 20px;
      margin-bottom: 10px;
      max-width: 280px; }
    .w-visitors-common__title {
      background: white;
      text-transform: uppercase;
      padding: 2px 4px;
      line-height: 1.1;
      font-weight: 700;
      margin-top: 10px;
      border-radius: 2px; }
    .w-visitors-common .common-numbers {
      font-size: 36px;
      animation: red-white  1s ease-in-out;
      margin: 0 3px;
      color: white;
      padding: 1px 4px;
      line-height: 1;
      display: inline-block; }
      @media (max-width: 991px) {
        .w-visitors-common .common-numbers {
          font-size: 30px; } }
      @media (max-width: 767px) {
        .w-visitors-common .common-numbers {
          font-size: 24px; } }
  .w-visitors .numbers {
    font-weight: 900;
    font-family: "HelveticaNeueCyrillicCondensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1.3rem; }
  .w-visitors-close {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.1s; }
    .w-visitors-close:hover {
      opacity: 0.9; }
    @media (max-width: 666px) {
      .w-visitors-close {
        font-size: 1.6rem;
        right: calc(50% - 190px); } }
    @media (max-width: 567px) {
      .w-visitors-close {
        right: 0; } }
  .w-visitors .new {
    animation: red  1s ease-in-out; }

@keyframes red {
  from {
    color: red; }
  to {
    color: #212529; } }
@keyframes red-white {
  from {
    color: red; }
  to {
    color: white; } }

/*# sourceMappingURL=visitors.css.map */