.light-animation{--fa-out:var(--blue);--fa-return:#e9b93b;--fa-flash:var(--fa-return);--fa-flash-start:13%;--fa-flash-end:17%;--fa-flash-start2:63%;--fa-flash-end2:67%;--fa-track:linear-gradient(to right,var(--line) 0 var(--fa-flash-start),var(--fa-flash) var(--fa-flash-start) var(--fa-flash-end),var(--line) var(--fa-flash-end) var(--fa-flash-start2),var(--fa-flash) var(--fa-flash-start2) var(--fa-flash-end2),var(--line) var(--fa-flash-end2) 100%);margin:32px 0;padding:28px;overflow:hidden}
.light-animation .eyebrow{font-size:11px;margin:0 0 8px}.light-animation h3{font:34px/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 18px}
.light-animation .mirror-line{stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.light-animation #fa-scene{display:block;width:100%;max-width:none;margin:0;height:370px}.light-animation svg text{font:14px var(--sans);fill:var(--ink)}.light-animation svg .small{font-size:12px}.light-animation .structure{stroke:var(--line);fill:none;stroke-width:1.3}.light-animation .reference{stroke:var(--muted);fill:none;stroke-width:1.2;stroke-dasharray:4 5;opacity:.6}.light-animation .mirror{stroke:var(--ink);fill:none;stroke-width:5;stroke-linecap:round}.light-animation .back-dot{fill:var(--fa-return)}.light-animation .neutral{fill:var(--ink)}.light-animation .light-packet{fill:none;stroke-width:4;stroke-linecap:round}.light-animation .packet-out{stroke:var(--fa-out)}.light-animation .packet-return{stroke:var(--fa-return)}.light-animation .direction-guide{fill:none;stroke-width:1.2;stroke-linecap:round;opacity:.32}
.fa-controls{display:flex;gap:10px}.fa-controls button{border:1px solid #829cb8;border-radius:3px;padding:10px 16px;min-height:44px;background:white;color:var(--ink);font:500 14px/1.5 var(--sans);cursor:pointer}.fa-controls button:hover{background:#eef4fd}.fa-position-label{display:block;font-size:13px;margin:16px 0 4px}.light-animation input[type=range]{display:block;width:100%;height:34px;margin:0 0 20px;accent-color:var(--blue);cursor:pointer}.light-animation figcaption{margin-top:10px}
.light-animation input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;height:44px;margin-bottom:0}
.light-animation input[type=range]::-webkit-slider-runnable-track{height:8px;border:0;border-radius:4px;background:var(--fa-track)}
.light-animation input[type=range]::-moz-range-track{height:8px;border:0;border-radius:4px;background:var(--fa-track)}
.light-animation input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:18px;height:18px;margin-top:-5px;border:2px solid var(--blue);border-radius:50%;background:transparent}
.light-animation input[type=range]::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:2px solid var(--blue);border-radius:50%;background:transparent}
.light-animation input[type=range]::-moz-range-progress{background:transparent}
@media(max-width:640px){.light-animation{padding:20px 12px}.light-animation h3{font-size:31px}}
@media print{.light-animation .fa-controls,.light-animation .fa-position-label,.light-animation input{display:none}.light-animation{break-inside:avoid}}