body.gin--navigation {
  background-color: var(--body-bg);

  .gin-secondary-toolbar--frontend {
    background: var(--clr-light);
  }
  .nav-tabs {
    .nav-item.show .nav-link {
      color: var(--bs-nav-tabs-link-active-color);
      background-color: var(--bs-nav-tabs-link-active-bg);
      border-color: rgba(var(--clr-dark-rgb), 0.8);
    }

    .nav-link.active {
      color: var(--clr-primary);
      background-color: var(--bs-nav-tabs-link-active-bg);
      border-color: rgba(var(--clr-primary-rgb), 0.9);
    }

    .nav-link {
      color: rgba(var(--clr-dark-rgb), 0.5);
      background-color: rgba(var(--body-bg-rgb), 0.8);
      border-color: rgba(var(--clr-dark-rgb), 0.5);

      &:hover {
        color: rgba(var(--clr-primary-rgb), 0.8);
        background-color: rgba(var(--body-bg-rgb));
        border-color: rgba(var(--clr-primary-rgb), 0.6);
      }
    }
  }

  .main-content {
    .section {
      background-color: var(--body-bg);
    }
  }

  .site-footer {
    background: rgba(var(--clr-dark-rgb), 0.7);
  }
}

.admin-toolbar-expanded {
  button.tabledrag-toggle-weight {
    background-color: transparent;
    border: 0;
  }

  .paragraphs-dropdown-actions {
    background: var(--clr-primary);
    border-color: var(--clr-dark);
  }
  .paragraphs-dropdown-action.button {
    font-weight: 500;
    padding-left: 5px;
    padding-right: 5px;
  }

  .ui-dialog .button {
    color: var(--clr-primary);
    margin-top: 34px;
  }
  #edit-actions--GgLJla1d-RA .mb3 {
    margin-bottom: 0 !important;
  }

  #views-exposed-form-media-library-widget {
    .d-flex {

    }
  }
}