::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: transparent;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-track:vertical {
  background: linear-gradient(90deg, transparent 5px, rgba(255, 255, 255, 0.07) 5px, rgba(255, 255, 255, 0.07) 7px, transparent 7px) 0 6px / 100% calc(100% - 12px) no-repeat;
}
::-webkit-scrollbar-track:horizontal {
  background: linear-gradient(180deg, transparent 5px, rgba(255, 255, 255, 0.07) 5px, rgba(255, 255, 255, 0.07) 7px, transparent 7px) 6px 0 / calc(100% - 12px) 100% no-repeat;
}
::-webkit-scrollbar-thumb {
  min-height: 28px;
  min-width: 28px;
  border: 3px solid transparent;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffe7a6, #e9a43c 70%, #c97a24) padding-box;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}
::-webkit-scrollbar-thumb:horizontal {
  background: linear-gradient(90deg, #ffe7a6, #e9a43c 70%, #c97a24) padding-box;
}
::-webkit-scrollbar-thumb:hover {
  border-width: 2px;
  background: linear-gradient(180deg, #fff1c4, #f4b551 70%, #d98a2e) padding-box;
}
::-webkit-scrollbar-thumb:horizontal:hover {
  background: linear-gradient(90deg, #fff1c4, #f4b551 70%, #d98a2e) padding-box;
}
::-webkit-scrollbar-thumb:active {
  border-width: 2px;
  background: linear-gradient(180deg, #ffd27a, #d98a2e) padding-box;
}
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  display: none;
  background: transparent;
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: #e9a43c transparent;
  }
}