.App{text-align:center}body{background-color:#efefef;color:#000!important}.App-logo{height:20vmin;pointer-events:none}.air-mi-logo{height:200px}.page-body{width:100%;margin-left:75px}.home-page{width:100%}.nav-bar{height:100vh;min-width:75px;position:fixed;top:0;left:0;z-index:10}.nav-initial{height:45px;width:45px;border-radius:50%;background-color:#757575;text-align:center;vertical-align:middle;line-height:45px}.nav-selected-icon{background-color:hsla(0,0%,45.9%,.4745098039215686)}.nav-selected-icon,.nav-unselected-icon{height:45px;width:45px;border-radius:50%;text-align:center;vertical-align:middle;line-height:20px}.nav-unselected-icon{background-color:initial}.hero-image{background-image:url(/static/media/image001.35057430.png);height:200px;width:100%}@media (prefers-reduced-motion:no-preference){.App-logo{align-items:center;animation:App-logo-spin 12s linear infinite}}.App-header{background-color:#000;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)}}.full,.Whole{background-color:#efefef}.button{transition-duration:.3s;color:#fff;padding:20px 30px;text-align:center;display:inline-block;font-size:15px;margin:40px 100px;cursor:pointer}.button,a{text-decoration:none}.button1{background-color:#000;border:2px solid #fff;border-radius:15px;font-weight:900;font-size:30px;font-family:"Varela Round",sans-serif;margin:0 auto;display:block;text-align:center}.button1:hover{background-color:#ceff00;border:2px solid #000;color:#000}.iris-logo-text{text-align:center;color:#000}.iris-app-logo{height:20vmin;pointer-events:none;display:block;margin:0 auto 50px}.dcs-box{width:350px;height:250px}.dcs-box,.fabric-box{background-color:red;border-radius:15px;transition-duration:.3s}.fabric-box{width:250px;height:150px}.cl-text{font-size:18px;line-height:24px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top:8px}.rightslab{height:calc(100% - 100px);width:45%;position:fixed;top:-10px;padding-top:50px;padding-bottom:100px;right:0;background-color:#000;display:flex;flex-direction:column;justify-content:space-around;padding-left:20%}.dcs-form{margin-left:10%;float:left}.dcs-button-end{margin-left:80%;float:left}.lab-page-flex{width:100%;display:flex;flex-direction:column;background-color:initial}.lab-top-slab{background-color:initial;padding-top:20px;padding-bottom:20px}.lab-bottom-slab{background-color:initial;overflow-y:scroll;overflow-x:scroll}.lab-form{width:70%;padding-bottom:15px;padding-top:15px;margin:0 auto}.lab-dropdowns{width:90%;display:flex;justify-content:space-between;padding-right:10px;margin-bottom:35px}.lab-color-cell{width:50px;height:20px;border-radius:7px;border:1px solid #000}.lab-color-box{height:80px;width:80px;display:inline-block;border-radius:10px;border:1px solid #000}.toolbar{z-index:2;width:250px;background-color:#000;border-radius:0 0 0 15px;height:50px;position:fixed;display:flex;flex-direction:row;justify-content:space-between;top:0;right:0;margin-left:40px;padding:10px 20px;border:1px solid #fff;border-width:0 0 1px 1px;transition-duration:.3s}.toolbar-folded-up{top:-60px;transition-duration:.3s}.toolbar-home{font-size:40px;margin-top:5px;color:#fff;transition-duration:.3s}.toolbar-home:hover{color:#ceff00;transition-duration:.3s}.toolbar-spacer{width:30px}.toolbar-userbox{display:flex;flex-direction:column;height:100%}.toolbar-userbox-icon{font-size:30px;margin:auto}.toolbar-right-group{display:flex;width:100px}.toolbar-fold{position:absolute;font-size:25px;left:130px;top:80px;opacity:.3;transition-duration:.3s;width:25px;height:25px;background-color:#000;border-radius:14px;line-height:25px;padding-left:0;border:2px solid #000;transform:rotate(0deg)}.toolbar-fold:hover{opacity:1}.toolbar-fold-rotated,.toolbar-fold:hover{transition-duration:.3s;transform:rotate(180deg)}.toolbar-fold-rotated{position:absolute;font-size:25px;left:130px;top:80px;opacity:.3;width:25px;height:25px;background-color:#000;border-radius:14px;line-height:25px;padding-left:0;border:2px solid #000}.toolbar-fold-rotated:hover{opacity:1;transition-duration:.3s;transform:rotate(0deg)}.dye-boxes{width:100%;display:flex;justify-content:space-around}.dye-box{width:100%;padding:10px;border-radius:5px;position:relative;transition-duration:.3s;transition-timing-function:ease;margin:2px 10px}.half-trans{opacity:.5}.dye-box-flavor{background-color:#000;position:absolute;color:#fff;right:1.2vw;top:-10px;padding-left:5px;padding-right:5px;font-size:20px}.dye-menu-button{width:100%;height:30px;z-index:1}.menu-downarrow{opacity:.5;position:absolute;top:5px}.input-dye-boxes{height:80px;display:flex;justify-content:space-around;width:100%;padding-top:30px}.input-dye-box{padding:10px;margin:2px 10px;width:30vw}.input-color-box{padding:10px;margin:2px 10px;width:25vw}.dyes-submit-button{transition-duration:.3s}.dyes-submit-button,.dyes-submit-button-disabled{background-color:#000;border:1px solid #fff;border-radius:5px;font-weight:900;font-size:20px;font-family:"Varela Round",sans-serif;display:block;color:#fff;padding:15px 25px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;margin:25px auto 0 15px}.dyes-submit-button-disabled{transition-duration:.25s;pointer-events:none;opacity:.3}.dyes-submit-button:hover{background-color:#ceff00;border:1px solid #000;color:#000}.rgb-box-result-text{font-size:30px;margin-bottom:-20px;font-family:"Varela Round",sans-serif;position:absolute;background-color:#000;top:-20px}.rgb-box-container{height:150px;width:300px;border:1px solid #fff;border-radius:5px;padding:15px;display:flex;flex-direction:column;position:relative;float:left;margin-top:25px;margin-left:10px}.rgb-box{margin-top:10px;margin-bottom:10px;height:100%;width:100%;background-color:red;border-radius:10px}.page-title{font-size:60px;margin-bottom:10px}.page-info,.page-title{opacity:.9;font-family:"Varela Round",sans-serif}.page-info{margin-left:20px;font-size:18px;line-height:25px}.error-text{color:#ff5964;margin-left:20px;margin-top:20px;animation:fadein .5s}@keyframes fadein{0%{opacity:0}to{opacity:1}}.loading-text{margin-left:20px;margin-top:20px;animation:fadein .5s}.error-button{color:#ff5964;margin-left:10px;background-color:initial;border:1px solid #ff5964;font-size:15px;border-radius:5px;padding:2px 8px;transition-duration:.25s;font-weight:900;text-align:center}.error-button:hover{color:#000;background-color:#ff5964;border:1px solid #ff5964;font-size:20px}.upload-wrapper{height:100vh}.file-drop-zone{height:400px;width:400px}.fileUploadCont{background-color:#fff;border-radius:4px;border:solid #ccc;margin:20px;padding:30px;width:550px}.header{color:#3f4c6b;font-size:18px;font-weight:450}.refresh-icon{height:45px;width:45px;border-radius:50%;background-color:#000;text-align:center;vertical-align:middle;line-height:20px}.download-button{cursor:pointer;margin-left:12px}.display-download{display:flex;align-items:center;justify-content:space-between}:root{--tooltip-text-color:#fff;--tooltip-background-color:#000;--tooltip-margin:30px;--tooltip-arrow-size:6px}.Tooltip-Wrapper{display:inline-block;position:relative}.Tooltip-Tip{position:absolute;border-radius:4px;left:50%;transform:translateX(-50%);padding:6px;color:var(--tooltip-text-color);background:var(--tooltip-background-color);font-size:14px;font-family:sans-serif;line-height:1;z-index:100;white-space:nowrap}.Tooltip-Tip:before{content:" ";left:50%;height:0;width:0;position:absolute;pointer-events:none;border:solid transparent;border-width:var(--tooltip-arrow-size);margin-left:calc(var(--tooltip-arrow-size)*-1)}.Tooltip-Tip.top{top:calc(var(--tooltip-margin)*-1)}.Tooltip-Tip.top:before{top:100%;border-top-color:var(--tooltip-background-color)}.Tooltip-Tip.right{padding-top:20px;padding-left:20px;padding-right:20px;height:52px;left:calc(100% + var(--tooltip-margin));right:inherit}.Tooltip-Tip.right,.Tooltip-Tip.right:before{top:50%;transform:translateX(0) translateY(-50%)}.Tooltip-Tip.right:before{left:calc(var(--tooltip-arrow-size)*-1);border-right-color:var(--tooltip-background-color)}.Tooltip-Tip.bottom{bottom:calc(var(--tooltip-margin)*-1)}.Tooltip-Tip.bottom:before{bottom:100%;border-bottom-color:var(--tooltip-background-color)}.Tooltip-Tip.left{right:calc(100% + var(--tooltip-margin))}.Tooltip-Tip.left,.Tooltip-Tip.left:before{left:auto;top:50%;transform:translateX(0) translateY(-50%)}.Tooltip-Tip.left:before{right:calc(var(--tooltip-arrow-size)*-2);border-left-color:var(--tooltip-background-color)}
/*# sourceMappingURL=main.dd80cec6.chunk.css.map */