html[data-theme-night] {
  color-scheme: dark;
}

html[data-theme-night] body {
  background: #171717;
  color: #eeeeee;
}

html[data-theme-night] .site-header {
  background: rgba(18, 18, 18, .94);
  border-bottom-color: #333333;
}

html[data-theme-night] .nav-wrap nav a,
html[data-theme-night] .brand,
html[data-theme-night] .header-search input,
html[data-theme-night] .crumbs,
html[data-theme-night] .crumbs a,
html[data-theme-night] .list-meta b,
html[data-theme-night] .heading h2,
html[data-theme-night] .content-heading {
  color: #eeeeee;
}

html[data-theme-night] .nav-wrap nav a,
html[data-theme-night] .nav-wrap nav a > i {
  color: #a3a3a3;
}

html[data-theme-night] .nav-wrap nav a:hover,
html[data-theme-night] .nav-wrap nav a.active,
html[data-theme-night] .nav-wrap nav a:hover > i,
html[data-theme-night] .nav-wrap nav a.active > i,
html[data-theme-night] .crumbs a:hover {
  color: #5794ff;
}

html[data-theme-night] .header-search {
  border-color: #333333;
  background: #252525;
}

html[data-theme-night] .header-search:focus-within {
  border-color: #4b82df;
  background: #292929;
  box-shadow: 0 0 0 3px rgba(39, 103, 237, .22);
}

html[data-theme-night] .header-search button,
html[data-theme-night] .heading p,
html[data-theme-night] .list-meta,
html[data-theme-night] .crumbs,
html[data-theme-night] .card-copy small,
html[data-theme-night] .card-foot,
html[data-theme-night] .summary,
html[data-theme-night] .software-row-summary,
html[data-theme-night] .software-row-meta,
html[data-theme-night] .software-row-title small {
  color: #a3a3a3;
}

html[data-theme-night] .theme-toggle {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #3b3b3b;
  border-radius: 9px;
  background: #252525;
  color: #f2c94c;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}

.theme-toggle {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #dce5f0;
  border-radius: 9px;
  background: #f8fbff;
  color: #4978bd;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, transform .2s;
}

.theme-toggle:hover,
.theme-toggle:focus-visible {
  border-color: #87aff0;
  background: #edf4ff;
  color: #2767ed;
  transform: translateY(-1px);
}

html[data-theme-night] .theme-toggle:hover,
html[data-theme-night] .theme-toggle:focus-visible {
  border-color: #4e6f9d;
  background: #303030;
  color: #ffe084;
}

html[data-theme-night] .hero,
html[data-theme-night] .page-top,
html[data-theme-night] .must-hero,
html[data-theme-night] .topic-page-head {
  background: radial-gradient(circle at 76% -12%, rgba(57, 112, 206, .28), transparent 34%), linear-gradient(135deg, #171717, #202020) !important;
}

html[data-theme-night] .hero p,
html[data-theme-night] .page-top p,
html[data-theme-night] .must-hero p,
html[data-theme-night] .topic-page-head p,
html[data-theme-night] .hero-stats,
html[data-theme-night] .must-hero span {
  color: #b9c2ce;
}

html[data-theme-night] .hero small,
html[data-theme-night] .page-top small,
html[data-theme-night] .must-hero small,
html[data-theme-night] .topic-page-head small,
html[data-theme-night] .hero-stats span > i {
  color: #82aaf0;
}

html[data-theme-night] .hero-search {
  background: #252525;
  box-shadow: 0 16px 28px rgba(0, 0, 0, .24);
}

html[data-theme-night] .hero-search input {
  color: #eeeeee;
}

html[data-theme-night] .hero-mark,
html[data-theme-night] .hero-mark span,
html[data-theme-night] .hero-mark strong {
  opacity: .82;
}

html[data-theme-night] .category-grid > a,
html[data-theme-night] .software-card,
html[data-theme-night] .update-list,
html[data-theme-night] .update-column-head,
html[data-theme-night] .categories,
html[data-theme-night] .software-list,
html[data-theme-night] .software-row,
html[data-theme-night] .pager a,
html[data-theme-night] .pager span,
html[data-theme-night] .software-sort-toolbar,
html[data-theme-night] .home-software-card,
html[data-theme-night] .home-article-card,
html[data-theme-night] .must-card,
html[data-theme-night] .topic-directory-card,
html[data-theme-night] .topic-software-grid .home-software-card,
html[data-theme-night] .site-page-article,
html[data-theme-night] .site-page-nav,
html[data-theme-night] .article-detail > article,
html[data-theme-night] .article-random-sidebar,
html[data-theme-night] .search-summary,
html[data-theme-night] .search-empty,
html[data-theme-night] .empty {
  border-color: #333333 !important;
  background: #202020 !important;
  box-shadow: none !important;
}

html[data-theme-night] .search-page-form,
html[data-theme-night] .search-page-form input {
  border-color: #3a3a3a !important;
  background: #252525 !important;
  color: #eeeeee !important;
}

html[data-theme-night] .topic-directory-cover {
  border-color: #333333 !important;
  background: #202020 !important;
}

html[data-theme-night] .topic-directory-card .topic-directory-info {
  border-color: #383838 !important;
  background: #242424 !important;
  box-shadow: 0 12px 24px rgba(0, 0, 0, .24) !important;
}

html[data-theme-night] .topic-directory-card .topic-directory-info strong {
  color: #eeeeee !important;
}

html[data-theme-night] .topic-directory-card .topic-directory-info small {
  color: #a3a3a3 !important;
}

html[data-theme-night] .update-column-head,
html[data-theme-night] .software-sort-toolbar,
html[data-theme-night] .site-page-article > header,
html[data-theme-night] .article-detail > article > header,
html[data-theme-night] .article-random-sidebar > header {
  background: #252525 !important;
}

html[data-theme-night] .updates,
html[data-theme-night] .topic-directory-section,
html[data-theme-night] .must-page,
html[data-theme-night] .search-results {
  background: transparent;
}

html[data-theme-night] .category-grid > a:hover,
html[data-theme-night] .software-card:hover,
html[data-theme-night] .update-list > a:hover,
html[data-theme-night] .updates-grid .update-list > .update-item:hover,
html[data-theme-night] .software-row:hover,
html[data-theme-night] .home-software-card:hover,
html[data-theme-night] .home-article-card:hover,
html[data-theme-night] .must-card:hover,
html[data-theme-night] .article-random-item:hover,
html[data-theme-night] .site-page-nav a:hover,
html[data-theme-night] .categories a:hover {
  background: #292929 !important;
  border-color: #444444 !important;
  box-shadow: none !important;
}

html[data-theme-night] .category-grid strong,
html[data-theme-night] .card-title,
html[data-theme-night] .software-row-title,
html[data-theme-night] .home-showcase-title,
html[data-theme-night] .home-software-card strong,
html[data-theme-night] .home-article-main strong,
html[data-theme-night] .update-column-head h3,
html[data-theme-night] .must-category h2,
html[data-theme-night] .must-card strong,
html[data-theme-night] .topic-directory-info strong,
html[data-theme-night] .site-page-article h2,
html[data-theme-night] .site-page-nav strong,
html[data-theme-night] .article-detail h1,
html[data-theme-night] .article-random-sidebar strong,
html[data-theme-night] .article-random-item b,
html[data-theme-night] .search-software-name,
html[data-theme-night] .search-empty h2 {
  color: #eeeeee !important;
}

html[data-theme-night] .category-grid small,
html[data-theme-night] .home-software-version,
html[data-theme-night] .home-software-card small,
html[data-theme-night] .home-article-main time,
html[data-theme-night] .must-card small,
html[data-theme-night] .must-version,
html[data-theme-night] .topic-directory-info small,
html[data-theme-night] .site-page-content,
html[data-theme-night] .site-page-nav a,
html[data-theme-night] .article-detail > article > header p,
html[data-theme-night] .article-detail time,
html[data-theme-night] .article-random-sidebar small,
html[data-theme-night] .article-random-item small,
html[data-theme-night] .search-empty p {
  color: #a3a3a3 !important;
}

html[data-theme-night] .card-foot,
html[data-theme-night] .software-row,
html[data-theme-night] .update-list > a,
html[data-theme-night] .updates-grid .update-list > .update-item,
html[data-theme-night] .software-row,
html[data-theme-night] .article-random-item,
html[data-theme-night] .site-page-article > header,
html[data-theme-night] .article-detail > article > header {
  border-color: #333333 !important;
}

html[data-theme-night] .categories a,
html[data-theme-night] .software-sort-total,
html[data-theme-night] .software-sort-status,
html[data-theme-night] .software-sort-tabs a,
html[data-theme-night] .pager a,
html[data-theme-night] .pager span {
  color: #b7c0cc;
}

html[data-theme-night] .categories a.active,
html[data-theme-night] .categories a.active i,
html[data-theme-night] .software-sort-tabs a.active,
html[data-theme-night] .software-sort-tabs a.active i,
html[data-theme-night] .software-sort-tabs a:hover,
html[data-theme-night] .software-sort-tabs a:hover i,
html[data-theme-night] .pager a:hover,
html[data-theme-night] .pager a.current,
html[data-theme-night] .site-page-nav a.active {
  border-color: #416aa8 !important;
  background: #2a3850 !important;
  color: #8eb9ff !important;
}

html[data-theme-night] .article-list-card > a,
html[data-theme-night] .article-card-shade {
  border-color: #333333;
}

html[data-theme-night] .article-like-panel,
html[data-theme-night] .article-like-button {
  border-color: #3b4b61 !important;
  background: #222831 !important;
  color: #e7edf6 !important;
}

html[data-theme-night] .article-like-button:hover:not(:disabled),
html[data-theme-night] .article-like-button.is-liked {
  border-color: #4b82df !important;
  background: #2b4165 !important;
  color: #9bc2ff !important;
}

html[data-theme-night] .software-hero,
html[data-theme-night] .software-overview-section,
html[data-theme-night] .software-overview-gallery,
html[data-theme-night] .software-section,
html[data-theme-night] .software-related-section,
html[data-theme-night] .detail-head,
html[data-theme-night] .detail-grid article > section,
html[data-theme-night] .download-box,
html[data-theme-night] .info-box {
  border-color: #333333 !important;
  background: #202020 !important;
  box-shadow: none !important;
}

html[data-theme-night] .software-hero {
  background: radial-gradient(circle at 80% 0, rgba(53, 104, 186, .22), transparent 35%), #202020 !important;
}

html[data-theme-night] .software-facts {
  border-color: #333333 !important;
  background: #202020 !important;
  box-shadow: none !important;
}

html[data-theme-night] .software-facts > div {
  border-color: #333333 !important;
}

html[data-theme-night] .software-facts > div > i {
  background: #273347 !important;
  color: #82adff !important;
}

html[data-theme-night] .software-facts small {
  color: #909aa8 !important;
}

html[data-theme-night] .software-facts strong,
html[data-theme-night] .software-facts a {
  color: #eeeeee !important;
}

html[data-theme-night] .software-gallery-stage {
  border-color: #343941 !important;
  background: radial-gradient(circle at 50% 0%, #292e35, transparent 52%), linear-gradient(145deg, #22262c, #1d2025) !important;
}

html[data-theme-night] .software-gallery-stage .screenshot-device-screen,
html[data-theme-night] .screenshot-lightbox-device .screenshot-device-screen {
  border-color: #59616c !important;
  border-bottom-color: #282e36 !important;
  background: #111821 !important;
  box-shadow: 0 18px 32px rgba(0, 0, 0, .32) !important;
}

html[data-theme-night] .software-gallery-stage .screenshot-device-base,
html[data-theme-night] .screenshot-lightbox-device .screenshot-device-base {
  background: linear-gradient(#737b85, #505862 62%, #343b45) !important;
  box-shadow: 0 13px 17px rgba(0, 0, 0, .3) !important;
}

html[data-theme-night] .software-gallery-stage .screenshot-device-base::before,
html[data-theme-night] .screenshot-lightbox-device .screenshot-device-base::before {
  background: #555f6b !important;
}

html[data-theme-night] .software-gallery-stage .screenshot-device-base span,
html[data-theme-night] .screenshot-lightbox-device .screenshot-device-base span {
  background: rgba(151, 161, 174, .24) !important;
}

html[data-theme-night] .screenshot-lightbox-device img {
  box-shadow: 0 18px 44px rgba(0, 0, 0, .38) !important;
}

html[data-theme-night] .screenshot-lightbox-backdrop {
  background: rgba(8, 15, 27, .84) !important;
}

html[data-theme-night] .screenshot-lightbox-panel {
  border-color: rgba(255, 255, 255, .18) !important;
  background: #121b2a !important;
  box-shadow: 0 35px 95px rgba(0, 0, 0, .52) !important;
}

html[data-theme-night] .screenshot-lightbox-panel > header {
  border-color: rgba(255, 255, 255, .09) !important;
  background: #121b2a !important;
  color: #ffffff !important;
}

html[data-theme-night] .screenshot-lightbox-panel header strong {
  color: #ffffff !important;
}

html[data-theme-night] .screenshot-lightbox-panel header > span {
  color: #9facbf !important;
}

html[data-theme-night] .screenshot-lightbox-close,
html[data-theme-night] .screenshot-lightbox-nav {
  border-color: rgba(255, 255, 255, .13) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #ffffff !important;
}

html[data-theme-night] .screenshot-lightbox-close:hover,
html[data-theme-night] .screenshot-lightbox-nav:hover {
  background: #377bf0 !important;
}

html[data-theme-night] .screenshot-lightbox-viewer {
  background: radial-gradient(circle at center, #233047, #101827 74%) !important;
}

html[data-theme-night] .screenshot-lightbox-panel > footer {
  border-color: rgba(255, 255, 255, .08) !important;
  background: #121b2a !important;
  color: #8593a8 !important;
}

html[data-theme-night] .software-gallery-stage .software-gallery-nav {
  border-color: #46505f !important;
  background: rgba(35, 41, 50, .94) !important;
  color: #91b8f0 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .28) !important;
}

html[data-theme-night] .software-gallery-stage .software-gallery-nav:hover {
  border-color: #4b82df !important;
  background: #377bf0 !important;
  color: #ffffff !important;
  box-shadow: 0 11px 24px rgba(25, 75, 165, .34) !important;
}

html[data-theme-night] .software-hero-copy h1,
html[data-theme-night] .software-overview-section h2,
html[data-theme-night] .software-section-heading h2,
html[data-theme-night] .software-facts strong,
html[data-theme-night] .detail-intro h1,
html[data-theme-night] .detail-grid h2,
html[data-theme-night] .info-box h3 {
  color: #eeeeee !important;
}

html[data-theme-night] .software-hero-copy p,
html[data-theme-night] .software-facts,
html[data-theme-night] .software-facts span,
html[data-theme-night] .software-category-line,
html[data-theme-night] .software-overview-section p,
html[data-theme-night] .software-section-heading p,
html[data-theme-night] .description,
html[data-theme-night] .detail-intro p,
html[data-theme-night] .detail-intro small,
html[data-theme-night] .info-box p,
html[data-theme-night] .info-box p span {
  color: #aeb7c4 !important;
}

html[data-theme-night] .software-category-pill,
html[data-theme-night] .software-hero-tags span,
html[data-theme-night] .software-gallery-counter,
html[data-theme-night] .outline-button {
  border-color: #3b4d68 !important;
  background: #273347 !important;
  color: #9cc2ff !important;
}

html[data-theme-night] .software-like-button {
  border-color: #4b82df !important;
  background: #222831 !important;
  color: #85b4ff !important;
}

html[data-theme-night] .software-like-button.is-liked,
html[data-theme-night] .software-like-button:hover:not(:disabled) {
  background: #2b4165 !important;
  color: #a7cbff !important;
}

html[data-theme-night] .rich-content,
html[data-theme-night] .rich-content .ql-editor,
html[data-theme-night] .article-body,
html[data-theme-night] .site-page-content {
  color: #d8dde5 !important;
}

html[data-theme-night] .rich-content a {
  color: #82adff !important;
}

html[data-theme-night] .rich-content blockquote,
html[data-theme-night] .rich-content pre,
html[data-theme-night] .ql-snow .ql-editor pre,
html[data-theme-night] pre code {
  border-color: #38485d !important;
  background: #161b22 !important;
  color: #d7e2f2 !important;
}

html[data-theme-night] .download-modal-panel,
html[data-theme-night] .software-notice-panel,
html[data-theme-night] .broken-link-dialog-panel,
html[data-theme-night] .site-popup-notice-card,
html[data-theme-night] .download-extra-card {
  border-color: #3a3a3a !important;
  background: #242424 !important;
  color: #eeeeee !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .5) !important;
}

html[data-theme-night] .download-modal-panel > header,
html[data-theme-night] .download-extra-card > header,
html[data-theme-night] .software-notice-header,
html[data-theme-night] .broken-link-dialog-panel > header {
  border-color: #383838 !important;
  background: #292929 !important;
}

html[data-theme-night] .download-modal-panel h2,
html[data-theme-night] .download-channel strong,
html[data-theme-night] .download-modal-intro strong,
html[data-theme-night] .download-extra-card h2,
html[data-theme-night] .software-notice-panel h2,
html[data-theme-night] .broken-link-dialog-panel h2,
html[data-theme-night] .site-popup-notice-copy strong {
  color: #eeeeee !important;
}

html[data-theme-night] .download-modal-panel p,
html[data-theme-night] .download-channel p,
html[data-theme-night] .download-modal-intro p,
html[data-theme-night] .download-extra-card p,
html[data-theme-night] .software-notice-content,
html[data-theme-night] .broken-link-dialog-panel header p,
html[data-theme-night] .site-popup-notice-copy p {
  color: #b0b7c2 !important;
}

html[data-theme-night] .download-channel,
html[data-theme-night] .download-empty,
html[data-theme-night] .download-modal-notice,
html[data-theme-night] .download-modal-footer,
html[data-theme-night] .download-code,
html[data-theme-night] .broken-link-dialog-panel label span,
html[data-theme-night] .software-notice-footer {
  border-color: #3a3a3a !important;
  background: #202020 !important;
  color: #c5ccd5 !important;
}

html[data-theme-night] .download-channel:hover {
  border-color: #4b6f9f !important;
  background: #292929 !important;
}

html[data-theme-night] .download-extra-qr-grid article,
html[data-theme-night] .download-extra-qr-grid img,
html[data-theme-night] .download-payment-placeholder {
  border-color: #3a3a3a !important;
  background: #202020 !important;
  color: #aeb7c4 !important;
}

html[data-theme-night] .download-modal-close,
html[data-theme-night] .software-notice-close,
html[data-theme-night] .broken-link-dialog-panel header button,
html[data-theme-night] .site-popup-notice-close,
html[data-theme-night] .download-modal-footer-close,
html[data-theme-night] .broken-link-dialog-panel > footer button {
  border-color: #3b3b3b !important;
  background: #2d2d2d !important;
  color: #d9dee7 !important;
}

html[data-theme-night] .download-extra-button,
html[data-theme-night] .broken-link-trigger {
  border-color: #4b82df !important;
  background: #273b5c !important;
  color: #9fc5ff !important;
}

html[data-theme-night] .download-extra-button:hover,
html[data-theme-night] .broken-link-trigger:hover {
  border-color: #6ba0f4 !important;
  background: #2d4873 !important;
  color: #e7f0ff !important;
}

html[data-theme-night] .download-code code,
html[data-theme-night] .download-channel-icon,
html[data-theme-night] .download-modal-mark {
  background: #2b3340 !important;
  color: #b9d2ff !important;
}

html[data-theme-night] .broken-link-dialog-panel label input:checked + span {
  border-color: #d96d73 !important;
  background: #3b292b !important;
  color: #ffb8bc !important;
}

html[data-theme-night] footer {
  border-top-color: #333333 !important;
  background: #121212 !important;
  color: #9ea7b2 !important;
}

html[data-theme-night] .footer-links a,
html[data-theme-night] .footer-copyright a {
  color: #c0c9d5 !important;
}

html[data-theme-night] .footer-links a i {
  color: #7aa6e8 !important;
}

html[data-theme-night] .footer-links a:hover,
html[data-theme-night] .footer-links a:hover i,
html[data-theme-night] .footer-copyright a:hover {
  color: #77a8ff !important;
}

html[data-theme-night] .footer-copyright,
html[data-theme-night] .footer-links + .footer-copyright {
  border-top-color: #333333 !important;
  color: #929aa6 !important;
}

html[data-theme-night] .back-to-top {
  border-color: #3c4c63;
  background: #263142;
  color: #b8d2ff;
}

@media (max-width: 640px) {
  .theme-toggle,
  html[data-theme-night] .theme-toggle {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    border-radius: 8px;
  }

  .nav-wrap {
    gap: 8px;
  }
}

@media (max-width: 420px) {
  .header-search {
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
    flex-basis: 104px !important;
  }
}