body,html{height:100%;margin:0;overflow:hidden;padding:0}.swal2-popup{border-radius:16px!important;box-shadow:0 4px 12px #0000001a;padding:16px;width:350px}.swal2-title-custom{color:#2e2e2e;font-family:DM Sans,sans-serif;font-size:21px;font-weight:500;line-height:24px;margin-bottom:8px;padding:0;text-align:left;width:80%}.swal2-html-custom{font-family:DM Sans,sans-serif;margin:0!important;padding:0!important}.swal2-html-custom p{color:#2e2e2e;font-size:16px;line-height:20px;margin:0!important;padding:0!important;text-align:left}.swal2-actions-custom{display:flex;gap:8px;justify-content:space-between;margin:16px 0 0!important;padding:0!important;width:100%}.swal2-cancel-button-custom{background-color:#fff;border:1px solid #000!important;border-radius:8px;color:#000;display:block;font-size:14px;height:42px;margin:0!important;padding:8px 16px;transform:all .2s ease-in-out;width:48%;&:hover{background-color:#2e2e2e;color:#fff;transform:scale(1.02)}}.swal2-confirm-button-custom{background-color:#000;border:none;border-radius:8px;color:#fff;display:block;font-size:14px;height:42px;margin:0!important;padding:8px 16px;transform:all .2s ease-in-out;width:48%;&:hover{transform:scale(1.02)}}.swal2-close{background-color:#f4f4f4;color:#2e2e2e;font-size:28px;position:absolute;right:12px;top:12px;&:hover{background-color:#eaeaea;color:#2e2e2e!important;transform:scale(1.05)}}.container{display:flex;height:100%;max-width:100vw!important;min-width:100vw!important}.canvas-container{background-color:#f0f0f0;cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFXRSTlMAXMBqJQIcuQRmtLwTReCBUj0p0ZtbxuxwAAAAdElEQVQY02WPwRKEMAhDoSIUrG3V/f9vXTodV5zlAi8khwD8TWYiKkFgSSI4rpV59UVpn46s/nCFhGZ02ToK/wTnA7q5ULDcvKcRmX6VwZpvXmp/sYp9cAtcG1sNfmnWXv4DWvxfSiEPPV0ihvnpdvrw0/ULD64EXReeaXoAAAAASUVORK5CYII=) 16 16,crosshair;height:100%;overflow:hidden;width:100%}.button-container{background-color:#e0e0e0;display:grid;grid-template-rows:repeat(2,1fr);width:0}.buttons{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.button-container1{align-items:center;border-radius:red;display:grid;grid-template-columns:repeat(3,1fr)}.button-container1 button{font-size:12px;margin:5px;padding:5px}.dimension-setter{align-items:center;background-color:#fff;border-radius:24px;box-shadow:0 4px 14px -3px #0c0c0d21;display:flex;gap:8px;justify-content:center;left:calc(100vw - 460px);padding:8px 8px 8px 12px;position:fixed;top:86px}.slanted-walls-setter{left:calc(100vw - 470px)}.switch{display:inline-block;height:24px;position:relative;width:44px}.switch .dimension-switch{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:16px;left:4px;width:16px}.dimension-switch:checked+.slider{background-color:#2196f3}.dimension-switch:focus+.slider{box-shadow:0 0 1px #2196f3}.dimension-switch:checked+.slider:before{transform:translateX(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.bottom-container{align-items:center;bottom:16px;display:flex;flex-direction:row;gap:16px;left:16px;position:fixed}.slider-container{align-items:center;background-color:#fff;border-radius:12px;display:flex;gap:8px;justify-content:center;padding:8px 12px}.slider-wrapper{position:relative;width:126px}.opacity-slider{-webkit-appearance:none;background:linear-gradient(90deg,#0000,#000);outline:none;padding:0;position:relative;transition:opacity .2s ease;z-index:1}.opacity-slider,.opacity-slider:before{border-radius:16px;height:18px;width:100%}.opacity-slider:before{background-image:url(data:image/png;base64,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ls06AAAAPEp5cs94OEMhBwAAAACFFHLQkGzaARim9buu6wdA8jcsAB4PCjkAAAAAKKSQAwDoqQc9AefkHADA1lLIAQAAAEAhhRwAQKPyJFx3AACwtRRyAAAAAFBIIQcA0Bgn4QAAHm8KOQAAAAAopJADAGiEk3EAAP2gkAMAAACAQgo5AAAAACikkAMAAACAQgo5AAAAACikkAMAAACAQgo5AAAAgMblb2N/0MHDpZADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOQAAAAAopJADAAAAgEIKOf5hbGwsBgAAAI+Wn79guBRyAAAAAFBIIcc/rK6uxtis3NGxs7M1/u18AQD94X0eANqlkAMAAACAQgq5gevuvP7bndj8/n/754A6uT5XVlZiAP210fvttm3bYtAW8wrts85heKx4AAAAACikkBu4fPZb7shs3779P4389xhbMzzLj/vJ66O7Trvr3+jXSN3XtG2jE3LeB9qS69sJZ2hX3retcxgen+ABAAAAoNDYysqKB38NQO6mLywsRJ47dy5y9+7dkbdu3YrMUxYPurv+/3btqZPzt7i4GHnixInIXbt2RXaZt7bkvJ85cyZycnIycnl5OdJ8t2FiYiLyxo0bkUePHo184YUXImlTrt979+5Ffvrpp5HXr1+PzPVunbehu85nZ2cjDxw4EMkwXLx4MfLSpUuR+fl9aWkpcqP1nv/c6dnHU/78dfv27ciDBw9GzszMRDoF36Y8DZnze+XKlcjz589HTk1NReZ1QZusbgAAAAAoNLZqC3UQcpqvXbsW+cknn0R6TkHbcsflnXfeiZyeno7MHdJMt4F+y5Mya8+HW5Mn5E6dOhVJm7rrd25uLnLv3r2RdtTbdufOncizZ89G2kFvU67j/Lz25ptvRh46dCiye//v8v7eL6Pm68KFC5E//vhjZH5fZvdznc/3/bZ///7Iw4cPR46Pj0daz23Kef3ll18i5+fnIxkGn9YBAAAAoNDYN998o2pvWO6U5U76888/H5knKB42OzePp6tXr0aOOkFh3votT1DkSYl8VuCLL74YSZu6J2PyGWKZuaNO215++eXIfNaY+3lbcj7z81w+Sy6fNbRz587I7vcl10M/5TzmM+JeeumlyHymFG3LZ3vnOvd+3obufbq7zvNze/6NJobgiSf+B2s3yxqXM3SDAAAAAElFTkSuQmCC);background-position:50%;background-size:cover;content:"";left:0;opacity:.1;position:absolute;top:0;z-index:-1}.opacity-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;height:18px;width:18px}.opacity-slider::-moz-range-thumb{background:#fff;border-radius:50%;box-shadow:0 0 5px #0003;cursor:pointer;height:18px;width:18px}.tooltip{background-color:#fff;border-radius:8px;box-shadow:0 0 5px #0003;color:#333;font-size:12px;font-weight:700;padding:4px 8px;top:-40px;white-space:nowrap}.tooltip,.tooltip:after{position:absolute;transform:translateX(-50%)}.tooltip:after{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #fff;bottom:-5px;content:"";left:50%}.zoom-container{border-radius:12px;box-shadow:0 13px 13px 0 #8f8f8f08;height:32px;overflow:hidden;padding:4px;width:fit-content}.zoom-container,.zoom-container button{align-items:center;background-color:#fff;display:flex;flex-direction:row;gap:8px;justify-content:center}.zoom-container button{border:none;border-radius:8px;cursor:pointer;padding:4px 5px;transition:all .2s ease-in-out;&:hover{background-color:#f4f4f4;transform:scale(1.05)}}.zoom-slider{-webkit-appearance:none;background:linear-gradient(90deg,#007aff 0,#007aff 50%,#0000000d 0,#0000000d);border-radius:8px;height:4px;opacity:.7;outline:none;transition:opacity .2s;width:150px}.zoom-slider:hover{opacity:1}.zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:.5px solid #00000055;border-radius:50%;box-shadow:0 1px .75px 0 #0000000d;cursor:pointer;height:20px;width:20px}.zoom-slider::-moz-range-thumb{background:#fff;border:.5px solid #00000055;border-radius:50%;box-shadow:0 1px .75px 0 #0000000d;cursor:pointer;height:20px;width:20px}.logo{position:absolute;right:16px;top:16px;& img{width:250px}}.video-help-container{align-items:center;background-color:#fff;border-radius:32px;box-shadow:0 20px 30px 0 #00000026;cursor:pointer;display:flex;flex-direction:row;gap:12px;justify-content:center;padding:8px 12px;transition:all .2s ease-in-out;&:hover{background-color:#ededed;transform:translateY(-3px)}}.joystick-overlay{z-index:1000}.joystick-base{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0003;border:1px solid #ffffff4d;border-radius:9999px;bottom:16px;height:86px;position:fixed;right:298px;width:86px}.joystick-center{background:#ffffffb3;height:8px;width:8px}.joystick-center,.joystick-thumb{border-radius:9999px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.joystick-thumb{background:#ffffffd9;box-shadow:0 8px 24px #00000040;height:25px;touch-action:none;transition:transform .12s ease;width:25px;will-change:transform}.joystick-base,.joystick-thumb{-webkit-user-select:none;user-select:none}.joystick-arrow{display:grid;height:28px;opacity:.45;place-items:center;pointer-events:none;position:absolute;transition:opacity .12s ease;width:28px}.joystick-arrow-svg{fill:#ffffffd9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));height:100%;transition:transform .12s ease;width:100%}.joystick-arrow--up{left:50%;top:8px;transform:translate(-50%)}.joystick-arrow--down{bottom:8px;left:50%;transform:translate(-50%) rotate(0deg)}.joystick-arrow--left{left:8px}.joystick-arrow--left,.joystick-arrow--right{top:50%;transform:translateY(-50%) rotate(0deg)}.joystick-arrow--right{right:8px}.joystick-arrow.active{opacity:1}.joystick-arrow.active .joystick-arrow-svg{transform:scale(1.15)}.popup-container{top:202px;width:230px}.popup-container,.popup-container-hidden{background-color:#fff;border:1px solid #ececec;border-radius:16px;display:flex;flex-direction:column;gap:16px;height:fit-content;padding:12px;position:absolute;right:20px;transition:all .2s ease-in-out}.popup-container-hidden{top:262px;translate:275px 0;width:240px}.scale-popup-overlay{flex-direction:column;height:230px;width:350px}.scale-popup-container,.scale-popup-overlay{background-color:#fff;border:1px solid #ececec;border-radius:16px;display:flex;gap:16px;padding:12px;transition:all .2s ease-in-out}.scale-popup-container{align-items:center;flex-direction:row;height:fit-content;width:fit-content}.scale-popup-container-hidden{background-color:#fff;border:1px solid #ececec;border-radius:16px;display:flex;flex-direction:column;gap:16px;height:303px;padding:12px;position:absolute;right:20px;top:262px;transition:all .2s ease-in-out;translate:275px 0;width:240px}.header-container{align-items:center;display:flex;justify-content:space-between;img{height:28px;width:28px}}.input-container{display:flex;flex-direction:column;gap:16px;height:fit-content;width:100%}.scale-popup-container{& .input-container{flex-direction:row;width:fit-content}& .save-btn{align-items:center;display:flex;height:41px!important;justify-content:center;margin:0!important;white-space:nowrap;width:210px!important}}.feet-input-container{display:flex;gap:8px;width:100%}.height-input-container,.thickness-input-container{display:flex;flex-direction:column;gap:4px;width:100%}.height-text,.thickness-text{color:#2e2e2e;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:18.23px;margin-bottom:4px;text-align:left}.divider{border-top:1px solid #ececec;margin-bottom:4px;margin-top:12px}.btn-container{display:flex;gap:8px;margin-top:8px}.btn{align-items:center;border:1px solid #ececec;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:48px;justify-content:center;width:48px;img{height:24px;width:24px}}.header-container{img{cursor:pointer}}.contextual-btn-text{color:#45494d;font-size:10px;font-weight:500;line-height:13.02px;text-align:center}.room-popup-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:16px;width:100%}.room-popup-header-left{gap:4px;width:50%}.room-popup-header-left,.room-popup-header-text{align-items:center;display:flex;flex-direction:column;justify-content:center}.room-popup-header-text{background-color:#f4f4f4;border:2px solid #f4f4f4;border-radius:12px;cursor:pointer;gap:8px;padding:8px;width:90px}.delete-container{border:1px solid #ececec;border-radius:8px;cursor:pointer;justify-content:center;padding:4px 6px;transition:all .2s ease-in-out;&:hover{background-color:#ececec;transform:scale(1.05)}}.delete-container,.height-input-paper{align-items:center;display:flex;flex-direction:row;gap:4px}.height-input-paper{border:1px solid #b6babd;border-radius:8px!important;height:34px;justify-content:space-between;overflow:hidden;width:100%}.height-input-paper fieldset{border:1px solid #fff!important}.room-name-edit{align-items:center;border:1px solid #b6babd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:7px 6px}.room-name-edit img{height:16px;width:16px}.room-popup-divide-process{display:flex;flex-direction:column;gap:16px;margin-top:-16px;& hr{border:1px solid #daddde;width:100%}}.room-popup-divide-process-step{align-items:center;display:flex;flex-direction:row;gap:8px;& img{min-width:52px}}.room-popup-divide-process-step-active{align-items:center;border:1px solid #ececec;border-radius:8px;display:flex;height:41px;justify-content:center;min-width:41px}.upgrade-container{align-items:flex-start;background-color:#fff4f4;border:1px solid #f9dddc;border-radius:12px;bottom:16px;box-shadow:0 4px 14px -3px #0c0c0d21;display:flex;flex-direction:column;gap:8px;padding:8px 16px 16px;position:fixed;right:16px;transition:all .2s ease-in-out;width:232px}.set-scale-popup{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;position:absolute;right:0;top:0;width:100vw;z-index:1000}.scale-context-menu-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 14px -3px #0c0c0d21;box-sizing:border-box;cursor:grab;display:flex;flex-direction:column;gap:8px;padding:16px;-webkit-user-select:none;user-select:none}.scale-context-menu-container:hover{box-shadow:0 0 0 2px #0000ff1a}.scale-context-menu-component.no-image .scale-context-menu-container{height:230px;max-height:230px;max-width:248px;min-height:190px;min-width:248px;overflow:hidden;position:absolute;width:248px}.scale-context-menu-component.no-image .scale-input-container .set-unit-heading{font-size:14px;height:20px;line-height:20px;overflow:hidden;width:58px}.scale-context-menu-component.no-image .select-unit-container{align-items:center;display:flex;flex-direction:column;gap:8px;height:66px;justify-content:center;width:216px}.scale-context-menu-component.no-image .scale-button-container button{border-radius:8px;box-sizing:border-box;height:48px;padding:12px 24px;width:216px}.scale-input-container{display:flex;flex-direction:column;gap:8px}.unit-and-length{gap:16px}.length-input-group,.unit-and-length{align-items:center;display:flex;flex-direction:row}.length-input-group{gap:8px}.feet-input-group{display:flex;gap:8px}.scale-button-container{display:flex;justify-content:flex-end;margin-top:8px}.scale-context-menu-component.no-image{left:50%;position:fixed;top:50%;z-index:1000}.scrollable-container{background-color:#fff;border-radius:16px;box-shadow:0 4px 14px -3px #0c0c0d21;display:flex;flex-direction:column;gap:24px;height:fit-content;overflow-y:scroll;padding:16px;position:absolute;right:20px;scroll-behavior:smooth;top:202px;transition:all .2s ease-in;width:max-content}.drawtool-btn.selected{background-color:#edf1fd;border:1.5px solid #4b73ec}.drawtool-btn.blurred{background-color:#f4f4f4;border:1.5px solid #f4f4f4;opacity:.5;pointer-events:none}.scrollable-container-hidden{background-color:#fff;border-radius:16px;box-shadow:0 4px 14px -3px #0c0c0d21;display:flex;flex-direction:column;gap:24px;height:fit-content;overflow-y:scroll;padding:16px;position:absolute;right:20px;scroll-behavior:smooth;top:262px;transition:all .2s ease-in;translate:275px 0;width:max-content}.scrollable-container-hidden::-webkit-scrollbar,.scrollable-container::-webkit-scrollbar{width:0}.scrollable-container{-ms-overflow-style:none;scrollbar-width:none}.scrollable-content{display:flex;flex-direction:column;gap:12px}.grid-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.drawtool-btn{align-items:center;background-color:#f4f4f4;border:1.5px solid #f4f4f4;border-radius:12px;display:flex;flex-direction:column;gap:4px;height:68px;justify-content:center;width:104px}.drawtool-btn:hover{cursor:pointer}.btn-text{color:#2e2e2e;font-family:DM Sans;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:18.23px;text-align:center}.drawtool-btn img{height:15px;margin:3px 4px;width:20px}.btn-heading-text{font-size:16px;font-weight:500;line-height:18px;text-align:left}.save-btn{align-items:center;border-radius:8px!important;display:flex;gap:8px;height:36px!important;justify-content:center;padding:8px 24px!important;width:fit-content}.header-step-indicator{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:flex-start}.header-step-indicator-step{align-items:center;display:flex;flex-direction:row;gap:8px}.header-step-indicator-line{border-radius:2px;height:1px;width:40px}.blackLine{background-color:#2e2e2e}.grayLine{background-color:#daddde}.header-step-indicator-step-box{align-items:center;border:1px solid #2e2e2e;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.grayBorder{border-color:#daddde}.draw-ai-btn{align-items:center;background:linear-gradient(90deg,#e40087,#0066c4);border:1px;border-radius:8px;box-shadow:0 2px 6px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 12px 8px 8px;transition:filter .2s ease}.draw-ai-btn:hover{filter:brightness(1.1)}.draw-ai-icon{height:18px;width:18px}.draw-ai-label{display:inline-block}.ai-main-div{border-radius:8px;border-width:1px;display:flex;gap:8px;height:40;left:16px;opacity:1;padding:8px 12px 8px 8px;position:fixed;top:84px;width:144}.ai-main-div p{padding:0 8px}.contextual-menu-component{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;width:fit-content}.contextual-menu-component .btn{background-color:#fff}.btn:hover{background-color:#e6e6e6}.contextual-menu-element-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:8px;position:relative}.contextual-menu-element-container .contextual-menu-element-container-icons{align-items:center;background-color:#fff;display:flex;justify-content:space-around;position:relative}.contextual-menu-element-container .right{border-right:10px solid #fff;left:-10px;top:75%}.contextual-menu-element-container .left,.contextual-menu-element-container .right{border-bottom:10px solid #0000;border-top:10px solid #0000;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));height:0;position:absolute;transform:translateY(-50%);width:0}.contextual-menu-element-container .left{border-left:10px solid #fff;right:-9px;top:25%}.contextual-menu-element-container .bottom{border-bottom:10px solid #fff;left:5%;top:-10px}.contextual-menu-element-container .bottom,.contextual-menu-element-container .top{border-left:10px solid #0000;border-right:10px solid #0000;filter:drop-shadow(0 -2px 4px rgba(0,0,0,.1));height:0;position:absolute;width:0}.contextual-menu-element-container .top{border-top:10px solid #fff;bottom:-9px;left:85%}.contextual-menu-element{align-items:center;display:flex;flex-direction:column;gap:4px;height:58px;justify-content:center;width:64px}.contextual-menu-element.blurred{background-color:#f4f4f4;border:1.5px solid #f4f4f4;opacity:.5;pointer-events:none}.contextual-menu-element:hover{background-color:#f4f4f4;border:1px solid #b6babd;border-radius:12px;cursor:pointer}.contextual-menu-text{color:#45494d;font-family:DM Sans;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:18.23px;text-align:center}.report-button-container{align-items:center;background-color:#fcede6;border-radius:32px;box-shadow:0 20px 30px 0 #00000026;cursor:pointer;display:flex;gap:12px;justify-content:center;padding:8px 12px;transition:all .2s ease-in-out;&:hover{background-color:#fce2d5;transform:translateY(-3px)}}.help-popup-wrapper{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:13000000!important}.help-popup-container{background-color:#fff;border:1px solid #ececec;border-radius:16px;display:flex;flex-direction:column;gap:0;height:fit-content;padding:8px 8px 12px;position:relative;transition:all .5s ease-in-out;width:50vw}.help-popup-instruction{align-items:center;display:flex;flex-direction:column;gap:36px;padding:32px 0;text-align:center;& img{width:calc(100% - 24px)}}.help-popup-tutorial{align-items:center;display:flex;flex-direction:column;gap:16px;padding:32px 16px 16px;text-align:center;& span{width:100%!important}& img{margin-bottom:-16px!important}}.help-popup-container-hidden{background-color:#fff;border:1px solid #ececec;border-radius:16px;display:flex;flex-direction:column;gap:0;height:fit-content;overflow:hidden;padding:8px 8px 12px;transition:all .5s ease-in-out;translate:0 1075px;width:50vw}.help-popup-video{aspect-ratio:16/9!important;border-radius:12px;height:auto!important;margin-bottom:12px;overflow:hidden;width:100%!important;&.fixed-width{aspect-ratio:auto!important;height:100%!important}}.help-popup-container span{padding-left:4px;width:80%}.help-popup-button-wrapper{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.help-popup-button-wrapper button{height:36px;width:180px}.help-popup-close-icon{background-color:#ececec;border-radius:8px;box-shadow:-15px 15px 30px 0 #0000003b;cursor:pointer;padding:4px 6px;position:absolute;right:12px;top:12px;transition:all .2s ease-in-out;z-index:1300;&:hover{background-color:#c9c6c6;box-shadow:-15px 15px 30px 0 #0000003b}}video{object-fit:cover}.timer-container{background-color:#4b73ec;border-radius:8px 8px 0 0;height:3px;left:0;overflow:hidden;position:absolute;top:0;width:100%}.timer-progress{background-color:#edf1fd;border-radius:8px 8px 0 0;height:100%;transition:width 1s linear;width:0}.first-time-popup{bottom:100%;position:absolute;right:100%}.first-time-popup-container{animation:fadeIn .5s ease-in-out forwards;background-color:#4b73ec;border:1.5px solid #fff;border-radius:16px;box-shadow:-4px 5px 14px 0 #1c1c1c1a;color:#fff;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:24px;position:relative;width:290px}.first-time-popup.bottom:before{border-top:10px solid #fff;top:100%}.first-time-popup.bottom:after,.first-time-popup.bottom:before{border-left:10px solid #0000;border-right:10px solid #0000;content:"";left:90%;position:absolute;transform:translateX(-50%)}.first-time-popup.bottom:after{border-top:10px solid #4b73ec;top:calc(100% - 2px)}.first-time-popup.tutorial-mode.bottom:after{border-top:10px solid #4b73ec}.first-time-popup.top:before{border-bottom:10px solid #fff;bottom:100%}.first-time-popup.top:after,.first-time-popup.top:before{border-left:10px solid #0000;border-right:10px solid #0000;content:"";left:10%;position:absolute;transform:translateX(-50%)}.first-time-popup.top:after{bottom:calc(100% - 2px)}.first-time-popup.top:after,.first-time-popup.tutorial-mode.top:after{border-bottom:10px solid #4b73ec}.first-time-popup.right:before{border-left:10px solid #fff;left:calc(100% + 4px)}.first-time-popup.right:after,.first-time-popup.right:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";position:absolute;top:10%;transform:translateX(-50%)}.first-time-popup.right:after{left:calc(100% + 2px)}.first-time-popup.right:after,.first-time-popup.tutorial-mode.right:after{border-left:10px solid #4b73ec}.first-time-popup.left:before{border-right:10px solid #fff;left:-4px}.first-time-popup.left:after,.first-time-popup.left:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";position:absolute;top:10%;transform:translateX(-50%)}.first-time-popup.left:after{left:-2px}.first-time-popup.left:after,.first-time-popup.tutorial-mode.left:after{border-right:10px solid #4b73ec}.first-time-popup-ui{bottom:100%;height:100vh;pointer-events:none;position:absolute;right:100%;transform:translate(50%,50%);width:100vw}.selectWallPopup{position:absolute;right:275px;top:205px}.selectScalePopup{position:absolute;right:275px;top:315px}.splitRoomPopup{position:absolute;right:265px;top:230px}.addRoomPopup{position:absolute;right:145px;top:230px}.renameRoomPopup{position:absolute;right:275px;top:400px}.roomGeneratedPopup{position:absolute;right:50vh;top:100px;transform:translateX(-50%)}.first-time-popup-close{position:absolute;right:10px;top:10px}.first-time-popup-button{min-width:63px!important}.first-time-popup-class:before{border-left:10px solid #fff;left:100%}.first-time-popup-class:after,.first-time-popup-class:before{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.first-time-popup-class:after{left:calc(100% - 1.5px)}.first-time-popup-class:after,.first-time-popup.tutorial-mode .first-time-popup-class:after{border-left:10px solid #4b73ec}.roomGeneratedPopup:before{border-top:10px solid #fff;top:100%}.roomGeneratedPopup:after,.roomGeneratedPopup:before{border-left:10px solid #0000;border-right:10px solid #0000;content:"";left:90%;position:absolute;transform:translateX(-50%)}.roomGeneratedPopup:after{top:calc(100% - 2px)}.first-time-popup.tutorial-mode .roomGeneratedPopup:after,.roomGeneratedPopup:after{border-top:10px solid #4b73ec}.first-time-popup-footer{justify-content:space-between;margin-top:8px;width:100%}.first-time-popup-footer,.first-time-popup-footer-button{align-items:center;display:flex;gap:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scale-select-wall{position:absolute;right:18vw;top:140px}.scale-enter-wall-length{position:absolute;right:18vw;top:200px}.undo-redo-btn-container{display:flex;flex-direction:column;gap:8px;left:16px;position:absolute;top:50%;transform:translateY(-50%)}.undo-redo-btn{align-items:center;border:1px solid #b6babd!important;border-radius:8px;box-shadow:0 2px 3px 0 #00000026;display:flex;gap:4px;height:36px!important;justify-content:center;padding:8px 12px 8px 8px;transition:all .2s ease-in-out;width:93px}.escape-helper-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px 0 #00000026;left:40%;overflow:hidden;padding:4px;position:absolute;top:90px;transform:translateX(-40%);z-index:1300}.escape-helper-container,.escape-helper-content{align-items:center;display:flex;flex-direction:row}.escape-helper-content{gap:8px;padding:8px 12px}.escape-helper-right{align-items:center;background-color:#fdf2ec;border-radius:8px;color:#e77945;cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .2s ease-in;&:hover{background-color:#f4ebe6;transform:scale(1.02)}}.escape-helper-escape{background-color:#f4f4f4;border-radius:8px;padding:5px 11px}.escape-helper-icon{height:24px;width:24px}.help-popup{align-items:center;background-color:#4b73ec;border-radius:16px;box-shadow:0 0 0 0 #8f8f8f08,3px 7px 0 #8f8f8f08,0 13px 13px 0 #8f8f8f08,0 29px 17px 0 #8f8f8f05,0 52px 21px 0 #8f8f8f00,0 81px 23px 0 #8f8f8f00;display:flex;flex-direction:row;gap:8px;left:calc(50% - 150px);padding:12px;position:absolute;top:10%;transform:translateX(-50%)}.help-popup-content{align-items:center;color:#fff;display:inline-flex;font-size:25px}.help-popup-room{background-color:#fff;border:1px solid #b6babd;border-radius:8px;box-shadow:0 1px 2px 0 #0000004d,0 2px 6px 2px #00000026;color:#000;font-size:16px;font-weight:500;padding:8px 12px}.help-popup-close{align-items:center;background-color:#f4f4f433;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px;&:hover{background-color:#f4f4f466;transform:scale(1.05)}}.room-seperator-popup{align-items:left;background-color:#fff;border-radius:16px;box-shadow:0 0 0 0 #b0b0b01c,-1px 12px 25px 0 #b0b0b01c,-2px 46px 46px 0 #b0b0b017,5px 104px 62px 0 #b0b0b00f,-10px 185px 74px 0 #b0b0b005,15px 289px 81px 0 #b0b0b000;display:flex;flex-direction:column;gap:16px;justify-content:center;left:50%;padding:16px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:min(680px,90%)}.room-seperator-popup-header{align-items:center;display:flex;flex-direction:row;gap:8px;justify-content:center}.room-seperator-popup-header-icon{align-items:center;border:1px solid #daddde;border-radius:4px;display:flex;flex-direction:row;font-size:12px;gap:8px;padding:6px}.room-seperator-footer{display:flex;flex-direction:row;gap:4px;justify-content:center}.upgrade-popup-container{align-items:center;background-color:#0000004d;display:flex;height:100vh;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw;z-index:99}.upgrade-popup-content{align-items:center;animation:moveIn .5s ease-out;background-color:#fff;border-radius:24px;display:flex;flex-direction:column;gap:16px;padding:16px;position:relative;text-align:center;width:480px;& hr{border:1px solid #ececec;width:100%}}.upgrade-popup-close{align-items:center;background-color:#f4f4f4;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s;width:32px;&:hover{background-color:#e8e8e8}}.upgrade-popup-points{align-items:center;display:flex;justify-content:center;width:100%}.upgrade-popup-checks{align-items:center;align-items:flex-start;display:flex;flex-direction:column;gap:8px;width:fit-content}.upgrade-popup-check{align-items:center;color:#6e757a;display:flex;font-size:16px;gap:8px}.upgrade-popup-price{align-items:baseline;background:radial-gradient(circle at 50% 100%,#ff64644d 0,#fff 70%);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 0 0 0 #8f8f8f08,0 3px 7px 0 #8f8f8f08,0 13px 13px 0 #8f8f8f08,0 29px 17px 0 #8f8f8f05,0 52px 21px 0 #8f8f8f00,0 81px 23px 0 #8f8f8f00;display:flex;flex-direction:row;gap:16px;justify-content:flex-end;padding:16px;width:calc(100% - 32px)}.upgrade-popup-price-off{align-items:center;border:1px solid #e1544e;border-radius:8px;color:#e1544e;display:flex;flex-direction:row;gap:8px;margin-bottom:8px;padding:6px 16px;position:relative;& div{align-items:center;background-color:#e1544e;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:-10px;top:-10px;width:20px}}@keyframes moveIn{0%{opacity:0;transform:translateY(500px)}to{opacity:1;transform:translateY(0)}}.payment-confirmation-popup-container{background-color:#fff;border-radius:24px;left:50%;padding:16px;position:absolute;top:50%;transform:translate(-50%,-50%);width:480px}.payment-confirmation-popup-content{align-items:center;display:flex;flex-direction:column;gap:24px;position:relative;text-align:center;& hr{border:1px solid #ececec;margin:-8px 0}& button,& hr{width:100%}}.payment-confirmation-popup-check{align-items:center;background-color:#509f9b;border-radius:50%;display:flex;height:95px;justify-content:center;width:95px;& svg{fill:#fff;height:40px;width:40px}}.scale-instructions{align-items:flex-start;background-color:#fff;border-radius:12px;box-shadow:0 4px 14px -3px #0c0c0d21;display:flex;flex-direction:column;gap:12px;justify-content:flex-start;max-height:calc(100vh - 370px);overflow-x:hidden;overflow-y:auto;padding:12px;position:absolute;right:16px;text-align:left;top:200px;width:232px}.scale-instructions-container{display:flex;flex-direction:column;flex-shrink:0;gap:12px;height:auto;width:100%}.scale-instructions-seperator{background-color:#ececec;height:1px;margin:8px 0;width:100%}.scale-instructions-notice{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:16px;text-align:center;width:100%}.scale-instructions-icon{color:#ff8c00;flex-shrink:0;font-size:16px!important}.scale-instructions-heading{text-align:left;width:100%}.scale-instructions-list{display:flex;flex-direction:column;gap:12px;width:100%}.scale-instructions-item,.scale-instructions-title{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%}.scale-instructions-title{align-items:flex-start}.scale-popup-container{max-width:100%;overflow-x:hidden;width:100%}.scale-popup-row{gap:8px}.scale-popup-instructions,.scale-popup-row{display:flex;flex-direction:column;margin-bottom:12px;width:100%}.scale-popup-instructions{background-color:#fafafa;border:1px solid #ececec;border-radius:8px;flex-shrink:0;gap:6px;padding:8px}.scale-popup-instructions .scale-popup-row{margin-bottom:4px}.scale-popup-instructions .scale-popup-row:last-child{margin-bottom:0}.scale-popup-instructions .input-container{gap:6px}.scale-popup-instructions .height-input-container{gap:3px}.scale-popup-instructions .feet-input-container{gap:4px}.scale-popup-instructions .save-btn{height:32px!important;margin:0!important;width:100%!important}.scale-popup-instructions .MuiTextField-root{height:36px!important}.scale-popup-instructions .MuiInputBase-root{font-size:14px!important;height:36px!important}
/*# sourceMappingURL=main.f4be88ef.css.map*/