/* Shared browser base layer. Branding variables are rendered from platform_settings. */
@layer base {
  :root {
    --color-primary: #2ea69a;
    --color-primary-rgb: 46, 166, 154;
    --scrollbar-track: rgba(var(--color-primary-rgb), 0.12);
  }
  * {
    scrollbar-width: thin;
    scrollbar-color: #27272a var(--scrollbar-track);
  }
  /* Chromium also implements the standard properties. Reset them here so its
     WebKit sizing keeps the requested 5px/4px instead of the browser's thin size. */
  @supports selector(::-webkit-scrollbar) {
    * { scrollbar-width: auto; scrollbar-color: auto; }
  }
  ::-webkit-scrollbar { width: 5px; height: 4px; }
  ::-webkit-scrollbar-track { background: var(--scrollbar-track); border-radius: 10px; }
  ::-webkit-scrollbar-thumb {
    background: #27272a;
    border-radius: 10px;
    border: 1px solid rgba(var(--color-primary-rgb), 0.05);
  }
  ::-webkit-scrollbar-thumb:hover { background: #3f3f46; }
  ::-webkit-scrollbar-corner { background: transparent; }
  ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
}