body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Avenir;font-weight:300;src:url(../../static/media/AvenirNext-Regular.194a729945967b79c1e0.ttf)}:root{--gray:#515049;--white:#f1eeec;--pink:#c08d86;--brown:#9f795f}body *{font-family:Avenir!important}body{overflow:hidden}#sizeMention{border-top:1px solid #515049;border-top:1px solid var(--gray);color:#89887f;line-height:normal;padding:15px 43px 0;text-align:justify}#logoEdge{bottom:40px;display:block;height:20px;opacity:.1;position:absolute;right:40px;transition:opacity .25s;width:60px}#logoEdge:hover{opacity:.5}#logoEdge img{height:100%;object-fit:contain;width:100%}.bigX{align-items:center;background-color:#c08d86;background-color:var(--pink);cursor:pointer;display:block;display:flex;height:80px;justify-content:center;position:absolute;right:0;top:0;transition:all .15s;width:80px}.bigX:hover{background-color:#9f795f;background-color:var(--brown)}.bigX:after{transform:rotate(45deg)}.bigX:after,.bigX:before{background-color:#fff;content:"";height:25px;width:1px}.bigX:before{transform:rotate(-45deg)}#mainMenu{display:flex;height:100%;left:0;position:absolute;top:0;width:100%}#mainMenu #menu{height:calc(100% - 150px);padding:75px;width:calc(25% - 150px)}#mainMenu #content{background:#f1eeec;background:var(--white);width:75%}.gr_btn{display:flex;flex-direction:column}.gr_btn .btn{background:transparent;border:0;color:#5e5e5e;cursor:pointer;font-size:1.35vw;margin:10px 0;outline:0;padding:0;position:relative;text-align:left;transition:color .2s;white-space:nowrap}.gr_btn .btn:first-letter{text-transform:capitalize}.gr_btn .btn:hover{color:#000}.gr_btn .btn.active{color:#000;font-weight:600}.logo{display:block;margin:0 auto 75px;max-width:150px;width:100%}p#title{font-size:50px;font-weight:600;margin-bottom:50px}p#title:first-letter{text-transform:capitalize}.thumbnail.isLoading{animation:shimmer 2s linear infinite}@keyframes shimmer{0%{opacity:1;transform:rotate(0)}25%{opacity:.5}50%{opacity:1}75%{opacity:.5}to{opacity:1;transform:rotate(180deg)}}#buttons{bottom:40px;gap:30px;left:35px;position:absolute}#buttons,.PDF,.switch{align-items:center;display:flex}.PDF,.switch{color:#515049;cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}#buttons div:hover h5{text-decoration:underline}#content{overflow:auto;padding:100px}#content #text{color:#4d4d4d;font-size:18px;line-height:28px;margin-bottom:50px;max-width:60%}.gr_btn_icon{grid-gap:50px;display:grid;grid-template-columns:repeat(auto-fill,300px);justify-content:space-between}.gr_btn_icon .btn_icon{background-color:#ffffff00;cursor:pointer;height:250px;position:relative;width:300px}.gr_btn_icon .btn_icon:hover div{box-shadow:10px 10px 15px 0 rgba(0,0,0,.25)}.gr_btn_icon .btn_icon h3{bottom:25px;font-size:18px;font-weight:600;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:1}.gr_btn_icon .btn_icon div{background-color:#fff;border-radius:15px;bottom:0;height:70%;position:absolute;transition:box-shadow .2s;width:100%;z-index:0}.gr_btn_icon .btn_icon img{display:block;left:50%;pointer-events:none;position:absolute;top:-10px;transform:translateX(-50%);transition:transform .2s;width:400px;z-index:1}.gr_btn_icon .btn_icon:hover img{transform:translateX(-50%) scale(110%)}.customAccordion{background-color:initial!important;border-radius:0!important;margin:0!important}.customAccordion:after,.customAccordion:before{display:none!important}.customAccordion .plusMinus{height:18px;margin-right:3px;position:relative;width:18px}.customAccordion .plusMinus div{background-color:#515049;background-color:var(--gray);display:block;height:100%;left:50%;position:absolute;top:50%;transform:rotate(90deg) translate(-50%,-50%);transform-origin:0 0;transition:all .25s;width:1px}.customAccordion .plusMinus div:first-child{transform:rotate(0) translate(-50%,-50%)}.customAccordion .plusMinus.active div:first-child{transform:rotate(90deg) translate(-50%,-50%)}.customAccordion .inner{align-items:center;color:#515049;color:var(--gray);display:flex;gap:15px;height:50px;justify-content:space-between;width:100%}.customAccordion .inner h3{flex-grow:1;font-size:22px}.customAccordion .current{align-items:center;display:flex;gap:15px;opacity:1;transition:all .25s}.customAccordion .current p{text-align:right}.customAccordion .current.active{opacity:0}.customAccordion .current p:not(.nocap){text-align:right;text-transform:capitalize}.customAccordion .current span{background-position:50%;background-size:200%;border:1px solid #00000021;border-radius:50%;height:32px;width:32px}.stickyTop:after,.stickyTop:before{height:100%;padding:2px 0;top:-2px}.sideBorder:after,.sideBorder:before,.stickyTop:after,.stickyTop:before{background-color:#f1eeec;background-color:var(--white);content:"";display:block;pointer-events:none;position:absolute;width:43px}.sideBorder:after,.sideBorder:before{bottom:-2px;height:3px;left:0}.sideBorder:after{left:auto;right:0}.stickyTop:before{left:0}.stickyTop:after{right:0}.stickyTop{background-color:#f1eeec!important;background-color:var(--white)!important;border-top:1px solid #515049!important;border-top:1px solid var(--gray)!important;max-height:56px!important;min-height:50px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:1}.formatButtons{cursor:pointer;display:flex;gap:20px;margin-bottom:20px}.formatButtons p.active{cursor:default;font-weight:800;text-decoration:underline}.roundedlBtn{background-color:initial;border:1px solid #515049;border:1px solid var(--gray);border-radius:8px;color:#515049;color:var(--gray);cursor:pointer;font-size:14px;padding:10px 12px;transition:all .25s}.roundedlBtn.active{background-color:#515049;background-color:var(--gray);color:#fff}.materialBtn.new span:not(.isLoading):after{background-color:#c08d86;background-color:var(--pink);border-radius:50px;color:#fff;content:"NEW";font-size:9px;font-weight:800;padding:3px 5px;position:absolute;right:0;top:-5px}.materialBtn{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:16px;position:relative}.materialBtn span{background-position:50%;background-size:150%;border:1px solid #0002;box-sizing:border-box;outline:4px solid transparent;transition:all .25s}.materialBtn.active span{border-color:#fff;border-width:3px;outline-color:#515049;outline-color:var(--gray)}.materialBtn.active p{font-weight:800}.materialBtn p{font-size:14px;justify-content:center;line-height:20px;max-width:60px}.materialBtn p,.topTitles{display:flex;text-transform:capitalize}.topTitles{color:#cdcdcd;flex-direction:column;gap:15px;left:35px;mix-blend-mode:exclusion;position:absolute;top:50px}.topTitles h2{font-size:35px}.topTitles h6{font-size:18px}#sideMenu{background-color:#9f795f;display:flex;flex-direction:column;gap:5px;overflow-y:auto;padding:10px}.listElement{border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:10px;padding:4px}.listElement.active,.listElement:hover{background-color:#c08d86}.listElement p{color:#fff}.listElement p.bold{font-weight:800}#mainApp{display:flex}#mainApp,#theApp{height:100%;width:100%}#theApp{flex:1 1;position:relative}#iframeContainer{flex:1 1;height:100%;left:0;min-width:0;top:0;z-index:-1}#appIframe{border:0}#app,#appIframe{height:100%;width:100%}#app{background-color:#f1eeec;background-color:var(--white);position:fixed;top:0}#app,#config{display:flex;left:0}#config{flex-direction:column;height:calc(100% - 100px);min-width:550px;overflow-x:hidden;overflow-y:auto;position:relative;top:100px;width:30%;z-index:0}#config h4{font-size:25px;margin-bottom:10px;text-transform:uppercase}#config h2{font-size:60px;font-weight:600;margin-bottom:25px}.transition{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.transition.right{background-color:#fff;left:auto;right:0;width:35%}#return{background-color:initial;border:0;cursor:pointer;left:35px;outline:0;position:absolute;top:35px}#return:hover,#return:hover p{color:#666}#return div{align-items:center;display:flex}#return div p{color:#3a3a3a;font-size:15px;font-weight:600;margin-left:10px;text-transform:uppercase}.cat_menu h5{font-size:20px;pointer-events:none}.cat_menu>div.active h5{color:#000;font-weight:600}.cat_menu>div{background-color:#d3d3d3;border:1px solid #d3d3d3;border-bottom-color:#000;border-radius:5px 5px 0 0;cursor:default;margin-bottom:-1px;padding:8px 18px;position:relative;-webkit-user-select:none;user-select:none}.cat_menu>div.active{background-color:#fff;border-color:#000 #000 #fff;z-index:2}.cat_menu>div:last-child.active{margin-left:-6px;margin-right:0}.cat_menu>div:first-child.active{margin-left:0;margin-right:-6px}.category{flex:1 1;overflow:hidden}.category:not(:last-child){margin-bottom:20px}.category .cat_menu{border-bottom:1px solid #000;display:flex;margin-bottom:2px}.cat_menu>div:not(.active){color:#7f7f7f;cursor:pointer}.cat_menu>div:hover:not(.active){background-color:#e7e7e7;color:#313131}#configurator{margin:auto 0;padding-bottom:15px;width:100%}#configurator .material_parent{display:flex;height:calc(100% - 52px);margin-top:15px;transition:transform .25s cubic-bezier(.15,.3,.25,1) 0s}#configurator .materials_parent{display:flex;flex-direction:column;flex-shrink:0;width:100%}#configurator .materials,#configurator .materials_b{overflow-y:auto;width:100%}#configurator .materials{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,80px);justify-content:space-between}#configurator .materials .pastille{border-radius:8px;cursor:pointer;height:80px;overflow:hidden;width:80px}#configurator .materials .pastille.active{border:8px solid #fff;box-sizing:border-box;outline:5px solid #000;outline-offset:-5px}#configurator .materials .pastille img{height:100%;width:100%}#configurator .materials_parent .categories_parent{display:flex;margin-bottom:10px;margin-top:-5px}#configurator .materials_parent .catBtn{background-color:initial;border:2px solid #adadad;border-radius:5px;color:#adadad;cursor:pointer;padding:5px 10px;text-transform:capitalize}#configurator .materials_parent .catBtn.active{border-color:#000;color:#000;cursor:default;font-weight:600}#configurator .materials_parent .catBtn:not(:last-child){margin-right:15px}body #menu>div .hamburger-react{display:none}.materials_parent .scrollGradient{display:block;height:-webkit-fill-available;height:-moz-available;height:stretch;pointer-events:none;position:absolute;width:100%;z-index:1}.materials_parent .scrollGradient span{background-color:#ffffff33;background:linear-gradient(180deg,#fff,#ffffff00);display:block;height:100%;max-height:15px;position:absolute;width:100%;z-index:2}.materials_parent .scrollGradient span:last-child{background:linear-gradient(0deg,#fff,#ffffff00);bottom:0}#config::-webkit-scrollbar{width:8px}#config::-webkit-scrollbar-track{background:#e0e0dd}#config::-webkit-scrollbar-thumb{background-color:#dac6b8}#config::-webkit-scrollbar-thumb:hover{background-color:#c08d86;background-color:var(--pink)}#config::-webkit-scrollbar-button{display:none}.loadingPage{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffffee;height:100%;left:0;position:absolute;top:0;width:100%;z-index:50}.loadingPage .linesparent{border-radius:50%;height:60px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:60px}.loadingPage div.lines{border:7px solid transparent;height:100%;position:absolute;width:100%;z-index:10}.loadingPage div.linebg{border-color:silver;z-index:9}.loadingPage div.linetop{animation:loaderLinetop 3s linear infinite;border-top-color:#000;transform-origin:right}.loadingPage div.lineright{animation:loaderLineRight 3s linear infinite;border-right-color:#000;transform-origin:bottom}.loadingPage div.linebottom{animation:loaderLineBottom 3s linear infinite;border-bottom-color:#000;transform-origin:left}.loadingPage div.lineleft{animation:loaderLineLeft 3s linear infinite;border-left-color:#000;transform-origin:top}#loadingHider{background-color:#f1eeec;background-color:var(--white);display:block;height:100%;left:0;position:absolute;top:0;width:100%}.mobile{display:none}@keyframes loaderLinetop{0%{transform:scaleX(100%);transform-origin:right}12.5%{transform:scaleX(0);transform-origin:right}25%{transform:scaleX(0);transform-origin:left}37.5%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(0);transform-origin:left}62.5%{transform:scaleX(100%);transform-origin:left}75%{transform:scaleX(100%);transform-origin:right}87.5%{transform:scaleX(100%);transform-origin:right}to{transform:scaleX(100%);transform-origin:right}}@keyframes loaderLineRight{0%{transform:scaleY(100%);transform-origin:bottom}12.5%{transform:scaleY(100%);transform-origin:bottom}25%{transform:scaleY(0);transform-origin:bottom}37.5%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(0);transform-origin:top}62.5%{transform:scaleY(0);transform-origin:top}75%{transform:scaleY(100%);transform-origin:top}87.5%{transform:scaleY(100%);transform-origin:bottom}to{transform:scaleY(100%);transform-origin:bottom}}@keyframes loaderLineBottom{0%{transform:scaleX(100%);transform-origin:left}12.5%{transform:scaleX(100%);transform-origin:left}25%{transform:scaleX(100%);transform-origin:left}37.5%{transform:scaleX(0);transform-origin:left}50%{transform:scaleX(0);transform-origin:right}62.5%{transform:scaleX(0);transform-origin:right}75%{transform:scaleX(0);transform-origin:right}87.5%{transform:scaleX(100%);transform-origin:right}to{transform:scaleX(100%);transform-origin:left}}@keyframes loaderLineLeft{0%{transform:scaleY(100%);transform-origin:top}12.5%{transform:scaleY(100%);transform-origin:top}25%{transform:scaleY(100%);transform-origin:top}37.5%{transform:scaleY(100%);transform-origin:top}50%{transform:scaleY(0);transform-origin:top}62.5%{transform:scaleY(0);transform-origin:bottom}75%{transform:scaleY(0);transform-origin:bottom}87.5%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(100%);transform-origin:bottom}}.materials_b::-webkit-scrollbar{margin:100px;width:17px}.materials_b::-webkit-scrollbar-track{background-color:silver;box-shadow:inset 6px 0 0 #fff,inset -6px 0 0 #fff}.materials_b::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#7d7d7d;border:3px solid transparent;border-radius:9px}.materials_b::-webkit-scrollbar-thumb:hover{background-color:#989898}.materials_b::-webkit-scrollbar-track-piece:end{margin-bottom:-2px}.materials_b::-webkit-scrollbar-track-piece:start{margin-top:-3px}@media only screen and (max-width:1300px){body #configurator .inner h3{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body #configurator .current p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media only screen and (max-width:1024px){body .bigX{height:56px;width:56px}body #app .topTitles{gap:8px;left:20px;top:20px}body #app .topTitles h2{font-size:25px}body #app .topTitles h6{font-size:15px}body #app #buttons{left:20px}body #config .customAccordion.mobileVersion{border-top:1px solid var(--gray)}body #config{background-color:var(--white);min-width:auto;padding:20px;top:56px;width:380px}body #sizeMention{font-size:12px;padding:15px 0 0}}@media only screen and (max-width:768px){body #configurator .inner h3{font-size:15px}body #configurator .current p{font-size:12px}body #sizeMention{font-size:14px}}@media only screen and (orientation:portrait) and (max-width:1024px){body #app{flex-direction:column}body #app #buttons{bottom:auto;top:320px}body #app #buttons .PDF{display:none}body .PDF.mobile{display:flex;justify-content:center;padding:20px 0;text-decoration:underline}body #mainApp{flex:none;height:350px;width:100%}body #config{background-color:var(--white);bottom:0;flex:1 1;min-width:auto;padding:20px;top:auto;width:calc(100% - 40px)}body #config #configurator{margin:0}body #config .stickyTop{padding:0}body #config .sideBorder{padding-left:0;padding-right:0}body #config .sideBorder:after,body #config .sideBorder:before,body #config .stickyTop:after,body #config .stickyTop:before{display:none}}
/*# sourceMappingURL=main.e9f37257.css.map*/