@layer layout {
  .portal-footer {
    border-top: 1px solid var(--color-border);
    padding: var(--spacing-lg) 0;
    text-align: center;
  }

  .portal-footer {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    margin-top: var(--spacing-2xl);
    padding: var(--spacing-lg) 0 0 0;
    border-top: none;
    text-align: left;
  }

  .portal-footer__language-selector {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
  }

  .portal-footer__language-selector .icon {
    display: flex;
    align-items: center;
    height: 1em;
  }

  .portal-footer__language-selector .icon img {
    height: 100%;
  }

  .portal-footer__language-selector select {
    height: auto;
    line-height: 1;
    margin: 0;
    border: none;
    background-color: transparent;
    font-size: var(--text-x-small);
    color: var(--color-text);
    cursor: pointer;
  }

  .portal-footer__credit {
    margin-left: 0;
    font-size: var(--text-x-small);
    color: var(--color-text-muted);
    display: inline-flex;
    gap: var(--spacing-xs);
  }

  .portal-footer__credit img {
    height: 0.9em;
    width: auto;
    vertical-align: -0.1em;
  }
}