html{font:100%/1.3 system-ui,san-serif}body{margin:0}header{display:flex;padding:10px;background:#ddd}header h1{margin:0;padding-right:.5em;font-size:1.5em;font-weight:300}header h1 a{text-decoration:none;color:#555}header h1 a:hover{text-decoration:underline;color:#000}nav{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1px}nav a{padding:.3em .8em;border-radius:1em;color:#673ab8;text-decoration:none;white-space:nowrap}nav a:hover{background-color:#ffffff80;color:#56319c;box-shadow:inset 0 0 0 1px #673ab8;z-index:1}nav a.current{background:#673ab8;color:#fff}main{padding:10px}output{padding:.3em;min-width:1.5em;display:inline-block;text-align:center}.info{position:relative;padding:.5em .5em .5em 2em;max-width:600px;background:#e6ebfc;border-radius:5px;box-shadow:inset 0 0 0 .5px #b0bee2;color:#3955a1}.info:before{content:"\2139";position:absolute;display:inline-block;text-align:center;line-height:1em;width:1.2em;height:1.2em;left:.4em;top:50%;margin-top:-.6em;background:#3955a1;border-radius:.6em;color:#fff}.card{display:inline-block;padding:.5em 1em;background:#eee;box-shadow:inset 0 0 0 .5px #ccc;border-radius:5px}.card+.card{margin-left:10px}button{padding:.3em 1em;border-radius:1em;border:none;background:#673ab8;color:#f4eeff;cursor:pointer}button:hover{background:#9359ff;color:#fff}table{margin-top:1em;border-collapse:collapse}th,td{border:1px solid #aaa;padding:.3em}.nesting{position:relative;margin:10px;padding:10px;max-width:22em;border:1px solid #ddd;background:#f4f2f0}.nesting .notes{color:#345;margin-top:20px;border-top:4px double #ccc}.nesting h4{margin:1em 0 0}.nesting ul{margin:0;padding:.25em 1em}.nesting li>ul{padding-top:0;padding-bottom:0;font-size:90%}.nesting ul>li{padding:.25em 0}.nesting code{font:100%/1.3 Source Code Pro,monaco,menlo;color:#0a8138}.nesting output{display:inline-block;vertical-align:middle;margin:0 .25em;min-width:2.5em;height:1.3em;border-radius:.3em;text-align:center;background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px #0000001a,inset 0 2px 5px #0000001a}.nesting .render-count{position:absolute;right:0;top:0;padding:0 .3em;font-size:70%}.nesting .object-editor{position:relative;margin:20px 0 0;padding:10px 5px 5px;border:1px solid #abc;background:#fff;border-radius:5px}.nesting .clock{position:fixed;right:0;top:3.2em;width:6em;padding:1.1em 1em .8em;text-align:center;background:burlywood;color:#556b2f}.nesting table{table-layout:fixed}.nesting table th{text-align:left}.nesting table th:first-child,.nesting table td:first-child{width:7em;text-align:right;font-weight:700}.nesting table th:nth-child(2),.nesting table td:nth-child(2){width:4em;padding-left:.5em}.nesting table td:nth-child(3){width:10em}.animation{position:absolute;left:0;top:52px;bottom:0;width:100%;background:#222;color:#888;text-rendering:optimizeSpeed;touch-action:none;overflow:hidden}.circle{position:absolute;left:0;top:0;width:8px;height:8px;margin:-5px 0 0 -5px;border:2px solid #f00;border-radius:50%;transform-origin:50% 50%;transition:all .25s ease;transition-property:width,height,margin;pointer-events:none;overflow:hidden;font-size:9px;line-height:25px;text-indent:15px;white-space:nowrap}.circle.label{overflow:visible}.circle.big{width:24px;height:24px;margin:-13px 0 0 -13px}.circle>.label{position:absolute;left:0;top:0;z-index:10}