@import url(https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap);p{letter-spacing:.1em}svg{fill:var(--svgColor)}.previewsvg{cursor:pointer;width:6em;padding-top:1em;border-style:solid;border-radius:10px;border-color:var(--svgColor);box-shadow:10px 10px 30px rgba(0,0,0,.2)}.colorVal{font-size:medium;visibile:var(--visibile);text-align:center;color:var(--text-color);letter-spacing:0}.prevLabel{bottom:0;margin-top:1.5em;padding:.1em .75em .1em .75em;background-color:var(--svgColor)}h2{border-style:solid;border-color:#000;box-shadow:10px 10px 30px rgba(0,0,0,.3);margin:auto;border-radius:5px}#title{background:#fff;margin-top:1.5em;margin-bottom:1.5em;padding-top:.1em;padding-bottom:0;font-size:xx-large}#svggrid{display:grid;grid-gap:2em;grid-template-columns:repeat(auto-fill,minmax(6em,1fr));max-width:45em;margin:auto}@media (min-width:700px){h2{padding-right:5em;padding-left:5em;max-width:5em}}.pelem{margin:0 auto}.sticky{position:sticky;top:0}:root{--slthumb-color:rbga(0,0,0,1)}#designer{margin:auto;display:flex;flex-diretion:column}.slspaced{margin-right:.5em;margin-top:1em}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.5em;background:silver;border-radius:20px;outline:none;opacity:.7;transition:opacity .2s}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.25em;height:1.25em;background:var(--slthumb-color);cursor:pointer;border-radius:100%;border-style:solid;border-width:thin}.slider::-moz-range-thumb{width:1.25em;height:1.25em;background:var(--slthumb-color);cursor:pointer;border-radius:100%;border-style:solid;border-width:thin}@-webkit-keyframes popup{0%{bottom:-100px}50%{bottom:100px}75%{bottom:100px}to{bottom:-100px}}@keyframes popup{0%{bottom:-100px}50%{bottom:100px}75%{bottom:100px}to{bottom:-100px}}#logo{font-family:Covered By Your Grace,cursive;letter-spacing:2px;font-size:x-large;margin:auto}#app{display:flex;flex-direction:column;font-family:Source Code Pro,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:20px;margin:auto}#cpAlert{position:fixed;bottom:-100px;left:50%;transform:translate(-50%,-50%)}.popup{-webkit-animation-name:popup;animation-name:popup;-webkit-animation-duration:.75s;animation-duration:.75s}#cpText{margin:auto;background:#fff;border-style:solid;border-color:#000;padding:.75em;width:5em;font-size:large;border-radius:50px}