:root{--back: #ECE9E2;--logo: rgba(0, 0, 0, .05);--text: rgba(0, 0, 0, .15);--track: rgba(0, 0, 0, .05);--pulse: rgba(0, 0, 0, .1);--frame: #D5D2CC;--figure: rgba(0, 0, 0, .3);--barcode: rgba(0, 0, 0, .3);--polygon-fill: rgba(0, 0, 0, .1);--polygon-stroke: rgba(0, 0, 0, .3)}body[data-theme=dark]{--back: #0E0F12;--logo: rgba(255, 255, 255, .02);--text: rgba(255, 255, 255, .1);--track: rgba(255, 255, 255, .04);--pulse: rgba(255, 255, 255, .08);--frame: #1A1B1F;--figure: rgba(255, 255, 255, .3);--barcode: rgba(255, 255, 255, .3);--polygon-fill: rgba(255, 255, 255, .05);--polygon-stroke: rgba(255, 255, 255, .3)}html,body{margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh}svg{width:100%;height:100%;display:block}.back{fill:var(--back)}.track{fill:var(--track)}.pulse{fill:none;stroke:var(--pulse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.logo{fill:var(--logo);stroke:var(--pulse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.frame{fill:var(--frame);fill-rule:evenodd;clip-rule:evenodd}.figure{fill:none;stroke:var(--figure);stroke-linecap:round;stroke-linejoin:round}.polygon{fill:var(--polygon-fill);stroke:var(--polygon-stroke);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.barcode{fill:var(--barcode)}.text{fill:var(--text)}.back,.track,.pulse,.logo,.frame,.figure,.polygon,.barcode,.text{transition:fill 1.5s ease,stroke 1.5s ease,stroke-opacity .5s ease}