.logo {
  display: var(--hscl-logo-display, inline-block);
  text-decoration: none;
  inline-size: fit-content;
  max-inline-size: var(--hscl-logo-maxWidth, 100%);
  max-block-size: var(--hscl-logo-maxHeight, none);

  &:hover {
    cursor: var(--hscl-logo-cursor-hover, default);
  }

  &.link,
  &.link:hover {
    cursor: var(--hscl-logo-cursor-hover, pointer);
  }

  .logoImage {
    display: block;
    max-inline-size: var(--hscl-logo-maxWidth, 100%);
    max-block-size: var(--hscl-logo-maxHeight, none);
  }
}
