body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;font-family:Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif,-apple-system,BlinkMacSystemFont;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Keybutton{border:.5px solid #000;box-sizing:initial;font-size:.9rem;height:1.5rem;line-height:100%;margin:0;padding:0;text-align:center;width:1rem}.Active{background-color:#7fff00}.Heddlemove{align-content:center;display:flex;flex-direction:row;flex-wrap:nowrap}.Thread{border:.5px solid #000;height:1.5rem;width:1rem}.Weaverow{align-content:center;display:flex;flex-direction:row;flex-wrap:nowrap}.Weaverow.holes,.Weaverow.holes .Heddlemove{margin-left:.5rem}.Weaverow.slits .Heddlemove{margin-left:1rem}.Weave{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Colorpicker{align-items:center;display:flex;justify-content:flex-start;width:100%}.Colorpicker label{box-sizing:border-box;height:100%;padding-right:1rem;text-align:end;white-space:nowrap;width:50%}.Colorpicker input{margin-right:1rem;text-align:center;width:2.3rem}.Colorpicker input[type=color]{background-color:transparent;border:none;height:1.8rem;margin-left:.5rem;padding:0;width:1.8rem}.Colorpicker input::-webkit-inner-spin-button,.Colorpicker input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Colorpicker input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.Nrinput{align-items:center;display:flex;justify-content:flex-start;width:100%}.Nrinput label{box-sizing:border-box;height:100%;padding-right:1rem;text-align:end;white-space:nowrap;width:50%}.Nrinput input{margin-right:1rem;text-align:center;width:2.3rem}.Nrinput input[type=color]{background-color:transparent;border:none;height:1.8rem;margin-left:.5rem;padding:0;width:1.8rem}.Nrinput input::-webkit-inner-spin-button,.Nrinput input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Nrinput input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.Preferences{background-color:#a7a1b3;border:1px ridge #a7a1b3;border-radius:12px;display:flex;flex-direction:column;font-size:1rem;gap:.5rem;padding:1rem}.Warp{background-color:#fefefe;border-radius:50px 50px 20px 20px;padding:2rem 1rem 1rem}.Warp .slits{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap}.Warp .slits .Thread{background-color:#a7a1b3;height:2rem;margin-left:.35rem;margin-right:.35rem;width:.3rem}.Warp .holes{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;margin-left:.55rem}.Warp .holes .Thread{background-color:#a7a1b3;border-radius:50%;height:.7rem;margin-left:.15rem;margin-right:.15rem;width:.7rem}.color-list{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;padding:2rem}.color-list h3{margin:0}.color-list .color-item{align-items:center;display:flex;font-size:1.5rem;gap:.5rem}@media screen and (max-width:900px){.color-list{align-items:flex-end;display:flex!important;flex-direction:row;gap:1rem}.color-list .color-item{font-size:1.5rem;gap:.2rem}.Banddraft,.color-list .color-item{align-items:center;display:flex;flex-direction:column}}@media screen and (min-width:901px){.Banddraft{display:flex;justify-content:center}}.Banddraft{gap:2rem;padding-top:3rem}.Banddraft .draft{align-items:flex-start;background-color:#a7a1b3;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:2rem 2rem 2rem 4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Banddraft .draft .Warp{margin-left:-1rem}.Banddraft .draft .Preferences{box-sizing:border-box;margin-left:-1rem;width:100%}.App{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.App .App-header{display:flex;gap:2rem;justify-content:center}.App .App-header a{background-color:#7fffd4;border-radius:5px;color:inherit;padding:.5rem;text-decoration:none}
/*# sourceMappingURL=main.59e1cbad.css.map*/