#lcdcustomcharactergenerator{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:20px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border:1px solid #e5e7eb!important;border-radius:1rem;padding-block:2rem;background:#fff;margin-block:2.5rem;max-width:100%;box-sizing:border-box}
#lcdpixels tr td:nth-child(6),#lcdpixels tr td:nth-child(7),#lcdpixels tr td:nth-child(8){display:none}
@media (max-width:640px){#lcdcustomcharactergenerator img,.chargen-label{display:none}}
.char-gen-output{padding-left:20px;letter-spacing:2px}
#lcdpixels td{height:22px;width:22px}
.pixel{height:100%;width:100%;box-sizing:border-box;border:1px solid #1faae8;background:#2184f9;cursor:pointer}
.pixel.selected{background:#f0fcff}
input.lcdpixelgenclear{font-size:14px;padding:5px 10px;border:0;background-color:#5aaf4a;color:#fff;margin-top:25px;cursor:pointer;border-radius:4px}
#lcdsnippet{font-size:15px;line-height:20px;width:131px;flex-basis:131px;font-family:Consolas,Monaco,"Courier New",monospace}
.char-gen-output br{display:block}
#lcdpixels{flex:0 0 110px}
.char-gen-td3{text-align:center}