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(c-icon) {
  /**
   * @prop --c-icon-color: Color of the icon
   */
  --_c-icon-color: var(
    --c-icon-color,
    var(--_c-icon-default-color, curentColor)
  );
  --_c-icon-size: var(--c-icon-size, 24px);
  display: inline-flex;
  align-items: center;
  height: var(--_c-icon-size);
  width: var(--_c-icon-size);
}
:host(c-icon) svg {
  height: var(--_c-icon-size);
  width: var(--_c-icon-size);
}
:host(c-icon) svg path {
  fill: var(--_c-icon-color);
}