:host {
  color: rgb(var(--dark-primary-text));
  display: block;

  a {
    color: rgba(var(--palette-primary-500), 1);
    font-weight: 500;

    &:hover {
      color: rgba(var(--palette-primary-300), 1);
    }
  }

  gf-access-table {
    overflow-x: auto;

    table {
      min-width: 100%;

      .mat-row,
      .mat-header-row {
        width: 100%;
      }
    }
  }

  .fab-container {
    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 999;
  }

  .hint-text {
    font-size: 90%;
    line-height: 1.2;
  }

  .mat-form-field {
    ::ng-deep {
      .mat-form-field-wrapper {
        padding-bottom: 0;
      }
    }
  }
}

:host-context(.is-dark-theme) {
  color: rgb(var(--light-primary-text));
}