/* Min breakpoint width */
/* MAx breakpoint width */

.layout {
  margin-bottom: 60px; }
  @media (min-width: 992px) {
    .layout {
      margin-bottom: 0; } }
  .layout__left-panel {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12);
    border: solid 1px rgba(0, 0, 0, 0.08); }
  .layout__header {
    padding: 15px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.16); }
    .layout__header-text {
      font-weight: 600;
      font-size: 20px;
      padding: 10px 0;
      line-height: normal; }

.site-footer {
  width: 100%;
  background-color: var(--footer-bg-color);
  color: #fff;
  padding-block: 64px;
  font-size: 14px; }
  .site-footer .footer {
    max-width: 1126px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1140px) {
      .site-footer .footer {
        padding-left: 24px;
        padding-right: 24px; } }
  .site-footer a {
    text-decoration: none; }

.user-menu {
  position: absolute;
  right: 0;
  top: 100%;
  width: 235px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 5px 14px 0 rgba(0, 0, 0, 0.1);
  z-index: 23;
  padding-top: 10px; }
  .user-menu__item {
    font-size: 13px;
    font-weight: 600;
    padding: 16px 15px;
    cursor: pointer; }
    .user-menu__item.with-icon {
      display: flex;
      align-items: center; }
    .user-menu__item:hover {
      color: var(--color-primary); }
    .user-menu__item.user-name {
      background-color: var(--color-primary);
      color: #ffffff;
      cursor: inherit; }
    .user-menu__item:not(:last-child) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.38); }
  .user-menu:before {
    border: 5px solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
    border-bottom-color: var(--color-primary);
    position: absolute;
    right: 15px;
    top: 0px; }

#network-error-popup {
  display: none; }
  #network-error-popup .modal {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999999990; }
    #network-error-popup .modal .network {
      background-color: #ffffff;
      padding: 30px 35px;
      border-radius: 5px;
      width: 330px; }
      #network-error-popup .modal .network > div:first-child > div:first-child > span.icon {
        display: none; }
    #network-error-popup .modal .page__error-description {
      text-align: center;
      color: rgba(0, 0, 0, 0.6); }
  #network-error-popup.hide {
    display: none; }
  #network-error-popup.show {
    display: block; }

#api-error-popup {
  display: none; }
  #api-error-popup .modal {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999999990; }
    #api-error-popup .modal .network {
      background-color: #ffffff;
      padding: 30px 35px;
      border-radius: 5px;
      width: 330px; }
      #api-error-popup .modal .network > div:first-child > div:first-child > span.icon {
        display: none; }
    #api-error-popup .modal .page__error-description {
      text-align: center;
      color: rgba(0, 0, 0, 0.6); }
  #api-error-popup.hide {
    display: none; }
  #api-error-popup.show {
    display: block; }

.mobile-banner {
  width: 100%; }
  @media (min-width: 992px) {
    .mobile-banner {
      display: none; } }