json-viewer {
  --background-color: #232323;
  --property-color: #1489d9;
  --string-color: #3e953b;
  --number-color: #df5f2e;
  --null-color: #b8b8b8; }

.darkmode--activated json-viewer {
  --background-color: #d7d7d7;
  --null-color: #828282;
  --preview-color: rgba(145, 102, 73, 0.9);
  --indentguide-color: #bababa;
  --indentguide-color-active: #828282; }

.top-tables-content {
  margin-top: 15px;
  gap: 15px; }
  .top-tables-content .card {
    background-color: transparent;
    border: 1px solid #0c0909;
    border-radius: 4px;
    height: 100%;
    min-width: 324px; }
    .top-tables-content .card .card-header {
      padding: 10px;
      align-items: center;
      justify-content: space-between;
      background-color: #0c0909; }
      .top-tables-content .card .card-header .options {
        display: flex;
        gap: 4px; }
        .top-tables-content .card .card-header .options .nonfocus-btn {
          opacity: .7;
          transform: scale(0.9); }
    .top-tables-content .card .card-body {
      padding: 4px 10px 10px 10px; }
      .top-tables-content .card .card-body table tr:last-child {
        border-bottom: none; }
      .top-tables-content .card .card-body table tr:hover {
        color: #0097ff; }

.summary-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px; }
  .summary-content > .row {
    gap: 10px; }
    .summary-content > .row .card {
      border-radius: 0;
      min-width: 300px; }
      .summary-content > .row .card .card-header {
        justify-content: space-between;
        background-color: #0c0909;
        padding: 12px; }
        .summary-content > .row .card .card-header .arrow {
          position: relative;
          padding-right: 12px; }
          .summary-content > .row .card .card-header .arrow::after {
            content: '';
            position: absolute;
            background-image: url("/static/img/arrow-down.svg?7fcecb31b344");
            background-size: 100%;
            transform: rotate(-90deg);
            width: 14px;
            height: 12px;
            top: 5px;
            right: 0; }
      .summary-content > .row .card .card-body {
        padding: 10px;
        text-align: center; }
        .summary-content > .row .card .card-body strong {
          font-size: 16px; }
        .summary-content > .row .card .card-body .description {
          margin-top: 8px; }

.diagrams {
  display: flex;
  flex-direction: column;
  margin-top: 15px; }
  .diagrams > .row {
    align-items: center; }
    .diagrams > .row.row-with-modes {
      margin-bottom: 30px; }
  .diagrams #modes-labels > .row {
    justify-content: end;
    gap: 30px; }
    .diagrams #modes-labels > .row:hover {
      color: #fe5e22; }
  .diagrams #bands-labels {
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .diagrams #bands-labels > .row {
      justify-content: center; }
      .diagrams #bands-labels > .row .col {
        white-space: nowrap; }
      .diagrams #bands-labels > .row:hover {
        color: #fe5e22; }
  @media (max-width: 991px) {
    .diagrams #modes-labels .mod-count {
      text-align: end; } }
  @media (max-width: 767px) {
    .diagrams #modes-labels {
      min-width: 320px; }
      .diagrams #modes-labels > .row {
        justify-content: space-between; }
    .diagrams .row-with-bands {
      flex-wrap: wrap-reverse; }
      .diagrams .row-with-bands #bands-labels {
        min-width: 100%;
        max-width: 100%; }
        .diagrams .row-with-bands #bands-labels > .row {
          justify-content: space-between; }
          .diagrams .row-with-bands #bands-labels > .row .band-count {
            text-align: end; } }

.darkmode--activated .top-tables-content .card {
  border-color: #ffffff; }
  .darkmode--activated .top-tables-content .card .card-header {
    background-color: #ffffff; }
.darkmode--activated .summary-content > .row .card .card-header {
  background-color: #ffffff; }

/*# sourceMappingURL=tmpexb3xzue.css.map */