@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap);@font-face{font-family:"Pixel";font-weight:400;src:local("Pixel"),url(../../static/media/Pixel.dfd41671.otf) format("truetype")}*{overflow:hidden;box-sizing:border-box;margin:0;padding:0;font-family:"Montserrat",sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-scroll-chaining:none;overscroll-behavior:none}html{position:relative;font-size:18px}body,html{height:100%;width:100%;overflow:hidden;-webkit-touch-action:none;-moz-touch-action:none;-o-touch-action:none;touch-action:none}body{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:fixed;background-color:#f5f5f5;color:#0c0c0c;font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.dark{background-color:#0c0c0c;color:#f5f5f5}img,video{display:block}#root{height:100%;width:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}.app{height:100%}.app,.loadingPage{position:relative;width:100%}.loadingPage{height:calc(100% - 2.5rem);display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.loadingPage{height:calc(100% - 5rem)}}.loadingPage .loadingGif{width:clamp(15rem,25vw,25rem)}.mainPage{position:relative;display:flex;height:calc(100% - 2.5rem);width:100%}@media only screen and (min-width:768px){.mainPage{height:calc(100% - 5rem)}}.mainPage .sidebar{height:100%;width:22rem;max-width:22rem;min-width:22rem;overflow:auto}.mainPage .sidebar,.mainPage .sidebar .section{position:relative;display:flex;flex-direction:column}.mainPage .sidebar .section{width:calc(100% - .5rem);overflow:visible;margin:.5rem 0 .5rem .5rem;padding:.5rem;border-radius:8px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.mainPage .sidebar .section{width:calc(100% - 1.5rem);margin:1rem .5rem 1rem 1rem}}.mainPage .sidebar .section.dark{background-color:hsla(0,0%,100%,.05)}.mainPage .sidebar .section.second{margin:0 0 .5rem .5rem}@media only screen and (min-width:768px){.mainPage .sidebar .section.second{margin:0 .5rem 1rem 1rem}}.mainPage .boardContainer{position:relative;display:flex;flex-grow:1;align-items:center;justify-content:center;height:100%}.mainPageMobile{position:relative;display:flex;flex-direction:column;height:calc(100% - 2.5rem);width:100%}.mainPageMobile .boardContainer{position:relative;display:flex;flex-grow:1;align-items:center;justify-content:center;width:100vw;height:100vw;min-height:100vw;max-height:100vw}.mainPageMobile .sidebar{position:relative;display:flex;flex-direction:column;width:100vw;flex-grow:1;overflow:auto}.mainPageMobile .sidebar .section{position:relative;display:flex;flex-direction:column;width:calc(100% - 1rem);overflow:visible;margin:.25rem .5rem .5rem;padding:.5rem;border-radius:8px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.mainPageMobile .sidebar .section{width:calc(100% - 1.5rem);margin:1rem .5rem 1rem 1rem}}.mainPageMobile .sidebar .section.dark{background-color:hsla(0,0%,100%,.05)}.mainPageMobile .sidebar .section.second{margin:0 0 .5rem .5rem}@media only screen and (min-width:768px){.mainPageMobile .sidebar .section.second{margin:0 .5rem 1rem 1rem}}.errorPage{position:relative;height:calc(100% - 2.5rem);width:100%;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.errorPage{height:calc(100% - 5rem)}}.errorPage .errorContainer{width:100%;margin:1rem;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.errorPage .errorContainer{width:clamp(35rem,50vw,45rem)}}.errorPage .errorContainer.dark{background-color:hsla(0,0%,100%,.05)}.errorPage .errorContainer .errorIcon{width:7rem;padding:1rem}@media only screen and (min-width:768px){.errorPage .errorContainer .errorIcon{width:8rem}}.errorPage .errorContainer .title{width:90%;margin-bottom:1rem;font-size:1.2rem;font-weight:800;text-align:center;opacity:.8}@media only screen and (min-width:768px){.errorPage .errorContainer .title{font-size:1.5rem;width:60%}}.errorPage .errorContainer .subtitle{width:100%;padding:.1rem 0;font-size:.8rem;line-height:1.2rem;font-weight:700;text-align:center;margin-bottom:2rem;opacity:.5}@media only screen and (min-width:768px){.errorPage .errorContainer .subtitle{font-size:1.1rem;line-height:1.5rem;width:90%}}.errorPage .errorContainer .subtitle.dark{font-weight:500}.errorPage .errorContainer .button{display:flex;align-items:center;justify-content:center;transform:scale(1);height:2rem;width:65%;cursor:pointer;font-size:.7rem;font-weight:800;text-align:center;margin-bottom:1rem;transition:transform .2s ease-in-out;border-radius:100vw;-ms-box-shadow:0 0 4px rgba(0,0,0,.2);-o-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.errorPage .errorContainer .button{height:2.5rem;width:15rem;font-size:.9rem}}@media only screen and (min-width:768px){.errorPage .errorContainer .button:hover{transform:scale(1.05)}}.errorPage .errorContainer .button.dark{background-color:hsla(0,0%,100%,.08)}.navbar{position:relative;display:flex;align-items:center;justify-content:center;height:2.5rem;width:100%;z-index:1000;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.navbar{height:5rem}}.navbar.dark{background-color:hsla(0,0%,100%,.05)}.navbar .logo{height:2.5rem;max-height:2.5rem;min-height:2.5rem;width:2.5rem;max-width:2.5rem;min-width:2.5rem;margin-left:.5rem;padding:.5rem}@media only screen and (min-width:768px){.navbar .logo{height:5rem;max-height:5rem;min-height:5rem;width:5rem;max-width:5rem;min-width:5rem;margin-left:1rem;padding:1.2rem}}.navbar .name{flex-grow:1;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin:0 1rem 0 .5rem;font-size:1rem;font-weight:600}@media only screen and (min-width:768px){.navbar .name{margin:0 2rem 0 1rem;font-size:1.5rem}}.navbar .toggle{position:relative;height:1.5rem;width:3rem;max-width:3rem;min-width:3rem;margin:.75rem;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:100vw}@media only screen and (min-width:768px){.navbar .toggle{height:2.3rem;width:4.6rem;max-width:4.6rem;min-width:4.6rem;margin:1.3rem}}.navbar .toggle.dark{background-color:hsla(0,0%,100%,.07)}.navbar .toggle .handle{pointer-events:none;position:absolute;height:1.5rem;max-height:1.5rem;min-height:1.5rem;width:1.5rem;max-width:1.5rem;min-width:1.5rem;left:0;transition:left .2s ease-in-out;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:100vw}@media only screen and (min-width:768px){.navbar .toggle .handle{height:2.3rem;max-height:2.3rem;min-height:2.3rem;width:2.3rem;max-width:2.3rem;min-width:2.3rem;left:0}}.navbar .toggle .handle.dark{left:1.5rem;background-color:hsla(0,0%,100%,.08)}@media only screen and (min-width:768px){.navbar .toggle .handle.dark{left:2.3rem}}.navbar .toggle .handle .darkModeIcon{pointer-events:none;height:.9rem;max-height:.9rem;min-height:.9rem;width:.9rem;max-width:.9rem;min-width:.9rem;color:#0c0c0c;opacity:.5;margin:.3rem}@media only screen and (min-width:768px){.navbar .toggle .handle .darkModeIcon{height:1.6rem;max-height:1.6rem;min-height:1.6rem;width:1.6rem;max-width:1.6rem;min-width:1.6rem;margin:.35rem}}.navbar .toggle .handle .darkModeIcon.dark{color:#f5f5f5}.navbar .account{display:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;opacity:.5;margin-left:1rem;font-size:1.2rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:1100px){.navbar .account{display:inline;display:initial}}.navbar .userIconContainer{position:relative;height:2.5rem;max-height:2.5rem;min-height:2.5rem;width:2.5rem;max-width:2.5rem;min-width:2.5rem;padding:.3rem}@media only screen and (min-width:768px){.navbar .userIconContainer{height:5rem;max-height:5rem;min-height:5rem;width:5rem;max-width:5rem;min-width:5rem;padding:1rem}}.navbar .userIconContainer .userIcon{height:100%;max-height:100%;min-height:100%;width:100%;max-width:100%;min-width:100%;-ms-box-shadow:0 0 .3rem rgba(0,0,0,.2);-o-box-shadow:0 0 .3rem rgba(0,0,0,.2);box-shadow:0 0 .3rem rgba(0,0,0,.2);border-radius:4px}@media only screen and (min-width:768px){.navbar .userIconContainer .userIcon{-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:8px}}.colorPicker{position:relative;display:flex;flex-direction:column;width:100%}.colorPicker .react-colorful{flex-grow:1;height:8rem;width:calc(100% - .6rem);overflow:unset;margin:.3rem .3rem 0;border-radius:10px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.colorPicker .react-colorful{height:12rem;width:calc(100% - 1rem);margin:.5rem .5rem 0}}.colorPicker .react-colorful .react-colorful__saturation{border:none;border-radius:10px 10px 0 0}.colorPicker .react-colorful .react-colorful__hue{height:30px;border-radius:0 0 10px 10px}.colorPicker .react-colorful__pointer{cursor:pointer}.colorPicker .inputs{position:relative;display:flex;display:grid;align-items:center;justify-content:center;grid-template-columns:2fr 1fr 1fr 1fr;width:100%;overflow:visible;padding:0 .3rem .5rem}@media only screen and (min-width:768px){.colorPicker .inputs{padding:0 .5rem .5rem}}.colorPicker .inputs .container{overflow:visible;padding:.5rem 0 0}.colorPicker .inputs .container:not(:first-child){padding:.5rem 0 0 .5rem}.colorPicker .inputs .container .title{width:100%;opacity:.5;margin-bottom:.1rem;font-size:.6rem;font-weight:700;text-align:center}@media only screen and (min-width:768px){.colorPicker .inputs .container .title{margin-bottom:.3rem;font-size:.7rem}}.colorPicker .inputs .container .input{width:100%;background:none;color:#0c0c0c;border:none;outline:none;padding:.2rem .4rem;font-size:.8rem;font-weight:600;text-align:center;border-radius:100vw;-ms-box-shadow:0 0 5px rgba(0,0,0,.2);-o-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.colorPicker .inputs .container .input{padding:.25rem .5rem;font-size:1rem}}.colorPicker .inputs .container .input.dark{background-color:hsla(0,0%,100%,.08);color:#f5f5f5;opacity:.8}.colorPicker .inputs .container .input.invalid{background-color:rgba(255,0,0,.1)}.pricePicker{position:relative;width:100%;overflow:visible;padding:.5rem .3rem}@media only screen and (min-width:768px){.pricePicker{padding:.5rem}}.pricePicker .inputContainer{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:visible;margin-bottom:.5rem}.pricePicker .inputContainer .input{width:50%;background:none;color:#0c0c0c;border:none;outline:none;padding:.2rem .4rem;font-size:.8rem;font-weight:600;text-align:center;border-radius:100vw;-ms-box-shadow:0 0 5px rgba(0,0,0,.2);-o-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.pricePicker .inputContainer .input{padding:.25rem .5rem;font-size:1rem}}.pricePicker .inputContainer .input.dark{background-color:hsla(0,0%,100%,.08);color:#f5f5f5;opacity:.8}.pricePicker .inputContainer .input.invalid{background-color:rgba(255,0,0,.1)}.pricePicker .inputContainer .unit{width:fit-conntent;opacity:.5;margin-left:.3rem;font-size:.7rem;font-weight:700}.tooltip{padding:6px 16px!important;font-size:.8rem!important;font-weight:700!important;border-radius:100vw!important}.board{position:relative;display:flex;justify-content:center;height:calc(100% - 1rem);max-height:calc(100% - 1rem);min-height:calc(100% - 1rem);width:calc(100% - .75rem);max-width:calc(100% - .75rem);min-width:calc(100% - .75rem);overflow:visible;margin:.5rem}@media only screen and (min-width:768px){.board{height:calc(100% - 2rem);max-height:calc(100% - 2rem);min-height:calc(100% - 2rem);width:calc(100% - 1rem);max-width:calc(100% - 1.5rem);min-width:calc(100% - 1.5rem);margin:1rem 1rem 1rem .5rem}}.board .canvasContainer{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;overflow:visible;padding:.5rem;border-radius:8px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}.board .canvasContainer.dark{background-color:hsla(0,0%,100%,.08)}.board .canvasContainer .canvas{image-rendering:optimizeSpeed;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:pixelated;-ms-interpolation-mode:nearest-neighbor}.board .canvasContainer .canvas.overlay{pointer-events:none;position:absolute;right:0;left:0}.pixel{display:flex;width:100%;overflow:visible}.pixel .color{height:3.5rem;max-height:3.5rem;min-height:3.5rem;width:3.5rem;max-width:3.5rem;min-width:3.5rem;cursor:pointer;margin:.25rem;border-radius:8px;-ms-box-shadow:0 0 .25rem rgba(0,0,0,.2);-o-box-shadow:0 0 .25rem rgba(0,0,0,.2);box-shadow:0 0 .25rem rgba(0,0,0,.2)}@media only screen and (min-width:768px){.pixel .color{height:4rem;max-height:4rem;min-height:4rem;width:4rem;max-width:4rem;min-width:4rem;margin:.5rem;-ms-box-shadow:0 0 .5rem rgba(0,0,0,.2);-o-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}}.pixel .color.dark{background-color:hsla(0,0%,100%,.05)}.pixel .info{position:relative;display:flex;flex-direction:column;flex-grow:1;justify-content:center;height:3.5rem;max-height:3.5rem;min-height:3.5rem;margin:.3rem}@media only screen and (min-width:768px){.pixel .info{height:4rem;max-height:4rem;min-height:4rem;margin:.5rem}}.pixel .info .row{display:flex;align-items:baseline;width:100%;margin:0}.pixel .info .row .name{width:2rem;opacity:.5;padding-right:.5rem;font-size:.5rem;font-weight:700;text-align:right}@media only screen and (min-width:768px){.pixel .info .row .name{font-size:.6rem}}.pixel .info .row .coord{font-size:1.1rem;font-weight:800}@media only screen and (min-width:768px){.pixel .info .row .coord{font-size:1.3rem}}.pixel .info .row .coord.first{padding-right:.6rem}.pixel .directionalPad{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;transform:rotate(45deg);height:3rem;max-height:3rem;min-height:3rem;width:3rem;max-width:3rem;min-width:3rem;overflow:visible;margin:.5rem}@media only screen and (min-width:768px){.pixel .directionalPad{height:3rem;max-height:3rem;min-height:3rem;width:3rem;max-width:3rem;min-width:3rem;margin:1rem}}.pixel .directionalPad .iconContainer{position:relative;height:calc(100% - .4rem);max-height:calc(100% - .4rem);min-height:calc(100% - .4rem);width:calc(100% - .4rem);max-width:calc(100% - .4rem);min-width:calc(100% - .4rem);cursor:pointer;opacity:.5;margin:.2rem}@media only screen and (min-width:768px){.pixel .directionalPad .iconContainer:hover{opacity:.75}}@media only screen and (min-width:768px){.pixel .directionalPad .iconContainer:active{opacity:1}}.pixel .directionalPad .iconContainer .icon{height:100%;max-height:100%;min-height:100%;width:100%;max-width:100%;min-width:100%;color:#0c0c0c;opacity:.4}.pixel .directionalPad .iconContainer .icon.dark{color:#f5f5f5;opacity:.3}.pixel .directionalPad .iconContainer .icon.up{transform:rotate(-90deg)}.pixel .directionalPad .iconContainer .icon.down{transform:rotate(90deg)}.pixel .directionalPad .iconContainer .icon.left{transform:rotate(180deg)}.sectionContent{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%}.sectionContent.grow{flex-grow:1}.sectionContent .space{height:1rem;max-height:1rem;min-height:1rem;width:100%}.sectionContent .title{width:100%;padding:.1rem 0;font-size:.8rem;font-weight:800;text-align:center}@media only screen and (min-width:768px){.sectionContent .title{padding:.3rem 0;font-size:1.1rem}}.sectionContent .account{width:100%;max-width:100%;min-width:100%;cursor:pointer;opacity:.5;font-size:.6rem;font-weight:400;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media only screen and (min-width:768px){.sectionContent .account{height:1.4rem;font-size:.7rem}}.sectionContent .message{display:flex;align-items:center;justify-content:center;width:calc(100% - 1rem);max-width:calc(100% - 1rem);min-width:calc(100% - 1rem);opacity:.5;margin:.2rem .5rem;font-size:.8rem;font-weight:600;text-align:center}@media only screen and (min-width:768px){.sectionContent .message{font-size:.9rem}}.sectionContent .message.dark{font-weight:500}.sectionContent .message.error{color:rgba(255,0,0,.829);opacity:.9;font-size:.9rem;font-weight:800}@media only screen and (min-width:768px){.sectionContent .message.error{font-size:1rem}}.sectionContent .message.small{opacity:.2;font-size:.7rem}@media only screen and (min-width:768px){.sectionContent .message.small{font-size:.8rem}}.sectionContent .money{display:flex;align-items:baseline;justify-content:center;width:100%}.sectionContent .money .value{opacity:1;margin-right:.2rem;font-size:2.5rem;font-weight:700}.sectionContent .money .unit{opacity:.5;font-size:.7rem;font-weight:700}.sectionContent .buttonsContainer{position:relative;display:flex;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;overflow:visible}.sectionContent .button{display:flex;align-items:center;justify-content:center;transform:scale(1);height:2rem;width:40%;cursor:pointer;font-size:.7rem;font-weight:800;text-align:center;transition:transform .2s ease-in-out;border-radius:100vw;-ms-box-shadow:0 0 4px rgba(0,0,0,.2);-o-box-shadow:0 0 4px rgba(0,0,0,.2);box-shadow:0 0 4px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.sectionContent .button{height:2.5rem;width:50%;font-size:.9rem}}@media only screen and (min-width:768px){.sectionContent .button:hover{transform:scale(1.05)}}.sectionContent .button.dark{background-color:hsla(0,0%,100%,.08)}.sectionContent .button.invalid{background-color:rgba(255,0,0,.1)}@media only screen and (min-width:768px){.sectionContent .button.invalid{transform:scale(1)}}.sectionContent .button.icon{height:1.5rem;max-height:1.5rem;min-height:1.5rem;width:1.5rem;max-width:1.5rem;min-width:1.5rem;margin-left:1rem}@media only screen and (min-width:768px){.sectionContent .button.icon{height:2.4rem;max-height:2.4rem;min-height:2.4rem;width:2.4rem;max-width:2.4rem;min-width:2.4rem}}.sectionContent .button .undoIcon{pointer-events:none;height:.8rem;max-height:.8rem;min-height:.8rem;width:.8rem;max-width:.8rem;min-width:.8rem;color:#0c0c0c;opacity:.5}@media only screen and (min-width:768px){.sectionContent .button .undoIcon{height:1rem;max-height:1rem;min-height:1rem;width:1rem;max-width:1rem;min-width:1rem}}.sectionContent .button .undoIcon.dark{color:#f5f5f5}.sectionContent .button .loadingIcon{pointer-events:none;height:1rem;max-height:1rem;min-height:1rem;width:1rem;max-width:1rem;min-width:1rem;color:#0c0c0c;opacity:.5;-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}@media only screen and (min-width:768px){.sectionContent .button .loadingIcon{height:1.2rem;max-height:1.2rem;min-height:1.2rem;width:1.2rem;max-width:1.2rem;min-width:1.2rem}}@-webkit-keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.sectionContent .button .loadingIcon.dark{color:#f5f5f5}.myPixels{flex-grow:1;width:calc(100% - 1rem);overflow:visible;margin:.2rem .5rem}.listedPixel{display:flex;width:100%;overflow:visible;margin-bottom:.5rem;background-color:#ebebeb;border-radius:8px;-ms-box-shadow:0 0 10px rgba(0,0,0,.2);-o-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2)}@media only screen and (min-width:768px){.listedPixel{margin-bottom:1rem}}.listedPixel.dark{background-color:hsla(0,0%,100%,.08)}.listedPixel.selected{background-color:#fff}.listedPixel.selected.dark{background-color:hsla(0,0%,100%,.18)}.listedPixel .color{height:2.5rem;max-height:2.5rem;min-height:2.5rem;width:2.5rem;max-width:2.5rem;min-width:2.5rem;cursor:pointer;margin:.15rem;border-radius:8px;-ms-box-shadow:0 0 .25rem rgba(0,0,0,.2);-o-box-shadow:0 0 .25rem rgba(0,0,0,.2);box-shadow:0 0 .25rem rgba(0,0,0,.2)}@media only screen and (min-width:768px){.listedPixel .color{height:3rem;max-height:3rem;min-height:3rem;width:3rem;max-width:3rem;min-width:3rem;margin:.25rem;-ms-box-shadow:0 0 .5rem rgba(0,0,0,.2);-o-box-shadow:0 0 .5rem rgba(0,0,0,.2);box-shadow:0 0 .5rem rgba(0,0,0,.2)}}.listedPixel .color.dark{background-color:hsla(0,0%,100%,.05)}.listedPixel .info{position:relative;display:flex;flex-grow:1;align-items:center;height:2.8rem;max-height:2.8rem;min-height:2.8rem;padding:.15rem .15rem .15rem 0;cursor:pointer}@media only screen and (min-width:768px){.listedPixel .info{height:3.5rem;max-height:3.5rem;min-height:3.5rem;padding:.25rem .25rem .25rem 0}}.listedPixel .info .row{display:flex;align-items:baseline;justify-content:center;width:100%;margin:0}.listedPixel .info .row .name{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;opacity:.5;padding:0 .5rem;font-size:.5rem;font-weight:700;text-align:right}@media only screen and (min-width:768px){.listedPixel .info .row .name{font-size:.6rem}}.listedPixel .info .row .x{font-size:.6rem;font-weight:700;opacity:.5;padding:0 .5rem}@media only screen and (min-width:768px){.listedPixel .info .row .x{font-size:.7rem}}.listedPixel .info .row .coord{font-size:1.1rem;font-weight:800}@media only screen and (min-width:768px){.listedPixel .info .row .coord{font-size:1.3rem}}
/*# sourceMappingURL=main.8162936d.chunk.css.map */