.CodeMirror{display:block;position:absolute;left:0;top:0;font-size:.9rem;height:calc(100% - var(--rp-controls-height) - 3rem) !important;position:absolute !important;top:0 !important;width:var(--split)}.CodeMirror textarea{background-color:#26292c !important;color:#0f0 !important;font-family:"Consolas",monospace;font-size:.7em}.rp-codebooth{height:100%;width:100%;--split:50%}.rp-codebooth button{border:0 none transparent;border-radius:0;color:#fff;cursor:pointer;font-family:"Alegreya",serif;font-size:1.5rem;height:3rem;position:absolute;bottom:var(--rp-controls-height);width:calc(var(--split) / 5);z-index:1000}.active-replay .code-playground,.active-playground .code-replay{opacity:0;pointer-events:none}.button-replay,.button-playground{background-color:#444;color:#666}.button-replay:active,.button-playground:active{background-color:#8c1352;color:#ccc}.active-replay .button-replay,.active-playground .button-playground{background-color:#e12486}.button-playground{left:calc(var(--split) / 5)}.button-copy{background-color:#1a69b5;left:calc(var(--split) * 2 / 5)}.button-copy:active{background-color:#16599a}.button-run{background-color:#18a85e;left:calc(var(--split) * 3 / 5)}.button-run:active{background-color:#148f50}.button-clear{background-color:#d50000;left:calc(var(--split) * 4 / 5)}.button-clear:active{background-color:#8b0000}.rp-codebooth-output{background-color:#1e1e1e;color:#0f0;font-size:1rem;overflow-y:auto;padding:.25rem;user-select:text;-webkit-user-select:text;position:absolute;width:calc(100% - var(--split));right:0;height:calc(var(--rp-height) - var(--rp-controls-height));top:0;white-space:pre-wrap;overflow-wrap:anywhere}.rp-codebooth-output .error{color:#f00}.rp-codebooth-output > .ui-resizable{position:relative}.rp-codebooth-output > .ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.rp-codebooth-output > .ui-resizable-disabled .ui-resizable-handle,.rp-codebooth-output .ui-resizable-autohide .ui-resizable-handle{display:none}.rp-codebooth-output > .ui-resizable-ew{cursor:ew-resize;width:7px;left:-5px;top:0;height:100%}
.rp-paint-layer{background:transparent;height:100%;width:100%;position:absolute;left:0;top:0;z-index:2}.rp-paint-layer.noinput{pointer-events:none}.rp-paint-canvas-container:not(.visible){opacity:0;pointer-events:none}.rp-paint-settings{background:#333;border:1px solid #222;border-radius:.25rem;box-shadow:.2rem .2rem .2rem rgba(0,0,0,0.267);box-sizing:content-box;padding:.4rem;position:absolute;height:4.8rem;z-index:20000;white-space:nowrap;left:80%;top:1rem}.rp-paint-settings > *{display:inline-block;margin:0;vertical-align:top}.rp-paint-settings > ul > li{border:1px solid #999;height:4rem;width:4rem;display:inline-block;list-style-type:none;margin:0 .15rem;vertical-align:top}.rp-paint-settings > ul > li > input[type="radio"]{box-shadow:inset 0 0 2px #000;border:0;cursor:pointer;height:100%;width:100%;vertical-align:top;-webkit-appearance:none}.rp-paint-drag-handle,.rp-paint-drag-handle:empty{width:1rem;height:100%;cursor:move}.rp-paint-drag-handle::before,.rp-paint-drag-handle:empty::before{content:"°";color:#fff;vertical-align:middle;line-height:4.8rem}.rp-paint-tool{background:#222;border:1px solid #000;height:100%;display:inline-block;padding:2px;margin-right:2px;width:4.8rem}.rp-paint-tool.selected{border:1px solid #ffd700;background:#444}.rp-paint-tool > svg{height:100%}.rp-paint-eraser{background:#444}.rp-paint-palette{background:#444;box-shadow:.2rem .2rem .2rem rgba(0,0,0,0.267);padding:.2em;height:calc(4.8rem + 2 * 0.2em);position:absolute;top:4.8rem;left:calc(1rem + 1 * (4.8rem + 2px) + 2px)}.rp-sheets-dialog{background:#444;box-shadow:0 .2rem .5rem #000;padding:.2em;position:absolute;top:calc(4.8rem + 0.8rem);left:calc(1rem + 3 * (4.8rem + 2px) + 2px)}.rp-sheets-dialog > ol{list-style-position:inside}.rp-sheets-dialog > ol > li{color:#fff;height:5em;vertical-align:top}.rp-sheets-dialog > ol > li.selected{background:#666}.rp-sheets-dialog > ol > li > img{height:100%;vertical-align:top}.rp-paint-color{border:1px solid #000;display:inline-block;height:4.8rem;line-height:4.8rem;width:4.8rem;margin-right:.5em;position:relative}.rp-paint-color > input{border:none;height:100%;width:100%}.rp-paint-color > kbd{color:#fff;font-size:2em;position:absolute;left:0;height:0;width:100%;height:100%;pointer-events:none;text-align:center;vertical-align:middle}
.rp-prompt{border-radius:2px;color:#fff;position:absolute;width:35em}.rp-prompt > :first-child,.rp-prompt > .rp-prompt-cue.active{border-radius:2px 2px 0 0}.rp-prompt > :last-child{border-radius:0 0 2px 2px}.rp-prompt > *{display:none}.rp-prompt > .active,.rp-prompt .active ~ *{display:block}.rp-prompt > :not(.active){opacity:.2}.rp-prompt-cue{background:#ffa500;font-family:monospace;font-size:.625em;padding:2px 0 2px 1em}.rp-prompt-line{padding:.1em .5em}.rp-prompt-line:nth-of-type(odd){background:#555}.rp-prompt-line:nth-of-type(even){background:#333}.rp-prompt-measure{display:block !important;padding:.1em .5em}
@media (any-hover:none){.rp-controls-help{display:none}}.rp-controls-help{cursor:pointer;height:100%}.rp-help-dialog{background-color:rgba(0,0,0,0.85);color:#fff;font-size:1.5rem;height:100vh;padding:5vh 10vh;width:160vh;position:fixed;left:calc(50vw - 80vh);top:0;z-index:1001}.rp-help-dialog > button{background:none;border:none;color:#f00;cursor:pointer;font-family:sans-serif;font-size:5em;position:absolute;right:2%;top:-1%}.rp-help-tables{display:flex;justify-content:space-around}.rp-help-tables > table{border-collapse:separate;border-spacing:1em 1.5em;font-family:sans-serif;vertical-align:top}.rp-help-tables > table > caption{color:#1a69b5;font-family:sans-serif;font-size:1.2em;font-weight:bold}.rp-help-tables > table th{font-weight:normal;text-align:right}.rp-help-tables kbd{color:#ff0}.rp-loading-screen{background-color:rgba(0,0,0,0.7);display:none;height:100%;position:absolute;width:100%;z-index:10000}.rp-loading-spinner{border:16px solid #f3f3f3;border-top:16px solid #1a69b5;border-radius:50%;margin:40vmin auto 0 auto;width:20vmin;height:20vmin;animation:spin 1s linear infinite}.ractive-player.not-ready > .rp-loading-screen{display:block}@-moz-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-o-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.rp-thumbnail-time{color:#222}h1{-webkit-background-clip:text;background-clip:text;color:#1a69b5;background-image:linear-gradient(90deg,#1a69b5 50%,#af1866 70%);-webkit-text-fill-color:transparent;font-family:"Alegreya","Georgia",serif;font-size:5rem;margin:.5em auto 0;text-align:center}h1 > img{height:2em;display:inline-block;margin:0 auto .2em;vertical-align:middle}#sec-intro > h2{color:#333;font-family:"Alegreya","Georgia",serif;font-size:3rem;margin:0 auto;text-align:center}.box{background:#fff;border-radius:.5em;margin:.5em auto;padding:.5em 1em;width:80%}.box > p{margin:.5em 0}#fiddle input{margin-left:.5em;vertical-align:middle}#diamond-age > img{height:100%}section > ul{font-size:1.5em;margin:2em auto;line-height:1.5;width:80%}section > ul list-style-position,section > ul > li{margin:1em 0}#sec-utils > ul{margin-top:-.5em}#sec-utils > ul > li{margin:1.5em 0}#utils-duck{position:absolute;top:0;left:0;width:10%}#utils-pig{position:absolute;top:57%;left:42.5%;width:15%}h2{color:#1a69b5;font-family:"Alegreya";font-size:4rem;margin-top:.5em;text-align:center}.rp-canvas{background:#eee}body{font-family:sans-serif}.draggable{cursor:grab;cursor:-webkit-grab}body.dragging .rp-canvas,body.dragging .draggable,.dragging{cursor:grabbing;cursor:-webkit-grabbing}section{font-size:1.5rem;height:100%;left:0;position:absolute;top:0;width:100%}.rp-prompt{color:#fff;font-size:1rem}:link,:visited{color:#1a69b5}#recording-https-link{display:block}.rp-cursor{width:2rem}#sec-cursor > p{font-size:2em;line-height:1.5;margin:1em}