/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
:host {
  --digi--logo--img--min-width: 16rem;
  --digi--logo--img--max-width:18.25rem;
  --digi--logo--img--max-width--large: 23rem;
  --digi--logo--img--max-width--system: 2.75rem;
  --digi--logo--padding: 1.375rem;
  --digi--logo--padding--wide: var(--digi--gutter--larger);
  --digi--logo--padding--large: var(--digi--gutter--medium);
  --digi--logo--padding--large--wide: var(--digi--gutter--larger);
  --digi--logo--logotype-color: var(--digi--color--logotype-color);
  --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
  --digi--logo--color--secondary: var(--digi--color--text--secondary);
  --digi--logo--color--border--primary: var(--digi--color--text--primary);
  --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
}
:host .digi-logo {
  display: flex;
  align-items: center;
  padding-top: var(--digi--logo--padding);
  padding-right: var(--digi--logo--padding);
  padding-bottom: var(--digi--logo--padding);
  padding-left: 0;
}
:host .digi-logo .main-symbol {
  fill: var(--digi--logo--logotype-color);
}
:host .digi-logo__img {
  display: flex;
}
:host .digi-logo svg {
  fill: var(--COLOR);
  width: 100%;
  height: auto;
  max-width: var(--digi--logo--img--max-width);
}
:host .digi-logo--primary {
  --COLOR: var(--digi--logo--color--primary);
}
:host .digi-logo--secondary {
  --COLOR: var(--digi--logo--color--secondary);
}
:host .digi-logo--only-symbol .digi-logo__img {
  flex-shrink: 0;
}
:host .digi-logo--full-logo svg {
  min-width: var(--digi--logo--img--min-width);
}
@media (min-width: 61.9375rem) {
  :host .digi-logo svg {
    --digi--logo--img--max-width: var(--digi--logo--img--max-width--large);
  }
}