body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:"greenLights";src:url(/static/media/Greenlights-3XmX.93d26d88.otf) format("truetype")}html{min-height:100vh}body,html{padding:0;min-width:100vw}body{height:100vh;background-color:#fff}h3{text-align:center}#page-container{position:relative;min-height:100vh;display:block}#sub-page-container{width:960px;margin-left:auto;margin-right:auto;margin-bottom:auto;min-height:100vh;background-color:#fff;padding:0 10px 2.5rem}.title-text{font-family:"greenLights";font-size:xx-large;z-index:1}#component-container{display:grid;grid-template-columns:1fr 500px 1fr;grid-template-rows:105px 105px;grid-gap:0 0;gap:0 0;grid-template-areas:"left-top component right-top" "left-bottom component right-bottom"}#component{display:inline-flex;border-top-left-radius:80px;border-bottom-left-radius:80px;overflow:hidden;border-top-right-radius:80px;border-bottom-right-radius:80px;border:5px solid #000;grid-area:component}#left-top{grid-area:left-top;border-bottom:2px solid #000;display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-end;align-content:stretch;align-self:auto;flex:0 0 auto}#left-bottom{grid-area:left-bottom;border-top:2px solid #000}#right-top{grid-area:right-top;border-bottom:2px solid #000;display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-end;align-content:stretch;align-self:auto;flex:0 0 auto;position:relative}#signout-button{position:absolute;top:0;right:0}#right-bottom{grid-area:right-bottom;border-top:2px solid #000}.color-band{margin-left:10px}.color-band,.color-band-last{height:200px;width:50px;margin-right:10px}.color-band-last{margin-left:60px}.color-band-first{height:200px;width:50px;margin-left:10px;margin-right:10px}#band-count-picker-container,#component-value{display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-start;align-content:stretch;align-self:auto;flex:0 0 auto}#component-value{font-size:1.5rem}#color-picker-container{display:inline-flex;justify-content:center;min-width:775px;min-height:400px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-left-color:#000;border-right-color:#000;border-left-style:none;border-right-style:none;border-top:5px solid #000;border-bottom:5px solid #000;margin-bottom:2.5rem}.color-picker-column{width:125px;border-bottom-color:#000;border-top-color:#000;border-bottom-style:none;border-top-style:none;border-right:1px dashed #000;border-left:1px dashed #000}.color-picker-column label{font-size:x-large}.column-title{width:125px;display:table;margin:0 auto;text-align:justify;text-align-last:center;font-weight:700;font-size:large;border-bottom:2px solid #000}#save-button-container{display:none;justify-content:center;flex-wrap:nowrap;align-items:flex-start;align-content:stretch;align-self:auto;flex:0 0 auto}.notice{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;left:50%;bottom:30px}.show{visibility:visible;animation:fadein .5s,fadeout .5s 2.5s}#login-form-container{display:none;border:solid;border-color:grey;border-width:1px}.centered{display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-start;align-content:stretch;align-self:auto;flex:0 0 auto}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#saved-comps-container{margin-top:5px;display:inline-flex;justify-content:center;flex-wrap:wrap;width:960px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;box-sizing:border-box}#small-comp-template{display:none}.small-comp-container{overflow:hidden;box-sizing:border-box;border:solid;border-color:#000;border-width:1px;height:100px;width:320px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:.5fr .5fr .25fr;grid-gap:0 0;gap:0 0;grid-template-areas:"small-comp-tl small-comp-body small-comp-tr" "small-comp-bl small-comp-body small-comp-br" "small-comp-value small-comp-value small-comp-value"}.small-comp-body{grid-area:small-comp-body;overflow:hidden;display:flex;box-sizing:border-box;border:solid;border-color:#000;border-width:2px;border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-top-left-radius:30px;border-top-right-radius:30px}.small-comp-tl{grid-area:small-comp-tl;box-sizing:border-box;border-bottom:1px solid #000}.small-comp-bl{grid-area:small-comp-bl;box-sizing:border-box;border-top:1px solid #000}.small-comp-tr{grid-area:small-comp-tr;box-sizing:border-box;border-bottom:1px solid #000;display:flex;justify-content:flex-end}.small-comp-br{grid-area:small-comp-br;box-sizing:border-box;border-top:1px solid #000}.small-comp-value{grid-area:small-comp-value;display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-start;align-content:stretch;align-self:auto;flex:0 0 auto}.small-color-band{height:80px;width:15px;margin-left:6px;margin-right:6px}.small-color-band-last{height:80px;width:15px;margin-left:15px;margin-right:2px}.no-bg.active{border-color:#000;border-width:3px}.red{background-color:red}.orange{background-color:orange}.yellow{background-color:#ff0;color:#000}.green{background-color:green}.blue{background-color:#00f;color:#fff}.violet{background-color:violet}.gold{background-color:gold;color:#000}.silver{background-color:silver;color:#000}.black{background-color:#000;color:#fff}.brown{background-color:#8b4513;color:#fff}.white{background-color:#fff;border-color:#000;border-style:solid dashed;border-width:1px;color:#000}.grey{background-color:grey}.delete-button{background-color:#ec6565;width:1rem;height:1rem;padding:0;cursor:pointer}#clear-all-container{display:none}.delete-button:after,.delete-button:before{content:"";background:#333;display:block;transform:rotate(45deg) translateX(0)}.delete-button:after{transform:rotate(-45deg) translateX(0)}#footer{position:absolute;bottom:0;height:2.5rem;text-align:center}#footer,.btn-group-vertical{width:100%}.focus{border:2px solid #000}.color-band .white{border-style:none dashed}#band-count-picker-text,#color-picker-title,.result{font-size:1.5rem}.result{margin-left:auto;margin-right:auto}.result-container{display:flex;justify-content:center;flex-wrap:nowrap;align-items:flex-start;align-content:stretch;align-self:auto;flex:0 0 auto}.series-input-container{width:275px}
/*# sourceMappingURL=main.addf63ad.chunk.css.map */