.site-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  line-height: 0;
  filter: none;
}

html.site-page .site-logo {
  filter: none;
}

.site-logo > svg {
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
}

.site-logo svg .site-logo-tagline path {
  fill: var(--site-logo-fill, var(--sm-text, #e1e5f1));
}

.site-logo svg .site-logo-tagline path[stroke-width="8.5"] {
  stroke: var(--site-logo-stroke-dark, var(--sm-accent-dark, #2a344d));
}

.site-logo svg .site-logo-tagline path[stroke-width="5"] {
  stroke: var(--site-logo-stroke, var(--sm-accent, #54679e));
}

.site-logo svg .site-logo-wordmark path {
  fill: var(--site-logo-wordmark, var(--sm-accent, var(--site-logo-stroke, #54679e)));
  stroke: none;
}

.site-logo--nav {
  max-width: min(240px, 78vw);
}

.site-logo--login {
  max-width: min(360px, 92vw);
}

.site-logo--editor {
  max-width: min(220px, 48vw);
  filter: drop-shadow(0 0 10px rgba(var(--sm-accent-rgb, 84, 103, 158), 0.14));
}

.editor-chrome .site-logo svg .site-logo-tagline path {
  fill: var(--site-logo-fill, var(--sm-text, #e1e5f1));
}

.editor-chrome .site-logo svg .site-logo-tagline path[stroke-width="8.5"] {
  stroke: var(--site-logo-stroke-dark, var(--sm-accent-dark, #2a344d));
}

.editor-chrome .site-logo svg .site-logo-tagline path[stroke-width="5"] {
  stroke: var(--site-logo-stroke, var(--sm-accent, #54679e));
}

.editor-chrome .site-logo svg .site-logo-wordmark path {
  fill: var(--site-logo-wordmark, var(--editor-accent, var(--sm-accent, #54679e)));
  stroke: none;
}

.editor-chrome-brand:hover .site-logo {
  filter: drop-shadow(0 0 8px rgba(var(--sm-accent-rgb, 84, 103, 158), 0.28));
}