.keyboard{position:absolute;height:100%;width:100%;top:50%;left:50%}h1{text-align:center}h1 a{color:#000}fieldset{margin-bottom:.5em;border-width:1px;border-radius:3px;border-color:#c3c8cb;border-style:solid}label{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:.125em;line-height:1.5em}table{width:100%;border-collapse:collapse}table td,table th,table{padding:0;height:1.7em;box-sizing:border-box}table td>em{margin-left:.25em}textarea{width:100%;height:8.5em;box-sizing:border-box;-webkit-overflow-scrolling:touch;background-color:#fef9f4;border-width:1px;border-radius:3px;border-style:solid;border-color:#c3c8cb}select,input[type=number],input[type=text]{width:24em;height:1.5em;box-sizing:border-box;background-color:#fef9f4;border-width:1px;border-radius:3px;border-style:solid;border-color:#c3c8cb}input[type=color]{height:1.5em;width:2.5em;box-sizing:border-box;background-color:#fef9f4;border-width:1px;color:#f5f1f0;border-radius:3px;border-style:solid;border-color:#c3c8cb}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}table input[type=text]{height:1.5em;width:95%;box-sizing:border-box;background-color:#fef9f4;border-width:1px;border-radius:3px;border-style:solid;border-color:#c3c8cb}table input[type=color]{height:1.5em;width:2.5em;box-sizing:border-box;background-color:#fef9f4;border-width:1px;color:#f5f1f0;border-radius:3px;border-style:solid;border-color:#c3c8cb}input:out-of-range{background-color:#ffe9e9;color:#d60909}.color-cell{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;gap:4px;height:1.5em;position:relative}.color-swatch{display:inline-block;width:1.4em;height:1.4em;border-radius:3px;border:1px solid #c3c8cb;flex-shrink:0;cursor:pointer;transition:box-shadow .1s ease}.color-swatch:hover{box-shadow:0 0 0 2px #7cb7ff}.color-swatch--disabled{cursor:default;opacity:.5}.color-swatch--disabled:hover{box-shadow:none}.color-picker-hidden{position:absolute;right:0;top:0;width:0!important;height:0!important;padding:0!important;border:none!important;opacity:0;pointer-events:none}.color-input{width:calc(100% - 1.8em)!important;height:1.5em;box-sizing:border-box;background-color:#fef9f4;border-width:1px;border-radius:3px;border-style:solid;border-color:#c3c8cb;font-family:monospace;font-size:1.25em}.color-input:disabled{opacity:.5;cursor:not-allowed}.custom-presets-table{width:100%;margin-bottom:.5em}.custom-presets-table td{padding:.1em .25em;vertical-align:middle}.custom-presets-table td:first-child{width:100%}.custom-presets-table button{white-space:nowrap}.delete-btn{color:#a00}.save-preset-form{display:flex;align-items:center;flex-wrap:wrap;gap:.25em;margin-top:.25em}.save-preset-form input[type=text]{width:24em!important;height:1.5em}.save-preset-buttons{display:flex;justify-content:flex-end;gap:.25em;width:24em}.preset-error{width:100%;margin:.25em 0 0;color:#a00;font-size:.9em}label .color-cell{flex-shrink:0;width:auto}label .color-cell .color-input{width:6.3em!important;flex:none}.preset-actions{display:flex;justify-content:space-between;margin-top:.125em;line-height:1.5em}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Regular-3SPRFtrr.otf);font-weight:400;font-style:normal}@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Italic-xVMxajch.otf);font-weight:400;font-style:italic}@font-face{font-family:Plainsound Sans;src:url(/assets/PlainsoundSans-Bold-DBR5AbbM.otf);font-weight:700;font-style:normal}body{background-image:url(/assets/Pattern3D_06-D5OgJPQC.png);transition:transform .3s ease-in-out;background-repeat:repeat;background-position:top left;background-attachment:fixed;overflow:hidden;font-family:Plainsound Sans,sans-serif}table{width:100%}.wide{width:50%}#leftaligned{text-align:left}#rightaligned{text-align:right}#centered{text-align:center}#sidebar{background-color:#fff;transition:transform .3s ease-in-out;z-index:10;overflow:auto;background-color:#f3f1f0;color:#5c5960}#sidebar-button{position:fixed;z-index:11;background-color:#7cb7ff;border:1px solid #0057C0}a{color:#157fff}@media(max-width:480px){#sidebar{height:100vh;width:100vw;padding-top:4em;background-color:#f3f1f0;color:#5c5960}#sidebar-button{height:2.5em;top:0;left:50vw;transform:translate(-50%);transition:width .3s ease-in-out;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translateY(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{width:2.5em}.show #sidebar-button{width:50vw}.hide #sidebar-button div{transform:rotate(90deg)}.show #sidebar-button div{transform:rotate(270deg)}}@media(min-width:480px){#sidebar{height:100vh;max-width:40em;padding-left:3.5em;padding-right:1em;background-color:#ebe8e6;color:#67656a}#sidebar-button{width:2.5em;top:50vh;left:0;transform:translateY(-50%);transition:height .3s ease-in-out;border-top-right-radius:10px;border-bottom-right-radius:10px}.hide #sidebar{transform:translate(-100%)}.show #sidebar{transform:translate(0)}.hide #sidebar-button{height:2.5em}.show #sidebar-button{height:35vh}.hide #sidebar-button div{transform:rotate(0)}.show #sidebar-button div{transform:rotate(180deg)}}@keyframes blue_ani{0%{fill:#abd1ff}25%{fill:#7cb7ff}50%{fill:#157fff}75%{fill:#0057c0}to{fill:#003f8b}}@keyframes pink_ani{0%{fill:#ffa4ff}25%{fill:#ff70ff}50%{fill:#f0f}75%{fill:#bf00bf}to{fill:#8a008a}}@keyframes green_ani{0%{fill:#efffa4}25%{fill:#e6ff70}50%{fill:#d3ff00}75%{fill:#cef900}to{fill:#a9cd00}}@keyframes orange_ani{0%{fill:#ffdca4}25%{fill:#ffc770}50%{fill:#ff9c00}75%{fill:#ff9c00}to{fill:#d48200}}path{fill-rule:evenodd}path:nth-child(1){animation:1.3s linear infinite alternate pink_ani}path:nth-child(2){animation:1.7s linear infinite alternate orange_ani}path:nth-child(3){animation:2.3s linear infinite alternate blue_ani}path:nth-child(4){animation:3.7s linear infinite alternate pink_ani}path:nth-child(5){animation:4.3s linear infinite alternate green_ani}path:nth-child(6){animation:4.7s linear infinite alternate orange_ani}path:nth-child(7){animation:1.1s linear infinite alternate green_ani}path:nth-child(8){animation:1.9s linear infinite alternate blue_ani}path:nth-child(9){animation:3.1s linear infinite alternate green_ani}path:nth-child(10){animation:4.1s linear infinite alternate green_ani}path:nth-child(11){animation:3.7s linear infinite alternate blue_ani}path:nth-child(12){animation:2.9s linear infinite alternate blue_ani}path:nth-child(13){animation:.7s linear infinite alternate pink_ani}path:nth-child(14){animation:.5s linear infinite alternate orange_ani}svg{opacity:.95;position:absolute;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12}