@import '../../styles/common.scss';

.container {
  @include boxSizing;

  height: 100%;
  display: grid;
  row-gap: 1px;
  grid-template-columns: 1fr;
  grid-auto-rows: min-content;
  overflow-y: auto;
  scrollbar-width: thin; //for Firefox only

  color: var(--actions-color, $actions-color);
  background-color: var(--actions-background-color, $actions-background-color);
}

//Custom scrollbar for Chrome, Safari and Edge
::-webkit-scrollbar {
  width: var(--scrollbar-size, $scrollbar-size);
  height: var(--scrollbar-size, $scrollbar-size);
}
::-webkit-scrollbar-track {
  background: var(--scrollbar-track-color, $scrollbar-track-color);
}

::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb-color, $scrollbar-thumb-color);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover-color, $scrollbar-thumb-hover-color);
}

::-webkit-scrollbar-corner {
  background: var(--scrollbar-corner-color, $scrollbar-corner-color);
}
