@layer general, design-specific, animations;:root{--colour-accent: #ffffff;--colour-accent-red: #c70000;--colour-base-black: #28231f;--colour-base-grey: #dbd7d1;--colour-background: #454142;--colour-text: #78716b}@layer general{html{height:-webkit-fill-available;margin:0;padding:0}body{height:100vh;height:-webkit-fill-available;margin:0;padding:0}.stop-scrolling{touch-action:none;overflow:hidden}button{cursor:pointer;border:none}button>p{margin:auto .5rem;font-weight:240}svg{height:100%;width:auto}body *{font-family:"TransformVariableVF";font-size:1rem;font-weight:240;color:var(--colour-accent)}@media screen and (max-width: 1490px){body *{font-size:min(2vw,1rem)}}h1{font-size:3rem;font-weight:270}h2{font-size:1.25rem;font-weight:240}h3{font-size:1rem;font-weight:240}h4{font-size:.75rem;font-weight:220}h5{font-size:.5rem;font-weight:210}}@layer design-specific{#logoVelux{position:fixed;top:1rem;width:8.6vw;cursor:default}#linkVelux{display:block}#containerHeader{top:2rem;background-color:rgba(0,0,0,0);pointer-events:none}#breadcrumbs{margin-top:auto;margin-bottom:auto}@media screen and (max-width: 1490px){#breadcrumbs{margin-top:0}}#containerMenu,#containerFeedback{gap:.9rem;max-width:38vw;justify-content:end}#containerFeedback{position:fixed;top:1rem;right:7.625rem}@media screen and (max-width: 1490px){#containerMenu{flex-flow:column-reverse;align-items:end}}#containerButtonToggleMenu{justify-content:center}#collapseMenuImage,#menuButtonImage{position:absolute}#containerFooter{bottom:2rem;background-color:rgba(0,0,0,0);align-items:end;pointer-events:none}#containerRoomOptions{bottom:2.5rem;height:2rem;justify-content:space-between;gap:1rem}#containerRoomOptions .button-base:not(.selected-room){background-color:rgba(0,0,0,0)}#containerRoomOptions .button-base:not(.selected-room):hover{background-color:rgba(255,255,255,.1)}@media screen and (max-width: 1490px){#containerRoomOptions{height:min(4vw,1.4rem)}}#containerScores{border-radius:1rem;padding:0}#containerScores>div>h4{margin:auto auto .5rem auto;font-weight:550}#containerScores .score-panel{align-items:end}#containerScoresPadding{padding:1.5rem 1.5rem 1rem 1.5rem;margin:0}#containerDaylightScore{margin-bottom:1.38rem}#containerReadMore{height:inherit;margin:0;padding:.5rem;background-color:var(--colour-accent);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;justify-content:space-between;transition:background-color .2s ease-in-out}#containerReadMore>*{color:var(--colour-base-black);margin:auto}#containerReadMore:hover{background-color:var(--colour-base-grey)}#overlayClimateScores{background:rgba(37,37,37,.55)}#overlayClimateScores *{pointer-events:auto}#drawerClimateScores{width:-moz-fit-content;width:fit-content;max-width:36vw;top:0;bottom:0;padding:6rem 4rem 0 4rem;background-color:var(--colour-accent)}@media screen and (max-width: 1490px){#drawerClimateScores{max-width:100%}}#closeClimateScores{right:4rem;top:3rem}#closeClimateScores>.svg-image{height:1.2rem}#roomSelectionClimateScores{gap:1.5rem}#containerClimateScoreCards{width:100%;margin-top:3.3rem;justify-content:space-between;align-items:start;gap:3rem}#containerDaylightRatingClimate,#containerVentilationRatingClimate{margin-top:.5rem;margin-bottom:0rem}#containerDaylightRatingClimate img,#containerVentilationRatingClimate img{height:1.2rem;width:auto;margin-right:.4rem}#containerDaylightRatingClimate>div>p{max-width:60%}#containerVentilationRatingClimate{gap:.5rem}#containerVentilationRatingClimate>div>p{margin-top:.5rem}#climateImprintHeader{font-size:2rem;font-weight:260;margin-top:2rem;margin-bottom:1rem}#climateImprint{margin:0;font-weight:240;line-height:1.5rem}}@layer general{.button-base{border:none;background-color:rgba(0,0,0,0)}.button-base:hover .svg-background{fill:var(--colour-base-grey)}.svg-background{transition:fill .2s ease-in-out}}@layer design-specific{.paragraph-color,.paragraph-color *{color:var(--colour-text)}.label-color,.label-color *{color:var(--colour-base-black)}.stretch-container{left:2.5rem;right:2.5rem;display:flex;justify-content:space-between}.rounded-box{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;border-radius:5rem;padding:.5rem .4rem;background:rgba(37,37,37,.55);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.selected-room{background-color:var(--colour-accent);color:var(--colour-base-black)}.button-border-top{height:4rem;border:none;padding:1.5rem 0 1.5rem 0;pointer-events:all;border-top:.15rem solid var(--colour-accent)}.button-border-top:hover{border-top:.15rem solid rgba(199,0,0,.5)}.button-border-top:active,.button-border-top:focus,.selected-room.button-border-top{border-top:.15rem solid var(--colour-accent-red);color:var(--colour-base-black)}.score-card{width:14rem;height:-moz-fit-content;height:fit-content;padding:1rem;border:.125rem solid var(--colour-base-grey)}.score-card>h1,.score-card>h2,.score-card>h3,.score-card>h4,.score-card>h5{margin:0;font-weight:550}.score-card p{font-size:.75rem;font-weight:550;margin-top:.5rem;margin-right:0;margin-bottom:0;margin-left:0}.score-panel{width:100%;justify-content:space-between;align-items:start;margin-top:.5rem}.score-panel *{margin:0}.score-panel>img{height:3rem}.score-panel>h1{line-height:3rem}.score-panel>.svg-image{padding-bottom:.5rem;padding-left:1rem}.fade-color{color:var(--colour-base-grey)}p.fade-color{color:var(--colour-background);font-weight:240;opacity:1}.hero-value{font-size:3rem;font-weight:260}.percentage-value{font-size:1.5rem;font-weight:260;color:var(--colour-background)}.svg-image{background-color:rgba(0,0,0,0);width:auto;height:2rem;margin:0}@media screen and (max-width: 1490px){.svg-image{height:min(4vw,1.4rem)}}.divider{width:400%;transform:translateX(-4rem);height:1px;background-color:var(--colour-base-grey)}.no-pointer{pointer-events:none}}@layer general{.fill{width:100%;height:100%}.fill-screen{pointer-events:none;position:absolute;width:100%;height:100%;bottom:0;z-index:50;background-color:rgba(0,0,0,0);border:none}.fill-screen *{pointer-events:auto}.horizontal-stretch{margin-left:auto;margin-right:auto;left:0;right:0}.bottom-absolute{position:absolute;bottom:0}.top-absolute{position:absolute;top:0}.right-absolute{position:absolute;right:0}.flex-item{display:flex;align-self:flex-start;margin:0}.flex-center{display:flex;align-self:center;justify-self:center;margin:auto}.vertical-container{display:flex;flex-direction:column}.vertical-container>*{margin-top:.5rem;margin-bottom:.5rem}.horizontal-container{display:flex;flex-direction:row;align-items:center}.grid-container{display:grid;grid-template-columns:repeat(4, 1fr) 3.5fr;grid-template-rows:repeat(3, 1fr);row-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.grid-cell{display:grid}.gr1{grid-row:1}.gr2{grid-row:2}.gr3{grid-row:3}.gc1{grid-column:1}.gc2{grid-column:2}.gc3{grid-column:3}.gc4{grid-column:4}.gc5{grid-column:5}.grid-cell>p{margin:auto;font-family:"TransformVariableVF";color:var(--colour-text)}}@layer animations{.menu-out{animation:menuOut .8s ease-in-out forwards}.transition-move-300{transition:transform 1s ease-in-out;transform:translateX(300%)}.transition-move-700{transition:transform 1s ease-in-out;transform:translateX(700%)}.move-in{transform:translateX(0%)}.transition-fade{transition:opacity .4s linear;opacity:0}.fade-in{opacity:1}.transition-shrink{transition:width 1s cubic-bezier(0.23, 0.77, 0.36, 1),margin 1s linear,opacity .4s linear;width:0;margin:0;opacity:0}.transition-shrink-fit{transition:width 1s cubic-bezier(0.23, 0.77, 0.36, 1),margin .4s linear;width:2.9rem;margin:0}@media screen and (max-width: 1490px){.transition-shrink-fit{width:calc(min(4vw,1.4rem) + .9rem)}}.grow{width:auto;opacity:1}.grow p{margin:auto .5rem}.transition-fade-move{transition:transform 1s ease-in-out,opacity 1s linear;transform:translateX(90%);opacity:0}.fade-move-in{transform:translateX(0%);opacity:1}}@layer design-specific{#containerSliderDaylight{width:-moz-fit-content;width:fit-content;height:2rem;padding:.5rem;justify-content:space-between}#containerSliderDaylight>div{width:6rem}#containerSliderDaylight p{text-align:center}@media screen and (max-width: 1490px){#containerSliderDaylight{height:min(4vw,1.4rem)}}.slider{margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:45vw;height:100%;background:rgba(0,0,0,0);outline:none;border:none;z-index:10;background-image:url("/images/hov_slider_measure.svg");background-repeat:no-repeat;background-size:95% 100%;background-position:center}.slider::-moz-range-thumb{appearance:none;-moz-appearance:none;border-radius:100%;width:2rem;height:2rem;cursor:pointer;background-image:url("/images/buttons/hov_daylight.svg");background-repeat:no-repeat;background-size:contain}.slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;border-radius:100%;width:2rem;height:2rem;cursor:pointer;background-image:url("/images/buttons/hov_daylight.svg");background-repeat:no-repeat;background-size:contain}}@layer design-specific{#containerJoystick{bottom:13vmin;height:26vmin;width:100%;background-color:rgba(0,0,0,0);justify-content:center;pointer-events:none}#containerJoystick *{pointer-events:auto}@media(pointer: fine){#containerJoystick{display:none}}#joystick{height:100%;width:auto;background-color:var(--colour-base-grey);opacity:25%;border-radius:100%;cursor:all-scroll;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-y}}#playerUI{width:100%;height:100%}canvas{image-rendering:crisp-edges;position:absolute}video{position:absolute;width:100%;height:100%}#player{width:100%;height:100%;position:absolute;background-color:var(--colour-background)}#videoPlayOverlay{position:absolute;font-size:1.8em;width:100%;height:100%;color:var(--colour-base-black)}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.clickableState{align-items:center;justify-content:center;display:flex;cursor:pointer}.textDisplayState{align-items:center;justify-content:center;display:flex;cursor:pointer}.hiddenState{display:none !important}#playButton{display:inline-block;height:auto;z-index:30}img#playButton{max-width:241px;width:10%}#freezeFrameOverlay{background-color:rgba(0,0,0,0)}.freezeframeBackground{background-color:#000 !important}#overlay{width:100%;height:100%;z-index:20;position:absolute;color:var(--colour-base-black);pointer-events:none;overflow:hidden}#overlay button{background-color:var(--colour-background);border:1px solid var(--colour-background);color:var(--colour-background);position:relative;width:3rem;height:3rem;padding:.5rem;text-align:center}#fullscreen-btn{padding:.6rem !important}#overlay button:hover{background-color:var(--colour-base-black);border:3px solid var(--colour-accent-active);transition:.25s ease;padding-left:.55rem;padding-top:.55rem}#overlay button:active{border:3px solid var(--colour-accent-active);background-color:var(--colour-accent-active);padding-left:.55rem;padding-top:.55rem}#overlay img{width:100%;height:100%}.tooltip .tooltiptext{visibility:hidden;width:auto;color:var(--colour-base-black);text-align:center;border-radius:15px;padding:0px 10px;font-family:"Montserrat",sans-serif;font-size:.75rem;letter-spacing:.75px;position:absolute;top:0;transform:translateY(25%);left:125%;z-index:20}.tooltip:hover .tooltiptext{visibility:visible;background-color:var(--colour-base-black)}#connection .tooltiptext{z-index:20;padding:5px 10px}#settings-panel .tooltiptext{display:block;top:125%;transform:translateX(-50%);left:0;z-index:20;padding:5px 10px;border:3px solid var(--colour-base-black);width:-moz-max-content;width:max-content}#controls{position:absolute;top:2%;left:1%;font-family:"Michroma",sans-serif;pointer-events:all;display:block}#controls>*{margin-bottom:.5rem;border-radius:50%;display:block;height:2rem;line-height:1.75rem;padding:.5rem}#controls #additionalinfo{text-align:center;font-family:"Montserrat",sans-serif}#connection{padding-left:7%;font-family:"Michroma",sans-serif;height:3rem;width:3rem;pointer-events:all}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.panel-wrap{position:fixed;top:0;bottom:0;right:0;height:100%;min-width:20vw;transform:translateX(100%);transition:.3s ease-out;pointer-events:all;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;overflow-x:hidden;background-color:rgba(30,29,34,.5)}.panel-wrap-visible{transform:translateX(0%)}.panel{color:#eee;overflow-y:auto;padding:1em}#heading{display:inline-block;font-size:2em;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;position:relative;padding:0 0 0 2rem}#close{margin:.5rem;padding-top:.5rem;padding-bottom:.5rem;padding-right:.5rem;font-size:2em;float:right}#close:after{padding-left:.5rem;display:inline-block;content:"×"}#close:hover{color:var(--colour-accent-active);transition:ease .3s}#content{margin:0 0 0 4rem}.setting{display:flex;flex-direction:row;justify-content:space-between;padding:0;margin:.5rem 0}.settings-text{margin-right:2rem;display:flex}.tgl-switch{vertical-align:middle;display:inline-block}.tgl-switch .tgl{display:none}.tgl,.tgl:after,.tgl:before,.tgl *,.tgl *:after,.tgl *:before,.tgl+.tgl-slider{box-sizing:border-box}.tgl::-moz-selection,.tgl:after::-moz-selection,.tgl:before::-moz-selection,.tgl *::-moz-selection,.tgl *:after::-moz-selection,.tgl *:before::-moz-selection,.tgl+.tgl-slider::-moz-selection{background:none}.tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-slider::-moz-selection{background:none}.tgl::selection,.tgl:after::selection,.tgl:before::selection,.tgl *::selection,.tgl *:after::selection,.tgl *:before::selection,.tgl+.tgl-slider::selection{background:none}.tgl+.tgl-slider{outline:0;display:block;width:40px;height:18px;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tgl+.tgl-slider:after,.tgl+.tgl-slider:before{position:relative;display:block;content:"";width:50%;height:100%}.tgl+.tgl-slider:after{left:0}.tgl+.tgl-slider:before{display:none}.tgl-flat+.tgl-slider{padding:2px;transition:all .2s ease;background:var(--colour-base-black);border:3px solid var(--colour-base-black);border-radius:2em}.tgl-flat+.tgl-slider:hover{border:3px solid var(--colour-accent-active)}.tgl-flat+.tgl-slider:after{transition:all .2s ease;background:var(--colour-base-black);content:"";border-radius:1em}.tgl-flat:checked+.tgl-slider{border:3px solid var(--colour-base-black)}.tgl-flat:checked:hover+.tgl-slider{border:3px solid var(--colour-accent-active)}.tgl-flat:checked+.tgl-slider:after{left:50%;background:var(--colour-accent-active)}.subtitle-text{margin:0 0 0 1rem;color:var(--colour-base-black);position:relative}.form-group{padding-top:4px;display:grid;grid-template-columns:50% 50%;row-gap:4px;padding-right:10px;padding-left:10px}.form-group label{color:var(--colour-base-black);vertical-align:middle;font-weight:normal}#stats{margin-left:1rem}#LatencyStats{margin-left:1rem}#hiddenInput{position:absolute;left:-10%;width:0px;opacity:0}#editTextButton{position:absolute;height:40px;width:40px}.form-group label{margin-right:2rem;min-width:75%}input{text-align:right}.warning{box-sizing:border-box;position:relative;transform:scale(var(--ggs, 1));width:20px;height:20px;border:2px solid;border-radius:40px;display:none}.warning::after,.warning::before{content:"";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.warning::after{top:2px;height:8px}.warning::before{height:2px;bottom:2px}input[type=button]{background-color:rgba(0,0,0,0);color:var(--colour-base-black);font-family:"Montserrat";border:3px solid var(--colour-base-black);border-radius:1rem;font-size:.75rem;padding-left:.5rem;padding-right:.5rem}input[type=button]:hover{border:3px solid var(--colour-accent-active);transition:ease .3s}input[type=button]:active{background-color:rgba(0,0,0,0)}#encoder-params-submit,#webrtc-params-submit{text-align:center}select,input[type=number]{background-color:var(--colour-base-black);color:var(--colour-background);border:1px solid var(--colour-base-black);padding:.25rem;font-family:"Montserrat";border-radius:.25rem}input[type=number]::-webkit-inner-spin-button{margin-left:.5rem}input[type=number]:disabled{padding-right:.5rem;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=number]:disabled::-webkit-inner-spin-button{display:none}#streamingVideo{pointer-events:all}embed{border:none;width:100%;height:100%}g{fill:var(--colour-accent)}object{pointer-events:none}#connectionStrength{fill:var(--colour-base-black)}#minimize{display:none}#afkOverlay{z-index:999;background-color:rgba(30,29,34,.5);display:inline-block;height:100vh;width:100vw;line-height:100vh;text-align:center;overflow:hidden}#afkOverlay center{display:inline-block;line-height:1.5;height:100vh}@font-face{font-family:"TransformVariableVF";src:url("/fonts/VELUXTransformVariableVF.ttf")}.font-velux{font-family:"TransformVariableVF"}