:host {
  @apply block box-border;
  background-color: var(--shell-footer-background);
}

footer {
  @apply h-20;
}

nav {
  @apply h-full flex flex-row items-center justify-around;
}

::ng-deep shell-footer a {
  @apply flex flex-col items-center justify-center;
  color: var(--shell-footer-link-inactive);
  flex-basis: 100%;

  &:active {
    color: var(--shell-footer-link-active);
  }

  &.disabled {
    color: var(--shell-footer-link-disabled);
  }
}
