/* Desktop-only presentation shell. Mobile clients are served from /m/*. */

/* Desktop-only presentation shell. Mobile clients are served from /m/*. */

body.desktop-workspace {
  --sidebar-width: 256px;
  --desktop-header-height: 68px;
  background:
    radial-gradient(circle at 72% -20%, rgb(98 226 155 / 5%), transparent 32%),
    var(--canvas);
}

.desktop-workspace .workspace {
  min-width: 1024px;
}

.desktop-workspace .workspace-sidebar {
  width: var(--sidebar-width);
  padding: 18px 14px;
  border-right-color: rgb(255 255 255 / 8%);
}

.desktop-workspace .workspace-topbar {
  min-height: var(--desktop-header-height);
  padding-inline: 28px;
  border-bottom-color: rgb(255 255 255 / 7%);
  background: rgb(8 9 12 / 95%);
}

.desktop-workspace .workspace-content {
  width: min(var(--content-max), 100%);
  padding: 34px 40px 72px;
}

.desktop-workspace .workspace-nav a, .desktop-workspace .sidebar-credit, .desktop-workspace .sidebar-account {
  border-radius: 8px;
}

.desktop-workspace .page-heading {
  margin-bottom: 28px;
}

.desktop-workspace .panel, .desktop-workspace .account-panel {
  border-color: rgb(255 255 255 / 9%);
}

.desktop-workspace .mobile-tabs {
  display: none;
}

@media (min-width: 1440px) {
  .desktop-workspace .workspace-content {
    padding-inline: 48px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .desktop-workspace *, .desktop-workspace *::before, .desktop-workspace *::after {
    scroll-behavior: auto;
  }
}