:root {
  color-scheme: light;
  --og-theme-bg: #f8f9fa;
  --og-theme-surface: #ffffff;
  --og-theme-surface-soft: #f1f5f9;
  --og-theme-text: #20242c;
  --og-theme-muted: #667085;
  --og-theme-border: #dfe5ee;
}

html.og-workspace-dark {
  color-scheme: dark;
  --og-theme-bg: #141927;
  --og-theme-surface: #222b3a;
  --og-theme-surface-soft: #2a3445;
  --og-theme-text: #e5e9f0;
  --og-theme-muted: #aeb8c8;
  --og-theme-border: #465268;
}

.og-workspace-theme-button {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 2.5rem;
  min-width: 2.5rem;
}

.og-workspace-theme-icon {
  fill: none;
  height: 1.15rem;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
  width: 1.15rem;
}

.og-workspace-theme-icon[data-og-theme-icon="moon"] {
  display: none;
}

html.og-workspace-dark .og-workspace-theme-icon[data-og-theme-icon="sun"] {
  display: none;
}

html.og-workspace-dark .og-workspace-theme-icon[data-og-theme-icon="moon"] {
  display: block;
}

html.og-workspace-dark body,
html.og-workspace-dark body.bg-light {
  background-color: var(--og-theme-bg) !important;
  color: var(--og-theme-text);
}

html.og-workspace-dark .bg-white,
html.og-workspace-dark .card,
html.og-workspace-dark .dropdown-menu,
html.og-workspace-dark .list-group-item,
html.og-workspace-dark .modal-content,
html.og-workspace-dark .popover {
  background-color: var(--og-theme-surface) !important;
  border-color: var(--og-theme-border) !important;
  color: var(--og-theme-text);
}

html.og-workspace-dark .bg-light,
html.og-workspace-dark .card-header,
html.og-workspace-dark .dropdown-item:focus,
html.og-workspace-dark .dropdown-item:hover,
html.og-workspace-dark .table-hover tbody tr:hover {
  background-color: var(--og-theme-surface-soft) !important;
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .border,
html.og-workspace-dark .border-bottom,
html.og-workspace-dark .border-dark,
html.og-workspace-dark .border-top,
html.og-workspace-dark .dropdown-divider,
html.og-workspace-dark .table td,
html.og-workspace-dark .table th {
  border-color: var(--og-theme-border) !important;
}

html.og-workspace-dark .text-dark,
html.og-workspace-dark .dropdown-item,
html.og-workspace-dark .table {
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .text-muted,
html.og-workspace-dark .footer {
  color: var(--og-theme-muted) !important;
}

html.og-workspace-dark a:not([class]) {
  color: #7dd3fc;
}

html.og-workspace-dark .form-control,
html.og-workspace-dark .custom-select,
html.og-workspace-dark input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
html.og-workspace-dark select,
html.og-workspace-dark textarea {
  background-color: #202938;
  border-color: #526077;
  color: var(--og-theme-text);
}

html.og-workspace-dark .form-control:disabled,
html.og-workspace-dark .form-control[readonly],
html.og-workspace-dark input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):disabled,
html.og-workspace-dark input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"])[readonly] {
  background-color: #293344;
  color: #9ba7b8;
}

html.og-workspace-dark .form-control::placeholder,
html.og-workspace-dark input:not([type="button"]):not([type="submit"]):not([type="reset"])::placeholder,
html.og-workspace-dark textarea::placeholder {
  color: #8290a5;
}

html.og-workspace-dark .btn-light,
html.og-workspace-dark .btn-outline-dark,
html.og-workspace-dark .btn-outline-secondary {
  background-color: #303b4d;
  border-color: #566278;
  color: var(--og-theme-text);
}

html.og-workspace-dark .btn-light:hover,
html.og-workspace-dark .btn-outline-dark:hover,
html.og-workspace-dark .btn-outline-secondary:hover {
  background-color: #3b475b;
  border-color: #66738a;
  color: #fff;
}

html.og-workspace-dark #filter-year .btn-dark,
html.og-workspace-dark #filter-series .btn-dark {
  background-color: #007bff;
  border-color: #007bff;
  box-shadow: none;
  color: #fff;
}

html.og-workspace-dark #filter-year .btn-dark:hover,
html.og-workspace-dark #filter-year .btn-dark:focus,
html.og-workspace-dark #filter-series .btn-dark:hover,
html.og-workspace-dark #filter-series .btn-dark:focus {
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: none;
  color: #fff;
}

html.og-workspace-dark #filter-series.border-right {
  border-right: 0 !important;
}

html.og-workspace-dark #tbl {
  border-left: 0 !important;
}

html.og-workspace-dark #tbl thead.bg-dark {
  background-color: #3b4d68 !important;
  color: #f8fafc !important;
}

html.og-workspace-dark #tbl thead th {
  border-bottom-color: #64748b !important;
}

html.og-workspace-dark #tbl th:first-child,
html.og-workspace-dark #tbl td:first-child {
  border-left: 0 !important;
}

html.og-workspace-dark #tbl tbody tr {
  background-color: #222b3a;
  transition: background-color .12s ease;
}

html.og-workspace-dark #tbl tbody tr:nth-child(even) {
  background-color: #253043;
}

html.og-workspace-dark #tbl tbody td {
  border-color: #39465a !important;
}

html.og-workspace-dark #tbl.table-hover tbody tr:hover {
  background-color: #2b3850 !important;
  color: #f1f5f9 !important;
}

html.og-workspace-dark #tbl .text-duplicated {
  color: #9aa6b8;
}

html.og-workspace-dark #tbl .text-start {
  color: #f1f5f9;
  font-weight: 600;
}

html.og-workspace-dark #tbl tr:hover .text-duplicated {
  color: #dce3ed;
  font-weight: 500;
}

html.og-workspace-dark #tbl tbody .fa-square {
  filter: drop-shadow(0 0 1px rgba(255, 255, 255, .45));
}

html.og-workspace-dark #tbl tbody .btn {
  transition: background-color .12s ease, color .12s ease;
}

html.og-workspace-dark #tbl tbody .btn-outline-dark {
  background-color: transparent;
  color: #cbd5e1;
}

html.og-workspace-dark #tbl tbody .btn-outline-dark:hover,
html.og-workspace-dark #tbl tbody .btn-outline-dark:focus {
  background-color: #344158;
  color: #fff;
}

html.og-workspace-dark #tbl tbody .btn-outline-success {
  color: #4ade80;
}

html.og-workspace-dark #tbl tbody .btn-outline-success:hover,
html.og-workspace-dark #tbl tbody .btn-outline-success:focus {
  background-color: rgba(74, 222, 128, .12);
  color: #86efac;
}

html.og-workspace-dark #tbl tbody .btn-outline-warning {
  color: #fbbf24;
}

html.og-workspace-dark #tbl tbody .btn-outline-warning:hover,
html.og-workspace-dark #tbl tbody .btn-outline-warning:focus {
  background-color: rgba(251, 191, 36, .12);
  color: #fde68a;
}

html.og-workspace-dark .portfolio-edit-breadcrumb {
  color: #cbd5e1;
}

html.og-workspace-dark .portfolio-edit-breadcrumb > .fa {
  color: #64748b;
}

html.og-workspace-dark .portfolio-edit-section-title {
  align-items: center;
  color: #e8edf5;
  display: flex;
  font-weight: 600;
  gap: .45rem;
  letter-spacing: -.01em;
}

html.og-workspace-dark .portfolio-edit-section-icon {
  flex: 0 0 auto;
  font-size: 1rem;
  margin-right: .1rem;
}

html.og-workspace-dark .portfolio-edit-section-icon .fa-circle {
  color: #263a59;
}

html.og-workspace-dark .portfolio-edit-section-icon .fa-stack-1x {
  color: #93c5fd !important;
}

html.og-workspace-dark .portfolio-edit-section-icon-information .fa-circle {
  color: #1d4654;
}

html.og-workspace-dark .portfolio-edit-section-icon-information .fa-stack-1x {
  color: #67e8f9 !important;
}

html.og-workspace-dark .portfolio-edit-section-icon-backups .fa-circle {
  color: #3b315d;
}

html.og-workspace-dark .portfolio-edit-section-icon-backups .fa-stack-1x {
  color: #c4b5fd !important;
}

html.og-workspace-dark .portfolio-edit-section-icon-performance .fa-circle {
  color: #4a3c1f;
}

html.og-workspace-dark .portfolio-edit-section-icon-performance .fa-stack-1x {
  color: #fcd34d !important;
}

html.og-workspace-dark .portfolio-edit-section-icon-danger .fa-circle {
  color: #522d38;
}

html.og-workspace-dark .portfolio-edit-section-icon-danger .fa-stack-1x {
  color: #fda4af !important;
}

html.og-workspace-dark .portfolio-edit-page .col-form-label,
html.og-workspace-dark .portfolio-edit-page .custom-control-label {
  color: #cbd5e1;
}

html.og-workspace-dark .portfolio-edit-page .input-group-text {
  background-color: #303b4d;
  border-color: #526077;
  color: #cbd5e1;
}

html.og-workspace-dark .portfolio-edit-page .custom-control-input:not(:checked) ~ .custom-control-label::before {
  background-color: #303b4d;
  border-color: #64748b;
}

html.og-workspace-dark .portfolio-edit-panel {
  background-color: #1d2737 !important;
  border: 1px solid #344258;
  border-color: #344258 !important;
  border-radius: .65rem !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
}

html.og-workspace-dark .portfolio-edit-information-panel .fa-calendar {
  color: #7dd3fc;
}

html.og-workspace-dark .portfolio-edit-performance-panel #togger-perf {
  color: #93c5fd;
}

html.og-workspace-dark .portfolio-edit-download {
  color: #4ade80;
}

html.og-workspace-dark .portfolio-edit-download:hover,
html.og-workspace-dark .portfolio-edit-download:focus {
  background-color: rgba(74, 222, 128, .12);
  color: #86efac;
}

html.og-workspace-dark .portfolio-edit-backups-table thead th {
  background-color: #263247;
  border-bottom-color: #526077 !important;
  color: #e2e8f0;
}

html.og-workspace-dark .portfolio-edit-backups-table tbody td {
  border-color: #39465a !important;
}

html.og-workspace-dark .portfolio-edit-backups-table.table-hover tbody tr:hover {
  background-color: #2b3850 !important;
  color: #f1f5f9 !important;
}

html.og-workspace-dark .portfolio-edit-danger-panel {
  background-color: #2a2028 !important;
  border-color: #69404c !important;
}

html.og-workspace-dark .portfolio-edit-danger-panel #del.btn-outline-dark {
  background-color: transparent;
  border-color: #7b5560;
  color: #d8c5ca;
}

html.og-workspace-dark .portfolio-edit-danger-panel #del.btn-outline-dark:hover,
html.og-workspace-dark .portfolio-edit-danger-panel #del.btn-outline-dark:focus {
  background-color: rgba(251, 113, 133, .1);
  border-color: #fb7185;
  color: #fecdd3;
}

html.og-workspace-dark .webboard-page-title {
  color: #e8edf5;
}

html.og-workspace-dark .webboard-create-action {
  color: #4ade80;
}

html.og-workspace-dark .webboard-create-action:hover,
html.og-workspace-dark .webboard-create-action:focus {
  background-color: #28a745;
  color: #fff;
}

html.og-workspace-dark .webboard-pager .page-link {
  background-color: #222b3a;
  border-color: #465268;
  color: #60a5fa;
}

html.og-workspace-dark .webboard-pager .page-link:hover,
html.og-workspace-dark .webboard-pager .page-link:focus {
  background-color: #2a3445;
  border-color: #66738a;
  color: #93c5fd;
}

html.og-workspace-dark .webboard-pager .page-item.active .page-link {
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

html.og-workspace-dark .webboard-pager .page-item.disabled .page-link {
  background-color: #1b2230;
  border-color: #465268;
  color: #64748b;
}

html.og-workspace-dark .webboard-table thead th {
  background-color: transparent;
  color: #f1f5f9;
}

html.og-workspace-dark .webboard-table tbody tr {
  background-color: transparent;
}

html.og-workspace-dark .webboard-table tbody td {
  color: #d8dee9;
}

html.og-workspace-dark .webboard-table.table-hover tbody tr:hover {
  background-color: var(--og-theme-surface-soft) !important;
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .webboard-post-link {
  color: #7dd3fc;
}

html.og-workspace-dark .webboard-post-link:hover,
html.og-workspace-dark .webboard-post-link:focus {
  color: #bae6fd;
}

html.og-workspace-dark .webboard-post-id,
html.og-workspace-dark .webboard-post-owner {
  color: #9aa6b8 !important;
}

html.og-workspace-dark .webboard-post-date {
  color: #cbd5e1 !important;
}

html.og-workspace-dark .webboard-pinned-icon {
  color: var(--og-theme-text) !important;
}

/* Main site surfaces with their own page-level styling. */
html.og-workspace-dark .home-shell {
  --home-ink: var(--og-theme-text);
  --home-muted: var(--og-theme-muted);
}

html.og-workspace-dark .home-update-card,
html.og-workspace-dark .home-community-card,
html.og-workspace-dark .og-support-panel,
html.og-workspace-dark .og-support-item,
html.og-workspace-dark .pricing-hero,
html.og-workspace-dark .section-card,
html.og-workspace-dark .feature-item,
html.og-workspace-dark .notification-card,
html.og-workspace-dark .notification-empty,
html.og-workspace-dark .learning-home-card,
html.og-workspace-dark .learning-library-empty,
html.og-workspace-dark .learning-web-sidebar,
html.og-workspace-dark .learning-web-main-card,
html.og-workspace-dark .learning-web-toc-dialog-panel,
html.og-workspace-dark .account-card,
html.og-workspace-dark .account-stat,
html.og-workspace-dark .coupon-card,
html.og-workspace-dark .coupon-empty-state {
  background: var(--og-theme-surface) !important;
  border-color: var(--og-theme-border) !important;
  color: var(--og-theme-text);
}

html.og-workspace-dark .pricing-page,
html.og-workspace-dark .learning-home-page,
html.og-workspace-dark .learning-web-page,
html.og-workspace-dark .pricing-title,
html.og-workspace-dark .plan-name,
html.og-workspace-dark .price-line,
html.og-workspace-dark .section-title,
html.og-workspace-dark .feature-title,
html.og-workspace-dark .notification-title,
html.og-workspace-dark .notification-card-title,
html.og-workspace-dark .learning-home-title,
html.og-workspace-dark .learning-home-resource-title,
html.og-workspace-dark .learning-web-sidebar-title,
html.og-workspace-dark .learning-web-toc-dialog-title,
html.og-workspace-dark .learning-web-title,
html.og-workspace-dark .learning-web-page .learning-content,
html.og-workspace-dark .learning-web-page .learning-content h1,
html.og-workspace-dark .learning-web-page .learning-content h2,
html.og-workspace-dark .learning-web-page .learning-content h3,
html.og-workspace-dark .learning-web-page .learning-content h4,
html.og-workspace-dark .learning-web-page .learning-content th,
html.og-workspace-dark .account-page-title,
html.og-workspace-dark .account-card-title,
html.og-workspace-dark .coupon-card-title,
html.og-workspace-dark .coupon-empty-title {
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .og-support-heading h2,
html.og-workspace-dark .og-support-item strong,
html.og-workspace-dark .pricing-page .q,
html.og-workspace-dark .pricing-page .a,
html.og-workspace-dark .account-transaction-total {
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .home-update-resource,
html.og-workspace-dark .og-support-heading p,
html.og-workspace-dark .og-support-item small,
html.og-workspace-dark .pricing-eyebrow,
html.og-workspace-dark .pricing-subtitle,
html.og-workspace-dark .pricing-note,
html.og-workspace-dark .plan-label,
html.og-workspace-dark .price-line small,
html.og-workspace-dark .plan-desc,
html.og-workspace-dark .pro-option-name,
html.og-workspace-dark .feature-copy,
html.og-workspace-dark .notification-copy,
html.og-workspace-dark .notification-card-body,
html.og-workspace-dark .notification-card-meta,
html.og-workspace-dark .learning-home-tab,
html.og-workspace-dark .learning-home-kicker,
html.og-workspace-dark .learning-home-summary,
html.og-workspace-dark .learning-web-kicker,
html.og-workspace-dark .learning-web-entry-kicker,
html.og-workspace-dark .learning-web-summary,
html.og-workspace-dark .learning-web-toc-item,
html.og-workspace-dark .account-page-copy,
html.og-workspace-dark .account-stat-label,
html.og-workspace-dark .account-stat-note,
html.og-workspace-dark .coupon-card-desc,
html.og-workspace-dark .coupon-card-meta {
  color: var(--og-theme-muted) !important;
}

html.og-workspace-dark .plan-card,
html.og-workspace-dark .plan-card.free {
  background: #273244;
  border-color: #526077;
}

html.og-workspace-dark .secondary-cta,
html.og-workspace-dark .learning-library-button,
html.og-workspace-dark .learning-web-toc-dialog-close,
html.og-workspace-dark .account-muted-panel,
html.og-workspace-dark .account-referral-code {
  background: var(--og-theme-surface-soft);
  border-color: var(--og-theme-border);
  color: var(--og-theme-text);
}

html.og-workspace-dark .learning-home-tabs,
html.og-workspace-dark .learning-web-sidebar-header,
html.og-workspace-dark .learning-web-toc-dialog-header,
html.og-workspace-dark .account-tabs,
html.og-workspace-dark .account-detail-list > div {
  border-color: var(--og-theme-border);
}

html.og-workspace-dark .learning-web-toc-item:hover,
html.og-workspace-dark .account-tabs .nav-link:hover {
  background: var(--og-theme-surface-soft);
  color: var(--og-theme-text);
}

html.og-workspace-dark .learning-web-reader-nav-button {
  border-color: var(--og-theme-border);
  color: #93c5fd;
}

html.og-workspace-dark .learning-web-reader-nav-button:hover {
  background: var(--og-theme-surface-soft);
  color: #bfdbfe;
}

html.og-workspace-dark .learning-web-page .learning-content blockquote {
  border-color: #64748b;
  color: #cbd5e1;
}

html.og-workspace-dark .learning-web-page .learning-content code {
  background: #303b4d;
  color: #bfdbfe;
}

html.og-workspace-dark .learning-web-page .learning-content td,
html.og-workspace-dark .learning-web-page .learning-content th {
  border-color: var(--og-theme-border);
}

html.og-workspace-dark .account-manage,
html.og-workspace-dark .account-form label,
html.og-workspace-dark .account-stat-value,
html.og-workspace-dark .account-detail-list dd,
html.og-workspace-dark .account-section-heading h3 {
  color: var(--og-theme-text);
}

html.og-workspace-dark .account-eyebrow,
html.og-workspace-dark .account-detail-list dt,
html.og-workspace-dark .account-referral-note,
html.og-workspace-dark .account-copy-hint,
html.og-workspace-dark .account-transaction-table th,
html.og-workspace-dark .coupon-usage-constraint,
html.og-workspace-dark .coupon-row-muted {
  color: var(--og-theme-muted);
}

html.og-workspace-dark .account-tabs .nav-link,
html.og-workspace-dark .account-tabs .nav-link.active {
  background: transparent;
  border-color: var(--og-theme-border);
  color: var(--og-theme-text);
}

html.og-workspace-dark .account-referral-code code,
html.og-workspace-dark .coupon-code {
  background: #303b4d;
  border-color: #566278;
}

html.og-workspace-dark .account-icon-button {
  color: #93c5fd;
}

html.og-workspace-dark .account-icon-button:hover {
  background: var(--og-theme-surface-soft);
  color: #bfdbfe;
}

html.og-workspace-dark .series-choice-button,
html.og-workspace-dark .series-expiry-button {
  background-color: var(--og-theme-surface);
  border-color: #66738a;
  color: var(--og-theme-text);
}

html.og-workspace-dark .series-result[readonly] {
  background-color: #293344;
  border-color: #526077;
  color: #cbd5e1;
}

html.og-workspace-dark tr.openner:hover,
html.og-workspace-dark tr.port {
  background-color: var(--og-theme-surface) !important;
}

html.og-workspace-dark a.real-port {
  color: var(--og-theme-text);
}

/* Admin pages use several custom card systems in addition to Bootstrap. */
html.og-workspace-dark .members-toolbar,
html.og-workspace-dark .members-table-card,
html.og-workspace-dark .finance-summary,
html.og-workspace-dark .finance-card,
html.og-workspace-dark .expiry-panel,
html.og-workspace-dark .package-list-item,
html.og-workspace-dark .payment-member-group,
html.og-workspace-dark .payment-card,
html.og-workspace-dark .slip-modal-panel,
html.og-workspace-dark .price-record-card,
html.og-workspace-dark .price-form-card,
html.og-workspace-dark .price-empty-state,
html.og-workspace-dark .price-code-wrap {
  background: var(--og-theme-surface) !important;
  border-color: var(--og-theme-border) !important;
  color: var(--og-theme-text);
}

html.og-workspace-dark .learning-form-create,
html.og-workspace-dark .learning-form-edit,
html.og-workspace-dark .learning-image-dropzone,
html.og-workspace-dark .learning-entry-sort-row,
html.og-workspace-dark .learning-markdown-preview {
  background: var(--og-theme-surface) !important;
  border-color: var(--og-theme-border) !important;
  color: var(--og-theme-text);
}

html.og-workspace-dark .learning-entry-drag-handle {
  background: var(--og-theme-surface-soft);
  border-color: var(--og-theme-border);
  color: var(--og-theme-muted);
}

html.og-workspace-dark .members-heading h3,
html.og-workspace-dark .member-name,
html.og-workspace-dark .finance-summary-header h5,
html.og-workspace-dark .finance-card-value,
html.og-workspace-dark .payment-page-title,
html.og-workspace-dark .payment-group-title,
html.og-workspace-dark .payment-value,
html.og-workspace-dark .price-section-title,
html.og-workspace-dark .price-record-title,
html.og-workspace-dark .price-danger-title {
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .member-meta,
html.og-workspace-dark .finance-summary-header small,
html.og-workspace-dark .finance-card-label,
html.og-workspace-dark .payment-group-meta,
html.og-workspace-dark .payment-label,
html.og-workspace-dark .payment-muted,
html.og-workspace-dark .price-effective-time,
html.og-workspace-dark .price-record-id,
html.og-workspace-dark .price-card-kicker,
html.og-workspace-dark .price-form-label,
html.og-workspace-dark .price-code-label {
  color: var(--og-theme-muted) !important;
}

html.og-workspace-dark .members-table thead th,
html.og-workspace-dark .payment-card-header,
html.og-workspace-dark .payment-group-header,
html.og-workspace-dark .price-record-header,
html.og-workspace-dark .price-code {
  background: var(--og-theme-surface-soft) !important;
  border-color: var(--og-theme-border) !important;
  color: var(--og-theme-text) !important;
}

html.og-workspace-dark .members-table tbody td,
html.og-workspace-dark .members-table thead th {
  border-color: var(--og-theme-border) !important;
}

html.og-workspace-dark .package-transition-graph .transition-node rect,
html.og-workspace-dark .package-transition-legend-swatch {
  fill: var(--og-theme-surface);
  background: var(--og-theme-surface);
  stroke: #718096;
  border-color: #718096;
}

html.og-workspace-dark .package-transition-graph .transition-node:hover rect,
html.og-workspace-dark .package-transition-graph .transition-node.is-selected rect {
  fill: #3b475b;
}

html.og-workspace-dark .package-transition-graph .node-name {
  fill: var(--og-theme-text);
}

html.og-workspace-dark .package-transition-graph .node-detail,
html.og-workspace-dark .package-transition-graph .level-label {
  fill: var(--og-theme-muted);
}

html.og-workspace-dark .package-list-item:hover,
html.og-workspace-dark .package-list-item.active {
  background: #344158 !important;
}