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}@font-face{font-family:"Practice";src:local("Practice"),url(/static/media/PracticeRegular.17893bcf.woff2) format("woff2"),local("Practice"),url(/static/media/PracticeRegular.82d96e0c.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"PracticeIta";src:local("PracticeIta"),url(/static/media/PracticeRegularIta.de2c9059.woff2) format("woff2"),local("PracticeIta"),url(/static/media/PracticeRegularIta.a7a77939.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Unica77LLlat-regular";src:url(/static/media/Unica_77LL-Regular.11aa6600.woff2) format("woff2"),url(/static/media/Unica_77LL-Regular.36e88a90.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--appBodyWidth:1920px;--appBodyHeight:1160px;--UnicaMenuFontFamilyReg:"Unica77LLlat-regular",sans-serif;--PracticeReg:Practice,serif;--marketMenuButtonWidth:340px;--marketMenuButtonHeight:45px;--marketMenuFontSize:15px;--selectedColor:#cf892e;--contentOpacity:5%;--prevNextButtonWidth:90px;--prevNextButtonHeight:50px;--familyGalButtonWidth:300px;--familyGalButtonHeight:400px;--lightGreyBackground:rgba(235,235,232,0.5);--darkGreyBackground:#ebebe8;--canopyDimensionImageWidth:600px;--canopyDimensionImageHeight:700px;--canopyDimensionButtonWidth:80px;--canopyDimensionButtonHeight:50px;--preconfigMenuHeight:555px;--preconfigButtonWidth:250px;--lamFinishButtonWidth:80px;--settingsMenuWidth:640px;--settingsMenuLabelHeight:60px;--settingsMenuHeight:1395px;--rotatedCloseButtonWidth:20px;--inputRangeWidth:580px;--inputRangeHeight:20px;--sosButtonHeight:50px;--sosButtonWidth:200px}body,html{overflow-x:hidden}.App,body,html{margin:0;padding:0}.App{font-family:Practice,serif;font-family:var(--PracticeReg);height:100vh;width:100vw;border:0;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-user-select:none;-ms-user-select:none;user-select:none}button{appearance:none;-moz-appearance:none;-webkit-appearance:none;margin:0;padding:0}.header{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;height:70px;width:100%;padding:12px 30px;box-sizing:border-box;z-index:12;top:0}.bottom-shadow{box-shadow:0 0 8px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,.1)}.lampInfo{justify-self:start;-webkit-align-self:center;align-self:center;font-size:18px}.logoLodes{width:105px;height:auto;margin:auto}.lodesLink{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);margin:0;padding:0;text-decoration:none;height:30px}.headerButtons,.resetConfigContainer{display:-webkit-flex;display:flex;justify-self:end}.resetConfigContainer{position:relative;-webkit-align-items:center;align-items:center;cursor:pointer;font-size:var(--marketMenuFontSize);font-family:var(--UnicaMenuFontFamilyReg);text-transform:uppercase;margin-right:30px}.circleIcon{display:block;width:26px;height:26px;border:1px solid rgba(0,0,0,.66);border-radius:50%;margin-left:10px}.plusSvg{height:20px;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.langMenuContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;font-size:var(--marketMenuFontSize);font-family:var(--UnicaMenuFontFamilyReg)}.worldLogo{height:28px;margin-left:6px}.lodesApp{opacity:var(--contentOpacity);pointer-events:none}.lodesApp,.lodesAppActive{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row}.configContainer,.lodesApp,.lodesAppActive{position:relative;display:-webkit-flex;display:flex;overflow:hidden}.configContainer{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column}@media screen and (max-width:768px){.header{height:50px;padding:8px 15px}.lampInfo{font-size:12px}.logoLodes{height:20px;margin:auto}.resetLogo,.worldLogo{height:20px;margin-right:3px}.lodesLink{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);margin:0;padding:0;text-decoration:none;height:20px}}.langList{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-left:1px solid #000;position:fixed;top:70px;right:0;padding:0;margin:0;background-color:#fff;z-index:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:var(--marketMenuFontSize)}.top-shadow{box-shadow:inset 0 8px 8px -8px rgba(0,0,0,.2);-webkit-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,.2);-moz-box-shadow:inset 0 8px 8px -8px rgba(0,0,0,.2)}.langButton{list-style-type:none;line-height:calc(var(--marketMenuButtonHeight) - 1px);width:var(--marketMenuButtonWidth);padding:0 0 0 30px;border-bottom:1px solid #000}.langButton:hover{background-color:var(--selectedColor);color:#fff}@media screen and (max-width:768px){.langList{top:50px}}.marketListMenu{position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);line-height:15px;text-align:center;color:#000;font-family:var(--UnicaMenuFontFamilyReg);font-size:var(--marketMenuFontSize)}.marketInputContainer{position:relative;margin:5px auto auto;width:calc(var(--marketMenuButtonWidth) - 32px);line-height:var(--marketMenuButtonHeight);border:1px solid #000;padding:0 15px;color:#000;font-weight:500;text-align:start}.marketInput,.marketInputContainer{background-color:#fff;cursor:pointer}.marketInput{outline:none;border:none;border-radius:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:var(--marketMenuFontSize);color:#d8d8d5}.marketInput::-webkit-input-placeholder{color:#d8d8d5}.marketInput:-ms-input-placeholder{color:#d8d8d5}.marketInput::placeholder{color:#d8d8d5}.plusButton{-moz-transform:translate((0,-50%));background-position:50%!important;background-size:20px 20px!important;background:url(/static/media/lodes-plus-icon-black.6ad1c570.svg) no-repeat}.minusButton,.plusButton{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);right:0!important;padding:26px!important;box-sizing:border-box}.minusButton{-moz-transform:translateY(-50%);background-position:50%!important;background-size:20px 20px!important;background:url(/static/media/lodes-minus-icon-black.8b71396f.svg) no-repeat}.marketList{list-style-type:none;background-color:#fff;border-left:1px solid #000;border-right:1px solid #000;width:var(--marketMenuButtonWidth);margin:0;padding:0;box-sizing:border-box;position:absolute;bottom:calc(var(--marketMenuButtonHeight) + 1px);left:-1px}.marketButton{height:45px;border-top:1px solid #000;margin:0;text-align:start}.marketButton:hover{background-color:var(--selectedColor);color:#fff}.marketSubmitButton{outline:none;margin-top:5px;width:var(--marketMenuButtonWidth);line-height:var(--marketMenuButtonHeight);font-family:var(--UnicaMenuFontFamilyReg);font-size:18px;border:1px solid #000;color:#000;background-color:#fff;cursor:pointer}.marketSubmitButton:hover{background-color:var(--selectedColor);color:#fff}.pathMenu{height:100%;-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.visible{padding:12px 30px;opacity:1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hidden,.visible{transition:all .3s ease-out}.hidden{max-height:0;opacity:0;overflow:hidden}.introTitle{font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;margin:0}.introNotes{font-size:26px;margin:0}.introNotes,.stepContainer{font-family:var(--PracticeReg)}.stepContainer{height:100%;overflow:visible;text-align:center}.stepBar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;font-size:14px;font-family:var(--UnicaMenuFontFamilyReg);background-color:rgba(235,235,232,.5);padding-left:30px}.stepButton{--minHeight:50px;display:grid;grid-template-columns:20% 80%;min-width:80px;min-height:var(--minHeight);margin-right:10px}.buttonTick,.buttonTickActive{position:relative;width:15px;height:15px;border:1px solid #000;border-radius:50%;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.buttonTickActive{background-color:#000}.buttonLabel{line-height:calc(var(--minHeight) + 1px);padding-left:5px}:root{--myMargin:10px}.familyButton{-webkit-flex-basis:calc(25% - 20px);flex-basis:calc(25% - 20px);-webkit-flex-basis:calc(25% - var(--myMargin)*2);flex-basis:calc(25% - var(--myMargin)*2);box-sizing:border-box;margin:0 10px 20px;margin:0 var(--myMargin) calc(var(--myMargin)*2) var(--myMargin);background-color:var(--darkGreyBackground);position:relative;cursor:pointer}.familyButton:hover{background-color:var(--lightGreyBackground);border:1px solid var(--selectedColor)}.familyButton:hover .familyButtonLabel{color:var(--selectedColor)}.checkMark{width:30px;height:auto}.checkMark,.ticked{position:absolute;top:10px;left:10px}.ticked{width:15px;height:10px;border-left:1px solid var(--selectedColor);border-bottom:1px solid var(--selectedColor);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}@media screen and (max-width:768px){.familyButton,.familyButtonActive{-webkit-flex-basis:calc(50% - 20px);flex-basis:calc(50% - 20px);-webkit-flex-basis:calc(50% - var(--myMargin)*2);flex-basis:calc(50% - var(--myMargin)*2);min-width:160px}}.familyButtonLabel{position:absolute;bottom:10px;left:0;right:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.diesel{text-transform:uppercase}.familyButtonLabelActive{position:absolute;bottom:10px;left:0;right:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;color:var(--selectedColor)}.canopyButton{-webkit-flex-basis:calc(25% - 20px);flex-basis:calc(25% - 20px);-webkit-flex-basis:calc(25% - var(--myMargin)*2);flex-basis:calc(25% - var(--myMargin)*2);min-width:238px;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;margin:0 10px 20px;margin:0 var(--myMargin) calc(var(--myMargin)*2) var(--myMargin);background-color:var(--darkGreyBackground);position:relative;cursor:pointer}.canopyButton:hover{background-color:var(--lightGreyBackground)}.canopyButton:hover .canopyButtonLabel{background-color:var(--selectedColor);color:#fff}.canopyButtonLabel{background-color:#fff}.canopyButtonLabel,.canopyButtonLabelActive{position:absolute;bottom:0;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:30px;padding:15px 25px;text-align:center;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.canopyButtonLabelActive{right:50%;background-color:var(--selectedColor);color:#fff}.preconfigButton{padding:0;margin:5px;-webkit-flex-basis:calc(50% - 20px);flex-basis:calc(50% - 20px);-webkit-flex-basis:calc(50% - var(--myMargin)*2);flex-basis:calc(50% - var(--myMargin)*2);box-sizing:border-box;position:relative;cursor:pointer}.preconfigButton,.preconfigButton:hover{background-color:var(--darkGreyBackground)}.preconfigButton:hover{border:1px solid var(--selectedColor)}.preconfigButton:hover .preconfigButtonLabel{color:var(--selectedColor)}.preconfigActive{background-color:var(--lightGreyBackground);border:1px solid var(--selectedColor)}.preconfigButtonLabel{position:absolute;bottom:15px;left:0;right:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.trackButton{padding:10px 0 0;-webkit-flex-basis:50%;flex-basis:50%;box-sizing:border-box;background-color:var(--darkGreyBackground);position:relative;cursor:pointer}.trackButton:hover{background-color:transparent;border:1px solid var(--selectedColor)}.trackButton:hover .trackButtonLabel{color:var(--selectedColor)}.trackButtonActive{padding:10px 0 0;-webkit-flex-basis:50%;flex-basis:50%;box-sizing:border-box;background-color:transparent;position:relative;cursor:pointer;border:1px solid var(--selectedColor)}.trackButtonLabel{position:absolute;bottom:15px;left:0;right:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.lampdimsButton{-webkit-flex-basis:25%;flex-basis:25%;height:160px;border-right:1px solid rgba(0,0,0,.612);border-bottom:1px solid rgba(0,0,0,.612);box-sizing:border-box;position:relative;cursor:pointer}.lampdimsButton:hover{border:none;outline:1px solid var(--selectedColor);background-color:var(--darkGreyBackground)}.lampdimsButton:hover .lampdimsButtonLabel{color:var(--selectedColor)}.lampdimsButtonActive{-webkit-flex-basis:25%;flex-basis:25%;height:160px;position:relative;cursor:pointer;box-sizing:border-box;background-color:var(--darkGreyBackground);box-shadow:-1px 0 0 0 var(--selectedColor),inset -1px 0 0 0 var(--selectedColor),0 -1px 0 0 var(--selectedColor),inset 0 -1px 0 0 var(--selectedColor)}.lampdimsButtonLabel{bottom:30px;font-family:var(--UnicaMenuFontFamilyReg);font-size:13px}.lampdimsButtonLabel,.mixLogo{position:relative;display:inline-block}.mixLogo{margin-left:5px;bottom:25px;width:18px}.ButtonActive{background-color:var(--lightGreyBackground);border:1px solid var(--selectedColor)}.stepName{padding-top:15px}.stepDescription,.stepName{display:block;font-size:26px}.stepDescription{padding-bottom:15px}.familyMenuContainer{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;height:100%;box-sizing:border-box;padding-top:10px;padding-right:30px;padding-left:30px;background:#fff;-webkit-justify-content:flex-start;justify-content:flex-start;overflow:auto}.familyMenuContainer:after{content:"";display:block;height:250px;width:100%}.canopyMenuContainer{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;width:100%;margin:auto;box-sizing:border-box;overflow:auto;overflow-x:hidden;padding-left:30px;padding-right:30px;padding-bottom:250px}.canopyMenuLabel{padding-top:30px;padding-bottom:12px;font-size:26px}.multipleCanopyContainer,.singleCanopyContainer{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;padding-top:10px;-webkit-justify-content:center;justify-content:center}.canopyOptionGallery{width:100%;height:100%;overflow-y:scroll}.canopyOptionGallery:after{content:"";display:block;height:250px;width:100%}.canopyDimensionMenuContainer{max-width:calc(var(--canopyDimensionImageWidth)*2 + 20px);margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}.canopyDimensionSubMenu{-webkit-flex-basis:calc(50% - 10px);flex-basis:calc(50% - 10px);min-width:450px;max-width:600px;background-color:var(--lightGreyBackground);font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.canopyDimensionImageContainer{background-color:var(--darkGreyBackground);-webkit-flex:1 1;flex:1 1}.canopyImg{position:relative}.img2d{width:355px;height:auto}.img3d{height:100%;width:100%}.canopyDimensionButtonsContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:150px;margin-top:15px}.buttonsContainer{display:-webkit-flex;display:flex;-webkit-flex:1 1;flex:1 1;margin:15px auto auto}.canopyDimensionButton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:var(--canopyDimensionButtonWidth);max-width:137px;height:var(--canopyDimensionButtonHeight);border-radius:30px;line-height:var(--canopyDimensionButtonHeight);box-sizing:border-box;position:relative;cursor:pointer;background-color:#fff;outline:none;margin-left:2.5px;margin-right:2.5px;padding:0 18px;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.canopyDimensionButton:hover{background-color:var(--selectedColor);color:#fff}.canopyDimensionButtonActive{min-width:var(--canopyDimensionButtonWidth);max-width:137px;height:var(--canopyDimensionButtonHeight);border-radius:30px;line-height:var(--canopyDimensionButtonHeight);box-sizing:border-box;position:relative;cursor:pointer;background-color:var(--selectedColor);color:#fff;outline:none;margin-left:2.5px;margin-right:2.5px;padding:0 18px}.canopyDimensionButtonActive,.canopyDimensionButtonLabel{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.canopyDimensionButtonLabel{margin:auto;padding-bottom:15px}.under{position:relative;padding-bottom:0;bottom:-45px;color:#000}.canopyFinishButtonsContainer{display:-webkit-flex;display:flex;min-height:150px;margin:15px auto auto}.canopyFinishButton{width:var(--canopyDimensionButtonWidth);height:var(--canopyDimensionButtonWidth);border-radius:50%;position:relative;cursor:pointer;outline:none!important;margin-left:10px;margin-right:10px;box-sizing:border-box;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.canopyFinishButton:hover{border:1px solid var(--selectedColor)}.canopyFinishButton:hover #canopyFinishButtonLabel{color:var(--selectedColor)}.canopyFinishButtonActive{width:var(--canopyDimensionButtonWidth);height:var(--canopyDimensionButtonWidth);border-radius:50%;position:relative;cursor:pointer;border:1px solid var(--selectedColor);outline:none!important;margin-left:10px;margin-right:10px;box-sizing:border-box}#canopyFinishButtonLabel,#canopyFinishButtonLabelActive{width:3rem;margin:auto;position:relative;font-size:15px;bottom:-100%}#canopyFinishButtonLabelActive{color:var(--selectedColor)}.preconfigurationGalleryContainer{-webkit-flex:1 1;flex:1 1;height:100%;font-family:var(--UnicaMenuFontFamilyReg);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;grid-gap:7px;gap:7px;margin:auto;padding-top:5%;overflow-y:auto}.preconfigurationGalleryContainer:after{content:"";display:block;height:250px;width:100%}.section{width:30vw;max-width:615px;overflow:visible;min-width:400px}.sectionLabel{line-height:26px;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #000;margin-bottom:15px;font-family:var(--PracticeReg);font-size:26px}.imageContainer{height:390px;margin-top:20px}.heightInputBorder{box-sizing:border-box;width:160px;height:70px;background-color:#fff;border-radius:60px;border:1px solid rgba(0,0,0,.66);-webkit-align-items:center;align-items:center}.heightInputBorder,.heightWrapper{position:relative;margin:auto;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)}.heightInput{outline:none;border:none;position:relative;margin:auto;text-align:center;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px;color:var(--selectedColor)}.heightInput::-webkit-input-placeholder{color:var(--selectedColor);opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.heightInput:-ms-input-placeholder{color:var(--selectedColor);opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.heightInput::placeholder{color:var(--selectedColor);opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.heightInput:focus::-webkit-input-placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.heightInput:focus:-ms-input-placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.heightInput:focus::placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:22px}.measureUnit{font-family:var(--UnicaMenuFontFamilyReg);font-size:22px;color:var(--selectedColor)}.lampFinishButtonsContainer,.preconfigButtonsContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.lampFinishButtonsContainer{max-width:450px;margin:auto}.configurationMenuContainer{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;background-color:#fff}#falseCanvas,.configurationMenuContainer{width:100%;-webkit-flex:1 1;flex:1 1;z-index:1}.canvas{justify-self:center}.canvas,.loader{position:relative}.loader{font-size:10px;margin:50px auto;text-indent:-9999em;width:11em;height:11em;border-radius:50%;background:var(--darkGreyBackground);background:linear-gradient(90deg,var(--darkGreyBackground) 10%,hsla(0,0%,100%,0) 42%);top:30%;-webkit-animation:load3 1.4s linear infinite;animation:load3 1.4s linear infinite;-webkit-transform:translateZ(0);transform:translateZ(0)}.loader:before{width:50%;height:50%;background:var(--lightGreyBackground);border-radius:100% 0 0 0}.loader:after,.loader:before{position:absolute;top:0;left:0;content:""}.loader:after{background:var(--darkGreyBackground);width:75%;height:75%;border-radius:50%;margin:auto;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.canopyConfigMenu{width:100%;height:100%;overflow-y:scroll}.canopyConfigMenu:after{content:"";display:block;height:250px;width:100%}.canopyConfigMenuContainer{max-width:calc(var(--canopyDimensionImageWidth)*2 + 20px);height:850px;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.canvasWrapper{-webkit-flex:1 1;flex:1 1;position:relative}.canvas-bottom-shadow{z-index:2;box-shadow:0 4px 6px -3px rgba(0,0,0,.4)}.canvas2d{position:relative}.bottomMenuContainer{width:100%;height:150px;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;background-color:var(--lightGreyBackground)}.bottomMenu,.bottomMenuContainer{position:relative;display:-webkit-flex;display:flex}.bottomMenu{margin-top:20px;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;font-family:var(--UnicaMenuFontFamilyReg);font-size:13px}.bmLabel{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.lampCounter{position:relative;width:150px;height:50px;border-radius:30px;background-color:#fff;font-size:21px;line-height:50px;margin:15px 0}.trackLampCounter{text-align:center;width:90px}.decrement,.trackLampCounter{position:relative;height:50px;background-color:#fff;font-size:21px;line-height:50px;margin:15px 0;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.decrement{width:50px;border-top-left-radius:25px;border-bottom-left-radius:25px;background-image:url(/static/media/Lodes-minus-icon-black.8b71396f.svg);background-repeat:no-repeat;background-position:50%;background-size:25px}.decrement:hover{background-color:var(--selectedColor);background-image:url(/static/media/Lodes-minus-icon-white.f5842522.svg)}.increment{position:relative;width:50px;height:50px;background-color:#fff;font-size:21px;line-height:50px;margin:15px 0;border-top-right-radius:25px;border-bottom-right-radius:25px;background-image:url(/static/media/Lodes-plus-icon-black.6ad1c570.svg);background-repeat:no-repeat;background-position:50%;background-size:25px;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.increment:hover{background-color:var(--selectedColor);background-image:url(/static/media/Lodes-plus-icon-white.ea2d6ec4.svg)}.shadow{position:absolute;bottom:0;width:100%;height:110px;z-index:10;background:linear-gradient(180deg,hsla(0,0%,100%,0),#d0d0d0);font-family:var(--UnicaMenuFontFamilyReg)}.configFooterContainer{display:-webkit-flex;display:flex;font-size:14px;padding-left:30px;padding-right:30px;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-left:120px;height:50px}.instuctionsWrapperToFlex{display:-webkit-flex;display:flex;-webkit-flex:2 1;flex:2 1;-webkit-flex-wrap:wrap;flex-wrap:wrap}.configInstruction{position:relative;display:-webkit-flex;display:flex;margin-right:5px;min-width:50px}.footerDot{min-width:10px;min-height:10px;border-radius:5px;background-color:#000;margin-right:5px}.footerDot,.text{position:relative;-webkit-align-self:center;align-self:center}.text{padding:0;margin:0}.footerBtnWhite{background-color:#fff;color:#000;margin-right:5px}.footerBtnBlack,.footerBtnWhite{margin-left:auto;height:50px;width:225px;border-radius:35px;line-height:49px;text-align:center;cursor:pointer;-webkit-align-self:center;align-self:center}.footerBtnBlack{background-color:#000;color:#fff}.settingsLogo{height:23px}.downloadLogo,.settingsLogo{vertical-align:middle;margin-left:10px}.downloadLogo{width:22px;height:auto}@media screen and (max-width:1440px){.configFooterContainer{font-size:12px}.instuctionsWrapperToFlex{-webkit-flex-basis:50%;flex-basis:50%}.downloadButton{width:175px;height:35px;line-height:34px;-webkit-order:1;order:1}.downloadLogo{width:auto;height:11px;margin-left:7px}}#copyright{position:absolute;font-size:12px;bottom:5px;left:30px}.stepButtonContainer{position:relative;padding-top:20px}.btn-bordR30{outline:none;border:none;border-radius:30px;cursor:pointer;margin:0;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.prevStep{position:absolute;left:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:var(--prevNextButtonWidth);height:var(--prevNextButtonHeight);line-height:var(--prevNextButtonHeight);background-color:#fff}.prevStep:hover{background-color:var(--selectedColor);color:#fbf4eb}.nextStep{position:absolute;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%);-moz-transform:translate(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:var(--prevNextButtonWidth);height:var(--prevNextButtonHeight);line-height:var(--prevNextButtonHeight);background-color:#000;color:#fbf4eb}.nextStep:hover{background-color:var(--selectedColor);color:#fbf4eb}.settingsContainer{position:relative;height:100%;float:right;overflow-y:scroll!important;box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-webkit-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-moz-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);background-color:#fff;z-index:11!important}.settingsContainer:after{content:"";display:block;height:100px;width:100%}.hamburgerContainer{position:relative;width:70px;height:100%;-webkit-flex:1 1;flex:1 1;box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-webkit-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-moz-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);box-sizing:border-box;background-color:#fff;z-index:11!important}.hamburgerButton{width:100%;height:35px;vertical-align:middle;text-align:center;line-height:10px;color:#000;background-color:#fff;border:none;outline:none;cursor:pointer;margin:5px 0 0}.settingsMenuHeader{width:var(--settingsMenuWidth);height:var(--settingsMenuLabelHeight);box-sizing:border-box;box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-webkit-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);-moz-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;background-color:transparent;padding-left:30px}#settingsMenuLabel{vertical-align:middle;margin-left:5px;font-family:var(--PracticeReg);font-size:22px;line-height:var(--settingsMenuLabelHeight)}.resetButtonContainer{justify-self:end;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer;font-size:13px;font-family:var(--UnicaMenuFontFamilyReg);text-transform:uppercase;margin-right:15px;font-size:15px}.resetLogo{height:25px;margin-right:12px;margin-left:6px}#closeSettingsButton{height:var(--rotatedCloseButtonWidth);width:var(--rotatedCloseButtonWidth);cursor:pointer;-webkit-align-self:center;align-self:center;margin-right:30px}#heightOptionsContainer{padding-left:30px;padding-bottom:30px}#heightLabel{float:left;line-height:60px;-webkit-align-self:start;align-self:start}#heightLabel,.range-wrap{position:relative;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.range-wrap{width:580px}.range{width:100%}.bubble{position:absolute;top:45%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)}.bubble:after{content:"cm";position:absolute;width:2px;height:2px;top:-1px;left:110%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{height:18px;-webkit-appearance:none;margin:10px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:20px;cursor:pointer;box-shadow:0 0 0 #000;background:var(--darkGreyBackground);border-radius:12px;border:0 solid #000}input[type=range]::-webkit-slider-thumb{background:#000}input[type=range]::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 #000;border:0 solid #000;height:12px;width:12px;border-radius:6px;cursor:pointer;-webkit-appearance:none;margin-top:4px}input[type=range]:hover::-webkit-slider-thumb{background:var(--selectedColor)}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--darkGreyBackground)}input[type=range]::-moz-range-track{width:100%;height:20px;cursor:pointer;box-shadow:0 0 0 #000;background:var(--darkGreyBackground);border-radius:12px;border:0 solid #000}input[type=range]::-moz-range-thumb{background:#000}input[type=range]::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb{box-shadow:0 0 0 #000;border:0 solid #000;height:12px;width:12px;border-radius:6px;cursor:pointer}input[type=range]:hover::-moz-range-thumb{background:var(--selectedColor)}input[type=range]::-ms-track{width:100%;height:20px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{background:var(--darkGreyBackground);border:0 solid #000;border-radius:24px;box-shadow:0 0 0 #000}input[type=range]::-ms-thumb{background:#000}input[type=range]::-ms-thumb,input[type=range]:hover::-ms-thumb{margin-top:1px;box-shadow:0 0 0 #000;border:0 solid #000;height:12px;width:12px;border-radius:6px;cursor:pointer}input[type=range]:hover::-ms-thumb{background:var(--selectedColor)}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:var(--darkGreyBackground)}.sosButtonsContainer{position:relative;margin:12px 0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}.susFree{outline:none;margin:0;width:var(--sosButtonWidth);height:var(--sosButtonHeight);box-sizing:border-box;border-radius:30px;border:1px solid #000;background-color:#fff;cursor:pointer;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.susFree:hover{background-color:var(--selectedColor);color:#fbf4eb;border:none}.susFreeActive{margin:0;border-radius:30px;border:none;background-color:var(--selectedColor);color:#fbf4eb}.susFreeActive,.susTable{outline:none;width:var(--sosButtonWidth);height:var(--sosButtonHeight);cursor:pointer;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.susTable{box-sizing:border-box;border-radius:30px;border:1px solid #000;background-color:#fff;margin:0 0 0 5px}.susTable:hover{border:none}.susTable:hover,.susTableActive{background-color:var(--selectedColor);color:#fbf4eb}.susTableActive{outline:none;width:var(--sosButtonWidth);height:var(--sosButtonHeight);border-radius:30px;border:none;cursor:pointer;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;margin:0 0 0 5px}.subSetButton{display:grid;grid-template-columns:1fr 1fr;background-color:#000;font-size:22px;line-height:50px;padding-left:30px;text-align:left;color:#fff;height:50px;cursor:pointer}.plusMinusButton{width:30px;height:inherit;justify-self:end;margin-right:30px}.submenu{font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;padding-left:30px;line-height:50px}.greyBackground{background-color:var(--darkGreyBackground)}.subSetContainer{position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:var(--settingsMenuWidth);box-sizing:border-box;-webkit-justify-content:flex-start;justify-content:flex-start;text-align:center}#settingsLabel,.subSetContainer{display:-webkit-flex;display:flex}#settingsLabel{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;text-align:left;padding:1rem 1rem .5rem;font-size:1rem;background-color:#f08080}.applyButton{width:150px;position:relative;-webkit-align-self:flex-end;align-self:flex-end;margin:15px 15px 15px 30px}.settingImage{width:100%;height:100%}.row,.settingImage{display:-webkit-flex;display:flex}.row{position:relative;margin:15px 0 0}.rowItem{display:-webkit-flex;display:flex}.heightInput{width:60px;margin:0;padding:0}.heightInputBorderSmall{width:120px;height:35px;display:-webkit-flex;display:flex;position:relative;box-sizing:border-box;margin:auto 20px auto 10px;background-color:#fff;border-bottom:1px solid #000;z-index:12}.inputAligner{margin:auto}.blackplc,.inputAligner{display:-webkit-flex;display:flex}.blackplc{outline:none;border:none;width:40px;font-size:20px}.blackplc::-webkit-input-placeholder{color:#000;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.blackplc:-ms-input-placeholder{color:#000;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.blackplc::placeholder{color:#000;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.blackplc:focus::-webkit-input-placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.blackplc:focus:-ms-input-placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.blackplc:focus::placeholder{color:transparent;opacity:1;font-family:var(--UnicaMenuFontFamilyReg);font-size:20px}.lampFinishButton{width:var(--lamFinishButtonWidth);height:var(--lamFinishButtonWidth);border-radius:50%;box-sizing:border-box;margin:10px 10px 40px;position:relative;cursor:pointer;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.lampFinishButton:hover{border:1px solid var(--selectedColor)}.lampFinishButton:hover .lampFinishButtonLabel{color:var(--selectedColor)}.buttonActive{border:1px solid var(--selectedColor)}.lampFinishButtonLabel{position:relative;bottom:-100%;width:var(--lamFinishButtonWidth);margin:auto auto 15px;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.labelActive{color:var(--selectedColor)}.infoBoxContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:relative;height:100%;box-shadow:-3px 3px 8px -2px rgba(0,0,0,.2);-webkit-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.2);-moz-box-shadow:-3px 3px 8px -2px rgba(0,0,0,.2);z-index:11!important}.nopointer{cursor:unset}table{margin:30px;border-collapse:collapse;-webkit-justify-content:start;justify-content:start;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px;font-weight:unset}tr{border-bottom:1px solid #000;width:100%;text-align:left}th{font-weight:unset;width:150px}.heightContainer{padding:0 30px 30px}.propContainer{padding:0 30px 30px;-webkit-flex-direction:column;flex-direction:column}.buttonContainer,.propContainer{display:-webkit-flex;display:flex}.buttonContainer{-webkit-flex-direction:row;flex-direction:row;position:relative}.sSquareButton{border:1px solid #000}.sSquareButton,.sSquareButtonActive{width:50px;height:50px;box-sizing:border-box;margin-right:5px;cursor:pointer;text-align:center;line-height:50px}.sSquareButtonActive{background-color:var(--selectedColor)}.round{border-radius:50%;border:none;box-shadow:1px 1px 3px 1px hsla(0,0%,52.2%,.25)}.orange-border{border:1px solid var(--selectedColor)}.warningMessage{position:relative;bottom:50%;left:50%;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);width:340px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;z-index:19}.warningButtonsContainer{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-top:30px;z-index:22}.warningButton{width:165px;height:50px;outline:none;background-color:#fff;border:1px solid #000;box-sizing:border-box;cursor:pointer}.blackBackground{background-color:#000}.whiteCol{color:#fff}.over{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;margin:auto;top:90px;text-align:center}.over,.summary{display:-webkit-flex;display:flex;width:100%}.summary{-webkit-flex-direction:row;flex-direction:row;overflow-y:auto}.imgContainer{-webkit-flex:1 1;flex:1 1;position:relative;padding-top:30px}.summaryContainer{width:68%;max-width:1300px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.summaryButton{height:30px;width:30px;cursor:pointer;-webkit-align-self:center;align-self:center;margin-right:15px}.rot45{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.summaryTable{width:calc(100% - 40px);border-collapse:separate;margin-left:20px;border-spacing:10px 0;text-align:left;padding:0}.tableH{width:20%}.tableH,td{border-bottom:1px solid #000}#note{color:var(--selectedColor);padding:30px;display:block}.canopy2D{width:180px;height:auto;margin:30px}.summaryFooter{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-left:30px;padding-right:30px;height:14vh;background:linear-gradient(180deg,hsla(0,0%,100%,0),#d0d0d0);bottom:0}button{position:relative;outline:none;background-color:none;border:none;cursor:pointer;padding-left:15px;padding-right:15px;margin:5px}.white{background-color:#fff}.black,.white{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:var(--prevNextButtonHeight);border-radius:30px;font-family:var(--UnicaMenuFontFamilyReg);font-size:15px}.black{background-color:#000;color:#fff}@media screen and (max-width:1024px){.black,.white{font-size:12px}}