import { css } from 'lit'
import navStyles from '../navigation/internals/AppNavigation.styles.js'

export default [
  navStyles,
  css`
    .empty-state {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: calc(100% - 56px);

      color: var(--md-sys-color-on-surface-variant);

      font-family: var(--md-sys-typescale-label-large-font);
      font-weight: var(--md-sys-typescale-label-large-weight);
      font-size: var(--md-sys-typescale-label-large-size);
      letter-spacing: var(--md-sys-typescale-label-large-tracking);
      line-height: var(--md-sys-typescale-label-large-height);
    }
  `,
]
