:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:start}@media (prefers-color-scheme: light){:root{color:#000;background-color:#f5fff5}a:hover{color:#747bff}button{background-color:#f9f9f9}}.topMenu{height:5rem;width:100%;display:flex;justify-content:center;align-items:center}.bitSelection{margin:0 1rem;cursor:pointer}.divider{width:2px;height:2rem;background-color:#ffffffde}@media (prefers-color-scheme: light){.divider{background-color:#213547}}@media (max-width: 780px){.topMenu{flex-wrap:wrap;height:auto}h1{margin:0rem}}.arbeitsbereich{width:90%;display:flex;min-height:200px;height:100%;justify-content:space-around;align-items:center}.areaRight{display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}@media (max-width: 1000px){.arbeitsbereich{flex-direction:column;justify-content:center;width:100%}.areaLeft{display:flex;flex-direction:column;align-items:center;width:100%}}@media (max-width: 1000px){.bild{width:90vw;overflow:hidden}}.colourButton{width:3rem;height:3rem;border-radius:10%;background-color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer}.colourButton:hover{background-color:#5275ff}.colourButtonInnerColour{width:90%;height:90%;border-radius:10%}.buttonContainer{position:relative}.colorPicker{z-index:1;position:fixed}@media (max-width: 1000px){.colorPicker{top:0!important;left:0!important;position:fixed}}.palette{max-height:60vh;overflow-y:auto;overflow-x:hidden;min-height:0}.align4colours{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}@media (max-width: 1000px){.align4colours{grid-template-columns:repeat(4,1fr)}}.paletteExportBar{display:flex;gap:.5rem;margin:1rem 0}.genericButton{background-color:#646cff;color:#fff;font-size:large;font-weight:700;padding:.5rem;border-radius:.2rem;cursor:pointer}.genericButton:hover{background-color:#535bf2}.littleIcon{max-width:2.5rem;max-height:2.5rem;width:auto;height:auto}.pictureImportButtonContainer{display:flex;justify-content:flex-start;align-items:center}.hiddenInput{display:none}.paletteImportBar{display:flex;gap:.5rem;margin:1rem 0}