:host {
  display: block;
  min-height: 100svh;

  &.has-info-message {
    header {
      height: calc(2 * var(--mat-toolbar-standard-height));

      .info-message-container {
        height: var(--mat-toolbar-standard-height);

        .info-message-inner-container {
          background-color: rgba(var(--palette-primary-500), 1);
          height: var(--mat-toolbar-standard-height);
          z-index: 999;

          .info-message {
            color: rgba(var(--palette-foreground-text), 1);
            font-size: 80%;
            max-width: 100%;

            .a {
              font-weight: 500;
            }
          }
        }
      }
    }

    main {
      min-height: calc(100svh - 2 * var(--mat-toolbar-standard-height));
    }
  }

  footer {
    background-color: rgba(var(--palette-foreground-text), 0.05);
    font-size: 90%;

    .logotype {
      font-size: 13vw;
      letter-spacing: -0.03em;
      margin-bottom: -5svw;
      opacity: 0.05;
    }
  }

  header {
    height: var(--mat-toolbar-standard-height);
  }

  main {
    min-height: calc(100svh - var(--mat-toolbar-standard-height));
  }
}

:host-context(.theme-dark) {
  footer {
    background-color: rgba(var(--palette-foreground-text-dark), 0.05);
  }
}
