@import "../../constants/index.scss";

:local {
  .sidebar {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    max-height: 370px;
    position: sticky;
    top: 30px;
    overflow: auto;

    &Wrapper {
      position: relative;
      padding-right: 16px;
    }

    &Notes {
      cursor: pointer;
      font-size: 14px;
      padding: 12px 40px;

      &:hover {
        background: $tools-selected-background-color;
      }

      &Selected {
        @extend .sidebarNotes;
        color: $primary-color;
        background: $tools-selected-background-color;
        font-weight: bold;
      }
    }
  }
}