body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ddd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-user-select:none;user-select:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#container{border:1px solid #000;position:fixed}#scale{height:1000px;padding:.5px;position:fixed;width:1000px}#canvas1,#scale{left:0;outline:.5px solid #000;top:0}#canvas1{height:100%;image-rendering:pixelated;width:100%}#grid{height:1px;outline:1px solid #000;position:absolute;width:1px}.right-nav{background-color:#535353;height:100vh;position:fixed;right:0;top:0;width:20vw;z-index:1}#color-wheel{border:.1vw solid #000;height:15vw;position:absolute;right:2vw;top:3vw;width:15vw;z-index:2}.layer-one,.layer-two{height:100%;position:absolute;width:100%}.layer-one{background-image:linear-gradient(90deg,#fff,#0f0)}.layer-two{background-image:linear-gradient(transparent,#000)}.point{border:.2vw solid #fff;border-radius:50%;height:.8vw;outline:.2vw solid #000;position:absolute;width:.8vw;z-index:999}#hex,#hue{right:2vw;z-index:999}#hue{-webkit-appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:1.5vw;position:absolute;top:19vw;width:15vw}#hue::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:url(/static/media/pointer-hue.2dc17264953c5744f78b.svg);background-repeat:no-repeat;cursor:pointer;height:2.6vw;width:.8vw}#hue::-moz-range-thumb{background:url(/static/media/pointer-hue.2dc17264953c5744f78b.svg);cursor:pointer;height:30px;width:10px}#hex{border:none;border-radius:.3vw;font-size:1vw;height:1vw;padding:.7vw;position:absolute;text-align:center;top:22vw;width:5vw}.palette-container{background-color:#3f3f3f;border-radius:.4vw;box-sizing:border-box;height:40vh;overflow:auto;overflow-x:hidden;padding:.8vw;position:absolute;right:.9vw;top:27vw;width:90%}.palette,.palette-container{align-content:flex-start;display:flex;flex-wrap:wrap;gap:.4vw}.palette{height:34vh;overflow-y:auto}.palette-item{background-color:aqua;height:2.2vw;width:2.2vw}.palette-item:hover{outline:.1vw solid #fff}.palette-ctrl{border-top:1px solid #535353;bottom:0;display:flex;height:3vw;justify-content:flex-end;position:absolute;right:0;width:100%}.btn-add,.btn-trash{padding:.8vw}.palette{scrollbar-gutter:stable both-edges}.palette::-webkit-scrollbar{position:absolute;width:.4vw}.palette::-webkit-scrollbar-track{background:#f1f1f1}.palette::-webkit-scrollbar-thumb{background:#888}.palette::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.8d704bbc.css.map*/