.darkFooter {
      width: 100% !important;
      flex: 0 0 auto !important;
      margin: 0 !important;
      border-top: 1px solid rgba(255,255,255,.12) !important;
      background: transparent !important;
      color: rgba(245,245,242,.62) !important;
      font-size: 13px !important;
      line-height: 1.35 !important;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    }

    .darkFooter .footer-inner {
      width: min(100% - 32px, var(--max, 1180px)) !important;
      min-height: 62px !important;
      margin: 0 auto !important;
      padding: 0 !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto minmax(120px, auto) !important;
      align-items: center !important;
      justify-items: stretch !important;
      gap: 18px !important;
    }

    .darkFooter .footer-copy {
      min-width: 0 !important;
    }

    .darkFooter .footer-links {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 14px !important;
      justify-self: center !important;
      text-align: center !important;
    }

    .darkFooter .footer-links a {
      color: inherit !important;
      text-decoration: none !important;
      font-weight: 500 !important;
    }

    .darkFooter .footer-links a:hover {
      color: var(--text, #f5f5f5) !important;
    }

    .darkFooter .footer-version {
      justify-self: end !important;
      text-align: right !important;
      color: inherit !important;
      font-weight: 500 !important;
      letter-spacing: 0 !important;
      white-space: nowrap !important;
    }


    body:not(.auth-mode):not(.chat-mode) .darkFooter {
      margin-top: auto !important;
    }

    html[data-theme="light"] body:not(.auth-mode) .darkFooter,
    html[data-register-theme="light"] body:not(.auth-mode) .darkFooter {
      border-top-color: rgba(17,17,17,.12) !important;
      color: rgba(17,17,17,.58) !important;
    }

    html[data-theme="light"] body:not(.auth-mode) .darkFooter .footer-links a:hover,
    html[data-register-theme="light"] body:not(.auth-mode) .darkFooter .footer-links a:hover {
      color: #111111 !important;
    }

    body.auth-mode .registerPage.is-active,
    body.auth-mode .entryPage.is-active {
      display: flex !important;
      flex-direction: column !important;
    }

    body.auth-mode .registerPage:not(.is-active) > .darkFooter,
    body.auth-mode .entryPage:not(.is-active) > .darkFooter,
    body.auth-mode .panel.frame:not(.is-active) > .darkFooter {
      display: none !important;
    }

    body.auth-mode .darkFooter {
      order: 3 !important;
      margin-top: auto !important;
      padding-top: 18px !important;
      padding-bottom: 18px !important;
      border-top-color: rgba(255,255,255,.12) !important;
      color: rgba(245,245,242,.58) !important;
    }

    html[data-theme="light"] body.auth-mode .darkFooter,
    html[data-register-theme="light"] body.auth-mode .darkFooter {
      border-top-color: rgba(17,17,17,.12) !important;
      color: rgba(17,17,17,.58) !important;
    }

    html[data-theme="light"] body.auth-mode .darkFooter .footer-links a:hover,
    html[data-register-theme="light"] body.auth-mode .darkFooter .footer-links a:hover {
      color: #111111 !important;
    }

    body.chat-mode .darkFooter {
      display: none !important;
    }

    @media (max-width: 780px) {
      .darkFooter .footer-inner {
        width: min(100% - 24px, var(--max, 1180px)) !important;
        min-height: 0 !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
        padding-top: 16px !important;
        padding-bottom: 18px !important;
      }

      .darkFooter .footer-version,
      .darkFooter .footer-links {
        justify-self: start !important;
        text-align: left !important;
      }
    }

    @media (max-width: 760px) {
      body.auth-mode .darkFooter {
        padding-bottom: calc(16px + env(safe-area-inset-bottom)) !important;
      }
    }