syng-simulation pre{margin:0}syng-simulation{display:flex;flex-direction:column;color:initial;line-height:initial}syng-simulation .egs-typewriter{box-shadow:0 1px #0000001a;position:relative;background:unset;padding:1rem 1rem 1rem 1.25rem;&:before{content:"$";position:absolute;left:0}}syng-simulation .egs-column-view{display:flex;flex-direction:row;font-size:1rem;flex-wrap:wrap;justify-content:space-between;align-items:stretch;overflow:hidden;padding-bottom:1px;.egs-source{box-shadow:2px -1px #0000001a;flex-grow:1;display:flex;&:not(:is(.egs-source--visible)){visibility:hidden}}.egs-source-code{padding:1rem}.egs-source.egs-nm .egs-source-code{opacity:.5;font-style:initial}.egs-source.egs-m .egs-source-code{box-shadow:3px 0 #72efdd inset}.egs-filename{display:none;position:absolute;left:0;bottom:0;right:0;font-size:.7rem;font-family:inherit;text-align:right;padding:.5rem 1rem}}syng-simulation .egs-row-view{flex-grow:1;font-size:1rem;font-family:monospace;white-space-collapse:preserve;text-wrap:nowrap;border-spacing:0 1rem;padding-right:1rem;.egs-source:not(.egs-source--visible) td{visibility:hidden}tr{position:relative}td{vertical-align:top;padding:0}.egs-match-status{width:1rem;display:block}.egs-match-status:before{position:absolute;top:0;left:0;bottom:0;width:3px}.egs-m .egs-match-status:before{background:#72efdd;content:" "}.egs-nm .egs-match-status:before{background:#f72585;content:" "}}syng-simulation-controls{display:flex;align-self:flex-end;justify-content:space-between;align-items:stretch;flex-wrap:nowrap;flex-direction:row;margin-top:1rem}syng-simulation-controls button{background:none;border:none;cursor:pointer;padding:.25rem .5rem;svg{width:12px;height:12px;fill:#0000004d}&:hover svg{fill:initial}}syng-simulation .egs-token{color:#f72585;font-weight:700}syng-simulation .egs-line{color:#4ea8de}syng-simulation .egs-nm{opacity:.7;font-style:italic}syng-simulation .egs-highlight{background:#f1ea39}syng-simulation .egs-blink{animation:egs-blink-animation .8s steps(2,start) infinite;-webkit-animation:egs-blink-animation .8s steps(2,start) infinite}syng-simulation slot[name=title] code{color:var(--syng-green);text-transform:lowercase}@keyframes egs-blink-animation{to{visibility:hidden}}@-webkit-keyframes egs-blink-animation{to{visibility:hidden}}syng-switch{transform:translateZ(0);outline:none}syng-switch [slot=slides]{transform:translateZ(0);position:relative;overflow:hidden}syng-switch .syng-switch-slide{transform:translateZ(0);transition-property:opacity;transition-timing-function:linear;transition-duration:.5s;&.syng-switch-slide--hidden{opacity:0;transition-duration:.3s;position:absolute;inset:0;z-index:-1}}syng-switch .syng-switch-pagination{display:flex;gap:0 .5rem;height:2rem;button{flex-grow:1;border:none;cursor:pointer;background:none;position:relative;display:flex;align-items:center;padding:0;outline:none;.progressFrame{flex-grow:1;height:5px;background:#0003;line-height:1;position:relative;pointer-events:none}.progressElapsed{position:absolute;top:0;left:0;bottom:0;background:#000000b3;transform:translateZ(0)}&.active .progressElapsed{transition:width .2s linear;background:#000000b3}}}
/*# sourceMappingURL=syng-components.css.map */