@import "../../style/CommonStyle.module.less";
@import "../../style/utils.module.less";

.tBody {
  width: 100%;
  height: calc(100% - 90px);
  background-color: @BG_COLOR_01;

  .tVerticalPagenator {
    height: 100%;
    .cateContainer {
      width: 100%;
      padding-left: 60px;
      overflow: unset;
      .title {
        padding: 38px 0 33px 0;
      }

      .tabContainer {
        width: -webkit-fit-content;
        height: auto;
        position: relative;

        .dropdown {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%);
          &.categoryDropdown {
            > div {
              > div {
                border-radius: 6px 6px 0 0 !important;
              }
            }
          }
        }
      }
    }
  }
}

[class="category_dropdown"] {
  > div > div[id] > div:nth-child(2) {
    -webkit-filter: none !important;
    filter: none !important;
    > div:nth-child(1) {
      height: 126px !important;
      width: 270px !important;
      margin-top: 0 !important;
      border-radius: 0 0 6px 6px !important;
      background-color: @COLOR_GRAY03 !important;
      > div {
        width: 270px !important;
        height: 144px !important;
        border-radius: 0 !important;
        padding-top: 0 !important;
        > div {
          > div {
            > div {
              padding: 0 !important;
              &:first-child {
                > div:nth-child(1) {
                  border-radius: 6px 6px 0 0 !important;
                  overflow: hidden;
                  &:focus {
                    border-radius: 0 !important;
                    > div:nth-child(2) {
                      > div {
                        > div {
                          color: @COLOR_WHITE !important;
                        }
                      }
                    }
                  }
                  > div:first-child {
                    will-change: unset !important;
                  }
                }
              }
              &:last-child {
                > div:nth-child(1) {
                  border-radius: 0 0 6px 6px !important;
                  overflow: hidden;
                  &:focus {
                    border-radius: 0 0 6px 6px !important;
                  }
                }
              }
              > div:nth-child(1) {
                height: 63px !important;
                padding: 20px 19px !important;
                &:focus {
                  background-color: @PRIMARY_COLOR_RED !important;

                  box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.5);
                  > div {
                    color: @COLOR_WHITE !important;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
