@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap";html,body{margin:0;width:100%;height:100%;background:#efefef;font-family:Work Sans,sans-serif}#root{height:100%}#main{height:calc(100% - 4.5em);display:flex;flex-direction:column;justify-content:flex-end}#roomLogo{position:fixed;top:0;left:0;width:12em;z-index:999;margin:1.5em}#controls{transition:.25s;background:#fff;height:20em;box-shadow:0 0 20px #00000040;-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,.25);-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.25)}.fullscreen #controls{width:0%;height:0%;display:none}#three{height:calc(100% - 20em)!important}.fullscreen #three{width:100%!important;height:100%!important}#controls-content{overflow-y:scroll;height:15.75em;display:flex;flex-direction:column;justify-content:space-between}.lucide-chevron-left{left:0;top:50%;cursor:pointer;transition:.25s;position:relative}.section{margin:0 1.25em;position:relative}.lucide-chevron-right{top:.5em;right:.25em;cursor:pointer;transition:.25s;position:absolute;transform:rotate(0)}.section.opened .lucide-chevron-right{transform:rotate(-90deg)}h1,h2{padding:.25em 0;color:#505050;font-weight:600;margin-top:.25em;font-family:Dosis,sans-serif;border-bottom:1.5px solid #707070}h1{font-size:1.3333em;margin-bottom:.25em}h2{font-size:1.25em;margin-bottom:.5em}label{display:block;font-size:.9em;padding-bottom:.5em;-webkit-user-select:none;user-select:none;cursor:pointer}input[type=radio]{margin:0 .75em 0 0;position:relative;cursor:pointer;height:1.5em;width:1.5em;top:.25em}.container{width:103%;display:grid;transition:.25s;grid-template-columns:1fr 1fr 1fr 1fr}.container-element{width:calc(100% - 1em);aspect-ratio:1;margin:.5em 0 2.5em;cursor:pointer;border:3px solid #bababa;background-color:#6a5acd;position:relative;background-size:contain!important;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}.container-element p{position:relative;text-align:center;font-size:.75em;font-weight:500;color:#4f4f4f;margin:0;top:calc(100% + .5em)}.lucide-circle-check{position:absolute;display:none;height:2em;width:2em;left:calc(50% - 1em);top:calc(50% - 1em)}.selected .lucide-circle-check{display:block}.container-element.selected{border-color:#fc0!important}#footer{z-index:20;width:100%;height:4.5em;display:flex;line-height:1em;position:absolute;flex-direction:row;align-items:center;background:#fff;justify-content:space-between;box-shadow:0 0 20px #00000040;-moz-box-shadow:0px 0px 20px 0px rgba(0,0,0,.25);-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,.25)}#footer p{padding-left:1.5em}#footer.fullscreen{display:none!important}#main.fullscreen{height:100%!important}#download{margin:1em;float:right;border:none;color:#fff;cursor:pointer;font-size:.9em;line-height:1em;transition:.25s;border-radius:100em;padding:.5em 1.5em;background:#4f4f4f;font-family:Work Sans}.roof-button{right:1em;height:2em;border:none;padding:1.1em;font-size:1em;width:8em;display:flex;bottom:25.5em;position:fixed;transition:.2s;cursor:pointer;align-items:center;border-radius:10em;background:#fff;justify-content:space-between}.fullscreen-button{right:1em;height:3.5em;border:none;padding:1.1em;font-size:1em;width:3.5em;display:flex;top:1em;position:fixed;transition:.2s;cursor:pointer;align-items:center;border-radius:10em;background:#fff;justify-content:space-between}.fullscreen .fullscreen-button{right:1em!important}.fullscreen .roof-button{right:1em!important;bottom:1em!important}.roof-button:hover,.fullscreen-button:hover{background:#e5e5e5}#download:hover{background:#969696}#steps{padding:.75em 1.12em;border-bottom:1px solid lightgrey}#steps-header{margin-bottom:.25em}#steps button{width:calc(20% - .5em);height:.5em;border:none;cursor:pointer;transition:.25s;margin-right:.5em;background:#4f4f4f}#steps button:hover{background:#969696}#steps button.selected{background:#fc0!important}#steps strong{float:left;width:1.25em;display:block;color:#fff;height:1.25em;font-size:.9em;font-weight:400;text-align:center;margin-right:.5em;border-radius:10em;background:#4f4f4f}.hidden{display:none}.react-tooltip{display:none;background-color:#000!important;z-index:9999}#loading{text-align:center;width:15em}#loading p{font-size:1.1em;margin:.5em}#disclaimer{padding-top:1.5em}#disclaimer p{margin:.5em 1em;font-size:.9em;color:#4f4f4f;font-style:italic}.funding-logo{width:calc(33% - 2em);margin:.5em 1em}@media screen and (min-width: 542px){#three{height:calc(100% - 28em)!important}#controls{height:28em}#controls-content{overflow-x:hidden;height:calc(100% - 5em)}.container-element{margin:.5em 0 2.75em;width:calc(100% - 2em)}.container-element p{font-size:.9em;top:calc(100% + .75em)}.lucide-circle-check{position:absolute;display:none;height:3.5em;width:3.5em;left:calc(50% - 1.75em);top:calc(50% - 1.75em)}.roof-button{bottom:33.5em}}@media screen and (min-width: 1024px){#main{flex-direction:row;height:calc(100% - 5em)}#roomLogo{width:18em}#three{width:calc(100% - 30em)!important;height:100%!important}#controls{width:30em;height:100%}.react-tooltip{display:block}#steps{padding:1.25em 2em}#footer{height:5em}#footer p{font-size:1.2em}#download{font-size:1.1em}.section{margin:0 2em}.section h1{margin-top:.75em}.container-element{width:5.5em;height:5.5em}.container-element p{top:7.6em;font-size:.8em}.lucide-circle-check{height:2.5em;width:2.5em;left:1.5em;top:1.5em}.roof-button{bottom:5em;right:25em;width:8.25em;padding:1.25em;font-size:1.25em}.fullscreen-button{right:31em}}
