/* Shared native scrollbars for ymzmwork.com and Fastchina. */
@media screen {
  html:root,
  html:root * {
    scrollbar-width: thin !important;
    scrollbar-color: #fff rgba(101, 116, 135, .36) !important;
  }

  html:root::-webkit-scrollbar,
  html:root *::-webkit-scrollbar {
    display: block !important;
    width: 6px !important;
    height: 6px !important;
    background: transparent !important;
  }

  html:root::-webkit-scrollbar-track,
  html:root *::-webkit-scrollbar-track {
    background: rgba(101, 116, 135, .36) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }

  html:root::-webkit-scrollbar-thumb,
  html:root *::-webkit-scrollbar-thumb {
    background: #fff !important;
    border: 1px solid rgba(20, 32, 47, .12) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    min-height: 24px !important;
    min-width: 24px !important;
  }

  html:root::-webkit-scrollbar-thumb:hover,
  html:root *::-webkit-scrollbar-thumb:hover,
  html:root::-webkit-scrollbar-thumb:active,
  html:root *::-webkit-scrollbar-thumb:active {
    background: #fff !important;
  }

  html:root::-webkit-scrollbar-corner,
  html:root *::-webkit-scrollbar-corner {
    background: transparent !important;
  }
}

/* Keep the visitor's accessibility color and size preferences available. */
@media screen and (forced-colors: active) {
  html:root,
  html:root * {
    scrollbar-color: auto !important;
    scrollbar-width: auto !important;
  }

  html:root::-webkit-scrollbar,
  html:root *::-webkit-scrollbar {
    width: auto !important;
    height: auto !important;
  }

  html:root::-webkit-scrollbar-thumb,
  html:root *::-webkit-scrollbar-thumb {
    background: CanvasText !important;
  }

  html:root::-webkit-scrollbar-track,
  html:root *::-webkit-scrollbar-track {
    background: Canvas !important;
  }
}