@import 'apps/client/src/styles/ghostfolio-style';

:host {
  color: rgb(var(--dark-primary-text));
  display: flex;
  flex-direction: column;
  height: calc(100vh - 5rem);
  overflow-y: auto;

  padding-bottom: env(safe-area-inset-bottom);
  padding-bottom: constant(safe-area-inset-bottom);

  ::ng-deep {
    .mat-mdc-tab-link-container {
      --mat-tab-header-active-focus-indicator-color: transparent;
      --mat-tab-header-active-hover-indicator-color: transparent;
      --mdc-tab-indicator-active-indicator-color: transparent;

      .mat-mdc-tab-link {
        &:hover {
          opacity: 0.75;
        }
      }
    }
  }
}

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