:root{--dark: #252423;--black: #1f1f1f;--dark-grey: #2c2c2c;--white: #f6f4f2;--white-2: #fff;--grey: #b8b6b3;--red: #ff4b4b;--dark-red: #ce3232;--orange: #ff8f42;--lightorange: #ffc730;--yellow: #f6ff56;--citrus: #a4ff4f;--green: #00a141;--darkgreen: #00d672;--turquoise: #3cffec;--skyblue: #61c3ff;--kingblue: #5a87ff;--blue: #0b0bff;--lavender: #8453e3;--purple: #c26eff;--pink: #fb89fb;--input-border-radius: .25rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}html,body{background-color:var(--dark);color:var(--white);font-family:monospace}.is-black{background-color:var(--black)}content{display:flex;flex-direction:column;height:100%}#top{flex:1 1 auto;display:flex;flex-direction:row}#config{display:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}#top.conf-show #config{display:unset}@media only screen and (max-width: 768px){#top.conf-show #config{width:100%}#top.conf-show #bloch{display:none}}@media only screen and (min-width: 769px){#top.conf-show #config,#top.conf-show #bloch{width:50%}}@media only screen and (min-width: 1280px){#top.conf-show #config{width:33%}#top.conf-show #bloch{width:67%}}.config-items{display:grid;grid-template-columns:max-content max-content;grid-gap:1em;margin:1em auto;width:fit-content}.config-items p{grid-column:span 2;margin-top:.5em;font-weight:bolder;text-align:center}.config-items input[type=color]{vertical-align:middle;height:1em;margin:auto 0}nav{background-color:var(--black);color:#abb1bf!important;padding:1rem;display:flex;align-items:center;flex-wrap:wrap;gap:1rem;position:sticky;top:0}.navbar-item:hover{background-color:var(--dark-grey)}a.navbar-item{color:var(--white);text-decoration:none}a.navbar-item img{max-height:1.75rem}.navbar-item{flex-grow:0;flex-shrink:0;display:block;gap:.75rem;line-height:1.5;padding:.5rem .75rem;position:relative;transition-duration:.3s}.border{position:relative;z-index:1;box-shadow:0 0 0 1px #ffffffbf;border-radius:20px;padding:10px}.ml-a{margin-left:auto}