/* Inconsolata, self-hosted (OFL; the same latin and latin-ext subsets Google Fonts serves) so a page
   change never repaints from the fallback face: the file is preloaded by every page and then cached. */
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 200 900; font-stretch: 100%; font-display: fallback;
  src: url("fonts/inconsolata-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inconsolata"; font-style: normal; font-weight: 200 900; font-stretch: 100%; font-display: fallback;
  src: url("fonts/inconsolata-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* One face, Inconsolata, at the scale the arena has always used. The layout
   is the dashboard's; the sizes, weights and text colors follow production's
   index.html, which already sets most of them. This file covers only what the
   dashboard added on top: the shared navigation, the page title / eyebrow /
   description classes, the model picker, the Questions toolbar, the docs and
   registration pages. Nothing here is larger than production. */
:root {
  --font-mono: "Inconsolata", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-body: var(--font-mono);
  --font-action: var(--font-mono);
  --sans: var(--font-mono);
  --mono: var(--font-mono);
  --accent-hover: #166534;
}
body { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
/* The browser's own stylesheet puts code in the system monospace, which is
   wider and taller than Inconsolata at the same size. Claim it back, and let
   inline code sit at the size of the text around it. */
code, pre, kbd, samp, tt { font-family: var(--font-mono); }
code, kbd, samp { font-size: .96em; }
pre { font-size: 13px; line-height: 1.55; }
pre code, pre kbd, pre samp { font: inherit; }
td.num { text-align: right; white-space: nowrap; }
.header-status .meta b, .site-home .qcard .qstats b { font-weight: 700; }
.header-status .updated b { font-weight: 400; }
.site-leaderboard td.skill { font-weight: 800; color: var(--ink); }

/* Live workspace */
.site-home .tasknav-head { font-size: 12px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; color: var(--mut); }
.site-home .lbcol .lbhead h2 { font-size: 18px; line-height: 26px; font-weight: 800; letter-spacing: .03em; }
.site-home .taskmeta { gap: 4px 12px; font-size: 12.5px; color: var(--mut); }
.site-home .taskmeta b { font-weight: 700; color: var(--ink2); }
.site-home .task-all { font: 700 14px/1.45 var(--font-mono); min-height: 34px; padding-top: 7px; padding-bottom: 7px; }
.site-home .task-group summary { font-size: 14px; font-weight: 800; line-height: 1.45; min-height: 34px; padding-top: 7px; padding-bottom: 7px; }
.site-home .task-link { font: 600 13.5px/1.28 var(--font-mono); min-height: 32px; padding-top: 7px; padding-bottom: 7px; }
.site-home .caption { font-size: 13.5px; color: var(--mut); padding-top: 8px; padding-bottom: 4px; }
.site-home .question-card summary { font-size: 13px; font-weight: 700; line-height: 1.5; }
.site-home .question-card .qbody { font-size: 13.5px; line-height: 1.5; }
.site-home .question-card .qfoot { font-size: 11px; line-height: 1.5; }
.site-home .replay-tag { font-size: 10.5px; font-weight: 800; letter-spacing: .05em; }
.site-home .model-toolbar { gap: 10px; }
/* The chip strip under the toolbar repeated what the chart's own legend
   shows, in two more rows. The Models button carries the count, the
   legend names the lines, the picker removes them. */
.site-home .legend-strip, .site-home .model-chips { display: none; }
.site-home .lchip { font-size: 12px; font-weight: 600; }
.site-home .lchip .setup { font-size: 11px; }
.site-home .model-option { font-size: 13.5px; line-height: 1.4; min-height: 30px; }
.site-home .model-setup { font-size: 11.5px; }
.site-home .model-group legend { font-size: 11px; font-weight: 700; letter-spacing: .04em; }
.site-home .model-action { font-size: 12px; font-weight: 700; }
.site-home .model-search-row input[type="search"] { font-size: 13px; }
.site-home .seg button { font-size: 13.5px; font-weight: 700; }
.site-home .seg.mini button, .site-home .model-setup-filter .seg-choice span { font-size: 12px; padding: 3px 11px; }
.site-home .tooltip { font-size: 12px; line-height: 1.5; }
.site-home table.lb .who b { font-size: 14px; font-weight: 700; line-height: 16px; }
.site-home table.lb .who-text { display: flex; flex-direction: column; gap: 2px; }
.site-home table.lb .who .av { width: 26px; height: 26px; border-radius: 6px; font-size: 10px; }
.site-home table.lb .who .av .lg { padding: 4px; }
.site-home table.lb .model-meta { display: flex; flex-wrap: nowrap; align-items: baseline; gap: 0 4px; color: var(--mut); font-size: 10.5px; font-weight: 400; line-height: 12px; margin-top: 0; }
.site-home table.lb .model-meta>span { white-space: nowrap; }
.site-home table.lb .rank { text-align: right; font-weight: 400; }
.site-home table.lb td.num { font-size: 13.5px; color: var(--ink2); font-weight: 400; }
.site-home table.lb td.skill { font-size: 15px; font-weight: 800; color: var(--ink); }
.site-home table.lb td.skill.pos { color: var(--accent-ink); }
.site-home .lb-note { font-size: 12px; line-height: 1.55; }
@container leaderboard (max-width: 352px) {
  .site-home table.lb .who b { font-size: 14px; }
  .site-home table.lb .model-meta { font-size: 10.5px; }
  .site-home table.lb th { font-size: 11px; }
  .site-home table.lb td.num { font-size: 12.5px; }
  .site-home table.lb td.skill { font-size: 14px; }
  .site-home table.lb col.score-col { width: 42px; }
  .site-home table.lb col.loss-col, .site-home table.lb col.rounds-col { width: 48px; }
}

/* Questions and Weekly */
.site-home .inner .lede { font-size: 13.5px; line-height: 1.55; color: var(--mut); }
.site-home .qcard h3 { font-size: 17px; font-weight: 700; line-height: 1.25; margin-bottom: 4px; }
.site-home .qcard .qtext { font-size: 13px; line-height: 1.45; margin-bottom: 10px; }
.site-home .qcard .qfoot { flex-wrap: wrap; font-size: 11.5px; line-height: 1.5; }
.site-home .qcard .qfoot .qid { font-size: 11.5px; }
.site-home .qcard .qstats { font-size: 12px; }
.site-home .week-card p { font-size: 13px; line-height: 1.5; }
.site-home .week-route p { font-size: 12.5px; line-height: 1.5; }
.site-home .svrow .tx p, .site-home .erow .tx p, .site-home .vrow .q { font-size: 13.5px; line-height: 1.5; }
.site-home .week-route b, .site-home .erow .tx b { font-size: 13.5px; font-weight: 700; }
.site-home .svrow .tx b { font-size: 15px; font-weight: 800; }
.site-home .facet h4, .site-home .week-side dt { font-size: 10.5px; letter-spacing: .08em; font-weight: 700; text-transform: uppercase; color: var(--mut); }
.site-home .frow { font-size: 12px; line-height: 1.5; }
.site-home .week-side dd { font-size: 12.5px; line-height: 1.5; }
.site-home .fchips button { font: 600 11px var(--font-mono); letter-spacing: .02em; }
.site-home #page-questions .task-toolbar { --filter-height: 30px; align-items: center; }
.site-home #task-search,
.site-home #qf-trigger,
.site-home #round-status-seg button {
  box-sizing: border-box;
  height: var(--filter-height);
  min-height: var(--filter-height);
  max-height: var(--filter-height);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.4;
}
.site-home #page-questions .task-search {
  appearance: none;
  -webkit-appearance: none;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  line-height: calc(var(--filter-height) - 2px);
}
.site-home #qf-trigger { padding: 0 10px; border-radius: 5px; }
.site-home #round-status-seg {
  height: var(--filter-height);
  padding: 0;
  border: 0;
  gap: 0;
  background: transparent;
  box-shadow: none;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
}
.site-home #round-status-seg button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #f5f6f5;
  box-shadow: none;
}
.site-home #round-status-seg button:first-child { border-radius: 3px 0 0 3px; }
.site-home #round-status-seg button:last-child { border-radius: 0 3px 3px 0; }
.site-home #round-status-seg button+button { margin-left: -1px; }
.site-home #round-status-seg button.on { background: #fff; }
.site-home #round-status-seg button:focus-visible { position: relative; z-index: 1; }

/* Weekly and its submission routes */
.site-home #page-submit h2 { font-size: 19px; font-weight: 800; line-height: 1.25; margin-bottom: 6px; }
.site-home #page-calendar .week-card h3 { font-size: 16px; font-weight: 700; line-height: 1.25; margin-bottom: 5px; }
.site-home #page-calendar .week-count h3 { font-size: 17px; font-weight: 700; margin: 0; }
.site-home #page-calendar .week-route h4, .site-home #page-submit .svrow .tx>b { font-size: 15px; font-weight: 800; line-height: 1.3; margin-bottom: 3px; }
.site-home #page-submit .lede { font-size: 13.5px; line-height: 1.5; }
.site-home #page-calendar .facet h4 { font-size: 10.5px; }

/* Live, Questions, and Weekly share one page heading scale: production's. */
.site-home .page .page-title { font-size: 19px; font-weight: 700; line-height: 1.25; letter-spacing: 0; color: var(--ink); margin: 2px 0 3px; }
.site-home .page .page-description { font-size: 12.5px; font-weight: 400; line-height: 1.5; letter-spacing: 0; color: var(--mut); margin: 0; }
.site-home .page .caption.page-description { font-size: 13.5px; }
.site-home .inner .page-description { font-size: 13.5px; margin-bottom: 16px; }
.site-home .page .page-eyebrow { font-size: 11.5px; font-weight: 800; line-height: 1.4; letter-spacing: .1em; text-transform: uppercase; color: var(--mut); margin: 0 0 2px; }

/* Reading and submission pages keep production's scale. */
.site-docs article { font-size: 15.5px; line-height: 1.55; }
.site-docs article h1 { font-size: 30px; line-height: 1.1; }
.site-docs article h2 { font-size: 21px; line-height: 1.25; }
.site-docs article h3 { font-size: 16px; }
.site-docs .layout>.left a, .site-docs .layout>.right a { font-size: 12.5px; line-height: 1.5; }
.site-docs .left a.on { font-weight: 700; }
.site-docs .navlabel { font-size: 10.5px; letter-spacing: .12em; text-transform: uppercase; }
.site-docs .eyebrow { font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; }
.site-docs .card p { font-size: 12.5px; line-height: 1.55; }
.site-docs .step b { font-size: 15.5px; font-weight: 700; }
.site-docs .step p { font-size: 14px; line-height: 1.55; }
.site-docs .tasktable { font-size: 12.5px; line-height: 1.55; }
.site-docs .tasktable th { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.site-docs .tasktable td:first-child { font-weight: 700; }
.site-docs summary { font-size: 14px; font-weight: 700; line-height: 1.5; }
.site-submit .bar h1 { font-size: 21px; font-weight: 800; line-height: 1.25; letter-spacing: -.015em; }
.site-submit .bar p { font-size: 13px; line-height: 1.5; }
.site-submit .badge { font-size: 11px; line-height: 16px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.site-submit .intro h2 { font-size: 23px; font-weight: 700; line-height: 1.2; margin: 0; }
.site-submit .intro .eyebrow { font-size: 11px; line-height: 20px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; margin-bottom: 4px; }
.site-submit .panelhead h3 { font-size: 16px; font-weight: 700; line-height: 1.3; margin-bottom: 4px; }
.site-submit .railbox h3 { font-size: 14px; font-weight: 700; line-height: 1.3; }
.site-submit .intro p { font-size: 14px; line-height: 1.55; }
.site-submit .steps p { font-size: 13.5px; line-height: 1.5; }
.site-submit .steps b, .site-submit .storage-note h4 { font-size: 15px; font-weight: 800; line-height: 1.4; }
.site-submit .shape b { font-size: 13px; font-weight: 700; }
.site-submit .steps .n, .site-submit .panelhead .mark { font-size: 13px; line-height: 1; }
.site-submit .panelhead p, .site-submit .railbox p { font-size: 13px; line-height: 1.5; }
.site-submit .field label, .site-submit .field legend { font-size: 12.5px; font-weight: 700; line-height: 20px; }
.site-submit .field>label, .site-submit .field>legend { min-height: 24px; }
.site-submit .type-options label { font-weight: 400; }
.site-submit .field input, .site-submit .field textarea, .site-submit .btn { font-size: 14px; line-height: 20px; }
.site-submit .btn { font-weight: 700; }
.site-submit .field small { font-size: 11.5px; line-height: 1.5; }
.site-submit .privacy { font-size: 12px; font-weight: 500; line-height: 16px; }
.site-submit .storage-note p, .site-submit .status, .site-submit .empty { font-size: 13.5px; line-height: 1.5; }
.site-submit .shape span { font-size: 12px; line-height: 1.5; }
.site-submit .shape code { line-height: 1.6; }
.site-submit pre.code, .site-submit pre.code code { font-size: 13px; line-height: 1.55; }
.site-submit .codelabel { font-size: 11px; letter-spacing: .09em; }
.site-submit .eyebrow { letter-spacing: .09em; }
/* Explanations under a code block read at the same size as the steps above them. */
.site-submit .contract-note { font-size: 13.5px; line-height: 1.55; margin: 10px 0 0; color: var(--ink2); }
.site-submit .contract-note.first { margin: 0 0 8px; }
.site-submit .contract-note.wide { margin: 12px 0 0; }
.site-submit .railbox dl { font-size: 12.5px; line-height: 1.5; }
.site-submit .railbox dt { font-size: 10.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.site-leaderboard .note, .site-leaderboard p.lede, .site-leaderboard .chart-card .src { font-size: 13px; line-height: 1.55; }
.site-leaderboard .type { font-size: 11px; }
.site-leaderboard .ob-k, .site-leaderboard .fc h4 { font-size: 10.5px; letter-spacing: .06em; }
.site-leaderboard .result-in .how, .site-leaderboard .result-in .corr { font-size: 12px; line-height: 1.5; }
.site-crosstab .note { font-size: 13px; line-height: 1.55; color: var(--mut); }

/* One navigation layout for the dashboard, registration form, and reading pages. */
nav.top.site-nav {
  display: block;
  position: sticky;
  top: 0;
  z-index: 40;
  height: auto;
  padding: 0;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
}
.site-header > nav.site-nav { margin-bottom: 0; }
nav.site-nav .in {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  width: 100%;
  min-height: 50px;
  padding: 4px 16px;
}
nav.site-nav .brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ink);
  font-family: var(--font-mono);
  text-decoration: none;
  white-space: nowrap;
}
nav.site-nav .brand img { width: 22px; height: 22px; flex: 0 0 22px; }
nav.site-nav .brand-name { font-size: 16.5px; font-weight: 700; line-height: 1.25; }
nav.site-nav .brand .by { color: var(--mut); font-size: 11.5px; font-weight: 400; }
/* One container holds all six links. On a desktop it is the row between the brand and Live: the three
   page tabs at its left, Background / Docs / GitHub pushed to its right; on a phone it is one swipeable row. */
nav.site-nav .page-tabs { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0; }
nav.site-nav .page-tabs .item { display: inline-flex; align-items: center; color: var(--ink2); font: 400 13.5px/1.4 var(--font-mono); text-decoration: none; white-space: nowrap; }
nav.site-nav .page-tabs .ptab + .nav-live { margin-left: auto; }
/* The right-hand group at one rhythm: 18px between Live, the three links and the call to action (the .in gap). */
nav.site-nav .page-tabs .nav-live + .item, nav.site-nav .page-tabs .item + .item { margin-left: 18px; }
nav.site-nav .page-tabs .item:hover { color: var(--accent-ink); }
nav.site-nav .page-tabs .item.on { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
nav.site-nav .ptab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 8px 16px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--ink2);
  font: 700 14px/1.3 var(--font-mono);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
nav.site-nav .ptab:hover { background: #f5f6f5; color: var(--ink); }
nav.site-nav .ptab.on { background: var(--ink); color: #fff; }
/* The live light: the arena is running. It sits with the secondary links, ahead of Background. */
nav.site-nav .nav-live, nav.site-nav .page-tabs a.nav-live { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; color: var(--accent-ink); font-weight: 800; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.livedot { width:7px;height:7px;border-radius:50%;background:var(--accent);flex:0 0 auto;animation:breathe 3.6s ease-in-out infinite; }
@keyframes breathe{0%{box-shadow:0 0 0 0 rgba(21,128,61,.22);opacity:1; }50%{opacity:.75; }70%{box-shadow:0 0 0 4px rgba(21,128,61,0); }100%{box-shadow:0 0 0 0 rgba(21,128,61,0);opacity:1; }}
@media(prefers-reduced-motion:reduce){.livedot { animation:none; }}
nav.site-nav .right {
  position: static;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-left: auto;
  padding: 0;
  border: 0;
}
nav.site-nav .right a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  padding: 0;
  color: var(--ink2);
  font: 400 13.5px/1.4 var(--font-mono);
  text-decoration: none;
  white-space: nowrap;
}
nav.site-nav .right a:hover { color: var(--accent-ink); }
nav.site-nav .right a.on { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
nav.site-nav .right a.cta {
  color: var(--accent-ink);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
nav.site-nav .right a.cta:hover { color: var(--accent); }
nav.site-nav :is(a, button):focus-visible { outline: 2px solid var(--ink2); outline-offset: 3px; }
@media (max-width: 880px) {
  nav.site-nav .in { padding: 8px 12px 6px; gap: 8px 16px; }
  nav.site-nav .brand { flex: 1 1 auto; }
  nav.site-nav .right { gap: 12px; }
}
/* A phone: the brand and the one call to action on the first row. Beneath them the six links are peers,
   one row of equal pills that scrolls sideways (no wrapping into tiers), the current page filled in. */
@media (max-width: 600px) {
  nav.site-nav .in { padding: 4px 12px 0; gap: 2px 0; }
  nav.site-nav .brand { width: auto; flex: 1 1 auto; min-height: 40px; order: 1; }
  nav.site-nav .brand-name { font-size: 15px; }
  nav.site-nav .by, nav.site-nav .page-tabs a.nav-live { display: none; }
  nav.site-nav .right { display: contents; }
  nav.site-nav .right a.cta { order: 2; margin-left: auto; padding: 10px 0 10px 10px; font-size: 13px; }
  nav.site-nav .page-tabs { display: flex; order: 3; flex: 0 0 100%; width: 100%; gap: 8px; margin: 4px -12px 0; padding: 0 12px 8px; box-sizing: content-box; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-padding: 12px; }
  nav.site-nav .page-tabs::-webkit-scrollbar { display: none; }
  /* The row fades on the side that has more to show: both when in the middle, one at either end, none when it all fits. */
  nav.site-nav .page-tabs { --fade-l: 28px; --fade-r: 28px; mask-image: linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent); -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-l), #000 calc(100% - var(--fade-r)), transparent); }
  nav.site-nav .page-tabs.at-start { --fade-l: 0px; }
  nav.site-nav .page-tabs.at-end { --fade-r: 0px; }
  nav.site-nav .page-tabs a { flex: 0 0 auto; margin: 0; min-height: 36px; padding: 0 14px; scroll-margin: 12px; border: 1px solid var(--line); border-radius: 4px; background: #fff; color: var(--ink2); font: 600 13.5px/1.2 var(--font-mono); text-decoration: none; display: inline-flex; align-items: center; }
  nav.site-nav .page-tabs .ptab.on, nav.site-nav .page-tabs .item.on { background: var(--ink); border-color: var(--ink); color: #fff; text-decoration: none; }
  /* The desktop's margins between the right-hand links do not apply here: the gap alone spaces the six. */
  nav.site-nav .page-tabs .ptab + .ptab, nav.site-nav .page-tabs .nav-live + .item, nav.site-nav .page-tabs .item + .item { margin-left: 0; }
}
}

/* Every expander on the site opens with + and closes with -, on every page: no disclosure triangle. */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details > summary::before { content: "+"; display: inline-block; width: 12px; color: var(--mut); }
details[open] > summary::before { content: "\2212"; }

/* Every page but the arena's own scrolls below the header, in a box of its own: the header stays put and
   the scrollbar starts under it, the way the board's does. The box is the page's one scroll container. */
body:not(.site-home) { height: 100vh; height: 100dvh; display: flex; flex-direction: column; overflow: hidden; margin: 0; }
body:not(.site-home) > nav.site-nav { flex: 0 0 auto; }
.page-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; scrollbar-gutter: stable; scroll-behavior: smooth; }

/* Scrollbars: thin and quiet, and their space is reserved, so a column that grows past the
   viewport does not push the chart beside it. Chrome and Safari take the -webkit- rules; Firefox
   (no ::-webkit-scrollbar) takes the standard properties, which Chrome would otherwise let override
   the custom ones. */
/* Not on html: the app shell never scrolls the document, and a reserved gutter there held every
   column ten pixels short of the viewport's edge, the board's own scrollbar included. */
.inner, .taskview, .lbcol .scroll, .tasknav, .model-options { scrollbar-gutter: stable; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cfcec8; border: 3px solid transparent; border-radius: 10px; background-clip: padding-box; }
::-webkit-scrollbar-thumb:hover { background-color: #aeada7; }
::-webkit-scrollbar-corner { background: transparent; }
@supports not selector(::-webkit-scrollbar) {
  * { scrollbar-width: thin; scrollbar-color: #cfcec8 transparent; }
}