.container-table {
  position: relative;

  .arrow_scroll_right {
    position: absolute;
    top: 50%;
    right: -30px;

    &::after {
      display: none;
      cursor: pointer;
      content: "";
      position: absolute;
      top: -100px;
      left: -12px;
      height: 230px;
      width: 50px;
      background-color: rgba(var(--background-secondary), 0.4);
      border-top-right-radius: 100%;
      border-bottom-right-radius: 100%;
    }

    &:hover {
      &::after {
        display: block;
      }
    }
  }
}

td,
th {
  min-width: 120px;
}

.t-sticky-0 {
  max-width: 120px;
  left: 0;
  position: sticky;

  @media (max-width: 768px) {
    &.icon {
      min-width: 30px !important;

      .table-descr {
        display: none;
      }
      .table-icon {
        display: block !important;
      }
    }
  }
}

.t-sticky-1 {
  left: 120px;
  position: sticky;

  @media (max-width: 768px) {
    &.icon {
      left: 45px;
      min-width: 30px !important;

      .table-descr {
        display: none;
      }
      .table-icon {
        display: block !important;
      }
    }
  }
}

.t-br {
  border-right-width: 1px;
}

td.dark {
  background-color: rgba(var(--background-quaternary), 1);
}