@import '../../../global/theme.less';
@import '../../../global/mixin.less';

.root {
  height: 100%;
  width: 100%;

  .page {
    height: 100%;
    width: 100%;
    margin: -4px;
    text-align: center;

    .item {
      display: inline-flex;
      margin: 4px;
      border: 2px solid @theme-color;
      overflow: auto;
      padding: 16px;
      cursor: pointer;

      .content {
        max-width: 100%;
        margin: auto;
        display: flex;
        flex-direction: column;
      }
      .separator {
        height: 8px;
      }
      .scrollbar(transparent, 0);
    }
  }

  :global {
    .@{ant-prefix}-carousel,
    .slick-slider {
      width: 100%;
      height: 100%;
    }
    .@{ant-prefix}-carousel .slick-list {
      height: 100%;
      overflow-y: auto;
      .scrollbar(@t-scrollbar-thumb-color, 10px, @t-dashboard-block-bg);
    }
    .slick-dots {
      li button {
        background: @t-carousel-btn-bg !important;
        border-radius: 2px;
      }
      li.slick-active {
        button {
          background: @t-carousel-btn-bg-active !important;
        }
      }
    }
  }
}