/* MOTORLAB Warning Lights 1.0.1 — every selector stays inside .mlwl. */
.mlwl {
  --mlwl-icon: clamp(42px, 4.3vw, 58px);
  --mlwl-gap: clamp(24px, 2.8vw, 38px);
  --mlwl-height: clamp(94px, 9.5vw, 132px);
  --mlwl-amber: #ffb735;
  --mlwl-red: #ff5149;
  position: relative;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: var(--mlwl-height);
  margin: 0;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  direction: ltr;
  border: 1px solid #ffffff0e;
  border-radius: 12px;
  background: radial-gradient(ellipse at 45% 0%, #1b2635 0%, #111924 49%, #0c121b 100%);
  box-shadow: inset 0 1px 0 #ffffff06, inset 0 -1px 0 #00000050;
  color: var(--mlwl-amber);
  isolation: isolate;
  contain: layout paint;
  scrollbar-width: thin;
  scrollbar-color: #4c5665 #101722;
  -webkit-overflow-scrolling: touch;
}
.mlwl, .mlwl * { box-sizing: border-box; }
.mlwl[data-mlwl-ready] {
  overflow: hidden;
}
.mlwl[data-mlwl-ready]::before, .mlwl[data-mlwl-ready]::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 36px;
  pointer-events: none;
}
.mlwl[data-mlwl-ready]::before { left: 0; background: linear-gradient(90deg, #0e1620, #0e162000); }
.mlwl[data-mlwl-ready]::after { right: 0; background: linear-gradient(270deg, #0e1620, #0e162000); }
.mlwl:focus-visible { outline: 2px solid #d6e1ee; outline-offset: 3px; }
.mlwl .mlwl__track {
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  transform: none;
}
.mlwl[data-mlwl-ready] .mlwl__track { will-change: transform; }
.mlwl .mlwl__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: var(--mlwl-gap);
  width: max-content;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0 var(--mlwl-gap) 0 0;
  border: 0;
}
.mlwl .mlwl__group[data-mlwl-copy] { display: none; }
.mlwl[data-mlwl-ready] .mlwl__group[data-mlwl-copy] { display: flex; }
.mlwl .mlwl__lamp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 var(--mlwl-icon);
  width: var(--mlwl-icon);
  height: var(--mlwl-icon);
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--mlwl-amber);
  line-height: 0;
}
.mlwl .mlwl__lamp--red { color: var(--mlwl-red); }
.mlwl .mlwl__icon {
  display: block;
  flex: none;
  width: var(--mlwl-icon) !important;
  height: var(--mlwl-icon) !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 2px #ffb7353b) drop-shadow(0 0 7px #ffb73517);
}
.mlwl .mlwl__lamp--red .mlwl__icon { filter: drop-shadow(0 0 2px #ff51493b) drop-shadow(0 0 7px #ff514917); }
.mlwl .mlwl__sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
}
@media (max-width: 480px) {
  .mlwl { border-radius: 9px; }
  .mlwl[data-mlwl-ready]::before, .mlwl[data-mlwl-ready]::after { width: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .mlwl[data-mlwl] { overflow-x: auto; }
  .mlwl[data-mlwl]::before, .mlwl[data-mlwl]::after { display: none; }
  .mlwl[data-mlwl] .mlwl__track { transform: none !important; will-change: auto; }
  .mlwl[data-mlwl] .mlwl__group[data-mlwl-copy] { display: none !important; }
}
@media (forced-colors: active) {
  .mlwl { border-color: CanvasText; background: Canvas; }
  .mlwl[data-mlwl-ready]::before, .mlwl[data-mlwl-ready]::after { display: none; }
  .mlwl .mlwl__lamp, .mlwl .mlwl__lamp--red { color: CanvasText; }
  .mlwl .mlwl__icon { filter: none; }
}