label{display:block}span{position:relative}button{background-color:#f4c531;border:none;border-radius:5px;padding:5px}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;width:70px;height:40px;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch{border-radius:8px;border:4px solid #000}input[type=color]::-moz-color-swatch{border-radius:8px;border:4px solid #000}.border{border:1px solid #000}.pxl-container{position:relative;overflow:hidden}.pxl-container canvas{padding:0;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.toolBox{margin:7px;display:flex;flex-wrap:wrap;flex-direction:column;max-height:400px;gap:2px}@media screen and (max-width:768px){.slide-menu{height:100%;background-color:#dcdcdc;padding:1px}.slide-menu-wrapper{position:fixed;left:0;right:0;bottom:0;width:100%;height:100%;top:0;overflow:hidden;z-index:2;visibility:hidden;transition:.2s}.slide-menu-wrapper.show{visibility:visible;opacity:1;transition:.5s}}.popover{position:absolute;z-index:2}.cover{position:fixed;top:0;right:0;bottom:0;left:0}