.content-header-group {
  gap: 1rem;
}

.choice-container-list__item {
  flex: 1 1 auto;
}

/* #region Stats */
.content__stats {
  display: flex;
  box-shadow: 0px 0px 9px -5px rgba(102, 89, 188, 0.6),
    0px 0px 14px 7px rgba(102, 89, 188, 0.04);
  margin-top: 20px;
  padding: 20px;
  border-radius: 20px;
  flex-wrap: wrap;
  gap: 20px;
}
.stats__item {
  flex: 1 1 30%;
  display: flex;
  flex-direction: column;
  /* background: var(--red-dark, #fb7b9d); */
  background: #ecf6ff;
  /* color: #fff; */
  padding: 20px;
  border-radius: 20px;
  gap: 1.5rem;
  font-weight: 600;
  justify-content: space-between;
}
.stats-item__title {
}
.stats-item__content {
  font-size: 1.5rem;
  color: #68bff3;
}
/* #endregion */

/* #region Theme-table */

@media (min-width: 1440px) {
  thead th {
    width: 250px;
  }
  thead th:nth-child(3) {
    width: 350px;
  }
  thead th:nth-child(4) {
    width: 350px;
  }
}

@media (min-width: 768px) {
  thead th {
    width: 200px;
  }
  thead th:nth-child(3) {
    width: 300px;
  }
  thead th:nth-child(4) {
    width: 300px;
  }
}

@media (max-width: 768px) {
  .content__theme-table table {
  }
  thead th {
    width: 150px;
  }
  thead th:nth-child(3) {
    width: 250px;
  }
  thead th:nth-child(4) {
    width: 250px;
  }
}
@media (min-width: 1920px) {
  thead th {
    width: 13%;
  }
  thead th:nth-child(3) {
    width: 30%;
  }
  thead th:nth-child(4) {
    width: 30%;
  }
  .content__theme-table table {
  }
}

.content__theme-table {
  display: flex;
  box-shadow: 0px 0px 9px -5px rgba(102, 89, 188, 0.6),
    0px 0px 14px 7px rgba(102, 89, 188, 0.04);
  margin: 20px 0;
  padding: 20px;
  border-radius: 20px;
  flex-wrap: wrap;
  gap: 20px;
  max-height: 50vh;
  overflow: auto;
}

tbody td:first-child,
tbody th:first-child {
  border-radius: 20px 0 0 20px;
}
tbody td:last-child,
tbody th:last-child {
  border-radius: 0 20px 20px 0;
}

.content__theme-table table {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}
.content__theme-table table thead {
  position: sticky;
  top: -20px;
  background: #fff;
}
.content__theme-table table tbody {
  /* overflow: auto; */
  overflow-y: scroll;
}
.content__theme-table table th,
td {
  padding: 1rem;
}
tbody tr.theme-active {
  border: #fff solid 5px;
  border-radius: 40px;
  background: #ecf6ff;
}

/* #endregion */
