@layer qaGraphite {
  html[data-color-mode] {color-scheme:var(--ui-scheme,dark)!important;}
  html[data-color-mode=light] {
    --qa-ground:var(--ui-ground);--qa-surface:var(--ui-panel);--qa-raised:var(--ui-raised);
    --qa-ink:var(--ui-text);--qa-muted:var(--ui-muted);--qa-line:var(--ui-rule);--qa-edge:var(--ui-edge);
    --qa-brand:var(--ui-brand);--qa-icon:var(--ui-icon);--qa-green:var(--ui-success);--qa-red:var(--ui-critical);--qa-amber:var(--ui-warning);
  }
  html[data-color-mode=light] body :is(h1,h2,h3,h4) {color:var(--ui-heading)!important;}
html[data-color-mode=light] body :is(.brand .mark,.pf-mark,.auth-head .mark,.errorpage > .mark) {background-image:url('/static/brand/logo-supplied-light.png?v=02f4694211ed')!important;background-size:105.744888023% auto!important;background-position:49.152542373% 51.775832775%!important;aspect-ratio:1953/501!important;height:auto!important;min-height:0!important;filter:none!important;}
html[data-color-mode=light] body .errorpage > .mark {height:1em!important;aspect-ratio:auto!important;background-position:49.152542373% center!important;}
  html[data-color-mode=light] body:not([data-workspace]) #top .brand {display:flex!important;align-items:center!important;}
  html[data-color-mode=light] body:not([data-workspace]) #top .brand .mark {flex:none!important;}
  html[data-color-mode=light] body :is(.brand .mark,.pf-mark,.auth-head .mark,.errorpage > .mark)::after {display:none!important;}
  html[data-color-mode=light] body :is(.status.red,.badge.failed,.pill.red,.v-summary.v-fail,.ovx-badge.t-red,.v-badge-bad,.chip.c-bad,.nb-bad,.v-severity.v-high) {background:var(--ui-bad-surface)!important;color:var(--ui-critical)!important;}
  html[data-color-mode=light] body :is(.status.green,.badge.passed,.pill.green,.ovx-badge.t-green,.chip.c-ok,.nb-ok) {background:var(--ui-good-surface)!important;color:var(--ui-success)!important;}
  html[data-color-mode=light] body :is(.status.amber,.badge.look,.pill.amber,.ovx-badge.t-amber,.v-severity,.chip.c-wait,.nb-wait,.nb-look) {background:var(--ui-warn-surface)!important;color:var(--ui-warning)!important;}
  html[data-color-mode=light] body :is(.filter[aria-pressed=true],.filter[aria-current=true],.filter.chosen,.v-filters button[aria-pressed=true],.choice-links>a.active,.tab.on,.tab[aria-selected=true],.set-tab[aria-current=true],.set-tab[aria-selected=true],#main-nav>a.on,.cd-zoom button[aria-pressed=true],.cd-now) {background:var(--ui-active)!important;color:var(--ui-active-text)!important;}
  html[data-color-mode=light] body[data-workspace] #top #main-nav>a.on {background:var(--ui-active)!important;color:var(--ui-active-text)!important;}
  html[data-color-mode=light] body[data-workspace] :is(.ws-page,#ckp,.browsers-page) .filter:is([aria-current=true],[aria-pressed=true],.chosen) {background:var(--ui-active)!important;color:var(--ui-active-text)!important;}
  html[data-color-mode=light] body .v-option .v-checkmark {border-color:var(--ui-edge)!important;}
  html[data-color-mode=light] body .v-option input:checked + .v-checkmark {background:var(--ui-brand)!important;border-color:var(--ui-brand)!important;}
  html[data-color-mode=light] body .v-option input:checked + .v-checkmark::after {border-color:#fff!important;}
  html[data-color-mode=light] body :is(.qa-overview-row:hover,.ws-reports .report-row:hover,.ws-sites .ui-site-row:hover,.check-row.changed,ol.notes li.new>a,.qa-device-box) {background:var(--ui-hover)!important;}
  html[data-color-mode=light] body .qa-overview-row:hover .qa-row-copy>strong {color:var(--ui-text)!important;}
  html[data-color-mode=light] body :is(button.primary,.button.primary,.btn.primary,.ab-primary,.cta,.launch button) {background:var(--ui-brand-fill)!important;border-color:var(--ui-brand-fill)!important;color:#fff!important;}
  html[data-color-mode=light] body :is(pre,code,.cmd,.docmd) {background:var(--ui-raised)!important;color:var(--ui-text)!important;}
  html[data-color-mode=light] body .switch-track {background:var(--ui-edge)!important;}
html[data-color-mode=light] body input:checked + .switch-track {background:var(--ui-brand-fill)!important;border-color:var(--ui-brand-fill)!important;}
  html[data-color-mode=light] body .switch-track::after {background:#fff!important;}
  html[data-color-mode=light] body #ckp .switch[aria-checked=true] .track::after {background:#fff!important;}
  html[data-color-mode=light] body .ws-sites .ws-checkall button {border-color:var(--ui-edge)!important;}
  body #account-menu .ui-theme-toggle {width:100%!important;}
}