/* Digital folded-grid icon family. Color follows the enclosing theme. */
[data-ui-icon], [data-ui-symbol] {
  display: inline-flex;
  width: 1.3em;
  height: 1.3em;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  vertical-align: -0.23em;
  line-height: 1;
}
[data-ui-icon][hidden], [data-ui-symbol][hidden] { display: none; }
.ui-icon { display: block; width: 100%; height: 100%; overflow: visible; }
.ui-icon-ink, .ui-icon-frame {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: square;
  stroke-linejoin: miter;
}
.ui-icon-frame { opacity: 0.38; stroke-width: 1.2; }
.ui-icon-accent { fill: var(--ui-icon-accent, #09a1d2); }
.ui-icon-warm { fill: var(--ui-icon-warm, #f29807); }
.ui-icon-pop { fill: var(--ui-icon-pop, #d30f48); }
.ui-disclosure-summary { list-style: none; }
.ui-disclosure-summary::-webkit-details-marker { display: none; }
.ui-disclosure-summary::marker { content: ''; }
.ui-disclosure-summary [data-ui-icon="chevron-down"] { margin-right: 0.3em; }
details[open] > .ui-disclosure-summary [data-ui-icon="chevron-down"] { transform: rotate(180deg); }

/* Native select/scroll affordances use the same path geometry as the SVG family. */
:root {
  --ui-chevron-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 8l8 8 8-8' fill='none' stroke='%2309a1d2' stroke-width='1.6' stroke-linecap='square'/%3E%3Cpath d='M10 4h4v4h-4Z' fill='%23f29807'/%3E%3C/svg%3E");
  --ui-back-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12H4M11 5l-7 7 7 7' fill='none' stroke='%23f29807' stroke-width='1.6' stroke-linecap='square'/%3E%3Cpath d='M18 9h4v6h-4Z' fill='%2309a1d2'/%3E%3C/svg%3E");
}