*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}a{text-decoration:none;color:inherit}.app-container{display:flex;flex-direction:column;align-items:center}.app-container>h1{font-size:calc(20px + 1vw);white-space: nowrap; width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.app-container>ol{padding:0;text-align:center;list-style-type:none;line-height:30px;font-weight:700}.colour-box-cont{margin-top:5vh;position:relative;width:100%;overflow-x:hidden;overflow-y:hidden;height:35vh}.colour-box{border:none;margin:0;padding:0;width:auto;overflow:visible;background-image:linear-gradient(90deg,rgb(255, 0, 0),rgb(255, 255, 0),rgb(0, 255, 0),rgb(0, 255, 255),rgb(0, 0, 255),rgb(255, 0, 255),rgb(255, 0, 0));width:100%;height:20vh}.colour-tab{display:block;margin:0;cursor:pointer;text-decoration:none;position:absolute;top:20vh;width:10vh;height:15vh;border-radius:0 0 5vw 5vw;border:2px solid #000}.grid-builder{margin-top:5vh;display:flex;flex-direction:column;align-items:center}.hue-button{text-decoration:none;display:inline-block;zoom:1;padding:20px;margin:0;cursor:pointer;border:1px solid #bbb;overflow:visible;font-size:calc(10px + 1vw);color:#000;white-space:nowrap;border-radius:5px}.hue-button,.hue-button:hover{font-weight:700}.grid-spacer{height:5vw;max-height:70px}.grid{width:80vw;max-width:700px;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr)}.grid-item{display:inline-block;padding-top:100%;border:3px solid #fff}.grid-item:active{border:0}h2{margin-top:5vh;font-size:calc(10px + 1vw)}.css-variables-text{overflow:hidden;width:80vw;max-width:700px;resize:none;font-family:inherit;font-size:calc(7px + 1vw)}.prefix-cont{margin:1em}.prefix-label{margin-right:1em;display:inline}#prefix,.prefix-label{font-size:calc(10px + 1vw)}
/*# sourceMappingURL=main.ae60f5a5.chunk.css.map */