.cs-stage{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative;overflow:hidden;background:var(--surface-sunken)}.cs-stage:before{content:"";position:absolute;inset:-20px;background-image:radial-gradient(circle,var(--border-default) 1px,transparent 1px);background-size:22px 22px;opacity:.7;animation:cs-grid-drift 14s linear infinite;z-index:0}@keyframes cs-grid-drift{0%{transform:translate(0)}to{transform:translate(22px,22px)}}.cs-sketches{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.75;display:block}.cs-sketch{fill:none;stroke:var(--color-primary);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes cs-draw{0%{stroke-dashoffset:var(--dash);opacity:0}10%{opacity:.9}55%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:calc(-1 * var(--dash));opacity:0}}.cs-sketch--a{--dash: 220;stroke-dasharray:var(--dash);animation:cs-draw 7s var(--ease-default) infinite;transform-origin:center}.cs-sketch--b{--dash: 340;stroke-dasharray:var(--dash);animation:cs-draw 9s var(--ease-default) infinite;animation-delay:1.4s}.cs-sketch--c{--dash: 180;stroke-dasharray:var(--dash);animation:cs-draw 8s var(--ease-default) infinite;animation-delay:2.8s}.cs-sketch--d{--dash: 280;stroke-dasharray:var(--dash);animation:cs-draw 10s var(--ease-default) infinite;animation-delay:.6s}.cs-sketch--filled{fill:var(--color-primary);opacity:.1;stroke:none;animation:cs-pulse 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes cs-pulse{0%,to{opacity:.07;transform:scale(1)}50%{opacity:.16;transform:scale(1.05)}}.cs-orbit{fill:none;stroke:var(--color-primary);stroke-width:1.5;stroke-dasharray:6 10;opacity:.35;transform-box:fill-box;transform-origin:center;animation:cs-spin 28s linear infinite}.cs-orbit--reverse{animation-direction:reverse;animation-duration:42s;opacity:.25;stroke-dasharray:4 14}@keyframes cs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-mote{fill:var(--color-primary);opacity:0;animation:cs-mote-drift 11s var(--ease-default) infinite}.cs-mote--2{animation-duration:14s;animation-delay:2.5s}.cs-mote--3{animation-duration:17s;animation-delay:5s}.cs-mote--4{animation-duration:13s;animation-delay:7s}@keyframes cs-mote-drift{0%{transform:translate(0);opacity:0}15%{opacity:.5}85%{opacity:.5}to{transform:translate(60px,-120px);opacity:0}}.cs-stage:before{animation-duration:14s!important;animation-iteration-count:infinite!important}.cs-sketch--a{animation-duration:7s!important;animation-iteration-count:infinite!important}.cs-sketch--b{animation-duration:9s!important;animation-iteration-count:infinite!important}.cs-sketch--c{animation-duration:8s!important;animation-iteration-count:infinite!important}.cs-sketch--d{animation-duration:10s!important;animation-iteration-count:infinite!important}.cs-sketch--filled{animation-duration:5s!important;animation-iteration-count:infinite!important}.cs-orbit{animation-duration:28s!important;animation-iteration-count:infinite!important}.cs-orbit--reverse{animation-duration:42s!important}.cs-mote{animation-duration:11s!important;animation-iteration-count:infinite!important}.cs-mote--2{animation-duration:14s!important}.cs-mote--3{animation-duration:17s!important}.cs-mote--4{animation-duration:13s!important}.cs-stage--inline{background:transparent;padding:32px 24px}.cs-stage--inline:before{display:none}.cs-stage--inline .cs-sketches{display:none}