.awb-scroll {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar_handle) var(--scrollbar_background);
}
.awb-scroll::-webkit-scrollbar {
  width: 7px;
}
.awb-scroll::-webkit-scrollbar-track {
  background: var(--scrollbar_background);
}
.awb-scroll::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar_handle);
  border-radius: 5px;
}
.awb-off-canvas-wrap.has-custom-scrollbar .off-canvas-content {
  scrollbar-width: thin;
  scrollbar-color: var(--awb-oc-scrollbar-handle-color)
    var(--awb-oc-scrollbar-background);
}
.awb-off-canvas-wrap.has-custom-scrollbar
  .off-canvas-content::-webkit-scrollbar {
  width: 7px;
}
.awb-off-canvas-wrap.has-custom-scrollbar
  .off-canvas-content::-webkit-scrollbar-track {
  background: var(--awb-oc-scrollbar-background);
}
.awb-off-canvas-wrap.has-custom-scrollbar
  .off-canvas-content::-webkit-scrollbar-thumb {
  background: var(--awb-oc-scrollbar-handle-color);
}
.awb-off-canvas-wrap.hidden-scrollbar .off-canvas-content {
  scrollbar-width: none;
}
.awb-off-canvas-wrap.hidden-scrollbar .off-canvas-content::-webkit-scrollbar {
  display: none;
}
:root {
  --awb-color2: #62ffed;
  --awb-color8: #0e0f11;
  --scrollbar_background: var(--awb-color8);
  --scrollbar_handle: var(--awb-color2);
}