/* Global Horizontal Scrollbar */
:root {
  --horizontal-scrollbar-size: 16px;
  --horizontal-scrollbar-track: #f8f7f3;
  --horizontal-scrollbar-thumb: var(--_system-colors---dark, #1b1923);
  --horizontal-scrollbar-thumb-hover: rgba(27, 25, 35, 0.82);
  --horizontal-scrollbar-radius: 999px;
}

:where(
  [data-horizontal-scroll],
  [data-horizontal-scroll] *,
  [data-horizontal-scroll-dark],
  [data-horizontal-scroll-dark] *,
  .article .w-embed:has(> table)
) {
  scrollbar-color: var(--horizontal-scrollbar-thumb) var(--horizontal-scrollbar-track);
  scrollbar-width: thin;
}

:where(
  [data-horizontal-scroll],
  [data-horizontal-scroll] *,
  [data-horizontal-scroll-dark],
  [data-horizontal-scroll-dark] *,
  .article .w-embed:has(> table)
)::-webkit-scrollbar:horizontal {
  height: var(--horizontal-scrollbar-size) !important;
  background: transparent !important;
}

:where(
  [data-horizontal-scroll],
  [data-horizontal-scroll] *,
  [data-horizontal-scroll-dark],
  [data-horizontal-scroll-dark] *,
  .article .w-embed:has(> table)
)::-webkit-scrollbar-track:horizontal {
  border: 0 !important;
  border-radius: var(--horizontal-scrollbar-radius) !important;
  background: var(--horizontal-scrollbar-track) !important;
  box-shadow: none !important;
}

:where(
  [data-horizontal-scroll],
  [data-horizontal-scroll] *,
  [data-horizontal-scroll-dark],
  [data-horizontal-scroll-dark] *,
  .article .w-embed:has(> table)
)::-webkit-scrollbar-thumb:horizontal {
  border: 0 !important;
  border-radius: var(--horizontal-scrollbar-radius) !important;
  background: var(--horizontal-scrollbar-thumb) !important;
  box-shadow: none !important;
}

:where(
  [data-horizontal-scroll],
  [data-horizontal-scroll] *,
  [data-horizontal-scroll-dark],
  [data-horizontal-scroll-dark] *,
  .article .w-embed:has(> table)
)::-webkit-scrollbar-thumb:horizontal:hover {
  background: var(--horizontal-scrollbar-thumb-hover) !important;
}

:where([data-horizontal-scroll-dark], .article.is-dark .w-embed:has(> table)) {
  --horizontal-scrollbar-track: rgba(255, 255, 255, 0.16);
  --horizontal-scrollbar-thumb: var(--_system-colors---accent, #ecf071);
  --horizontal-scrollbar-thumb-hover: #f4f78d;
}
/* End Global Horizontal Scrollbar */