/* Original studio instruments: their ink and surfaces follow the app theme. */
.g-gauge {
  --g-bg: var(--surface, #fffdf8);
  --g-soft: var(--surface-soft, #eae6de);
  --g-fg: var(--text, #242925);
  --g-muted: var(--muted, #6b7169);
  --g-border: var(--border, #d5d9cf);
  --g-accent: var(--primary, #b94b28);
  --g-secondary: var(--accent, #4c6a51);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  color: var(--g-fg);
  isolation: isolate;
}
.g-gauge[data-theme="night"] {
  --g-bg: var(--surface, #19211c);
  --g-soft: var(--surface-soft, #222d25);
  --g-fg: var(--text, #eef1e8);
  --g-muted: var(--muted, #b0baae);
  --g-border: var(--border, #354138);
  --g-accent: var(--primary, #f38b5b);
  --g-secondary: var(--accent, #a7c6a2);
}
.g-gauge svg {
  width: 100%;
  height: 100%;
  display: block;
  max-height: 100%;
  overflow: hidden;
  font-family:
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-variant-numeric: tabular-nums;
}
.g-gauge text {
  fill: var(--g-fg);
}
.g-gauge .g-brand {
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 1.4px;
}
.g-gauge .g-caption {
  fill: var(--g-muted);
  font-size: 11px;
  font-weight: 550;
  letter-spacing: 1.2px;
}
.g-gauge .g-title {
  font-size: 25px;
  font-weight: 650;
  letter-spacing: 2px;
}
.g-gauge .g-speed {
  font-size: 156px;
  font-weight: 620;
  letter-spacing: -8px;
}
.g-gauge .g-unit {
  fill: var(--g-muted);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
}
.g-gauge .g-gear {
  fill: var(--g-accent);
  font-weight: 650;
  letter-spacing: -1px;
}
.g-gauge .g-reading {
  font-size: 30px;
  font-weight: 560;
  letter-spacing: -1px;
}
.g-gauge .g-rpm-large {
  font-size: 58px;
  font-weight: 550;
  letter-spacing: -2.5px;
}
.g-gauge .g-rpm-hero {
  font-size: 83px;
  font-weight: 550;
  letter-spacing: -4px;
}
.g-gauge .g-footer-value {
  font-size: 23px;
  font-weight: 550;
  letter-spacing: -0.7px;
}
.g-gauge .g-mark {
  fill: none;
  stroke: var(--g-accent);
  stroke-width: 3;
}
.g-gauge .g-rule {
  fill: none;
  stroke: var(--g-border);
  stroke-width: 1;
}
.g-gauge .g-panel,
.g-gauge .g-console-frame {
  fill: var(--g-bg);
  stroke: var(--g-border);
  stroke-width: 1;
}
.g-gauge .g-soft-panel {
  fill: var(--g-soft);
}
.g-gauge .g-background-panel {
  fill: var(--g-bg);
}
.g-gauge .g-accent-panel {
  fill: var(--g-accent);
  opacity: 0.12;
}
.g-gauge .g-meter-bed {
  fill: var(--g-border);
}
.g-gauge .g-meter-fill,
.g-gauge .g-segment {
  fill: var(--g-accent);
}
.g-gauge .g-meter-track {
  fill: none;
  stroke: var(--g-border);
}
.g-gauge .g-meter-active {
  fill: none;
  stroke: var(--g-accent);
}
.g-gauge .g-meter-track,
.g-gauge .g-meter-active {
  stroke-linecap: butt;
}
.g-gauge .g-vector-lines {
  fill: none;
  stroke: var(--g-secondary);
  stroke-width: 3;
}
.g-gauge .g-phase-lines {
  fill: none;
  stroke: var(--g-border);
  stroke-width: 2;
}
.g-gauge .g-module-outline {
  fill: none;
  stroke: var(--g-accent);
  stroke-width: 2;
}
.g-gauge .g-pulse {
  fill: none;
  stroke: var(--g-accent);
  stroke-width: 8;
}
.g-gauge .g-coordinate {
  opacity: 0.55;
}
.g-gauge .g-offset-panel {
  fill: var(--g-soft);
}
.g-gauge .g-aperture {
  fill: none;
  stroke: var(--g-accent);
  stroke-width: 4;
}
.g-gauge [data-rpm-bar],
.g-gauge [data-load-bar] {
  transition: width 60ms linear;
}
.g-gauge [data-rpm-arc] {
  transition: stroke-dasharray 60ms linear;
}
.g-gauge [data-shift] {
  transition: opacity 60ms linear;
}
.g-mcenter .g-speed {
  font-weight: 580;
}
.g-simple .g-speed {
  font-weight: 420;
  letter-spacing: -10px;
}
.g-cadillac .g-speed,
.g-supra .g-speed {
  font-style: italic;
}
.g-mred .g-speed {
  font-weight: 700;
}
.g-mini {
  --g-accent: #41629c;
}
.g-mini[data-mini-theme="cream"] {
  --g-accent: #98713c;
}
.g-mini[data-mini-theme="purple"] {
  --g-accent: #89619d;
}
.g-mini[data-mini-theme="rose"] {
  --g-accent: #b36c70;
}
.g-mini[data-mini-theme="green"] {
  --g-accent: #557550;
}
.g-mini[data-mini-theme="sky"] {
  --g-accent: #397e8a;
}
.g-mini[data-mini-theme="track"] {
  --g-accent: #b94b28;
}
.g-mini[data-theme="night"] {
  --g-accent: #9bb9ef;
}
.g-mini[data-theme="night"][data-mini-theme="cream"] {
  --g-accent: #e1bc83;
}
.g-mini[data-theme="night"][data-mini-theme="purple"] {
  --g-accent: #c7a3db;
}
.g-mini[data-theme="night"][data-mini-theme="rose"] {
  --g-accent: #e6a2a4;
}
.g-mini[data-theme="night"][data-mini-theme="green"] {
  --g-accent: #a7c69b;
}
.g-mini[data-theme="night"][data-mini-theme="sky"] {
  --g-accent: #8bc7d2;
}
.g-mini[data-theme="night"][data-mini-theme="track"] {
  --g-accent: #f38b5b;
}
.g-gauge.g-is-mini svg {
  max-width: 100%;
}
.g-gauge.g-is-mini [data-rpm-bar],
.g-gauge.g-is-mini [data-load-bar],
.g-gauge.g-is-mini [data-rpm-arc],
.g-gauge.g-is-mini [data-shift] {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  .g-gauge [data-rpm-bar],
  .g-gauge [data-load-bar],
  .g-gauge [data-rpm-arc],
  .g-gauge [data-shift] {
    transition: none;
  }
}