body{margin:0;width:100vw;height:100vh;overflow:hidden;font-family:Lato,sans-serif;font-weight:300;font-style:normal}canvas{width:100vw;height:100vh;overflow:hidden}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:#4cabff00}*::-webkit-scrollbar-thumb{background-color:#4cabff;border-radius:20px;border:3px solid rgba(76,171,255,0)}.loading_screen{position:absolute;z-index:1000;top:0;left:0;width:100vw;height:100vh}.loading_screen_background{position:absolute;width:100%;background-image:url(https://fashionix.sirv.com/roof_configurator/images/Screenshot%202024-12-18%20151914.jpg);filter:blur(8px);-webkit-filter:blur(8px);height:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.loader{width:65px;aspect-ratio:1;position:absolute;z-index:1001;top:50%;left:50%;transform:translate(-50%,-50%)}.loader:before,.loader:after{content:"";position:absolute;border-radius:50px;box-shadow:0 0 0 3px inset #fff;animation:l5 2.5s infinite}.loader:after{animation-delay:-1.25s;border-radius:0}@keyframes l5{0%{top:0;right:35px;bottom:35px;left:0}12.5%{top:0;right:35px;bottom:0;left:0}25%{top:35px;right:35px;bottom:0;left:0}37.5%{top:35px;right:0;bottom:0;left:0}50%{top:35px;right:0;bottom:0;left:35px}62.5%{top:0;right:0;bottom:0;left:35px}75%{top:0;right:0;bottom:35px;left:35px}87.5%{top:0;right:0;bottom:35px;left:0}to{top:0;right:35px;bottom:35px;left:0}}.tool_bar_parent{width:60%;height:100%;display:flex;flex-direction:row}.button{flex:1;height:100%}.tile_menu_parent{position:absolute;top:0;left:-100%;width:max-content;height:100vh;background-color:#4cabff77;transition:left .5s}.tile_text{position:fixed;z-index:2;margin-left:calc(20px + 3rem);margin-top:10px;top:20px;font-weight:500;font-style:normal;color:#fff;font-size:1.5rem}.tile_text p{margin-top:0}.tile_menu_container{width:30vw;height:calc(100vh - 40px - 3rem);overflow-y:scroll;overflow-x:visible;margin:4% 0;margin-top:calc(40px + 3rem)}.show_hide_button{position:fixed;top:20px;left:10px;width:3rem;height:3rem;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20fill='%23ffffff'%20d='M233.4%20406.6c12.5%2012.5%2032.8%2012.5%2045.3%200l192-192c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200L256%20338.7%2086.6%20169.4c-12.5-12.5-32.8-12.5-45.3%200s-12.5%2032.8%200%2045.3l192%20192z'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;transform:rotate(90deg);transition:transform .5s}.tile_container{margin:auto;width:25vw;height:max-content;display:flex;flex-direction:column;padding:4%;border-radius:25px;border-style:solid;border-color:#fff;border:3px solid transparent;transition:border-color .3s ease;cursor:pointer}.tile_container.selected{border-color:#4cabff;background-color:#4cabff82}.tile_container:hover{background-color:#4cabff}.tile_detail_link{margin:0;display:block;width:max-content}.tile_detail_link p{margin:0;color:#0f1ef2}.tile_header{font-family:Lato,sans-serif;font-weight:500;font-style:normal;color:#fff;font-size:1.5vw}.tile_header p{margin-top:0;margin-bottom:5%}.tile_details{display:flex;flex-direction:row}.tile_details p{margin-top:0}.tile_icon{width:10vw;height:8vw;background-image:url();background-size:cover;background-repeat:no-repeat;border-radius:15%}.tile_info{width:20vw;height:auto;font-style:normal;color:#fff;font-size:1vw;margin-left:5%}.controls_container{position:absolute;bottom:3%;left:50%;transform:translate(-50%,-50%);width:40vw;height:max-content;display:flex;flex-direction:row}.dayTimeButton{margin:auto;width:3rem;height:3rem;border:white;border-radius:50%;border-width:3px;background-size:70%;background-position:center;background-repeat:no-repeat}.dayTimeButton :hover{transform:translateY(5%)}.dayTimeButton{position:relative;display:inline-block}.dayTimeButton .tooltiptext{visibility:hidden;width:120px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px}.dayTimeButton .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}.dayTimeButton:hover .tooltiptext{visibility:visible}.morning{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3cpath%20fill='white'%20d='M271%207c9.4-9.4%2024.6-9.4%2033.9%200l80%2080c9.4%209.4%209.4%2024.6%200%2033.9s-24.6%209.4-33.9%200l-39-39L312%20200c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24l0-118.1-39%2039c-9.4%209.4-24.6%209.4-33.9%200s-9.4-24.6%200-33.9L271%207zM393.3%20225.8c7.5%203.1%2012.9%209.8%2014.4%2017.8l18.1%2098.5%2098.5%2018.1c8%201.5%2014.7%206.9%2017.8%2014.4s2.2%2016.1-2.4%2022.8L493.9%20464l58.1%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024L24%20512c-13.3%200-24-10.7-24-24s10.7-24%2024-24l58.1%200L36.2%20397.5c-4.6-6.7-5.5-15.3-2.4-22.8s9.8-13%2017.8-14.4l98.5-18.1%2018.1-98.5c1.5-8%206.9-14.7%2014.4-17.8s16.1-2.2%2022.8%202.4L288%20285.1l82.5-56.9c6.7-4.6%2015.3-5.5%2022.8-2.4zM140.4%20464l36.7%200c7.8-54.3%2054.4-96%20110.9-96s103.1%2041.7%20110.9%2096l36.7%200%2043.6-63.2-78.3-14.4c-9.8-1.8-17.5-9.5-19.3-19.3l-14.4-78.3L301.6%20334c-8.2%205.7-19%205.7-27.2%200l-65.6-45.2-14.4%2078.3c-1.8%209.8-9.5%2017.5-19.3%2019.3L96.8%20400.8%20140.4%20464zM350%20464c-7.1-27.6-32.2-48-62-48s-54.9%2020.4-62%2048l124%200z'/%3e%3c/svg%3e")}.afternoon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%206.7.2%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20fill='%23ffffff'%20d='M375.7%2019.7c-1.5-8-6.9-14.7-14.4-17.8s-16.1-2.2-22.8%202.4L256%2061.1%20173.5%204.2c-6.7-4.6-15.3-5.5-22.8-2.4s-12.9%209.8-14.4%2017.8l-18.1%2098.5L19.7%20136.3c-8%201.5-14.7%206.9-17.8%2014.4s-2.2%2016.1%202.4%2022.8L61.1%20256%204.2%20338.5c-4.6%206.7-5.5%2015.3-2.4%2022.8s9.8%2013%2017.8%2014.4l98.5%2018.1%2018.1%2098.5c1.5%208%206.9%2014.7%2014.4%2017.8s16.1%202.2%2022.8-2.4L256%20450.9l82.5%2056.9c6.7%204.6%2015.3%205.5%2022.8%202.4s12.9-9.8%2014.4-17.8l18.1-98.5%2098.5-18.1c8-1.5%2014.7-6.9%2017.8-14.4s2.2-16.1-2.4-22.8L450.9%20256l56.9-82.5c4.6-6.7%205.5-15.3%202.4-22.8s-9.8-12.9-17.8-14.4l-98.5-18.1L375.7%2019.7zM269.6%20110l65.6-45.2%2014.4%2078.3c1.8%209.8%209.5%2017.5%2019.3%2019.3l78.3%2014.4L402%20242.4c-5.7%208.2-5.7%2019%200%2027.2l45.2%2065.6-78.3%2014.4c-9.8%201.8-17.5%209.5-19.3%2019.3l-14.4%2078.3L269.6%20402c-8.2-5.7-19-5.7-27.2%200l-65.6%2045.2-14.4-78.3c-1.8-9.8-9.5-17.5-19.3-19.3L64.8%20335.2%20110%20269.6c5.7-8.2%205.7-19%200-27.2L64.8%20176.8l78.3-14.4c9.8-1.8%2017.5-9.5%2019.3-19.3l14.4-78.3L242.4%20110c8.2%205.7%2019%205.7%2027.2%200zM256%20368a112%20112%200%201%200%200-224%20112%20112%200%201%200%200%20224zM192%20256a64%2064%200%201%201%20128%200%2064%2064%200%201%201%20-128%200z'/%3e%3c/svg%3e")}.evening{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3cpath%20fill='white'%20d='M305%20217c-9.4%209.4-24.6%209.4-33.9%200l-80-80c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l39%2039L264%2024c0-13.3%2010.7-24%2024-24s24%2010.7%2024%2024l0%20118.1%2039-39c9.4-9.4%2024.6-9.4%2033.9%200s9.4%2024.6%200%2033.9l-80%2080zm88.3%208.8c7.5%203.1%2012.9%209.8%2014.4%2017.8l18.1%2098.5%2098.5%2018.1c8%201.5%2014.7%206.9%2017.8%2014.4s2.2%2016.1-2.4%2022.8L493.9%20464l58.1%200c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024L24%20512c-13.3%200-24-10.7-24-24s10.7-24%2024-24l58.1%200L36.2%20397.5c-4.6-6.7-5.5-15.3-2.4-22.8s9.8-13%2017.8-14.4l98.5-18.1%2018.1-98.5c1.5-8%206.9-14.7%2014.4-17.8s16.1-2.2%2022.8%202.4L288%20285.1l82.5-56.9c6.7-4.6%2015.3-5.5%2022.8-2.4zM140.4%20464l36.7%200c7.8-54.3%2054.4-96%20110.9-96s103.1%2041.7%20110.9%2096l36.7%200%2043.6-63.2-78.3-14.4c-9.8-1.8-17.5-9.5-19.3-19.3l-14.4-78.3L301.6%20334c-8.2%205.7-19%205.7-27.2%200l-65.6-45.2-14.4%2078.3c-1.8%209.8-9.5%2017.5-19.3%2019.3L96.8%20400.8%20140.4%20464zM350%20464c-7.1-27.6-32.2-48-62-48s-54.9%2020.4-62%2048l124%200z'/%3e%3c/svg%3e")}.demo_app{position:absolute;top:2%;left:50%;transform:translate(-50%);font-size:1.5vw;font-weight:500;color:#0f1ef2}.logo{position:absolute;right:1rem;top:1rem;width:7vw;height:7vw;background-image:url(/assets/Logo.2409301534218-BFGtV3Wz.png);opacity:.75;background-size:contain;background-position:center;background-repeat:no-repeat}.enquiry_form{position:absolute;z-index:30025;width:60vw;height:max-content;overflow-y:scroll;top:50%;left:50%;transform:translate(-50%,-50%)}.enquiry_form{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0003;max-width:300px;margin:0 auto;text-align:center;font-family:Arial,sans-serif}.form_title{font-size:2rem!important;font-family:Arial,sans-serif;color:#a05af1!important;font-weight:500;margin-top:0}.enquiry_form label{display:block;font-weight:700;margin-bottom:.5rem;font-size:1rem;color:#333}.enquiry_form input,.enquiry_form textarea,#enquiryType{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;box-sizing:border-box}.enquiry_form input::placeholder,.enquiry_form textarea::placeholder{color:#aaa;font-style:italic}.enquiry_form button{background-color:#000;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.enquiry_form button:hover{background-color:#333}.enquiry_form button:disabled{background-color:#888;cursor:not-allowed}.enquiry_form .error{color:red;font-size:.9rem;margin-bottom:1rem}.enquiry_form h2{color:#1b6e8f;font-size:1.5rem;margin-bottom:1.5rem}.enquiry_form p{font-size:1rem;color:#333}.enquiry_form textarea{resize:vertical;height:100px}.enquiry_form .required{color:red}.enquiry_button{position:absolute;top:40vh;right:0;width:12rem;background-color:#4cabff77;font-family:Arial,sans-serif;color:#fff;border-radius:20px 20px 0 0;text-align:center;pointer-events:auto;cursor:pointer;text-wrap:nowrap;transform:translate(50%,200%) rotate(270deg);transform-origin:50% 100%}.enquiry_button p{margin:0;padding:4%;pointer-events:none}.powered_by_metavian{position:absolute;right:1rem;bottom:1rem;transform:translate(0);width:max-content;height:max-content;margin:auto;display:flex;flex-direction:row}a{text-decoration:none}.powered_by_metavian p{font-size:1.2vw;color:#fff;margin:0;text-align:center}.metavian_logo{width:7vw;height:100%;background-image:url(/assets/Metavian-TXrLxNpk.svg);background-size:170%;background-position:center;background-repeat:no-repeat}.metavian_text{margin-left:8%!important}a :hover{text-decoration:underline!important}.hide_ui_button{position:absolute;bottom:1rem;left:1rem;width:3rem;height:3rem;background-size:contain;background-repeat:no-repeat;background-position:center}.details_container_parent{position:absolute;width:40vw;height:max-content;top:50%;right:-180%;transform:translateY(-50%);display:flex;flex-direction:column;background-color:#fff;border-radius:25px}.details_container{display:flex;flex-direction:row}.image_preview_container{width:50%}.image_preview{position:relative;top:50%;left:50%;width:14vw;height:14vw;transform:translate(-50%,-50%);background-size:cover;background-position:center;background-repeat:no-repeat;margin:0;align-items:center}.tile_details_2{flex:1;margin:0 5%;display:flex;flex-direction:column}.tile_details_title{font-size:1vw;font-weight:500;color:#000;text-align:center;margin:0 auto}.tile_details_text{font-size:1vw;font-weight:300;color:#000;text-align:left;margin:0 auto 20%}.tile_details_text_content{display:flex;flex-direction:row}.dash{margin-right:5%}@media (orientation: portrait){.tile_info{width:20vh}.tile_header{font-size:1.5vh}.tile_info{font-size:1vh}.logo{width:10vh;height:10vh}.tile_icon{width:15vh;height:9vh}.tile_menu_container{width:60vw}.tile_container{width:50vw}.controls_container{width:100vw}.powered_by_metavian p{font-size:2vh}.metavian_logo{width:12vh;height:100%;background-size:170%}.details_container{position:absolute;width:60vw;height:max-content;top:50%;right:-25%;transform:translateY(-50%);display:flex;flex-direction:column;background-color:#fff;border-radius:25px;overflow:scroll}.image_preview_container{width:100%}.image_preview{position:relative;top:50%;left:50%;width:10vh;height:10vh;transform:translate(-50%);background-size:cover;background-position:center;background-repeat:no-repeat;margin:10% 0;align-items:center}.tile_details_2{flex:1;margin:0 5%;display:flex;flex-direction:column}.tile_details_title{font-size:3vw;font-weight:500;color:#000;text-align:center;margin:0 auto}.tile_details_text{font-size:3vw;font-weight:300;color:#000;text-align:left;margin:0 auto}.demo_app{position:absolute;top:8%;left:50%;transform:translate(-50%);font-size:2vh;color:#0f1ef2}}