*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}:root{--white: #fff;--off-white: #f9f9f9;--light-gray: #eee;--gray: #ccc;--dark-blue-gray: #263340;--dark-blue-gray-shadow: #26334044;--blue: #1976d2;--primary: #ff0000;--highlight: #ff0000;--toolbar-gray: #778593;--toolbar-unselected: #0c161c;--toolbar-selected: #e3ebf0;--container-gray: #cfccc5;--button-shadow: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--font-code: "DM Mono", monospace;--font-body: "DM Sans", sans-serif;--font-heading: "Source Sans 3", sans-serif;--toolbar-height: 48px}body{padding:0;margin:0;font-family:var(--font-body);overflow:hidden}.configurator-wrapper,.MuiModal-root{font-family:var(--font-body)}.configurator-wrapper h1,.configurator-wrapper h2,.configurator-wrapper h3,.configurator-wrapper h4,.configurator-wrapper h5,.configurator-wrapper h6,.MuiModal-root h1,.MuiModal-root h2,.MuiModal-root h3,.MuiModal-root h4,.MuiModal-root h5,.MuiModal-root h6{font-family:var(--font-heading)}.configurator-wrapper{position:relative;height:100dvh;width:calc(100dvw - 500px)}.configurator-wrapper.sidebar-hidden{width:100dvw}.three-wrapper,.editor-wrapper{position:absolute;height:100%;width:100%}.three-wrapper{z-index:40;background-color:#fff;border-left:1px solid var(--gray)}.version-number{position:fixed;padding:0;margin:0;bottom:12px;left:12px;color:var(--container-gray);z-index:1000}.loading-project-settings{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh}.loading-project-settings svg{animation:spin 2s linear infinite}.sidebar{display:grid;grid-template-columns:1fr 72px;z-index:50;position:fixed;right:0;width:500px;border-left:1px solid var(--gray);overflow:visible;transition:.4s transform;box-shadow:0 0 12px #0002;background-color:var(--white)}.configurator-wrapper.sidebar-hidden .sidebar{transform:translate(500px)}.sidebar-toggle{pointer-events:all;padding-left:12px;cursor:pointer;position:absolute;left:-42px;top:64px;min-width:unset;width:42px;background-color:var(--dark-blue-gray);height:48px;border-radius:32px 0 0 32px;border:none;box-shadow:0 0 12px #0004;display:flex;justify-content:center;align-items:center;transition:width .2s,left .2s}.sidebar-toggle:hover{width:48px;left:-48px}.sidebar-toggle svg{transition:.4s transform}.configurator-wrapper.sidebar-hidden .sidebar-toggle svg{transform:rotate(180deg)}.step-controls{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--light-gray);border-left:1px solid var(--gray)}.step-controls button.step-button{display:flex;padding:24px;width:100%;aspect-ratio:1/1;-webkit-aspect-ratio:1/1;-moz-aspect-ratio:1/1;border:none;border-bottom:1px solid var(--gray);cursor:pointer;background-color:var(--light-gray)}.step-controls button.step-button.active{background-color:var(--white);border-left:0px;transform:translate(-1px)}.step-controls button.step-button svg{width:100%;height:100%;fill:var(--dark-blue-gray)}.step-controls button.step-button.active svg{fill:var(--primary)}.sidebar .step{padding:24px 32px;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;height:100%;max-height:100dvh}.sidebar .step::-webkit-scrollbar{display:none}.sidebar .step p{margin:0;padding:0}.sidebar .step p.step-title{font-family:var(--font-heading);font-size:24px;font-weight:600;text-transform:uppercase;color:var(--primary);text-align:left;border-radius:100px}.sidebar .step .step-content{padding:16px 0}.sidebar .step label p{margin-bottom:8px;font-size:1rem;color:var(--toolbar-gray)}.sidebar .step .info-box{background-color:var(--off-white);padding:16px;border-radius:0 8px 8px 0;border-left:4px solid var(--dark-blue-gray);margin:0 0 24px;box-shadow:0 0 2px var(--dark-blue-gray-shadow);display:flex;gap:16px}.sidebar .step .info-box svg{fill:var(--dark-blue-gray)}.sidebar .step .info-box p{width:270px;margin-bottom:8px;font-size:.8rem;color:var(--dark-blue-gray)}.sidebar .step .info-box p:last-child{margin-bottom:0}.add-list,.color-picker{display:flex;flex-direction:column;grid-template-columns:1fr;grid-template-rows:50px 1fr;gap:16px}.add-list .add-list-filter,.color-picker .color-filter{display:flex;gap:8px;justify-content:center;align-items:center;height:42px}.add-list .add-list-filter .search-objects,.color-picker .color-filter .search-colors{width:100%;height:100%;background-color:var(--white)}.MuiOutlinedInput-root{height:48px;margin-bottom:16px}.card{border-radius:8px;box-shadow:var(--button-shadow);cursor:pointer;transition:background-color .2s;padding:8px 16px;border:1px solid rgba(0,0,0,.02);background-color:transparent}.card:hover{background-color:var(--light-gray)}.card:active{background-color:var(--gray)}.card.add-object{padding:16px}.add-list .add-list-objects{display:flex;flex-wrap:wrap;gap:16px;padding-bottom:48px}.add-list .add-object{width:calc(50% - 8px)}.modal-add .add-list .add-object{width:calc(25% - 16px)}.add-list .add-object .object-card-image-container{width:100%;aspect-ratio:1/1;padding:8px;display:flex;justify-content:center;align-items:center}.add-list .add-object .object-card-image-container img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}.add-list .add-object .object-card-title-row{text-align:left}.add-list .add-object .object-card-title p,.add-list .add-object .object-card-title-row .object-card-dimensions,.add-list .add-object .object-card-title-row .object-card-categories{word-break:break-all}.add-list .add-object .object-card-categories{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}.add-list .add-object .object-card-categories .object-card-category{background-color:var(--primary);padding:4px 10px;border-radius:4px;color:var(--white);font-size:.75rem;opacity:.75}.skeleton-object-button{width:calc(50% - 24px);aspect-ratio:1/1;background:linear-gradient(to right,#e7e5e5 8%,#f5f2f2 18%,#e7e5e5 33%);background-size:600px 10px;border-radius:8px;animation:shine 2s infinite linear}@keyframes shine{0%{background-position:-100% 50%}to{background-position:100% 50%}}.filter-menu .filter-categories{display:flex;flex-wrap:wrap;gap:4px}.filter-menu .filter-categories .filter-category{background-color:var(--dark-blue-gray);padding:4px 10px;border-radius:4px;color:var(--white);font-size:.75rem;opacity:.5;cursor:pointer}.filter-menu .filter-categories .filter-category:hover,.filter-menu .filter-categories .filter-category.active{background-color:var(--highlight);opacity:1}.switch-button-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px}.switch-button-container{position:relative;background-color:var(--light-gray);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border-radius:100px}.switch-button-background{position:absolute;top:6px;left:6px;width:calc(100% - 12px);height:calc(100% - 12px);background-color:var(--white);z-index:0;border-radius:100px}.switch-button-background-selector{position:absolute;top:0;left:0;width:50%;height:100%;z-index:1;border-radius:100px;transition:left .2s,width .2s,right .2s}.switch-button-container.left .switch-button-background-selector{background-color:var(--primary)}.switch-button-container.right .switch-button-background-selector{background-color:var(--highlight)}.switch-button-container button{background-color:transparent;border:none;position:relative;z-index:2;cursor:pointer;transition:color .2s}.switch-button-container button.selected{color:var(--white)}.MuiModal-root .modal-box.modal-save-configuration{grid-template-rows:24px calc(100% - 112px) 48px 48px}.modal-box .input-configuration-name,.modal-box .input-text{width:100%}.MuiModal-root .modal-box.modal-add-custom-object .modal-row{display:flex;gap:8px}.MuiModal-root .modal-box b.modal-label{font-size:1rem;color:var(--toolbar-gray);font-weight:400}.MuiModal-root .modal-box span.modal-error{color:var(--primary);font-weight:400}.MuiModal-root .modal-box .text-styling-buttons{display:flex;height:42px;margin-bottom:16px;gap:8px}.MuiModal-root .modal-box .text-styling-buttons .input-text-size .MuiOutlinedInput-root{height:42px}.MuiModal-root .modal-box .text-styling-buttons .text-styling-button{transition:background-color .2s}.MuiModal-root .modal-box .text-styling-buttons .text-styling-button.active{background-color:var(--dark-blue-gray);color:var(--white)}.MuiModal-root .modal-box textarea.input-text{padding:8px;resize:none;height:42px}.MuiButtonBase-root.wall-draw-button{width:100%;color:var(--dark-blue-gray);border-color:var(--dark-blue-gray);padding:12px 0;margin-bottom:8px}.MuiButtonBase-root.wall-draw-button.stop-drawing{color:var(--primary);border-color:var(--primary)}.outer-wall-buttons,.inner-wall-buttons{display:flex;gap:8px}.inner-wall-buttons .premade-wall-button,.outer-wall-buttons .premade-wall-button{width:64px;padding:0;min-width:unset;text-transform:none}.color-picker .color-list{display:flex;flex-wrap:wrap;gap:8px}.color-picker .color-list .color{border:unset;width:calc(20% - 8px);height:32px;cursor:pointer}.color-picker .color-list .color.selected{border:2px solid var(--dark-blue-gray)}.ui-canvas{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;transition:.4s width;pointer-events:none}.ui-canvas *{pointer-events:all}.file-toolbar{display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100vw;height:var(--toolbar-height);z-index:500;padding:0 52px;background-color:var(--dark-blue-gray)}.file-toolbar p{padding:0;margin:0;font-size:16px;font-weight:200;color:var(--white)}.file-toolbar p strong{font-weight:800}.file-toolbar button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:transparent;border:none;color:var(--white);border:1px solid #ffffff66;border-radius:4px;padding:4px 16px;cursor:pointer;transition:border .2s}.file-toolbar button p{font-family:var(--font-body);font-size:14px}.file-toolbar button:hover{border:1px solid #ffffff}.file-toolbar .center{display:flex;gap:4px}.ui-bottom{position:absolute;display:grid;grid-template-rows:1fr;grid-template-columns:128px 1fr 128px;align-items:center;justify-content:center;bottom:0;width:100%;height:128px;pointer-events:none}.ui-bottom *{pointer-events:all}.keyboard-shortcuts{position:fixed;left:48px;bottom:32px;z-index:50;padding:12px 16px;border-radius:8px}.keyboard-shortcuts ul{list-style-type:none;padding:0;margin:0}.keyboard-shortcuts li{font-weight:600;margin:8px 0}.keyboard-shortcuts .kbc-button{font-family:inherit}.toolbar{display:flex;justify-content:center;align-items:center;padding:0 24px;background-color:var(--dark-blue-gray);border-radius:8px;box-shadow:0 0 12px #0004}.toolbar.bottom{grid-column:2/3;justify-self:center;transform:translate(0);transition:.2s transform;padding:12px}.toolbar.bottom.hidden{transform:translateY(92px)}.toolbar.bottom .transform-buttons{display:flex;flex-wrap:wrap;justify-content:center}.bottom-list{position:absolute;bottom:128px;background-color:var(--white);justify-self:center;border-radius:8px;box-shadow:0 0 12px #0004;transform:translateY(0);transition:opacity .2s,transform .2s;padding:12px}.bottom-list.hidden{pointer-events:none;opacity:0;transform:translateY(24px)}.bottom-list.hidden *{pointer-events:none}.bottom-list .bottom-list-title{margin:0 0 12px;padding:0;font-size:16px;font-weight:600;color:var(--dark-blue-gray)}.bottom-list .bottom-list-items{display:flex;gap:8px;margin:16px}.bottom-list .bottom-list-button{display:flex;flex-direction:column;align-items:center;padding:16px;border-radius:4px;border:none;background-color:var(--white);box-shadow:var(--button-shadow);transition:background-color .2s;cursor:pointer;position:relative}.bottom-list .bottom-list-button img{border-radius:4px;width:64px;height:64px;object-fit:cover}.bottom-list .bottom-list-button p{font-size:12px;font-weight:600;color:var(--dark-blue-gray)}.bottom-list .bottom-list-button:hover{background-color:var(--light-gray)}.bottom-list .bottom-list-button:after{content:"";position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:100%;z-index:1;background-color:var(--highlight);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="%23FFF" viewBox="0 0 256 256"><path d="M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z"></path></svg>');background-size:60%;background-repeat:no-repeat;background-position:center;transform:scale(0);transition:transform .2s}.bottom-list .bottom-list-button.selected:after{transform:scale(1)}.wall-width-input{display:block;position:absolute!important;bottom:24px;left:50%;width:300px!important;transform:translate(-50%)}.wall-width-input.hidden{display:none}.wall-width-input .MuiInputBase-root{background-color:var(--white)}.toolbar.left{z-index:100;position:absolute;left:48px;width:48px;bottom:50%;transform:translateY(50%);flex-direction:column;padding:24px 4px;height:auto}.toolbar-divider{margin:0 16px 0 8px;width:.5px;height:100%;background-color:var(--toolbar-unselected)}.toolbar-divider.horizontal{margin:16px 0 8px;width:100%;height:.5px}.toolbar button svg{fill:var(--off-white);transition:fill .2s}.toolbar button:hover svg{fill:var(--highlight)}.toolbar .grid-dimensions{display:flex}.toolbar .grid-dimensions input{width:48px;margin:2px;background-color:var(--toolbar-unselected);color:var(--toolbar-selected);border:none;border-radius:4px;padding:8px;font-size:12px;font-family:var(--font-body)}.toolbar.left .zoom-slider{display:flex;height:128px;padding:8px}.toolbar.left .zoom-slider .MuiSlider-root{color:var(--highlight)}.toolbar.left .zoom-slider .MuiSlider-thumb{background-color:var(--highlight)}.toolbar.left .zoom-slider .MuiSlider-track{background-color:var(--highlight);border-color:var(--highlight)}.toolbar.left .toolbar-toggle-button svg{fill:var(--toolbar-gray);transition:fill .2s}.toolbar.left .toolbar-toggle-button.active svg{fill:var(--highlight)}.floor-ui{position:absolute;right:48px;bottom:50dvh;transform:translateY(50%);display:flex;gap:12px;flex-direction:column;justify-content:center;align-items:center;border-radius:8px}.floor-ui .floor{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;text-align:center;color:var(--dark-blue-gray);font-weight:700;border-radius:4px}.floor-ui .floor p{font-size:12px;margin:0;padding:0}.floor-ui .floor p.floor-number{font-size:20px}.floor-ui button{width:36px;height:36px;min-width:unset;background-color:var(--dark-blue-gray);box-shadow:0 0 12px #0004;border-radius:50%}.floor-ui button:disabled svg{fill:#0c161c;transition:fill .2s}.object-empty-state{display:flex;flex-direction:column;align-items:center;margin-top:128px;color:var(--toolbar-gray)}.object-properties{display:grid;grid-template-rows:64px 64px 1fr 96px;width:100%;height:100%;background-color:var(--white);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.object-properties.active{opacity:1;pointer-events:all}.object-properties .header{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 32px;width:100%;height:100%;background-color:var(--dark-blue-gray)}.object-properties .header input{width:100%;background-color:transparent;border:none;border-bottom:1px solid transparent;color:var(--white);font-size:24px;font-family:var(--font-body);transition:border-bottom .2s;outline:none}.object-properties .header input:hover,.object-properties .header input:focus{border-bottom:1px solid var(--off-white)}.object-properties .header button{min-width:auto}.object-properties .readonly{width:100%;background-color:var(--light-gray);display:flex;padding:16px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray)}.object-properties .properties-main{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.object-properties .properties-main::-webkit-scrollbar{display:none}.object-properties p.property{color:var(--dark-blue-gray);margin:0;padding:0;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.object-properties .section{padding:32px}.object-properties .section.section-align{padding-top:0}.object-properties .section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.object-properties .section .section-header h2{font-size:16px;color:var(--toolbar-gray);margin:0}.object-properties .section .section-row{display:flex;gap:12px;justify-content:space-between;align-items:center}.object-properties hr.properties-divider{width:100%;height:1px;margin:0;border:none;background-color:var(--gray)}.object-properties p.rotation{margin:0}.object-properties ul.children{list-style-type:none;margin:0;padding:12px 16px;background-color:var(--light-gray);border-radius:4px}.object-properties ul.children li{display:flex;justify-content:space-between;align-items:center}.object-properties ul.children li p{margin:0;padding:2px;color:var(--toolbar-gray);max-width:200px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.object-properties ul.children li svg:hover{cursor:pointer;fill:var(--blue)}.object-properties .footer{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--light-gray);border-top:1px solid var(--gray)}.object-properties .footer button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.object-properties .footer button p{margin:0 8px 0 0;color:var(--dark-blue-gray)}.view-toggle-ui{width:64px;height:192px;position:absolute;right:32px;bottom:32px}.view-toggle-ui:hover .round-button.small{transform:translate(-50%,-150%)}.view-toggle-ui:hover .round-button.small:nth-child(2){transform:translate(-50%,-275%)}.view-toggle-ui .round-button{position:absolute;bottom:0;left:50%;transform:translate(-50%);transition:.2s transform;border:none}button.round-button{display:flex;justify-content:center;align-items:center;width:64px;height:64px;background-color:var(--dark-blue-gray);color:var(--white);box-shadow:0 0 12px #0004;font-size:18px;border-radius:100%;cursor:pointer;z-index:2}button.round-button:hover{background-color:var(--toolbar-unselected)}button.round-button.small{background-color:var(--off-white);color:var(--dark-blue-gray);width:48px;height:48px;font-size:14px;box-shadow:0 0 12px #0002;z-index:1}button.round-button.small:hover{border:1px solid var(--dark-blue-gray)}button.round-button p{margin:4px;font-weight:300}.MuiIconButton-root.add-button{position:absolute;right:48px;bottom:32px}.MuiModal-root .modal-box{position:fixed;display:grid;grid-template-rows:24px calc(100% - 64px) 48px;top:50%;left:50%;transform:translate(-50%,-50%);padding:32px;min-width:360px;background-color:var(--off-white);border-radius:8px;box-shadow:0 0 12px #0004;overflow:hidden}.MuiModal-root .modal-body{height:100%}.MuiModal-root .modal-box h2{margin:0}.MuiModal-root .modal-box p{margin:24px 0}.MuiModal-root .modal-box .modal-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:auto}.modal-box h3{font-size:16px;margin-bottom:8px}.MuiModal-root .modal-box.modal-add{width:calc(100dvw - 128px);height:calc(100dvh - 128px)}.modal-add .add-grid{display:grid;grid-template-columns:200px 1fr;grid-template-rows:48px 1fr;gap:16px 0px;height:calc(100% - 96px)}.modal-add .add-grid .add-grid-scroll{grid-row:1 / 3;grid-column:2 / 3;overflow-y:scroll}.modal-add .add-grid ul.add-categories{grid-row:1/3;grid-column:1/2;list-style-type:none;padding:0}.modal-add .add-grid ul.add-categories li{padding:4px 0}.modal-add .add-grid ul.add-categories li button{border:none;background-color:transparent;cursor:pointer}.modal-add .add-grid ul.add-categories li button:hover,.modal-add .add-grid ul.add-categories li.selected button{font-weight:700}.modal-add .add-grid ul.add-categories li.selected button{color:var(--blue)}.export-modal .template-name-input{width:100%;background-color:var(--white);border:1px solid var(--gray);border-radius:8px;padding:8px 16px;margin:16px 0 -8px}.export-modal .template-name-input:hover,.export-modal .template-name-input:focus{border:1px solid var(--dark-blue-gray)}.export-modal .template-name-input:after,.export-modal .template-name-input:before{display:none}.export-modal .code-container .json-pre{font-family:var(--font-code);font-size:10px;width:640px;width:100%;height:240px;overflow-y:scroll;border:1px solid var(--gray);border-radius:8px;padding:16px;margin:-16px 0 0}.export-modal .code-container .json-pre .string{color:green}.export-modal .code-container .json-pre .number{color:#ff8c00}.export-modal .code-container .json-pre .boolean{color:#00f}.export-modal .code-container .json-pre .null{color:#f0f}.export-modal .code-container .json-pre .key{color:red}.export-modal .code-container{position:relative}.export-modal .image-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:640px;border:1px solid var(--gray);margin:-16px 0 0}.export-modal .image-container img{object-fit:contain}.export-modal .code-container .copy-button,.export-modal .image-container .download-button{position:absolute;right:24px;bottom:24px;background-color:var(--dark-blue-gray);color:var(--white);height:42px;width:42px;min-width:unset}.extra-articles-list{display:flex;flex-direction:column;gap:8px;list-style-type:none;padding:0;margin-bottom:32px}.extra-articles-list li{display:flex;justify-content:space-between;align-items:center}.extra-articles-list li p{flex-grow:1}.extra-articles-list li input{width:48px;border:none;border-bottom:1px solid var(--gray);font-family:var(--font-body);font-size:16px;color:var(--dark-blue-gray);padding:4px}.extra-articles-list li button{background-color:transparent;border:none;cursor:pointer}.extra-articles-list li .extra-article-input-container{display:flex;justify-content:center;align-items:center;gap:8px}.extra-articles-list li button,.article-adder-container button.article-adder-button{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:100%;color:var(--off-white);cursor:pointer;border:1px solid;transition:background-color .2s,border-color .2s}.extra-articles-list li button.extra-article-decrease,.extra-articles-list li button.extra-article-increase{background-color:var(--dark-blue-gray);border-color:var(--dark-blue-gray)}.extra-articles-list li button.extra-article-remove{background-color:var(--primary);border-color:var(--primary)}.extra-articles-list li button:hover,.article-adder-container button.article-adder-button:hover{background-color:var(--off-white)}.extra-articles-list li button:hover svg,.article-adder-container button.article-adder-button:hover svg{fill:var(--dark-blue-gray)}.extra-articles-list li button.extra-article-remove:hover svg{fill:var(--primary)}.sidebar p.extra-articles-list-empty{color:var(--toolbar-gray);font-style:italic;padding-bottom:32px}.article-adder-container{width:100%;display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:24px}.article-adder-container .MuiAutocomplete-root .MuiInputBase-root{margin-bottom:0}.article-adder-container .MuiAutocomplete-root{flex-grow:1}.article-adder-container button.article-adder-button{background-color:var(--dark-blue-gray);border-color:var(--dark-blue-gray)}.assembly-transport-list{display:flex;flex-direction:column;gap:8px;list-style-type:none;padding:0;margin-bottom:32px}.assembly-transport-list li{display:flex;justify-content:space-between;align-items:center;gap:8px}.assembly-transport-list li label{width:290px}.assembly-transport-list li p{color:var(--toolbar-unselected)!important;line-height:1.25}.assembly-transport-list li input{flex-grow:1}.assembly-transport-list li .MuiOutlinedInput-root{margin-bottom:0;height:48px}.paint-price-field{display:flex;justify-content:space-between;align-items:center;gap:8px}.paint-price-field label{width:260px}.paint-price-field label p{color:var(--toolbar-unselected)!important;line-height:1.25}.paint-price-field .MuiOutlinedInput-root{margin-bottom:0;height:48px}.misc-items-price-row{margin-bottom:16px}.misc-items-price-row .MuiFormControl-root{width:100%}.export-buttons{margin-bottom:24px}.quote-export-settings{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.quote-export-settings .switch-button-row{margin-bottom:0}.overlay-ui{z-index:30;position:fixed;top:0;left:0;width:100dvw;height:100dvh;pointer-events:none}.overlay-ui .overlay-add-buttons,.overlay-ui .overlay-socket-buttons,.overlay-ui .overlay-addons-buttons{pointer-events:all}.overlay-ui .overlay-round-button{display:flex;justify-content:center;align-items:center;position:fixed;width:50px;height:50px;border-radius:100%;cursor:pointer;background-color:#fffa;border:1px solid black;pointer-events:all}.overlay-ui .overlay-round-button:hover{background-color:#1976d243}.overlay-ui .overlay-round-button.selected{background-color:#1976d277}.overlay-ui .overlay-transform-buttons{pointer-events:all;position:fixed;left:0;bottom:0;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;padding:0 8px;height:48px;background-color:var(--dark-blue-gray);border-radius:8px;box-shadow:0 0 12px #0004}.overlay-ui .overlay-transform-buttons button.MuiButton-root svg{fill:var(--white)}.overlay-ui .overlay-transform-buttons button.MuiButton-root:hover svg{fill:var(--blue)}.MuiOutlinedInput-root input{border:none}.quote-form{height:440px;overflow-y:scroll;width:100%;border:1px solid var(--container-gray);border-radius:8px;padding:16px 32px 32px}.quote-form .form-row{width:100%;display:flex;gap:8px}.modal-box .quote-form label p{margin:16px 0;font-size:1rem;color:var(--toolbar-gray)}.quote-form .form-row .MuiTextField-root{flex-grow:1}.quote-form .form-row .address-nr,.quote-form .form-row .zip-code{flex-grow:0;width:150px}.quote-form .form-row .error fieldset{border:1px solid var(--primary)}.quote-form .form-row .MuiTextField-root .MuiFormLabel-root{font-family:var(--font-body)}.quote-form .form-row .MuiTextField-root.error .MuiFormLabel-root{color:var(--primary)}.quote-form p.error-message{color:var(--primary);font-size:.875rem;margin:0;padding:0}.modal-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;transform:translateY(32px)}.modal-loading svg{animation:spin 2s linear infinite}.modal-uploaded .uploaded-code{font-size:3rem;font-weight:700;text-align:center;border:1px solid var(--container-gray);border-radius:8px;padding:16px}.modal-box.modal-project-templates{grid-template-rows:1fr}.project-templates-list{display:flex;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);gap:16px}.project-templates-list .project-template-item,.project-templates-list .load-from-code{display:flex;flex-direction:column;justify-content:space-between;width:calc(33% - 12px);height:240px;border:1px solid var(--container-gray);border-radius:8px;padding:16px 24px;text-align:left}.project-templates-list .custom-design{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;width:calc(66% - 8px);height:240px;padding:16px 32px;background-color:var(--dark-blue-gray);color:var(--white);border-radius:8px}.project-templates-list .custom-design h2{font-size:48px;margin:0 0 24px;color:var(--white)}.project-templates-list .project-template-item h3,.project-templates-list .load-from-code h3,.project-templates-list .project-template-item p,.project-templates-list .load-from-code p,.project-templates-list .custom-design p{margin:4px 0}.project-templates-list .project-template-item h3,.project-templates-list .load-from-code h3{font-size:20px}.project-templates-list .select-template-button{display:flex;justify-content:space-between;align-items:center;background-color:transparent;color:var(--white);border:none;border-radius:32px;padding:8px 24px;cursor:pointer;text-align:left;border:1px solid var(--white)}.project-templates-list .select-template-button .chevron-container{display:flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:100%;transition:transform .2s}.project-templates-list .select-template-button:hover .chevron-container{transform:translate(8px)}.project-templates-list .load-from-code .MuiOutlinedInput-root{margin-bottom:0}.project-templates-list .load-from-code input{text-align:center;font-weight:700;background-color:transparent;border:none;text-transform:uppercase;font-size:24px;font-family:var(--font-body);outline:none}.project-templates-list .load-from-code input::placeholder{font-weight:400;text-transform:none}.project-templates-list .load-from-code .select-template-button{background-color:var(--dark-blue-gray)}.project-templates-list .project-template-item h3{text-shadow:2px 2px 0px #00000044;color:var(--white)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1200px){.MuiModal-root .modal-box{min-width:800px}}@media (min-height: 1000px){.quote-form{height:696px}}