/* Soft native page and cart drawer scrollbars. Touch and forced-color modes retain system UI. */
@media (hover:hover) and (pointer:fine) and (forced-colors:none){
  html::-webkit-scrollbar, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar{width:14px;height:14px}
  html::-webkit-scrollbar-track, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar-track{background:#f5f3ed}
  html::-webkit-scrollbar-thumb, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar-thumb{background:#8e9f87;border:2px solid #f5f3ed;border-radius:12px;min-height:60px}
  html::-webkit-scrollbar-thumb:hover, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar-thumb:hover{background:#647e66}
  html::-webkit-scrollbar-thumb:active, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar-thumb:active{background:#203e35}
  html::-webkit-scrollbar-corner, .xoo-wsc-container .xoo-wsc-body::-webkit-scrollbar-corner{background:#f5f3ed}
  @supports not selector(::-webkit-scrollbar){
    html, .xoo-wsc-container .xoo-wsc-body{scrollbar-color:#8e9f87 #f5f3ed;scrollbar-width:auto}
  }
}