/* Vector icons for dynamic controls and CSS markers; no font glyphs. */
:root {
  --ui-svg-close: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012%20M18%206%206%2018%22%2F%3E%3C%2Fsvg%3E");
  --ui-svg-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012l5%205L20%206%22%2F%3E%3C%2Fsvg%3E");
  --ui-svg-plus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14%20M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
  --ui-svg-minus: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012h14%22%2F%3E%3C%2Fsvg%3E");
  --ui-svg-info: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018%209%209%200%200%200%200-18%20M12%2011v6%20M12%207h0%22%2F%3E%3C%2Fsvg%3E");
  --ui-svg-palette: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018h2a2%202%200%200%200%200-4h-1a1.5%201.5%200%200%201%200-3h3a5%205%200%200%200%205-5c0-3.3-4-6-9-6Z%20M7%2010h0%20M10%207h0%20M15%207h0%20M17%2010h0%22%2F%3E%3C%2Fsvg%3E");
}
.ui-vector-icon, .ui-glyph { display: inline-block; inline-size: 1.15em; block-size: 1.15em; flex: 0 0 auto; vertical-align: -.15em; }
.ui-glyph { background-color: currentColor; -webkit-mask: var(--ui-svg) center/contain no-repeat; mask: var(--ui-svg) center/contain no-repeat; }
.ui-close-icon::before { content: ""; display: inline-block; inline-size: 1.1em; block-size: 1.1em; background-color: currentColor; -webkit-mask: var(--ui-svg-close) center/contain no-repeat; mask: var(--ui-svg-close) center/contain no-repeat; vertical-align: -.15em; }
.ui-back-icon, .ui-forward-icon { display: inline-flex; }
[dir=rtl] :is(.ui-back-icon, .ui-forward-icon) { transform: scaleX(-1); }
.ui-glyph--close { --ui-svg: var(--ui-svg-close); }
.ui-glyph--check { --ui-svg: var(--ui-svg-check); }
.ui-glyph--plus { --ui-svg: var(--ui-svg-plus); }
.ui-glyph--minus { --ui-svg: var(--ui-svg-minus); }
.ui-glyph--info { --ui-svg: var(--ui-svg-info); }
.ui-glyph--palette { --ui-svg: var(--ui-svg-palette); }