.char-dimension-modal-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.char-dimension-modal-container .intro{max-width:40vw}.char-dimension-modal-container .buttons{display:flex;flex-direction:row;flex-wrap:wrap;max-width:40vw}.char-dimension-modal-container .chart-dimension-modal-button{border:solid;margin:2vw;padding:1vw}.login-modal-button-row{display:flex;justify-content:startend;align-items:center}.login-modal-button-row .register{position:absolute;right:0;margin-right:24px}.change-lang-moda-buttons-wrapper{display:flex;flex-wrap:wrap;gap:10px;padding:10px;align-items:center;justify-content:space-around;margin-top:10px}.change-room-types-list{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.change-room-button{min-width:50px;min-height:50px;max-width:50px;max-height:50px;border-radius:100%;background-size:60%;background-position:center;background-repeat:no-repeat}.change-room-modal-main-image{--change-image-size: 300px;min-width:var(--change-image-size);max-width:var(--change-image-size);min-height:var(--change-image-size);max-height:var(--change-image-size);background-size:contain;background-position:center;background-repeat:no-repeat;margin:50px}.rounded{border-radius:100%!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}.change-room-type-column{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.change-address-modal-button-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.choose-rai-modal-wrapper{display:flex;flex-direction:row}.column{max-width:30vw;padding:2vw}.choose-rai-modal-wrapper .column span{display:flex;flex-direction:row;margin-top:2vh;border:solid;padding:1vw;gap:2vw;cursor:pointer}.choose-rai-modal-wrapper .column span img{max-width:5vw}.rai-modal-button{display:flex;flex-direction:row;gap:10px;cursor:pointer;padding:10px}.border-on-hover{border-style:solid;border-width:3px;border-color:transparent;transition:border-color 1s}.border-on-hover:hover{border-color:var(--blue-xlam);transition:border-color 1s}.login-success-modal-buttons-row,.privacy-info-modal-buttons-row{display:flex;justify-content:space-around}.modal-wrapper{min-width:60vw;position:relative;padding-bottom:5vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-background{position:fixed;z-index:100;min-width:100vw;min-height:100vh;background-color:#ffffffe6;display:flex;align-items:center;justify-content:center}.modal-header{display:flex;flex-direction:row;justify-content:space-between}.close-modal-button{display:flex;align-items:center;justify-content:center;padding-right:10px;cursor:pointer}.registration-modal-button-row{display:flex;justify-content:startend;align-items:center}.registration-modal-button-row .register{position:absolute;right:0;margin-right:24px}.progressbar-modal-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.progressbar-wrapper{box-shadow:#0003 3px 13px 20px 7px;width:10vw;height:2vh;position:relative}.progressbar{height:2vh;background-color:var(--blue-xlam);transition:width .5s ease-in-out}.back-to-chart-modal-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh}.back-to-chart-modal-wrapper .row{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:2vw}.back-to-chart-modal-wrapper .row span{border:solid;padding:1vw;text-transform:uppercase;cursor:pointer}.save-plan-modal-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.save-plan-modal-wrapper span{border:solid;padding:1vw;text-transform:uppercase;cursor:pointer}.save-paln-modal-text{padding:5vw}.main-logo{width:300px}#website-wrapper{position:absolute;top:0;left:0;min-height:100vh;min-width:100vw;display:flex;flex-direction:row;align-items:center;justify-content:space-around;--h-size: 20vw ;flex-wrap:wrap}#left-section-main-wrapper{position:relative;max-width:var(--h-size);min-width:20vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:scroll;background-color:#fff;z-index:2}#center-section-main-wrapper{position:relative;min-width:calc(var(--h-size) * var(--incrementer));max-width:calc(var(--h-size) * var(--incrementer));min-height:100vh}#right-section-main-wrapper{position:relative;min-width:var(--h-size);max-width:var(--h-size);min-height:100vh;max-height:100vh;overflow-y:scroll}#left-section-menu{display:flex;flex-direction:row;align-items:center;justify-content:right;position:relative;flex-wrap:wrap}#left-section-content-wrapper{width:100%;position:relative;height:-moz-fit-content;height:fit-content;max-height:80vh;overflow-y:scroll}#movable-content-section-id{min-width:calc(var(--h-size)*4);max-width:calc(var(--h-size)*4);display:flex;flex-direction:row;position:relative;flex-wrap:wrap}#cookie-disclamer-wrapper{background-color:#fff;transition:2s bottom;bottom:2vh;left:10vw;width:80vw;padding:1vw;z-index:999;box-shadow:-4px 1px 20px 7px #0003;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}#cookie-disclamer-background{background-color:#00000050;position:fixed;z-index:99;display:flex;align-items:center;justify-content:center;min-width:100vw;min-height:100vh}#tutorial-bg{position:absolute;z-index:100;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;transition:opacity 225ms cubic-bezier(.4,0,.2,1) 0ms}.chart-steps{--steps-width: 55vw;min-width:var(--steps-width);max-width:var(--steps-width);height:95vh;overflow-x:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#chart-steps-list{display:flex;flex-direction:row;position:relative;transition:left 1s ease-in-out}.chart-step-wrapper{min-width:var(--steps-width);max-width:var(--steps-width);height:95vh;display:flex;flex-direction:row}.chart-step-wrapper div{height:auto;min-width:50%;min-height:100%;background-repeat:no-repeat}.chart-step-wrapper span h2{margin-top:0}.chart-step-wrapper span{display:flex;align-items:center;justify-content:center}.invisible-cursor{cursor:none!important}@keyframes slidein{0%{transform:translateY(-200%)}to{transform:translateY(0)}}@keyframes slideout{0%{transform:translateY(0)}to{transform:translateY(-200%)}}#project-alert{position:absolute;min-width:200px;max-width:30vw;z-index:999;top:2%;right:2%;box-shadow:#0003 3px 13px 20px 7px;padding:9px 8px 18px 20px;display:flex;align-items:flex-start;justify-content:center;flex-direction:row;animation-timing-function:ease-in-out;animation-duration:1s;background-color:#fff;gap:15px}#project-alert .project-alert-content{margin-top:20px}.project-alert-slide-out{transform:translateY(-200%);animation-name:slideout}.project-alert-slide-in{transform:translateY(0);animation-name:slidein}.unsaved-project-alert-content{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;flex-direction:column}.unsaved-project-alert-content p{display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:1vw}@keyframes scale-in-keyframes{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.scale-in{animation-name:scale-in-keyframes;animation-duration:.2s;animation-timing-function:ease-in-out;animation-iteration-count:1;opacity:1;transform:scale(1)}@media (min-width:1000px){.control-label-text{font-size:.8em}}@media (min-width:1600px){.control-label-text{font-size:.8em}}@media (min-width:1800px){.control-label-text{font-size:.9em}}input[type=range]{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15vw;padding:0 2px;overflow:hidden;border:0;border-radius:1px;outline:none;background:linear-gradient(gray,gray) no-repeat center;background-size:100% 2px;pointer-events:none}input[type=range]:active,input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{height:28px;width:28px;border-radius:28px;background-color:#fff;position:relative;margin:5px 0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:all;box-shadow:0 1px 4px .5px #00000040}input[type=range]::-webkit-slider-thumb:before{content:" ";display:block;position:absolute;top:13px;left:100%;width:2000px;height:2px}.multi-range{position:relative;height:50px}.multi-range input[type=range]{position:absolute;transform:translate(-50%)}.multi-range input[type=range]:nth-child(1)::-webkit-slider-thumb:before{background-color:red}.multi-range input[type=range]:nth-child(2){background:none}.multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb:before{background-color:gray}.slider-indicator{left:50%;position:absolute;background-color:red;min-height:10px}.left-info-container{max-width:25vw;margin:1vw;padding:1vw;font-size:.8em}.left-info-container h2,.left-info-container h4{margin:0;padding:0}.configurator-card{height:350px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;cursor:pointer;box-shadow:-4px 1px 20px 7px #0003;position:relative}.svg-container svg{max-height:300px}.svg-container{max-height:300px;width:100%;display:flex;align-items:center;justify-content:center}.configurator-card h4{min-width:100%;text-align:center;margin:0;padding:0}.configurator-card h2{margin:5% 0 0;max-height:10%;min-height:10%;cursor:pointer}.configurator-card p{line-height:15px;margin:0;max-height:25%;min-height:25%;text-overflow:ellipsis;overflow:hidden;width:90%;cursor:pointer}.configurator-card .image-container{width:90%;max-height:55%;min-height:55%;margin-bottom:5%;background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer}.configurator-card-description{display:flex;flex-direction:row;flex-wrap:wrap}.configurator-card-description span{min-width:25px;min-height:25px}.chart-page-wrapper{min-height:100vh;display:flex;flex-direction:column}.chart-section{position:relative}.plan-list-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:5vh;position:relative;overflow-x:visible;max-height:78vh;overflow-y:scroll}.plan-list-item{background-color:#fff;min-width:20vw;min-height:20vw;background-position:center;background-size:contain;background-repeat:no-repeat;cursor:pointer}.char-page-main-row{display:flex;flex-direction:row}.chart-wrapper-buttons{position:absolute;display:flex;flex-direction:column;gap:10px;margin-left:10px;margin-top:20px}svg{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.sqare-meter-range-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.ord{font-variant-position:super}.sqare-meter-range-wrapper h3{display:flex;flex-direction:row;align-items:center;justify-content:center}.getfloorplan-tutorial-page-wrapper{display:flex;align-items:center;justify-content:flex-start;min-width:100%;padding-left:5vw;min-height:100vh}.tutorial-container{min-width:60vw;min-height:70vh;position:relative}.skip-button{position:absolute;bottom:5vh;right:3vh;padding:1vw}.styled-tutorial-paper{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0}.pick-templates-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:10vh;align-items:center;min-height:100vh;padding-left:2vw}@media (max-width: 1500px){.pick-templates-wrapper{gap:2vh}}.getfloorplan-section-wrapper{background-position:0% 100%;background-size:100%;background-repeat:no-repeat;position:absolute;top:0;bottom:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5%;box-shadow:#0003 3px 13px 20px 7px}.getfloorplan-section-wrapper .content{background-color:#ffffff93;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}#plan-general-data-section-svg-placeholder-wrapper{max-height:100%;position:relative;display:flex;align-items:center;justify-content:center}#plan-general-data-section-svg-placeholder-wrapper svg{max-height:80%}.hovered-functionality{position:absolute;top:0;bottom:0;width:80%;left:10%;display:flex;flex-direction:column;position:relative;min-height:45vh;justify-content:flex-start;align-items:center}.hovered-functionality .hovered-functionality-header{display:flex;flex-direction:row;align-items:center;justify-content:space-around}.hovered-functionality p{width:80%;margin-left:10%}.plan-page-main-wrapper{display:flex;flex-direction:column}.plan-wrapper{min-height:90vh;max-height:90vh;overflow:hidden;position:relative}.plan-wrapper canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plan-wrapper #house-plan-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.right-buttons{position:absolute;right:20px;top:20px;display:flex;flex-direction:column;z-index:10;gap:10px}.left-buttons{flex-direction:column;width:20vw;height:15vw;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:10;position:relative;min-width:80%;max-width:80%}.left-buttons .svg-bg svg g.controls{opacity:0}.left-buttons .svg-bg svg{position:absolute;top:50%;left:50%;transform:translate(-40%,-55%)}.left-buttons .svg-bg{width:-moz-fit-content;width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(45%);display:flex;align-items:center;justify-content:center}.left-buttons span{padding:1vw;z-index:10;cursor:pointer}.plan-button-container-right-bottom{z-index:10;position:fixed;bottom:4vh;right:2vw;display:grid;gap:10px}.history-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;z-index:10;position:absolute;top:20px;left:20px}.hovered-info-section{padding:1vw 2vh;width:400px;text-align:center;z-index:10;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:solid}.plan-page-cheat-sheet-wrapper{border:solid;min-height:40vh}.hovered-section-tutorial{min-height:45vh;position:relative;width:100%}.getfloorplan-section{min-height:35vh;width:80%;position:relative}.plan-page-right-section-wrapper{display:flex;min-height:100vh;max-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:5vh;width:100%}.lower-buttons{position:absolute;bottom:20px;right:50%;transform:translate(50%);align-items:center;justify-content:center;gap:10px;min-width:100%;display:flex;flex-direction:row;justify-content:space-around}.lower-buttons div{display:flex;flex-direction:row;gap:10px}.plan-page-left-section-main-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:50px}.left-card-image-wrapper{width:80%;height:300px;display:flex;align-items:center;justify-content:center;cursor:pointer}.left-card-image-wrapper svg{max-height:300px;min-height:300px}.other-solutions-wrapper{max-height:70vh;overflow-y:scroll;width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:5px;padding-bottom:50px;box-sizing:border-box}#plan-page-tooltip-functionalities{position:fixed;z-index:9999;color:#fff;background-color:var(--blue-xlam);padding:5px 8px;border-radius:8px;visibility:collapse;font-size:.9em;text-transform:capitalize}#plan-page-tooltip-functionalities svg{position:absolute;top:0;left:50%;transform:translate(-50%,-90%);width:20px}.new-project-card{width:320px;height:350px;border:solid;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-direction:column}.new-project-card p{text-align:center}.user-projects-page-card-wrapper{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:3vw;min-height:95vh;max-height:95vh;overflow-y:scroll;padding-left:2vw}.account-section-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1vh}.project-page-card-buttons{display:flex;flex-direction:row;gap:10px}.rotationAnimate{animation:rotatingspinner 2s infinite ease-in-out}@keyframes rotatingspinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}