.base-modal-layout-content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  &__inner-content {
    &::-webkit-scrollbar {
      height: 0;
      width: 12px;
    }

    &::-webkit-scrollbar-button {
      display: none;
      height: 6px;
    }

    &::-webkit-scrollbar-thumb {
      background-color: var(--wds-scrollbar-fill, #a8caff);
      background-clip: content-box;
      border-radius: var(--wds-border-radius-full, 6px);
      border: 3px solid transparent;
      height: 72px;
    }

    @media (hover: hover) {
      &::-webkit-scrollbar-thumb:hover {
        background-color: var(--wds-scrollbar-fill-hover, #5999ff);
      }
    }

    &::-webkit-scrollbar-thumb:active {
      background-color: var(--wds-scrollbar-fill-active, #116dff);
    }
  }

  &--hide-top-divider &__top-divider {
    opacity: 0;
    transition: opacity 100ms linear;
  }

  &--hide-bottom-divider &__bottom-divider {
    opacity: 0;
    transition: opacity 100ms linear;
  }
}