@media (min-width: 1030px) {
  :root {
    --scrollbarBgColor: rgb(11,12,14);
    --scrollbarThumbColor: rgb(111,7,32);
    --scrollbarWidth: 15px;
    --scrollbarBorder: 1px solid var(--scrollbarBgColor);
    --scrollbarBorderRadius: calc(var(--scrollbarWidth) /1);
  }
  .scrollable {
    scrollbar-width: var(--scrollbarWidth);
    scrollbar-color: var(--scrollbarThumbColor) var(--scrollbarBgColor);
  }
  .scrollable::-webkit-scrollbar {
    width: var(--scrollbarWidth);
  }
  .scrollable::-webkit-scrollbar-track {
    background: var(--scrollbarBgColor);
  }
  .scrollable::-webkit-scrollbar-thumb {
    background-color: var(--scrollbarThumbColor);
    border-radius: var(--scrollbarBorderRadius);
    border: var(--scrollbarBorder);
  }
  .scrollable {
    width: 100%;
    height: 100vh;
    overflow: auto;
  }
}