/* Scene styles. */
@property --lcx-hold { syntax: "<integer>"; inherits: true; initial-value: 0; }

.lcx {
  --slow: 1;
  --g: var(--pf-bg-panel, #131316);
  --card: var(--pf-bg, #0b0b0e);
  --raise: var(--pf-bg-elevated, #1b1b1f);
  --l0: var(--pf-border, #232327);
  --l1: var(--pf-border-strong, #303036);
  --t0: var(--pf-text-hero, #fafafa);
  --t1: var(--pf-text, #e4e4e7);
  --t2: var(--pf-text-2, #d4d4d8);
  --t3: var(--pf-text-3, #a1a1aa);
  --t4: var(--pf-text-4, #71717a);
  --sans: var(--font-sans);
  --mono: var(--font-mono);
  --e-out: cubic-bezier(0.23, 1, 0.32, 1);
  --e-move: cubic-bezier(0.65, 0, 0.35, 1);
  --e-fade: cubic-bezier(0.4, 0, 0.2, 1);
  --t-fade: calc(260ms * var(--slow));
  --t-move: calc(900ms * var(--slow));
  --t-arc: calc(1300ms * var(--slow));
  --t-spur: calc(1000ms * var(--slow));
  --t-count: calc(760ms * var(--slow));

  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--g);
  color: var(--t1);
  font-family: var(--sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  contain: layout paint;
}
.lcx *, .lcx *::before, .lcx *::after { box-sizing: border-box; }
.lcx .num { font-family: var(--mono); font-variant-numeric: tabular-nums; }
.lcx p { margin: 0; }
.lcx-i { display: inline-block; flex: none; vertical-align: -2px; }


.lcx-canvas {
  position: absolute; left: 50%; top: 50%;
  width: 940px; height: 588px;
  transform: translate(-50%, -50%) scale(var(--k, 1));
  transform-origin: 50% 50%;
}
.lcx-svg { position: absolute; inset: 0; overflow: visible; }

.lcx-mini {
  display: inline-flex; align-items: center; gap: 5px;
  font: 500 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--t4); white-space: nowrap;
}
.lcx-mini .lcx-i { vertical-align: 0; }


.lcx-dot { fill: rgb(255 255 255 / .085); }
.lcx-zone.is-fill { stroke: none !important; }
.lcx-zone.is-edge { fill: none !important; }
.lcx-zone {
  fill: rgb(255 255 255 / .014);
  stroke: rgb(255 255 255 / .17); stroke-width: 1; stroke-dasharray: 4 5;
  transition: stroke calc(500ms * var(--slow)) var(--e-fade) calc(var(--d, 0) * 1ms * var(--slow)), fill calc(500ms * var(--slow)) var(--e-fade) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-zone.is-full { stroke: rgb(255 255 255 / .46); fill: rgb(255 255 255 / .035); }
.lcx-zone.is-full.is-empty { stroke: rgb(255 255 255 / .17); fill: rgb(255 255 255 / .014); }
.lcx-pocket { fill: rgb(255 255 255 / 0); transition: fill calc(600ms * var(--slow)) var(--e-fade) calc(1350ms * var(--slow)); }
.lcx-pocket.is-lit { fill: rgb(255 255 255 / .04); }

.lcx-zl { position: absolute; left: 314px; top: 160px; display: flex; align-items: baseline; gap: 8px; }
.lcx-zl__a { font-size: 10.5px; color: var(--t4); letter-spacing: .01em; }
.lcx-holds {
  --lcx-hold: 0;
  position: absolute; right: 242px; top: 157px;
  display: flex; align-items: baseline; gap: 6px;
  color: var(--t4);
  counter-reset: lcxh var(--lcx-hold);
  transition: --lcx-hold var(--t-count) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), color calc(420ms * var(--slow)) var(--e-fade) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-holds.is-full { --lcx-hold: var(--amt); color: var(--t0); }
.lcx-holds.is-full.is-empty { --lcx-hold: 0; color: var(--t4); }
.lcx-holds .lcx-mini { margin-right: 2px; }
.lcx-holds__fig { display: inline-flex; align-items: baseline; }
.lcx-holds__n, .lcx-holds__c { font-size: 15px; line-height: 1; font-weight: 500; letter-spacing: -.01em; }
.lcx-holds__n:not(.is-text)::before { content: counter(lcxh); }
.lcx-holds__t { font: 500 10.5px/1 var(--mono); color: var(--t4); }


.lcx-spur { fill: none; stroke: var(--l1); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.lcx-spur-paint {
  fill: none; stroke: var(--t3); stroke-width: 1.75; stroke-linejoin: round;
  stroke-dasharray: 1 1; stroke-dashoffset: 1;
  transition: stroke-dashoffset var(--t-spur) var(--e-move) calc(var(--sd, 0) * 1ms * var(--slow));
}
.lcx-spur-paint.is-lit { stroke-dashoffset: 0; }

.lcx-cap {
  position: absolute; top: 405px; left: calc(var(--x) * 1px - 9px);
  width: 18px; height: 18px; display: grid; place-items: center;
  border: 1px solid var(--l1); border-radius: 5px; background: var(--g); color: var(--t4);
  transition: border-color var(--t-fade) var(--e-fade) calc(1150ms * var(--slow)), color var(--t-fade) var(--e-fade) calc(1150ms * var(--slow)), background-color var(--t-fade) var(--e-fade) calc(1150ms * var(--slow));
}
.lcx-cap .lcx-i { opacity: .7; }
.lcx-cap.is-lit { border-color: var(--t1); color: var(--t0); background: var(--card); }
.lcx-cap.is-lit .lcx-i { opacity: 1; }

.lcx-term {
  position: absolute; top: 428px; left: calc(var(--x) * 1px - 85px); width: 170px;
  display: grid; justify-items: center; gap: 2px; text-align: center;
}
.lcx-term .lcx-pill { margin-bottom: 5px; opacity: .55; transition: opacity calc(400ms * var(--slow)) var(--e-out) calc(var(--dd, 0) * 1ms * var(--slow)); }
.lcx-term.is-lit .lcx-pill { opacity: 1; }
.lcx-term__more { display: grid; justify-items: center; gap: 2px; }
.lcx-term__call { font-size: 11.5px; line-height: 16px; font-weight: 500; color: var(--t0); }
.lcx-term__sub { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; line-height: 14px; color: var(--t3); white-space: nowrap; }
.lcx-term__sub.is-out { color: var(--t2); }

.lcx-note { position: absolute; left: 28px; top: 318px; width: 184px; display: grid; gap: 8px; }
.lcx-note p { font-size: 11.5px; line-height: 16px; color: var(--t3); text-wrap: pretty; }

.lcx-ghost {
  position: absolute; left: 0; top: 0; z-index: 3;
  offset-distance: 0%; offset-rotate: 0deg; offset-anchor: 50% 50%;
  transition: offset-distance var(--t-spur) var(--e-move) calc(var(--gd, 0) * 1ms * var(--slow));
}
.lcx-ghost.is-go { offset-distance: 100%; }
.lcx-ghost i { display: block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid var(--t1); background: var(--g); box-shadow: 0 0 0 3px var(--g), 0 0 12px rgb(255 255 255 / .25); opacity: 0; }
.lcx-ghost i.is-on { animation: lcx-ghost calc((1000ms + var(--gd, 0) * 1ms) * var(--slow)) linear both; }
@keyframes lcx-ghost { 0% { opacity: 0; } 18% { opacity: 1; } 86% { opacity: 1; } 100% { opacity: 0; } }


.lcx-arc { fill: none; stroke: var(--l1); stroke-width: 1.25; stroke-dasharray: 3 5; }
.lcx-arc-lit { fill: none; stroke: var(--t1); stroke-width: 1.5; stroke-dasharray: 3 5; }
.lcx-arcmask {
  fill: none; stroke: #fff; stroke-width: 10;
  stroke-dasharray: 1 1; stroke-dashoffset: 1;
  transition: stroke-dashoffset var(--t-arc) var(--e-move) calc(120ms * var(--slow));
}
.lcx-arcmask.is-lit { stroke-dashoffset: 0; }
.lcx-arcl {
  position: absolute; left: 0; width: 940px; top: 88px;
  display: flex; justify-content: center; align-items: center; gap: 6px;
  font: 500 10px/1 var(--mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--t4); transition: color var(--t-fade) var(--e-fade);
}
.lcx-arcl .lcx-i { vertical-align: 0; }
.lcx-arcl.is-lit { color: var(--t2); }

.lcx-msg {
  position: absolute; left: 0; top: 0; z-index: 4;
  offset-distance: 0%; offset-rotate: 0deg; offset-anchor: 50% 50%;
  transition: offset-distance var(--t-arc) var(--e-move) calc(120ms * var(--slow));
}
.lcx-msg.is-go { offset-distance: 100%; }
.lcx-msg__in {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px 0 7px;
  border: 1px solid var(--t3); border-radius: 6px; background: var(--card); color: var(--t0);
  font: 500 11px/1 var(--mono); white-space: nowrap;
  box-shadow: 0 0 0 4px var(--g), 0 10px 24px -10px rgb(255 255 255 / .35);
  opacity: 0;
}
.lcx-msg__in.is-on { animation: lcx-msg calc(1420ms * var(--slow)) linear both; }
@keyframes lcx-msg { 0% { opacity: 0; } 12% { opacity: 1; } 90% { opacity: 1; } 100% { opacity: 0; } }


.lcx-line { fill: none; stroke: var(--l1); stroke-width: 3; stroke-linecap: round; }
.lcx-paint {
  fill: none; stroke: var(--t0); stroke-width: 3;
  stroke-dasharray: 1 1; stroke-dashoffset: 1;
  transition: stroke-dashoffset var(--t-move) var(--e-move) calc(100ms * var(--slow));
}
.lcx-paint.is-lit { stroke-dashoffset: 0; }
.lcx-paint.is-s4 { transition: stroke-dashoffset calc(300ms * var(--slow)) var(--e-out) calc(950ms * var(--slow)); }

.lcx-st__ring { fill: var(--g); stroke: var(--t4); stroke-width: 2.25; transition: stroke var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)); }
.lcx-st.is-lit .lcx-st__ring { stroke: var(--t0); }
.lcx-st__ripple { fill: none; stroke: var(--t0); stroke-width: 1.25; opacity: 0; transform-box: fill-box; transform-origin: 50% 50%; }
.lcx-st.is-on .lcx-st__ripple { animation: lcx-ripple calc(800ms * var(--slow)) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)) both; }
@keyframes lcx-ripple { from { opacity: .8; transform: scale(1); } to { opacity: 0; transform: scale(3.6); } }
.lcx-hold {
  position: absolute; left: 488px; top: 220px; width: 112px; height: 32px; z-index: 4;
  border: 1px dashed rgb(255 255 255 / .5); border-radius: 9999px;
  opacity: 0; scale: .92;
  transition: opacity calc(320ms * var(--slow)) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), scale calc(420ms * var(--slow)) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-hold.is-on:not(.is-past) { opacity: 1; scale: 1; }

.lcx-stl {
  position: absolute; top: 196px; left: calc(var(--x) * 1px - 60px); width: 120px;
  display: flex; justify-content: center; align-items: center; gap: 5px;
  font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: -.005em;
  color: var(--t4); transition: color var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-stl .lcx-i { vertical-align: 0; }
.lcx-stl.is-lit { color: var(--t0); }

.lcx-edge {
  position: absolute; top: 251px; left: calc(var(--x) * 1px - 70px); width: 140px;
  display: grid; justify-items: center; gap: 1px; text-align: center;
}
.lcx-call { display: grid; font-size: 11.5px; line-height: 16px; font-weight: 500; letter-spacing: -.01em; }
.lcx-call > span { grid-area: 1 / 1; white-space: nowrap; }
.lcx-call__dim { color: var(--t4); }
.lcx-call__lit {
  color: var(--t0);
  clip-path: inset(0 100% 0 0);
  transition: clip-path calc(var(--n, 12) * 26ms * var(--slow)) steps(var(--n, 12), end);
}
.lcx-edge.is-lit .lcx-call__lit { clip-path: inset(0 0 0 0); }
.lcx-by { font-size: 11px; line-height: 15px; color: var(--t4); transition: color var(--t-fade) var(--e-fade); }
.lcx-edge.is-lit .lcx-by { color: var(--t3); }
.lcx-res {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10.5px; line-height: 15px; font-weight: 500; color: var(--t2);
  opacity: 0; translate: 0 3px;
  transition: opacity var(--t-fade) var(--e-out) calc(1060ms * var(--slow)), translate var(--t-fade) var(--e-out) calc(1060ms * var(--slow));
}
.lcx-res .lcx-i { vertical-align: 0; color: var(--t0); }
.lcx-edge.is-lit .lcx-res { opacity: 1; translate: none; }


.lcx-token {
  --x: 214;
  position: absolute; left: 0; top: 0; z-index: 5;
  transform: translate(calc(var(--x) * 1px), 236px) translate(-50%, -50%);
  opacity: 0;
  transition: opacity calc(220ms * var(--slow)) var(--e-out), transform var(--t-move) var(--e-move) calc(100ms * var(--slow));
}
.lcx-token.is-on { opacity: 1; }
.lcx-token.at-1 { --x: 352; }
.lcx-token.at-2 { --x: 544; }
.lcx-token.at-3 { --x: 712; }
.lcx-token__in {
  position: relative;
  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 10px;
  border-radius: 9999px; background: var(--t0); color: var(--card);
  font-size: 11.5px; line-height: 1; font-weight: 600; letter-spacing: -.01em; white-space: nowrap;
  box-shadow: 0 0 0 4px var(--g), 0 10px 28px -8px rgb(255 255 255 / .42);
  transition: background-color calc(500ms * var(--slow)) var(--e-fade), box-shadow calc(500ms * var(--slow)) var(--e-fade);
}
.lcx-token__id { color: rgb(11 11 14 / .48); font-weight: 500; }
.lcx-token__trail {
  position: absolute; right: 50%; top: 50%; width: 96px; height: 4px; margin-top: -2px;
  border-radius: 2px; background: linear-gradient(to left, rgb(255 255 255 / .95), rgb(255 255 255 / 0));
  filter: blur(1.5px); opacity: 0; z-index: -1;
}

.lcx-token__trail.is-on { animation: lcx-trail var(--t-move) linear calc(100ms * var(--slow)) both; }
@keyframes lcx-trail { 0% { opacity: 0; } 22% { opacity: 1; } 72% { opacity: .85; } 100% { opacity: 0; } }


.lcx-card {
  position: absolute; top: 200px; width: 136px; height: 72px;
  display: grid; align-content: space-between; padding: 9px 11px 9px;
  border: 1px solid var(--l1); border-radius: 10px; background: var(--card);
  transition: border-color var(--t-fade) var(--e-fade);
}
.lcx-card.is-creator { left: 28px; }
.lcx-card.is-worker { left: 776px; }
.lcx-card.is-lit { border-color: var(--t4); }
.lcx-card.is-on { animation: lcx-flash calc(950ms * var(--slow)) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)) both; }
@keyframes lcx-flash { 0% { box-shadow: 0 0 0 0 rgb(255 255 255 / 0); } 30% { box-shadow: 0 0 0 4px rgb(255 255 255 / .14); } 100% { box-shadow: 0 0 0 9px rgb(255 255 255 / 0); } }
.lcx-card__who { display: flex; align-items: center; gap: 7px; font-size: 12.5px; line-height: 16px; font-weight: 500; color: var(--t3); white-space: nowrap; transition: color var(--t-fade) var(--e-fade); }
.lcx-card.is-lit .lcx-card__who { color: var(--t0); }
.lcx-swap { display: grid; font-size: 11px; line-height: 14px; color: var(--t3); }
.lcx-swap > span {
  grid-area: 1 / 1; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap;
  opacity: 0; filter: blur(3px); translate: 0 2px;
  transition: opacity var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), filter var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), translate var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-swap > .is-on:not(.is-past) { opacity: 1; filter: none; translate: none; }
.lcx-swap b { color: var(--t0); font-weight: 600; }
.lcx-swap .lcx-i { vertical-align: 0; color: var(--t0); }
.lcx .avatar { display: inline-grid; place-items: center; width: var(--size, 16px); height: var(--size, 16px); border-radius: 4px; background: var(--raise); color: var(--t1); flex: none; }
.lcx .avatar svg { width: 60%; height: 60%; display: block; }


.lcx-hud { position: absolute; left: 28px; right: 28px; top: 22px; display: flex; justify-content: space-between; align-items: flex-start; gap: 32px; }
.lcx-hud__l { display: grid; gap: 8px; min-width: 0; max-width: 560px; }
.lcx-hud__t { font-size: 15px; line-height: 20px; font-weight: 400; letter-spacing: -.01em; color: var(--t1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lcx-hud__r { display: grid; grid-template-columns: auto auto; align-items: center; justify-items: end; gap: 8px 10px; }
.lcx-hud__note {
  grid-column: 1 / -1; display: inline-flex; align-items: center; gap: 5px;
  font: 500 10px/1 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--t3);
  opacity: 0; translate: 0 -3px;
  transition: opacity var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), translate var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-hud__note .lcx-i { vertical-align: 0; }
.lcx-hud__note.is-on:not(.is-past) { opacity: 1; translate: none; }

.lcx-pills { display: grid; justify-items: end; }
.lcx-pills > .lcx-pill {
  grid-area: 1 / 1;
  opacity: 0; filter: blur(3px); transform: scale(.96);
  transition: opacity var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), filter var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), transform var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow));
}
.lcx-pills > .lcx-pill.is-on:not(.is-past) { opacity: 1; filter: none; transform: none; }


.lcx-pill {
  display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px 0 7px;
  border: 1px solid rgb(255 255 255 / .1); border-radius: 9999px;
  font-size: 11.5px; line-height: 1; font-weight: 500; letter-spacing: .005em; white-space: nowrap;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .06);
}
.lcx-pill .lcx-i { vertical-align: 0; }
.lcx-pill[data-status="draft"]     { color: var(--t4); background: transparent; border-style: dashed; border-color: var(--l1); box-shadow: none; }
.lcx-pill[data-status="open"]      { color: #fff; background-color: rgb(255 255 255 / .16); }
.lcx-pill[data-status="accepted"]  { color: var(--t1); background-color: rgb(255 255 255 / .10); }
.lcx-pill[data-status="disputed"]  { color: var(--t1); background-color: rgb(255 255 255 / .10); border-color: rgb(255 255 255 / .34); }
.lcx-pill[data-status="expired"]   { color: #fff; background-color: rgb(255 255 255 / .05); }
.lcx-pill[data-status="completed"] { color: var(--t3); background-color: rgb(255 255 255 / .05); }
.lcx-pill[data-status="cancelled"] { color: var(--t4); background-color: rgb(255 255 255 / .02); }


.lcx-beats { position: absolute; left: 28px; right: 28px; top: 534px; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.lcx-beats li { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 7px; row-gap: 5px; align-items: baseline; padding-top: 11px; color: var(--t4); transition: color var(--t-fade) var(--e-fade); }
.lcx-beats__track { position: absolute; left: 0; right: 0; top: 0; height: 1px; background: var(--l0); overflow: hidden; }
.lcx-beats__fill { position: absolute; inset: 0; background: var(--t0); transform-origin: 0 50%; transform: scaleX(0); }
.lcx-beats li.is-now .lcx-beats__fill { transform: scaleX(1); transition: transform calc(var(--dur, 1800) * 1ms * var(--slow)) linear; }
.lcx-beats li.is-done .lcx-beats__fill { background: var(--t4); transition: background-color var(--t-fade) var(--e-fade); }
.lcx-beats li.is-now:not(.is-done) { color: var(--t0); }
.lcx-beats li.is-done { color: var(--t3); }
.lcx-beats__n { font-size: 10px; line-height: 1; letter-spacing: .06em; }
.lcx-beats b { font-size: 12.5px; line-height: 1; font-weight: 500; }
.lcx-beats__s { grid-column: 2; font-size: 11px; line-height: 1.2; color: var(--t4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color var(--t-fade) var(--e-fade); }
.lcx-beats li.is-now:not(.is-done) .lcx-beats__s { color: var(--t3); }


.lcx [data-from] {
  opacity: 0; translate: 0 6px;
  transition: opacity calc(400ms * var(--slow)) var(--e-out) calc(var(--dd, 0) * 1ms * var(--slow)), translate calc(400ms * var(--slow)) var(--e-out) calc(var(--dd, 0) * 1ms * var(--slow));
}
.lcx [data-from].is-in { opacity: 1; translate: none; }
.lcx .lcx-note[data-from] { --dd: 120; }

.lcx .is-tick { animation: lcx-tick calc(220ms * var(--slow)) cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes lcx-tick { from { opacity: 0; translate: 0 35%; filter: blur(2px); } }


.lcx-main, .lcx-arc-g { transition: opacity calc(500ms * var(--slow)) var(--e-fade); }
.lcx-canvas.is-exits .lcx-main,
.lcx-canvas.is-exits .lcx-arc-g,
.lcx-canvas.is-exits .lcx-stl,
.lcx-canvas.is-exits .lcx-edge,
.lcx-canvas.is-exits .lcx-arcl { opacity: .42; }

.lcx-canvas.is-exits .lcx-token__in { background-color: var(--t4); box-shadow: 0 0 0 4px var(--g), 0 10px 28px -8px rgb(255 255 255 / 0); }
.lcx-stl, .lcx-edge, .lcx-arcl { transition: color var(--t-fade) var(--e-out) calc(var(--d, 0) * 1ms * var(--slow)), opacity calc(500ms * var(--slow)) var(--e-fade); }
.lcx.is-summary .lcx-canvas.is-exits .lcx-main,
.lcx.is-summary .lcx-canvas.is-exits .lcx-arc-g,
.lcx.is-summary .lcx-canvas.is-exits .lcx-stl,
.lcx.is-summary .lcx-canvas.is-exits .lcx-edge,
.lcx.is-summary .lcx-canvas.is-exits .lcx-arcl { opacity: 1; }
.lcx.is-summary .lcx-canvas.is-exits .lcx-token__in { background-color: var(--t0); }


.lcx.is-rewind * { transition-delay: 0s !important; transition-duration: calc(320ms * var(--slow)) !important; animation: none !important; }
.lcx.is-rewind .lcx-token,
.lcx.is-rewind .lcx-msg,
.lcx.is-rewind .lcx-ghost { transition: opacity calc(200ms * var(--slow)) var(--e-fade), transform 0s linear calc(260ms * var(--slow)), offset-distance 0s linear calc(260ms * var(--slow)) !important; }
.lcx.is-rewind .lcx-paint,
.lcx.is-rewind .lcx-spur-paint,
.lcx.is-rewind .lcx-arc-lit { opacity: 0; transition: opacity calc(260ms * var(--slow)) var(--e-fade), stroke-dashoffset 0s linear calc(300ms * var(--slow)) !important; }
.lcx.is-rewind .lcx-arcmask { transition: stroke-dashoffset 0s linear calc(300ms * var(--slow)) !important; }
.lcx.is-rewind .lcx-call__lit { transition: clip-path 0s linear calc(260ms * var(--slow)) !important; opacity: 0; }


.lcx.no-anim, .lcx.no-anim * { transition: none !important; animation: none !important; }
.lcx.is-parked * { animation: none !important; }


@media (prefers-reduced-motion: reduce) {
  .lcx * { transition-property: opacity, color, fill, stroke, border-color, background-color, filter !important; animation: none !important; }
}
:root[data-motion="reduce"] .lcx * { transition-property: opacity, color, fill, stroke, border-color, background-color, filter !important; animation: none !important; }