// main: ../main.scss
// -----------------------------------------------------------------------------
// This file contains all styles related to the scrollbar component.
// -----------------------------------------------------------------------------


.dm-code-snippet {
  .control-language {
    pre {
      &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      &::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
      }
      &::-webkit-scrollbar-thumb {
        background: $white;
        border: 0px none $white;
        border-radius: 50px;

        &:hover {
          background: $white;
        }
        &:active {
          background: $grey-8;
        }
      }

      &::-webkit-scrollbar-track {
        background: $grey-6;
        border: 0px none $white;
        border-radius: 50px;

        &:hover {
          background: $grey-6;
        }
        &:active {
          background: $grey-3;
        }
      }

      &::-webkit-scrollbar-corner {
        background: transparent;
      }
    }
  }
}