/* Actual canonical SVGs replace legacy glyphs, font icons and CSS/background Xs. */
[data-msc-close-icon="close"] {
  background-image: none !important;
  font-size: 0 !important;
  text-indent: 0 !important;
}
[data-msc-close-icon="close"]::before,
[data-msc-close-icon="close"]::after { content: none !important; display: none !important; }
[data-msc-close-icon="close"] > .msc-close-icon {
  display: inline-block !important;
  width: var(--msc-close-icon-size, 24px) !important;
  height: var(--msc-close-icon-size, 24px) !important;
  color: inherit;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: var(--msc-icon-stroke-width, 1.8) !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vertical-align: middle;
  pointer-events: none;
}
[data-msc-close-icon="close"]:is(:hover,:focus-visible) { color: var(--msc-red, #ef3e46) !important; }