/* UI icons — Codicons seated by icons.js. Weather marks are not these.
   Size rides 1em so the host control sets the seat. Colour is currentColor.
   Codicons: microsoft/vscode-codicons, CC BY 4.0. Font version 1.15. */
@font-face {
  font-family: "codicon";
  font-display: swap;
  src: url("../fonts/codicon.ttf?v=2026-08-27a") format("truetype");
}

.rs-icon {
  font-family: "codicon" !important;
  font-weight: 400;
  font-style: normal;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 1em;
  height: 1em;
  line-height: 1;
  color: inherit;
  speak: never;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}
.rs-icon > svg {
  display: block;
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.rs-icon-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 32px;
  padding: 28px var(--rail, 24px);
}
.rs-icon-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  min-width: 72px;
  color: var(--ink);
}
.rs-icon-cell .rs-icon { font-size: 28px; }
.rs-icon-name {
  font-family: var(--font-code);
  font-size: var(--t-caption);
  font-weight: 400;
  letter-spacing: var(--track-micro);
  color: var(--ink-3);
}