.badge{border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;padding:1rem;text-align:center;font-weight:700;cursor:pointer}.badge+.badge{margin-top:.5rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.badge+.badge{margin-top:0;margin-left:.5rem}}.badge i{font-size:1.3rem}.badge-container{display:flex;flex-direction:column}@media screen and (max-width: 818.98px) and (orientation: portrait){.badge-container{flex-direction:row;z-index:1}}.badge-name{text-transform:uppercase;font-size:.625rem;line-height:.8rem;margin-bottom:.4rem}.badge-primary{background-color:#fff;border-color:var(--color-utility--1);color:var(--color-utility--1)}.badge-secondary{background-color:var(--color-utility--5);border-color:var(--color-utility--5);color:#fff}.toggle-switch{position:relative;width:85px;height:35px;--icon-top: 8px}.toggle-switch+.toggle-switch{margin-left:.5rem}.toggle-checkbox{display:none}.toggle-checkbox:checked+.toggle-label i:first-child{color:#000}.toggle-checkbox:checked+.toggle-label i:last-child{color:#fff}.toggle-checkbox:checked+.toggle-label:after{transform:translate(40px)}.toggle-label{position:absolute;cursor:pointer;background-color:#fff;border-radius:25px;width:100%;height:100%;border:1px solid var(--color-utility--2)}.toggle-label i{position:absolute;z-index:2;transition:color .3s}.toggle-label i:first-child{top:var(--icon-top);left:13px;color:#fff}.toggle-label i:last-child{left:55px;top:var(--icon-top);color:#000}.toggle-label:after{content:"";position:absolute;width:37px;height:29px;background-color:var(--color-utility--2);border-radius:20px;top:2px;left:3px;transition:transform .3s}.toggle--sm{--icon-top: 10px}.toggle--sm i{font-size:.8rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.config-message__modal{margin-top:auto}}ng-renoval-config-modal{background-color:#002d31b3;font-size:1rem;height:100vh;left:0;opacity:0;overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:none;position:fixed;transform:scale(1.1);top:0;transition:opacity .2s ease-out,transform .2s cubic-bezier(.25,.46,.45,.94),z-index 0s .3s;width:100%;z-index:70;display:block}ng-renoval-config-modal.open{opacity:1;pointer-events:auto;z-index:70;transform:scale(1)}ng-renoval-config-modal.open .modal{display:block}ng-renoval-config-modal.open .modal-body{margin-bottom:1rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-modal.open .modal-body{margin-bottom:0}}ng-renoval-config-modal.has-overflow .modal-body>*:first-child{display:none}ng-renoval-config-modal.loading{opacity:1;pointer-events:initial;z-index:70;transform:scale(1)}ng-renoval-config-modal.loading .modal{display:none}ng-renoval-config-modal.loading .spinner-border{margin:-2.5vw 0 0 -2.5vw;width:5vw;height:5vw;position:absolute;top:50%;left:50%}.ral-colors__modal{width:100%;max-width:690px}.ral-colors__modal-title{max-width:330px}.ral-colors__modal-input{display:flex}@media screen and (max-width: 818.98px) and (orientation: portrait){.ral-colors__modal-input{flex-direction:column}}.ral-colors__modal-input input{max-width:230px;margin-right:1.1rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.ral-colors__modal-input input{width:100%;max-width:initial;margin-right:0;margin-bottom:1rem}}.ral-colors__modal-section{padding:1.3125rem 1.875rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.ral-colors__modal-section{padding:0}}.ral-colors__modal-section-title{font-weight:600;display:block;margin-bottom:.25rem}.ral-colors__modal-section--gray{background-color:var(--color-utility--8)}@media screen and (max-width: 818.98px) and (orientation: portrait){.ral-colors__modal-section--gray{padding:.5rem}}.price-infos__modal{width:100%}.price-infos__modal-title{max-width:450px}.price-infos__modal-section{padding:1.3125rem 1.875rem}.price-infos__modal-section-title{font-weight:600;display:block;margin-bottom:.25rem}.price-infos__modal-section--gray{background-color:var(--color-utility--8)}#price-table table{font-size:.8rem}ng-renoval-config-augmented-reality-modal{padding:1em;text-align:center}ng-renoval-config-augmented-reality-modal model-viewer{position:absolute;z-index:-1;top:calc(50% - 25px);left:calc(50% - 100px);width:200px;height:50px}ng-renoval-config-augmented-reality-modal .btn.ready:before{background-image:url(/assets/glyph/launch-ar.svg);background-repeat:no-repeat;background-size:contain;background-position:center;display:inline-block;content:"";width:2em;margin-right:.5rem;height:2em;vertical-align:middle}ng-renoval-config-augmented-reality-modal .btn-close-augmented{position:absolute;right:1rem;top:1rem}ng-renoval-config-cgu .scroll-container,ng-renoval-config-gdpr .scroll-container{max-height:calc(100vh - 23rem);overflow:auto;padding-bottom:2rem}ng-renoval-config-cgu footer,ng-renoval-config-gdpr footer{text-align:center;position:relative}ng-renoval-config-cgu footer:after,ng-renoval-config-gdpr footer:after{content:"";pointer-events:none;width:100%;position:absolute;left:0;top:-2rem;height:2rem;background:#fff;background:linear-gradient(0deg,#fff,#fff0)}ng-renoval-config-configurator{display:block;position:relative;height:calc(100vh - var(--header-height));width:100%;overflow:hidden;--config-navbar-height: 100px;--config-navbar2-height: 0px;--config-panel-height: 0%;--config-panel-width: 25%;--config-panel-x: -25%;--config-offset-y: 0px;--viewport-height: 100vh}@media screen and (orientation: landscape) and (max-width: 1199.98px){ng-renoval-config-configurator{--config-panel-width: 35%;--config-panel-x: -35%}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator{--config-navbar-height: 69px;--config-navbar2-height: 69px;--config-panel-x: -100%;--viewport-height: calc(100vh - calc(var(--config-navbar-height) + var(--config-navbar2-height) + 69px));width:100%}}ng-renoval-config-configurator ng-renoval-config-viewport{position:absolute;top:calc(var(--config-navbar-height) + var(--config-offset-y));left:calc((var(--config-panel-x) + var(--config-panel-width)) * .5);width:100%;height:calc(100% - var(--config-navbar-height) - var(--config-navbar2-height));overflow:hidden;transition:all .3s ease-out;z-index:0}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator ng-renoval-config-viewport{left:0}}ng-renoval-config-configurator.panel-opened{--config-panel-x: 0%}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator.panel-opened.panel--sm{--config-offset-y: -7rem}}ng-renoval-config-configurator .bottom-right-container{display:flex;justify-content:center;position:absolute;z-index:10;bottom:2.2rem;right:8rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator .bottom-right-container{bottom:7rem;right:1rem}}ng-renoval-config-configurator #hack-dev{position:absolute;z-index:10;top:var(--config-navbar-height);right:0;width:10px;height:10px}ng-renoval-config-configurator .top-right-container{--position-x: -176px;display:flex;justify-content:center;position:absolute;z-index:10;top:calc(var(--config-navbar-height) + 2rem);right:2rem;transition:right ease-in-out .25s}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator .top-right-container{top:6rem;right:var(--position-x);padding:.5rem;background-color:var(--color-utility--6)}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator .top-right-container--open{right:0}ng-renoval-config-configurator .top-right-container--open .top-right-container--action-more{display:none}ng-renoval-config-configurator .top-right-container--open .top-right-container--action-less{display:flex}}ng-renoval-config-configurator .top-right-container--action{display:none;position:absolute;left:-39px;top:50%;transform:translateY(-50%);cursor:pointer;color:#fff;background-color:var(--color-utility--6);width:40px;height:40px;justify-content:center;align-items:center;line-height:1rem;font-size:2.5rem;border-radius:50px 0 0 50px}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator .top-right-container--action-more{display:flex;padding-bottom:.2rem}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-configurator .top-right-container--action-less{display:none;padding-bottom:.6rem}}ng-renoval-config-viewport{position:absolute}ng-renoval-config-viewport canvas{z-index:0}ng-renoval-config-viewport .captions{position:absolute;top:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1}ng-renoval-config-viewport .captions .frame-center{transition:opacity .3s linear;opacity:0}ng-renoval-config-viewport .captions .frame-center.visible{opacity:1;pointer-events:initial;cursor:pointer;-webkit-user-select:initial;user-select:initial}ng-renoval-config-viewport .captions .roof-panel-center{opacity:0}ng-renoval-config-viewport .captions .roof-panel-center.visible{opacity:1}ng-renoval-config-viewport .captions g{opacity:0}ng-renoval-config-viewport .captions g.visible{opacity:1}ng-renoval-config-viewport .captions g.out-dimension{transition:opacity .3s linear}ng-renoval-config-viewport .captions g.out-dimension line{stroke:#43b490;stroke-width:3;stroke-linecap:round}ng-renoval-config-viewport .captions g.out-dimension circle{fill:#43b490}ng-renoval-config-viewport .captions g.out-dimension text{dominant-baseline:middle;text-anchor:middle;fill:#fff}ng-renoval-config-viewport .captions g.roof-panel-border{pointer-events:initial;cursor:pointer;transition:opacity .3s linear}ng-renoval-config-viewport .captions g.roof-panel-border polygon{stroke:#43b490;stroke-width:3;stroke-linecap:round;fill-opacity:0;opacity:0}ng-renoval-config-viewport .captions g.roof-panel-border.visible:hover polygon{opacity:1;stroke:#fff}ng-renoval-config-viewport .captions g.roof-panel-border.unselected{opacity:0}ng-renoval-config-viewport .captions g.roof-panel-border.selected polygon{opacity:1;stroke:#43b490}ng-renoval-config-viewport .captions g.roof-panel-border.selected:hover polygon{stroke:#43b490}ng-renoval-config-viewport .captions g.frame-border{transition:opacity .3s linear}ng-renoval-config-viewport .captions g.frame-border polygon{stroke:#43b490;stroke-width:4;stroke-linecap:round;fill-opacity:0}ng-renoval-config-viewport .captions g.frame-border.error{z-index:5}ng-renoval-config-viewport .captions g.frame-border.error polygon{stroke:#b44b43}ng-renoval-config-viewport .captions g.frame-size{transition:opacity .3s linear;opacity:0}ng-renoval-config-viewport .captions g.frame-size.visible{opacity:1}ng-renoval-config-viewport .captions g.frame-size.visible rect{pointer-events:initial;cursor:text;-webkit-user-select:initial;user-select:initial}ng-renoval-config-viewport .captions g.frame-size line{stroke:#aaa;stroke-width:1;stroke-linecap:round}ng-renoval-config-viewport .captions g.frame-size text{dominant-baseline:middle;text-anchor:middle;fill:#000}ng-renoval-config-viewport .captions g.frame-size rect{fill:#ccc;stroke:#9b9b9b;stroke-width:1}ng-renoval-config-viewport .captions g.frame-size.locked rect{cursor:not-allowed}ng-renoval-config-viewport .captions text{font-size:14px;font-weight:400;font-family:Arial}ng-renoval-config-viewport[data-cursor=ns-resize]{cursor:url(v-drag.svg) 15 15,ns-resize}ng-renoval-config-viewport[data-cursor=ew-resize]{cursor:url(h-drag.svg) 15 15,ew-resize}ng-renoval-config-panel{position:absolute;top:var(--config-navbar-height);left:var(--config-panel-x);bottom:0;width:var(--config-panel-width);transition:width,left .3s ease-out;background-color:var(--color-utility--8);box-shadow:0 0 15px #0003}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-panel{width:100%;z-index:11;background-color:transparent}}ng-renoval-config-panel .icon-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-panel .icon-close{top:0;right:0;padding:.5rem}}ng-renoval-config-panel .form-container--floating .form-label{background:linear-gradient(0deg,#fff 0% 50%,#fff0 43% 100%)}@media screen and (orientation: landscape) and (max-width: 1199.98px){ng-renoval-config-panel .form-container--floating .form-label{top:-.9rem!important}}ng-renoval-config-panel .form__info{margin-top:.25rem;font-style:italic}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-dimensions{background-color:var(--color-utility--8)}}.panel-tab{display:block;padding:1.875rem;padding-bottom:0;height:100%;overflow-y:auto}.panel-tab .btn{width:100%}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-tab{padding:1.5rem 1rem 1rem}}.panel-tab--sm{overflow-y:auto}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-tab--sm{max-height:initial;height:auto;background-color:var(--color-utility--8)}}.panel-tab--sm nav{margin:0 -.5rem;font-size:.755rem}.panel-tab--sm nav button{margin:0 .5rem;border:none;color:var(--color-utility--1);border-bottom:5px solid transparent;background-color:transparent;padding:0;transition:all ease-in-out .3s;cursor:pointer;font-weight:700}.panel-tab--sm nav button.active,.panel-tab--sm nav button:hover{border-color:var(--color-utility--2)}.panel-tab--sm nav button.active{color:var(--color-utility--2)}.panel-tab--sm nav button:disabled{cursor:not-allowed;color:#d3d3d3}.panel-tab--sm nav button:disabled:hover{border-color:transparent}.panel-title,.panel-text{color:var(--color-utility--6)}.panel-title{font-weight:800;font-size:1rem;text-transform:uppercase;display:flex;align-items:center}.panel-title i{cursor:pointer;margin-left:.5rem}.panel-title i:first-child{margin-left:0;font-size:1.5rem}.panel-text{font-weight:600;font-size:.9rem}.panel-header{margin-bottom:1.3125rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-header{margin-bottom:.8rem}.panel-header .panel-title{font-size:.9rem}}.panel-side-list{margin:0;padding:0;margin-top:1rem;display:flex;flex-direction:column}.panel-side-item{list-style:none;border:1px solid var(--color-utility--1);background-color:#fff;cursor:pointer;color:var(--color-utility--1);transition:all ease-in-out .3s;margin-bottom:1rem;position:relative}.panel-side-item figure{display:flex;flex-direction:row;align-items:center;margin-bottom:0}.panel-side-item figure img{width:50%;padding:.25rem}.panel-side-item figure figcaption{width:50%;font-style:italic;padding:0 1rem;color:var(--color-utility--1)}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-side-item figure figcaption{display:flex}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-side-item figure figcaption span{font-size:.7rem;line-height:.7rem;white-space:break-spaces}}.panel-side-item figure figcaption small{display:block;margin-top:.5rem;line-height:.9rem;font-size:.7rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-side-item figure figcaption small{display:none}}.panel-side-item-menu{display:none;position:absolute;inset:5px;padding:1em;background-color:#fffc;flex-direction:column;justify-content:center}.panel-side-item-menu button{margin:.5rem;border:1px solid var(--color-utility--1);color:var(--color-utility--1);background-color:#fff;padding:.5em 1em;transition:all ease-in-out .3s;cursor:pointer;font-weight:700}.panel-side-item-menu button.active,.panel-side-item-menu button:hover{border-color:var(--color-utility--2);color:var(--color-utility--2)}.panel-side-item.show-menu .panel-side-item-menu{display:flex}.panel-side-item:last-child{margin-bottom:0}.panel-side-item:before,.panel-side-item:after{content:"";display:block;position:absolute;width:30px;height:30px;border:5px solid transparent;transition:all ease-in-out .3s}.panel-side-item:before{border-right:0;border-bottom:0;left:0;top:0}.panel-side-item:after{border-top:0;border-left:0;right:0;bottom:0}.panel-side-item.active,.panel-side-item:hover{border-color:var(--color-utility--2)}.panel-side-item.active:after,.panel-side-item.active:before{border-color:var(--color-utility--2)}.panel-side-item.disabled{cursor:not-allowed;background-color:#fff3;border-color:#d3d3d3}.panel-side-item.disabled figure img{opacity:.2;mix-blend-mode:multiply}.panel-side-item.disabled figure figcaption{color:gray}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-dimensions{max-height:calc(100vh - var(--config-navbar-height) - var(--config-navbar-height) - var(--config-navbar2-height));display:flex;flex-direction:column}}.panel-design{background-color:var(--color-utility--8)}.panel-design .panel-feature-menu{display:none}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-design{max-height:initial;padding:.8rem 1rem}.panel-design .panel-feature-menu{display:block;margin:0}.panel-design .design-section-title,.panel-design .design-section-text{display:none}.panel-design .design-section{display:none;white-space:nowrap;padding-right:0;overflow-x:auto;padding-bottom:.15rem;margin-bottom:0;border-bottom:0;height:7rem}.panel-design .design-section .panel-side-item figure figcaption{padding:0}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-design .design-section-container{padding-right:0;max-height:initial}.panel-design .design-section-container[data-currentsubtab="0"] .design-section.profil-tab,.panel-design .design-section-container[data-currentsubtab="1"] .design-section.color-tab,.panel-design .design-section-container[data-currentsubtab="2"] .design-section.bars-tab,.panel-design .design-section-container[data-currentsubtab="3"] .design-section.decors-tab{display:block}}.panel-roof .panel-feature-menu{display:none}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-roof{max-height:initial}.panel-roof .panel-feature-menu{display:block;margin:0}.panel-roof .design-section-title,.panel-roof .design-section-text{display:none}.panel-roof .design-section{display:none;white-space:nowrap;padding-right:0;overflow-x:auto;padding-bottom:.15rem;margin-bottom:0;border-bottom:0;height:7rem}.panel-roof .design-section .panel-side-item figure figcaption{padding:0}.panel-roof .design-section .roof-colors-item--name{font-size:.7rem}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-roof .design-section-container{padding-right:0;max-height:initial}.panel-roof .design-section-container[data-currentsubtab="0"] .design-section.type-tab,.panel-roof .design-section-container[data-currentsubtab="1"] .design-section.rafter-tab,.panel-roof .design-section-container[data-currentsubtab="2"] .design-section.color-tab{display:block}}.panel-options{background-color:var(--color-utility--8)}.panel-options .panel-feature-menu{display:none}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-options{max-height:initial}.panel-options .panel-header p{display:none}.panel-options .panel-feature-menu{display:block;margin:0}.panel-options .design-section-title,.panel-options .design-section-text{display:none}.panel-options .design-section{display:none;white-space:nowrap;padding-right:0;overflow-x:auto;padding-bottom:.15rem;margin-bottom:0;border-bottom:0;height:7rem}.panel-options .design-section .panel-side-item figure figcaption{padding:0}.panel-options .design-section .roof-colors-item--name{font-size:.7rem}}.panel-options .design-section-container{max-height:calc(100vh - 250px - var(--config-navbar-height))}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-options .design-section-container{padding-right:0;max-height:initial}.panel-options .design-section-container[data-currentsubtab="0"] .design-section.vr-ext-tab,.panel-options .design-section-container[data-currentsubtab="1"] .design-section.light-int-tab,.panel-options .design-section-container[data-currentsubtab="2"] .design-section.light-ext-tab{display:block}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-frames .panel-side-item figure figcaption{padding:0}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel--sm ng-renoval-config-panel{height:auto;top:initial;position:fixed;bottom:var(--config-navbar-height)}}.side-list{margin:0 -.2rem 1rem;flex-direction:row}.side-item{margin:0 .2rem;padding:.225rem .425rem;text-align:center;font-size:.7125rem;font-weight:700}.side-item.active,.side-item:hover{background-color:var(--color-utility--2);color:#fff}.side-item:before,.side-item:after{content:none}.layout-list{flex-direction:column;overflow-y:scroll;max-height:calc(100vh - 20rem - var(--config-navbar-height));scrollbar-color:var(--color-utility--2) #DADADA;padding-right:2rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.layout-list{max-height:initial}}.layout-item img{width:100%}.frame-list{flex-direction:column;max-height:calc(100vh - 330px - var(--config-navbar-height));overflow-y:scroll;scrollbar-color:var(--color-utility--2) #DADADA;padding-right:2rem}@media screen and (max-width: 818.98px) and (orientation: portrait){.frame-list{max-height:initial}}.frame-item{margin-bottom:.5rem}.design-section{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-utility--10)}.design-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.design-section-container{max-height:calc(100vh - 190px - var(--config-navbar-height));overflow-y:scroll;color:var(--color-utility--1);font-size:.9375rem;scrollbar-color:var(--color-utility--2) #DADADA;padding-right:2rem}.design-section-container--no-border .design-section{border-bottom:0}.design-section-title{font-weight:600;display:block}.design-section-title a{color:inherit}.design-section-text{font-style:italic;margin:0}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-list-container .panel-side-item{display:inline-block;margin-bottom:0}.panel-list-container .panel-side-item:last-child{margin-right:0}}@media screen and (max-width: 818.98px) and (orientation: portrait){.panel-list-container .panel-side-list{display:block;white-space:nowrap;padding-right:0;overflow-x:auto;padding-bottom:.15rem}.panel-list-container .panel-side-list.side-list .panel-side-item{margin:0 .3rem;width:auto;padding:.4rem .5rem;font-size:.7rem}.panel-list-container .panel-side-list:not(.side-list) .panel-side-item{width:150px;margin-right:1rem}.panel-list-container .panel-side-list:not(.side-list) .panel-side-item:last-child{margin-right:0}}.roof-colors-list,.ral-colors,.ral-colors-other{list-style:none;display:flex;flex-wrap:wrap;padding:0}.ral-colors-item{margin-top:1rem;margin-right:.5rem;position:relative;cursor:pointer;height:3rem;width:3rem;border:1px solid transparent}.ral-colors-item:last-child{margin-right:0}.ral-colors-item:after{content:"\e904";font-family:icomoon;position:absolute;top:calc(50% - .25rem);font-size:1.5rem;left:50%;transform:translate(-50%,-50%);color:transparent}.ral-colors-item.active:after{color:#fff}.ral-colors-item.active.is-bright:after{color:#000}.ral-colors-image{width:50px;height:50px;margin-bottom:.5rem;object-fit:cover;object-position:center}.ral-colors-other-color{height:32px;width:100%;border:1px solid;position:relative}.ral-colors-other-color:after{content:"\e904";font-family:icomoon;position:absolute;top:calc(50% - .25rem);font-size:1.5rem;left:50%;transform:translate(-50%,-50%);color:transparent;top:calc(50% - .05rem)}.ral-colors-other-item{display:flex;flex-direction:column;text-align:center;width:16.6666666667%;border:1px solid white;border-bottom:0;border-top:0;font-size:.8125rem;margin-bottom:.5rem;cursor:pointer}@media screen and (max-width: 818.98px) and (orientation: portrait){.ral-colors-other-item{font-size:.5rem}}.ral-colors-other-item:first-child{border-left:0}.ral-colors-other-item:last-child{border-right:0}.ral-colors-other-item.active .ral-colors-other-color:after{color:#fff}.roof-colors-list{justify-content:space-between;margin:.75rem 0;margin-bottom:0}.roof-colors-item{display:flex;flex-direction:column;width:calc(25% - .4rem);text-align:center;cursor:pointer}.roof-colors-item i{color:transparent;font-size:2rem}.roof-colors-item.active i{color:inherit}.roof-colors-item--name{font-style:italic}.roof-colors-item--color{display:flex;align-items:center;justify-content:center;height:52px;border:1px solid rgba(0,0,0,.2);color:#fff}ng-renoval-config-navbar{position:absolute;top:0;left:0;background-color:var(--color-utility--6);height:var(--config-navbar-height);width:100%;align-items:center;justify-content:space-between;display:flex;padding:0 2rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar{position:fixed;bottom:0;top:initial;padding:0;z-index:11}}ng-renoval-config-navbar .navbar-step,ng-renoval-config-navbar .navbar-action{display:flex;margin:0;padding:0;list-style:none}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-step{width:100%;justify-content:center}}ng-renoval-config-navbar .navbar-step-item{margin:0 1rem;display:flex;flex-direction:column;align-items:center;color:#fff;cursor:pointer}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-step-item{margin:0 1.7vw;justify-content:space-between}}ng-renoval-config-navbar .navbar-step-item i{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;font-size:2rem}ng-renoval-config-navbar .navbar-step-item i.icon-Toit{font-size:3rem}ng-renoval-config-navbar .navbar-step-item span{font-size:.8125rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-step-item span{display:none}}ng-renoval-config-navbar .navbar-step-item.disabled{opacity:.2}ng-renoval-config-navbar .navbar-step-item.active i{background-color:var(--color-utility--2);border:1px solid var(--color-utility--2)}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action{position:fixed;top:72px;left:0;width:100%;height:69px;background-color:#fff}}ng-renoval-config-navbar .navbar-action-item{--bs-border-width: 2px;margin-right:1rem}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item{margin-right:0;flex:1}}ng-renoval-config-navbar .navbar-action-item:first-child i{display:none}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item:first-child i{display:block;font-size:2rem}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item:first-child span{display:none}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item:first-child{width:20%;flex:inherit}}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item .btn{width:100%;height:100%;border-color:#fff;padding:0;line-height:1rem}ng-renoval-config-navbar .navbar-action-item .btn:not(.btn-outline-primary){border-top:0;border-bottom:0;border-right:0}}ng-renoval-config-navbar .navbar-action-item .btn.disabled{pointer-events:initial;cursor:not-allowed}ng-renoval-config-navbar .navbar-action-item .btn:hover{background-color:#fff;color:var(--color-utility--1);border:2px solid #fff}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-navbar .navbar-action-item .btn-outline-primary{background-color:#fff;color:var(--color-utility--1);border-color:var(--color-utility--1)}}.background-picker{text-align:center;color:var(--color-utility--6)}.background-picker__section{position:relative}@media screen and (max-width: 818.98px) and (orientation: portrait){.background-picker__section{flex-direction:column-reverse}}.background-picker__section-separator{position:absolute;width:1px;height:100%;background-color:var(--color-utility--10);padding:0}@media screen and (max-width: 818.98px) and (orientation: portrait){.background-picker__section-separator{display:none}}.background-picker__section-title{display:flex;flex-direction:column;align-items:center}.background-picker__section-title-logo{display:block;color:#fff;width:76px;height:76px;background-color:var(--color-utility--2);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.8rem;margin-bottom:.5rem}.background-picker__section-title-label{text-transform:uppercase;line-height:normal}.background-picker__section-text{margin:1.5rem 0;margin-left:auto;margin-right:auto;font-weight:600;line-height:normal;max-width:440px}.background-picker__section-text span{color:var(--color-utility--2);font-weight:700}.background-picker__section-text b{font-weight:700}.background-picker__image{border-radius:10px}.background-picker__image-list{display:flex;list-style:none;padding:0;margin:0}.background-picker__image-list--app{justify-content:center}.background-picker__image-list--app img{width:115px;height:auto;margin:0 .25rem}.background-picker__image-list--pic{padding-top:1.5rem;margin:0 -.5rem;flex-wrap:nowrap;overflow-x:auto}.background-picker__image-list--pic li{position:relative;margin:0 1rem;padding-bottom:1.5rem}.background-picker__image-list--pic img{width:100px;height:100px;object-fit:cover;object-position:center;border-radius:8px;cursor:pointer}.background-picker__image-list--pic .icon-close{position:absolute;width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#eb0000;background-color:#fff;top:-1.4rem;right:-1.4rem;border-radius:50%;font-size:1.5rem;cursor:pointer}ng-renoval-config-positionning{display:block;position:relative;height:calc(100vh - var(--header-height));width:100%;overflow:hidden;background-color:#ddd;--config-navbar-height: 0px;--config-panel-height: 0;--config-panel-width: 0;--config-panel-x: 0}ng-renoval-config-positionning ng-renoval-config-viewport canvas{width:100%!important;height:100%!important}ng-renoval-config-positionning #positioning-container{height:100%}ng-renoval-config-positionning #simu-background img{display:block;z-index:0;pointer-events:none;position:absolute}ng-renoval-config-positionning #simu-interactive-area{position:absolute;width:100%;height:100%;touch-action:none;top:0;left:0}ng-renoval-config-positionning .simulator-tools{position:absolute;top:5vh;right:50px;list-style:none;margin:0;padding:0}@media screen and (max-width: 818.98px) and (orientation: portrait){ng-renoval-config-positionning .simulator-tools{top:1rem;right:1rem}}ng-renoval-config-positionning .simulator-tools li{display:flex;justify-content:center;align-items:center;color:var(--color-utility--2);text-align:center;background:#fff;margin-bottom:15px;height:50px;width:50px;box-shadow:0 2px 4px #00000080;border-radius:50%;line-height:0em;position:relative}ng-renoval-config-positionning .simulator-tools li i,ng-renoval-config-positionning .simulator-tools li span,ng-renoval-config-positionning .simulator-tools li img{cursor:pointer}ng-renoval-config-positionning .simulator-tools li img{width:30px;display:block;position:absolute;top:10px;left:10px}ng-renoval-config-positionning .simulator-tools li img.icon-white{opacity:0}ng-renoval-config-positionning .simulator-tools li img.save{top:12px;left:12px;width:25px}ng-renoval-config-positionning .simulator-tools li.active{background-color:var(--color-utility--2)}ng-renoval-config-positionning .simulator-tools li.active img.icon{opacity:0}ng-renoval-config-positionning .simulator-tools li.active img.icon-white{opacity:1}ng-renoval-config-projects .account__project-action{padding:.5rem;margin:-.5rem}ng-renoval-config-templates{display:block;position:relative}ng-renoval-config-templates .filtr-item{width:33%}.configurator-price{margin-right:1.5rem;color:var(--color-utility--1)}@media screen and (max-width: 818.98px) and (orientation: portrait){.configurator-price{position:fixed;top:150px;width:auto;right:0;text-align:right;margin-right:.5rem}.configurator-price span{display:inline-block}.configurator-price span.configurator-price-value{font-size:1rem;margin-left:.5rem}}.configurator-price-label{font-size:.9rem}.configurator-price-value{font-weight:700;font-size:1.25rem;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 818.98px) and (orientation: portrait){.configurator-price-value{justify-content:end}}.configurator-price-value i{margin-left:.5rem;cursor:pointer}:root{font-size:16px}@media screen and (orientation: landscape) and (max-width: 1199.98px){:root{font-size:14px}}body>model-viewer{z-index:-100}ng-renoval-config-header~.main-content{padding-top:var(--header-height)}.configurator__shape-item{cursor:pointer}.configurator__shape-item.disabled{cursor:not-allowed;opacity:.5}.configurator__shape-item.disabled:active{pointer-events:none}ol li{padding-left:1rem}ol li::marker{font-weight:bolder}@media screen and (max-width: 818.98px) and (orientation: portrait){.desktop-only{display:none}.desktop-only.is-active{display:var(--display-mobile)}}.mobile-only{display:none}@media screen and (max-width: 818.98px) and (orientation: portrait){.mobile-only.is-active{display:var(--display-mobile)}}