@property --debug-light-color{syntax:"<color>";inherits:true;initial-value:#f59e0b}@property --debug-light-secondary{syntax:"<color>";inherits:true;initial-value:#fbbf24}@property --debug-light-tip{syntax:"<color>";inherits:true;initial-value:#fff1b8}.debug-light-strip{z-index:2147483646;pointer-events:none;background:color-mix(in srgb, var(--debug-light-color) 22%, transparent);--debug-light-color:#22d3ee;--debug-light-secondary:#a78bfa;--debug-light-tip:#f472b6;height:2px;transition:background-color .6s;position:fixed;inset:auto 0 0}.debug-light-strip:before{content:"";background:linear-gradient(transparent, color-mix(in srgb, var(--debug-light-color) 18%, transparent));position:absolute;inset:-9px 0 0}.debug-light-track{position:absolute;inset:0;overflow:hidden}.debug-light-track i{position:absolute;inset:0}.debug-light-strip[data-pattern=flow] .debug-light-track i:first-child{background:repeating-linear-gradient(90deg, var(--debug-light-color), var(--debug-light-secondary), var(--debug-light-tip), var(--debug-light-secondary), var(--debug-light-color) 50%);animation:debug-light-flow calc(var(--light-duration) * 2) linear infinite;inset-inline:-100%}.debug-light-strip[data-pattern=scanner] .debug-light-track i:first-child{background:linear-gradient(90deg, transparent, var(--debug-light-color), var(--debug-light-tip), var(--debug-light-secondary), transparent);width:22%;animation:debug-light-scan var(--light-duration) ease-in-out infinite alternate}.debug-light-strip[data-pattern=hazard] .debug-light-track i{background:linear-gradient(90deg, transparent, var(--debug-light-color), var(--debug-light-tip), transparent);width:18%;animation:debug-light-hazard-right var(--light-duration) ease-in-out infinite;left:50%}.debug-light-strip[data-pattern=hazard] .debug-light-track i+i{animation-name:debug-light-hazard-left;left:32%}.debug-light-strip[data-color=forest]{--debug-light-color:#166534;--debug-light-secondary:#10b981;--debug-light-tip:#a7f3d0}.debug-light-strip[data-color=amber]{--debug-light-color:#f59e0b;--debug-light-secondary:#fbbf24;--debug-light-tip:#fff1b8}.debug-light-strip[data-color=account]{--debug-light-color:var(--teal);--debug-light-secondary:color-mix(in srgb, var(--teal), white 25%);--debug-light-tip:color-mix(in srgb, var(--teal), white 65%)}.debug-light-strip[data-tone=ambient][data-pattern=hazard]{opacity:.5}.debug-light-strip[data-tone=ambient][data-pattern=hazard] .debug-light-track i{animation:debug-light-hazard-travel var(--light-duration) ease-in-out infinite alternate;left:0}.debug-light-strip[data-tone=ambient][data-pattern=hazard] .debug-light-track i+i{left:-18%}.debug-light-strip[data-tone=ambient][data-color=cycle]{animation:debug-light-colors calc(var(--light-duration) * 6) linear infinite}@keyframes debug-light-hazard-travel{0%,5%{transform:translate(-100%)}90%,to{transform:translate(660%)}}@keyframes debug-light-colors{0%,to{--debug-light-color:#f59e0b;--debug-light-secondary:#fbbf24;--debug-light-tip:#fff1b8}20%{--debug-light-color:#06b6d4;--debug-light-secondary:#22d3ee;--debug-light-tip:#cffafe}40%{--debug-light-color:#8b5cf6;--debug-light-secondary:#a78bfa;--debug-light-tip:#ede9fe}60%{--debug-light-color:#ec4899;--debug-light-secondary:#f472b6;--debug-light-tip:#fce7f3}80%{--debug-light-color:#166534;--debug-light-secondary:#10b981;--debug-light-tip:#a7f3d0}}.debug-light-strip[data-tone=save]{--debug-light-color:#22c55e;--debug-light-secondary:#4ade80;--debug-light-tip:#dcfce7}.debug-light-strip[data-tone=save] .debug-light-track i{animation-name:debug-light-save-right;animation-timing-function:ease-out;animation-iteration-count:2}.debug-light-strip[data-tone=save] .debug-light-track i+i{animation-name:debug-light-save-left}@keyframes debug-light-save-right{0%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(278%)}to{opacity:0;transform:translate(278%)}}@keyframes debug-light-save-left{0%{opacity:1;transform:translate(0)}85%{opacity:1;transform:translate(-278%)}to{opacity:0;transform:translate(-278%)}}.debug-light-strip[data-tone=error]{--debug-light-color:#ef4444;--debug-light-secondary:#f87171;--debug-light-tip:#fecaca;background:#991b1b}.debug-light-strip[data-pattern=hazard] .debug-light-track i,.debug-light-strip[data-pattern=scanner] .debug-light-track i:first-child{background:0 0}.debug-light-strip[data-pattern=hazard] .debug-light-track i:before,.debug-light-strip[data-pattern=scanner] .debug-light-track i:first-child:before{content:"";background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--debug-light-color) 20%, transparent) 35%, var(--debug-light-color) 75%, var(--debug-light-secondary) 87%, color-mix(in srgb, var(--debug-light-tip), white 80%) 95%, transparent 100%);position:absolute;inset:0}.debug-light-strip[data-pattern=hazard] .debug-light-track i+i:before{transform:scaleX(-1)}.debug-light-strip[data-tone=ambient][data-pattern=hazard] .debug-light-track i:before,.debug-light-strip[data-pattern=scanner] .debug-light-track i:first-child:before{animation:debug-light-facing calc(var(--light-duration) * 2) steps(1, end) infinite}@keyframes debug-light-facing{0%{transform:scaleX(1)}50%{transform:scaleX(-1)}}.debug-light-strip[data-motion=still],.debug-light-strip[data-motion=still] .debug-light-track i,.debug-light-strip[data-motion=still] .debug-light-track i:before{animation:none!important}.debug-light-previews{flex-wrap:wrap;gap:8px;display:flex}@keyframes debug-light-flow{to{transform:translate(33.333%)}}@keyframes debug-light-scan{0%{transform:translate(-100%)}to{transform:translate(455%)}}@keyframes debug-light-hazard-right{0%,5%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1;transform:translate(278%)}95%,to{opacity:0;transform:translate(278%)}}@keyframes debug-light-hazard-left{0%,5%{opacity:0;transform:translate(0)}15%{opacity:1}85%{opacity:1;transform:translate(-278%)}95%,to{opacity:0;transform:translate(-278%)}}@media (prefers-reduced-motion:reduce){html:not([data-motion=full]) .debug-light-strip,html:not([data-motion=full]) .debug-light-strip .debug-light-track i,html:not([data-motion=full]) .debug-light-strip .debug-light-track i:before{animation:none!important}}