@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500&display=swap);*{font-family:Quicksand,sans-serif;font-weight:400;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{line-height:150%;text-align:center}html{scroll-behavior:smooth}body{background-color:#f8f8f8}#root{align-items:center;display:flex;flex-direction:column}.headerBar{background-color:#fff;display:flex;justify-content:center;position:fixed;width:100%;z-index:99999}.headerButton{color:#004a9e;cursor:pointer;font-size:16px;font-weight:1000;margin:6px 12px;transition:opacity .2s ease}.headerButton:hover{opacity:.4}.bubbleUI{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:transparent!important;background-color:#fff!important;height:100%;max-width:1000px;overflow:hidden!important;position:relative;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);width:100%}h1{font-size:40px;font-weight:1000;margin-top:80px}h1,h2{text-align:center;width:100%}h2{font-size:20px;margin-bottom:40px;margin-top:10px}.actionContainer{flex-wrap:wrap;justify-content:center;margin-bottom:20px;margin-top:20px}.action,.actionContainer{align-items:center;display:flex}.action{background-color:#fff;border-radius:14px;color:#000;margin:10px;padding:12px 20px;text-decoration:none;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;white-space:nowrap}.action:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.action img{height:30px;margin-left:10px}h3{font-size:20px;font-weight:1000;margin:10px 0 30px;padding-top:20px;text-align:center}.companyBubble{align-items:center;border-radius:50%;cursor:pointer;height:100%;transition:opacity .1s ease;width:100%}.companyBubble,.controlBar{display:flex;justify-content:center}.controlBar{flex-wrap:wrap;margin-top:-10px}.control{background-color:#fff;border-radius:14px;display:flex;flex-direction:column;margin:10px;padding:16px 30px;position:relative}.top{display:flex;justify-content:space-between;margin-bottom:6px}.controlTitle,.controlValue{font-size:16px}.controlValue{text-align:right}.top img{cursor:pointer;height:14px;opacity:.2;position:absolute;right:6px;top:6px;transition:opacity .2s ease;width:14px}.top img:hover{opacity:1}.bottom{align-items:center;display:flex;justify-content:center}.bottom input[type=range]{width:100%}.install{border-radius:14px;overflow:hidden;width:260px}.codeBlock{margin-bottom:30px;max-width:650px;width:100%}h4{font-size:34px;font-weight:1000;margin-bottom:60px;margin-top:60px;padding-top:20px}.propDesc,h4{text-align:center}.propDesc{font-size:20px;margin-bottom:80px;max-width:800px}.comparisonBubbleUI{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;background-color:#fff!important;border-radius:50px;height:400px;overflow:hidden!important;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);width:400px}.dummyBubble{align-items:center;border-radius:50%;display:flex;height:100%;justify-content:center;width:100%}.dummyBubbleText{font-size:17px}.optionContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:70px;text-align:center}.optionName{font-size:30px;font-weight:1000;margin-bottom:6px}.optionName span{font-weight:0;opacity:.5}.optionDefault{font-size:16px;margin-bottom:14px;opacity:.5}.optionDesc{font-size:20px;margin-bottom:20px;max-width:900px}.comparisonContainer{flex-wrap:wrap}.afterContainer,.beforeContainer,.comparisonContainer{align-items:center;display:flex;justify-content:center}.afterContainer,.beforeContainer{flex-direction:column;margin:20px}.comparisonText{font-size:24px;margin-bottom:20px}.dimensionsBubbleUI{background-color:#fff;border-radius:40px;height:500px;max-width:800px;position:relative;width:100%}.dimensionLabel{font-size:18px}.dimensionLabel,.dimensionRegion{color:#fff;font-weight:1000;position:absolute}.dimensionRegion{font-size:24px}.optionsDesc{font-size:20px;margin-bottom:80px;margin-top:-40px;max-width:600px}.dimensionsDesc{font-size:20px;margin-bottom:30px;margin-top:40px;max-width:800px}._1Lxpd{height:100%;overflow:hidden;position:relative;width:100%}._2MD0k::-webkit-scrollbar{display:none}._376IX{height:50%;position:relative;width:100%}._3bAl3{align-items:center;box-sizing:initial;display:flex;flex-direction:column;justify-content:center;padding-left:50%;padding-right:50%}._1iLpS{display:flex;flex-direction:row}._2gu6r,._3cleF{align-items:center;display:flex;justify-content:center}._3cleF{position:relative}._3cleF>*{height:100%;width:100%!important}._2SNHQ{height:100%;left:0;pointer-events:none;top:0;width:100%}._2SNHQ,._2pju2{position:absolute}._2pju2{background-color:rgba(0,0,0,.12);border:2px solid rgba(0,0,0,.1);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}._2MD0k{-ms-overflow-style:none;height:100%;left:0;overflow:scroll!important;position:absolute;scroll-padding:100px 0 0 100px;scrollbar-width:none;top:0;width:100%}
/*# sourceMappingURL=main.cd2b5eac.css.map*/