/* Transparent linework. Set color to any monochrome value for your shell. */
.ignition-switch {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: var(--ignition-width, 320px);
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: var(--ignition-ink, #161616);
  cursor: pointer;
  vertical-align: middle;
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
}
.ignition-switch__art { display: block; width: 100%; pointer-events: none; }
.ignition-switch__art svg { display: block; width: 100%; height: auto; overflow: visible; }
.ignition-switch:focus { outline: none; }
.ignition-switch:focus-visible { outline: 1px solid #ff3333; outline-offset: 6px; }
.ignition-switch:disabled { cursor: not-allowed; opacity: .38; }
.ignition-switch[data-busy="true"] { cursor: progress; }
.ignition-switch__live {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@media (forced-colors: active) {
  .ignition-switch { forced-color-adjust: none; }
  .ignition-switch:focus-visible { outline: 2px solid Highlight; }
}