/* Layered important rules override the theme's unlayered outline resets. */
@layer keyboard-focus {
  html:not([data-focus-modality=pointer]) :focus-visible {
    outline: 3px solid #2d2a26 !important;
    outline-offset: 2px !important;
    /* The white inner ring keeps focus visible against dark backgrounds. */
    box-shadow: 0 0 0 2px #fff !important;
  }
  /* Mouse/touch focus keeps the control's own styles without a keyboard ring. */
  html[data-focus-modality=pointer] :focus,
  html[data-focus-modality=pointer] input:focus + label {
    outline: none !important;
  }
  @media (forced-colors: active) {
    html:not([data-focus-modality=pointer]) :focus-visible {
      outline-color: Highlight !important;
      box-shadow: none !important;
    }
  }
}
body.home .main-split-banner .column.left-col {
  background-image: url("../images/noise-tile.webp"), linear-gradient(225deg, #c06eed 15%, #eab1d1 65%);
  background-size: min(4.44136vw, 68.3549px) auto, contain;
}
@media (max-width: 767px) {
  body.home .main-split-banner .column.left-col {
    background-size: 8.88272vw auto, contain;
  }
}