html {
  box-sizing: border-box;
}

body {
  margin: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  -webkit-tap-highlight-color: transparent;
}

:host {
  font-family: var(--c-font-family);
}

::-ms-reveal {
  display: none;
}

:host {
  /**
   * @prop --c-side-navigation-title-color: Title color
   * @prop --c-side-navigation-title-border-color: Title border color
   */
  --_c-side-navigation-title-color: var(--c-side-navigation-title-color, var(--c-white));
  --_c-side-navigation-title-border-color: var(--c-side-navigation-title-border-color, var(--c-white));
}
:host > div {
  align-items: center;
  box-shadow: 0 1px 0 0 var(--_c-side-navigation-title-border-color);
  color: var(--_c-side-navigation-title-color);
  display: flex;
  gap: 8px;
  margin: 1.25rem 0 1rem;
  padding: 4px 0;
}