@charset "UTF-8";

.unit-rating {
  direction: rtl !important;
  overflow: hidden;
}

.unit-rating,
.unit-rating li a:hover,
.unit-rating li.current-rating {
  background-position: right center !important;
  background-repeat: repeat-x !important;
  background-size: 1.5rem 1.5rem !important;
}

.unit-rating li {
  float: none !important;
}

.unit-rating li.current-rating {
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  max-width: 100%;
}

.unit-rating li a:hover {
  right: 0 !important;
  left: auto !important;
}

.unit-rating a.r1-unit {
  right: 0 !important;
  left: auto !important;
}

.unit-rating a.r2-unit {
  right: 20% !important;
  left: auto !important;
}

.unit-rating a.r3-unit {
  right: 40% !important;
  left: auto !important;
}

.unit-rating a.r4-unit {
  right: 60% !important;
  left: auto !important;
}

.unit-rating a.r5-unit {
  right: 80% !important;
  left: auto !important;
}

.softroid-toasts {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 10010;
  display: grid;
  width: min(22rem, calc(100vw - 2rem));
  gap: 0.625rem;
  pointer-events: none;
}

.softroid-toast {
  position: relative;
  display: grid;
  min-height: 3.75rem;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  align-items: center;
  gap: 0.75rem;
  overflow: hidden;
  padding: 0.75rem 0.875rem 0.875rem;
  border: 1px solid rgba(23, 32, 33, 0.08);
  border-radius: 0.5rem;
  background: #fff;
  box-shadow: 0 1.25rem 3rem -1rem rgba(23, 32, 33, 0.28);
  color: #172021;
  opacity: 0;
  pointer-events: auto;
  transform: translateY(0.75rem);
  transition: opacity 0.24s ease, transform 0.24s ease;
}

.softroid-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.softroid-toast.is-leaving {
  opacity: 0;
  transform: translateY(0.5rem);
}

.softroid-toast-icon {
  display: grid;
  width: 2.25rem;
  height: 2.25rem;
  place-items: center;
  border-radius: 50%;
  background: rgba(42, 157, 109, 0.12);
  color: #23865e;
}

.softroid-toast--info .softroid-toast-icon {
  background: rgba(41, 177, 216, 0.12);
  color: #1685a5;
}

.softroid-toast--error .softroid-toast-icon {
  background: rgba(222, 72, 95, 0.11);
  color: #c93b51;
}

.softroid-toast-copy {
  min-width: 0;
  font-size: 0.8125rem;
  font-weight: 750;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.softroid-toast-progress {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 0.1875rem;
  background: #2a9d6d;
  animation: softroid-toast-progress var(--toast-duration) linear forwards;
  transform-origin: right center;
}

.softroid-toast--info .softroid-toast-progress {
  background: #29b1d8;
}

.softroid-toast--error .softroid-toast-progress {
  background: #de485f;
}

@keyframes softroid-toast-progress {
  to {
    transform: scaleX(0);
  }
}

@media (max-width: 61.9375rem) {
  .logotype {
    width: 7.5rem;
    height: 2.25rem;
    margin-top: 0.125rem !important;
    background-position: center;
  }

  .header-panel > .header {
    min-height: 2.5rem;
  }

  .menu-btn,
  .h-search {
    top: calc(0.25rem + env(safe-area-inset-top, 0px));
    width: 2.5rem;
    height: 2.5rem;
  }

  .menu-btn,
  .h-search {
    padding: 0.5rem;
  }

  .h-search svg {
    width: 1.5rem !important;
    height: 1.5rem !important;
  }

  .h-search {
    left: 0.5rem;
  }

  .search-drop.open ~ .logotype {
    margin-left: -3.75rem;
  }

  .header-menu .h-tools {
    border-bottom: 1px solid transparent;
  }

  .h-menu {
    padding: 1.25rem;
  }

  .h-menu-links {
    padding-top: 0.25rem;
    border-top: 1px solid transparent;
  }

}

@media (max-width: 22.5rem) {
  .logotype {
    width: 6.25rem;
    height: 2.25rem;
  }

  .search-drop.open ~ .logotype {
    margin-left: -3.125rem;
  }
}

@media (max-width: 29.9375rem) {
  .softroid-toasts {
    right: 0.75rem;
    bottom: 0.75rem;
    width: calc(100vw - 1.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body,
  .header-panel,
  .header-menu,
  .h-menu-drop,
  .search-dropbox,
  .dropdown-menu,
  .block,
  .app-cont,
  .post_list .post,
  .footer,
  .site-footer,
  .download-section,
  .comments-section .comment-respond,
  .comment-card,
  .comments-load-more,
  .comment-reaction,
  .softroid-toast,
  input,
  textarea,
  select {
    transition: none;
  }

  .softroid-toast-progress {
    animation: none;
  }
}