/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;line-height:1.15;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:url(/static/media/open-sans-v34-latin_latin-ext-300.c02b27b95119783b4963.woff2) format("woff2"),url(/static/media/open-sans-v34-latin_latin-ext-300.e9d30f0b52ce7fb3bb3d.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:url(/static/media/open-sans-v34-latin_latin-ext-regular.69557d7f4a2c5a71fb17.woff2) format("woff2"),url(/static/media/open-sans-v34-latin_latin-ext-regular.4cdb3a4e8d16e09f8954.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:500;src:url(/static/media/open-sans-v34-latin_latin-ext-500.0226f24672dfcd567d15.woff2) format("woff2"),url(/static/media/open-sans-v34-latin_latin-ext-500.5df80c9176ff4af69324.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:600;src:url(/static/media/open-sans-v34-latin_latin-ext-600.d985c84909eb941bc635.woff2) format("woff2"),url(/static/media/open-sans-v34-latin_latin-ext-600.279729257dde04e3fb73.woff) format("woff")}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:700;src:url(/static/media/open-sans-v34-latin_latin-ext-700.d832e72baab48bc51718.woff2) format("woff2"),url(/static/media/open-sans-v34-latin_latin-ext-700.35409ef42839e2b3c27a.woff) format("woff")}html{color:#373737;font-family:Open Sans,sans-serif;font-size:50%}@media(min-width:576px){html{font-size:55%}}@media(min-width:768px){html{font-size:62.5%}}body{color:#373737;font-family:Open Sans,sans-serif;scroll-behavior:smooth}button{cursor:pointer}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:root{--theme-h:0;--theme-s:0%;--theme-l:0%;--theme-color:hsl(var(--theme-h),var(--theme-s),var(--theme-l))}*{-webkit-touch-callout:none;touch-action:pan-x pan-y}h1{font-size:4.5rem;font-weight:600;line-height:1}h1,h3{color:#373737}h3{font-size:3rem;line-height:4rem;margin-bottom:.5rem;text-transform:uppercase}h3,p.intro{font-weight:300}p.intro{font-size:1.6rem;line-height:2.2rem;margin-bottom:2rem}p.intro strong{font-weight:700}@media(min-width:992px){#root{height:100vh;overflow:hidden}#root #step-wrapper{display:flex;height:calc(100vh - 75px);justify-content:center}}#root #step-wrapper>.big-image{display:none}@media(min-width:992px){#root #step-wrapper>.big-image{display:block;height:calc(100vh - 75px);object-fit:cover;position:sticky;width:70%}}#root #step-wrapper .step-container{padding:2% 2% 100px;text-align:center;width:100%}@media(min-width:992px){#root #step-wrapper .step-container{overflow-x:hidden;overflow-y:scroll;position:relative;width:30%}#root #step-wrapper .step-container:before{box-shadow:inset -20px 0 20px -20px #878787;content:" ";height:calc(100vh - 75px);left:-20px;position:absolute;top:0;width:20px}}#root #step-wrapper .step-container>.big-image{display:inline-block;max-height:200px}@media(min-width:992px){#root #step-wrapper .step-container>.big-image{display:none}}header{align-items:center;background:#fafafa;box-shadow:0 1px 4px -1px #3c404380,0 1px 10px -1px #3c404326;display:flex;height:50px;justify-content:space-between;padding:0 2%;position:relative;z-index:999}@media(min-width:1050px){header{height:75px;position:sticky;top:0}}header .logo-wrapper{align-items:center;display:flex}header .logo-wrapper a{margin-left:10px}@media(min-width:1050px){header .logo-wrapper a{margin-left:25px}}header .logo-wrapper .back-btn{align-items:center;border:1px solid #d9d9d9;border-radius:5px;color:#373737;display:flex;font-size:1.5rem;font-weight:500;height:35px;padding:0 10px;text-decoration:none;transition:border-color .3s ease-in-out}header .logo-wrapper .back-btn:hover{border-color:var(--theme-color)}header .logo-wrapper img{display:block;margin-left:10px;max-height:35px;max-width:100px}@media(min-width:1050px){header .logo-wrapper img{margin-left:25px;max-height:40px;max-width:180px}}header .logo-wrapper img.made-in-france-logo{height:45px;max-height:45px}@media(min-width:1050px){header .logo-wrapper img.made-in-france-logo{height:65px;max-height:65px}}header .logo-wrapper img.charlie-logo{height:35px;max-height:35px}@media(min-width:1050px){header .logo-wrapper img.charlie-logo{height:55px;max-height:55px}}header .logo-wrapper img:first-child{margin-left:0}#stepper{align-items:center;display:flex}#stepper .stepper-step{border-radius:30px 0 0 30px;display:none;height:calc(2.5rem + 4px);max-width:calc(2.5rem + 4px);overflow:hidden;transition:max-width .6s;-webkit-user-select:none;user-select:none}@media(min-width:768px){#stepper .stepper-step{display:inline-block;margin-right:10px}}#stepper .stepper-step.current{display:inline-block}@media(min-width:1050px){#stepper .stepper-step{height:calc(5rem + 2px);max-width:5rem}}#stepper .stepper-step.current,#stepper .stepper-step.done{cursor:pointer}#stepper .stepper-step.current .number,#stepper .stepper-step.done .number{background:#fff;border:1px solid var(--theme-color);color:var(--theme-color)}#stepper .stepper-step .label{background:#fff;border:1px solid var(--theme-color);border-radius:20px;color:var(--theme-color);display:inline-block;font-size:1.5rem;font-weight:500;left:-100%;line-height:2rem;margin-right:-2.5rem;opacity:0;padding:.25rem 1.5rem .25rem 3rem;position:relative;transition:opacity .5s ease-in-out,left .4s ease-in-out}@media(min-width:1050px){#stepper .stepper-step .label{font-size:2.6rem;line-height:3.5rem;margin-right:-4.5rem;padding:.5rem 3rem .5rem 6rem}}#stepper .stepper-step .number{background:#fff;border:1px solid #e3e3e3;border-radius:50%;color:#e3e3e3;display:inline-block;font-size:1.4rem;font-weight:500;height:calc(2.5rem + 2px);line-height:2.5rem;position:relative;text-align:center;transition:background-color .3s ease-in-out,border-color .5s ease-in-out,color,.5s ease-in-out;width:calc(2.5rem + 2px);z-index:2}@media(min-width:1050px){#stepper .stepper-step .number{font-size:2.5rem;height:5rem;line-height:5rem;width:5rem}}#stepper .stepper-step.current,#stepper .stepper-step.done:hover{height:calc(2.5rem + 4px);max-width:1000px;padding-right:2px}@media(min-width:1050px){#stepper .stepper-step.current,#stepper .stepper-step.done:hover{height:calc(5rem + 2px)}}#stepper .stepper-step.current .label,#stepper .stepper-step.done:hover .label{box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;left:-2.5rem;opacity:1}@media(min-width:1050px){#stepper .stepper-step.current .label,#stepper .stepper-step.done:hover .label{left:-4.5rem}}#modal,#modal-overlay{opacity:0;position:absolute;transition:opacity .4s ease-in-out;visibility:hidden}#modal-overlay.modal-shown,#modal.modal-shown{opacity:1;visibility:visible}#modal-overlay{background-color:#00000080;height:100vh;left:0;top:0;width:100vw;z-index:1000}@media(min-width:992px){#modal-overlay{display:none}}#modal{background-color:#fff;border-radius:.5rem;left:50%;max-height:90%;max-width:90%;min-width:40vw;overflow-y:auto;padding:1rem;top:50%;transform:translate(-50%,-50%);z-index:1001}@media(min-width:992px){#modal{border-radius:0;box-shadow:0 1px 4px -1px #3c404380,0 1px 10px -1px #3c404326;height:calc(100vh - 45px);left:0;max-height:none;position:fixed;right:0;top:45px;transform:translate(0);width:70%;z-index:998}}@media(min-width:1050px){#modal{height:calc(100vh - 70px);top:70px}}#modal h2{font-size:4rem;font-weight:300;line-height:5rem;margin-bottom:3rem;text-align:center}#modal #modal-content{padding:0 1rem}#modal #modal-content *{font-size:1.4rem;line-height:2rem}#modal #modal-content img{height:auto!important;max-width:100%}#modal #modal-close{background-color:#fff;border:1px solid var(--theme-color);border-radius:50%;color:var(--theme-color);cursor:pointer;float:right;font-size:14px;font-weight:700;height:30px;line-height:25px;padding:0;text-align:center;transition:background-color .4s ease-in-out,color .4s ease-in-out;width:30px}#modal #modal-close:hover{background-color:var(--theme-color);color:#fff}div.preview-modal{align-items:center;display:flex;flex-direction:column}@media(min-width:768px){div.preview-modal{flex-direction:row}}div.preview-modal img{border:1px solid #373737;height:150px;margin:5px 0;padding:5px;width:150px}@media(min-width:768px){div.preview-modal img{height:300px;margin-right:50px;width:300px}}div.preview-modal table{border:1px solid #000;border-collapse:collapse;padding:0 5px}div.preview-modal table th{font-weight:700}div.preview-modal table td,div.preview-modal table th{border:1px solid #000;padding:0 5px;text-align:left}.big-image{opacity:1;transition:opacity .15s ease-in-out}.big-image.fade-out{opacity:0}.title-section{display:block;font-size:4rem;font-weight:300;line-height:5.4rem;margin-top:0;text-align:center}div.shape-single-select{background:#fff;border:1px solid #d9d9d9;cursor:pointer;font-size:2rem;padding:15px 10px;position:relative;-webkit-user-select:none;user-select:none}div.shape-single-select:after{animation:borderGradientAnimation 3s ease infinite alternate;background:linear-gradient(60deg,hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 35%)),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%)),var(--theme-color),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%)),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 35%)));background-size:300% 300%;border-radius:2px;content:"";height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1}div.shape-single-select .label{color:#373737;display:block;font-size:2rem;font-weight:300;line-height:2.5rem;overflow:hidden;text-overflow:ellipsis;width:calc(100% - 50px)}div.shape-single-select:hover{border-color:#0000}div.shape-single-select:hover:after{opacity:1}div.shape-single-select.selected{border-color:var(--theme-color)}div.shape-single-select.selected .question-mark{display:inline-block}div.shape-single-select.selected .label{font-weight:400}ul.shape-options{background:#fff;border:1px solid #d9d9d9;display:none;list-style-type:none;margin:0;max-height:100px;overflow-y:scroll;padding:15px 0 0}ul.shape-options.shown{display:block}@media(min-width:768px){ul.shape-options{max-height:200px}}ul.shape-options li{border-bottom:1px solid #d9d9d9;color:#373737;cursor:pointer;display:block;font-size:2rem;font-weight:300;line-height:2.5rem;margin-bottom:10px;overflow:hidden;padding:0 10px 10px;text-overflow:ellipsis}ul.shape-options li.selected,ul.shape-options li:hover{font-weight:400}.question-mark{color:var(--theme-color);cursor:pointer;height:30px;opacity:0;position:absolute;right:10px;text-align:center;top:12px;transition:visibility .3s ease-in-out,opacity .25s ease-in-out;visibility:hidden;width:30px}.question-mark.shown{display:inline-block;opacity:1;visibility:visible}#shape-choices{text-align:left}#shape-choices .shape-single-select{margin-bottom:10px}#shape-choices .shape-single-select.standard-select{margin-bottom:0}.select-icon svg{fill:var(--theme-color);color:var(--theme-color);height:25px!important;position:absolute;right:10px;top:12px;width:25px!important}#go-to-next-step-button{bottom:-100px;color:#fff;cursor:pointer;font-size:2rem;height:50px;line-height:50px;position:fixed;right:0;transition:bottom 1s ease-in-out;width:100%;z-index:999}#go-to-next-step-button.shown{bottom:0}#go-to-next-step-button span,#go-to-next-step-button svg{position:relative;-webkit-user-select:none;user-select:none;z-index:999}@media(min-width:992px){#go-to-next-step-button{width:30%}}#go-to-next-step-button svg{bottom:-50px;margin-right:20px;position:relative;transition:bottom .3s ease-in-out}#go-to-next-step-button span{left:-20px;position:relative;transition:left .3s ease-in-out}#go-to-next-step-button:hover svg{bottom:0}#go-to-next-step-button:hover span{left:0}#go-to-next-step-button:after{background-color:var(--theme-color);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%;z-index:997}#go-to-next-step-button:before{background-color:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 5%));bottom:0;content:"";height:100%;left:0;position:absolute;transition:width .3s ease-in-out,background-color .3s ease-in-out;width:0;z-index:998}#go-to-next-step-button:hover:before{width:100%}#estimation-button{align-items:center;background-color:var(--theme-color);bottom:-100px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:100px;justify-content:space-around;line-height:50px;padding:0 5px;position:fixed;right:0;transition:bottom 1s ease-in-out;width:100%;z-index:999}#estimation-button.shown{bottom:0}@media(min-width:992px){#estimation-button{width:30%}}#estimation-button .estimation{display:flex;flex-direction:column;text-align:left}#estimation-button .estimation .label{font-size:2rem;font-weight:300;line-height:2.4rem}@media(min-width:1200px){#estimation-button .estimation .label{font-size:2.4rem;line-height:3.3rem}}#estimation-button .estimation .value{font-size:2.4rem;font-weight:600;line-height:3.3rem}#estimation-button .estimation .value .price-before-reduction{font-size:1.8rem;margin-right:8px;opacity:.7;text-decoration:line-through}#estimation-button .estimation .value .price-reduced{color:#fff}#estimation-button .nextStep-toogle svg{animation:arrow 1s linear infinite}#estimation-button .nextStep{align-items:center;background-color:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) - 5%));border-radius:0 100% 0 0;border-top:5px solid #fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:110px;transition:top .3s ease-in-out,border-radius .5s ease-in-out,border-top-width .5s ease-in-out;width:100%;z-index:999}#estimation-button .nextStep span{margin-left:10px}#estimation-button:hover .nextStep{border-radius:0;border-top-width:0;top:0}@keyframes arrow{0%{animation-timing-function:cubic-bezier(.9647,.2413,-.0705,.7911);transform:translate(-10%)}51%{animation-timing-function:cubic-bezier(.9226,.2631,-.0308,.7628);transform:translate(9.99%)}to{transform:translate(-10%)}}.fabric-block{border:1px solid #d9d9d9;display:flex;flex-direction:column;font-size:2rem;margin-bottom:20px;padding:10px;text-align:left}.fabric-block:last-child{margin-bottom:0}.fabric-block .input-header{color:#373737;cursor:pointer;display:flex;justify-content:space-between}.fabric-block .input-header .label{font-size:2rem;font-weight:400;line-height:2.7rem}.fabric-block .input-header .fa-caret-down{color:var(--theme-color)}.fabric-block .input-value{cursor:pointer;margin:5px 0}.fabric-block .input-value span{font-size:3rem;font-weight:700;line-height:3.5rem}.fabric-block .input-price span{font-size:1.6rem;font-weight:300;line-height:2.2rem}ul.fabric-list{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;list-style-type:none;padding:0}ul.fabric-list li{align-content:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:0 15px 30px}ul.fabric-list li .color-image{height:75px;margin-bottom:10px;margin-left:auto;margin-right:auto;width:75px}ul.fabric-list li .color-image img{border-radius:50%}ul.fabric-list li .color-image:after{border-radius:50%;bottom:2px;content:"";cursor:pointer;height:72px;left:2px;opacity:0;position:absolute;transition:opacity .4s ease-in-out;width:72px;z-index:997}ul.fabric-list li span{font-size:1.4rem;font-weight:400;line-height:1.9rem}ul.fabric-list li:hover .color-image{position:relative}ul.fabric-list li:hover .color-image:after{animation:rotateThis 3s linear infinite;box-shadow:0 2px 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%),.25),0 -2px 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 20%),.25),2px 0 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%),.25),-2px 0 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 20%),.25),2px -2px 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 5%),.5),-2px 2px 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 5%),.5),2px 1px 0 0 hsla(var(--theme-h),var(--theme-s),var(--theme-l),.75),-2px -2px 0 0 hsla(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 30%),.75);opacity:1}ul.fabric-list li.selected .color-image img{outline:2px solid var(--theme-color)}ul.fabric-list li.selected .color-image:after{opacity:0}ul.fabric-list li.selected span{font-weight:600}.fabric-panel{background:#fff;left:200%;min-height:calc(100vh - 375px);overflow-y:auto;position:absolute;text-align:center;top:0;transition:left .5s ease-in-out;width:100%}@media(min-width:1050px){.fabric-panel{min-height:calc(100vh - 200px)}}.fabric-panel.shown{left:0}.fabric-panel h3{margin-bottom:5px}.fabric-panel h4{font-size:2.5rem;font-weight:300;margin-bottom:20px;margin-top:0}.fabric-panel .panel-menu{font-size:1.8rem;list-style:none;margin-bottom:40px;padding:0;text-align:left}.fabric-panel .panel-menu li{border-bottom:1px solid #d9d9d9;color:#373737;display:flex;font-size:2rem;font-weight:300;justify-content:space-between;padding:10px 20px;transition:color .3s}.fabric-panel .panel-menu li.disabled{color:#d9d9d9}.fabric-panel .panel-menu li:not(.disabled):hover{color:var(--theme-color);cursor:pointer}.fabric-panel .panel-menu li:last-child{border-bottom:none}.sample-button-list-container{text-align:center}.sample-button-list-container .sample-button-list button{background:#d9d9d9;border:none;cursor:pointer;font-size:2rem;margin-bottom:15px;padding:10px;width:100%}.sample-button-list-container .sample-button-list button:last-child{margin-bottom:0}.sample-button-list-container .sample-button-list button.primary{background:var(--theme-color)}.sample-button-list-container .sample-button-list button u{padding:0}.configurator-sail .step-dimensions{text-align:left}.configurator-sail .step-dimensions .measure-errors,.configurator-sail .step-dimensions .measure-input,.configurator-sail .step-dimensions .measure-surface{margin-bottom:2.5rem}.configurator-sail .step-dimensions .measure-help-preview,.configurator-sail .step-dimensions .measure-help-trigger{border:none;font-size:1.8rem;font-weight:400;line-height:2.7rem;margin-bottom:2rem;padding:5px 0;transition:background-color .4s ease-in-out;width:80%}.configurator-sail .step-dimensions .measure-help-trigger{background:#d9d9d9;color:#373737}.configurator-sail .step-dimensions .measure-help-trigger:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) - 10%));color:#fff}.configurator-sail .step-dimensions .measure-help-preview{background:var(--theme-color);color:#fff;display:none}.configurator-sail .step-dimensions .measure-help-preview:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 10%))}.configurator-sail .step-dimensions .measure-help-preview.shown{display:inline}.configurator-sail .step-dimensions .measure-errors{color:#c10000;font-size:2rem;line-height:2.7rem;text-align:center}.configurator-sail .step-dimensions .measure-errors p{display:none;opacity:0;transition:opacity .4s ease-in-out}.configurator-sail .step-dimensions .measure-errors p.shown{display:block;opacity:1}div.measure-input{border:1px solid #d9d9d9;font-size:2rem;padding:10px;position:relative;text-align:left}div.measure-input.error{border-color:#c10000}div.measure-input .label{font-size:2rem;font-weight:400;line-height:2.7rem}div.measure-input>div{margin-top:1rem}div.measure-input>div input,div.measure-input>div input:active,div.measure-input>div input:focus,div.measure-input>div input:hover{border:none;outline:none}div.measure-input>div input{font-size:4rem;font-weight:700;line-height:5.4rem;width:calc(100% - 70px)}div.measure-input>div .unit{bottom:30px;display:inline-block;font-size:2rem;font-weight:400;line-height:2.7rem;position:absolute;right:25px}div.measure-input.active{border-color:var(--theme-color)}div.measure-surface{color:#999898;display:none;font-size:2rem;font-weight:400;line-height:2.7rem;opacity:0;transition:opacity .3s ease-in-out}div.measure-surface.shown{display:block;opacity:1}.step-fastener .fastener-input{margin-bottom:10px}.step-fastener .measure-help-preview{background:var(--theme-color);border:none;color:#fff;display:none;font-size:1.8rem;font-weight:400;line-height:2.7rem;margin-bottom:2rem;margin-top:2rem;padding:5px 0;transition:background-color .4s ease-in-out;width:80%}.step-fastener .measure-help-preview:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 10%))}.step-fastener .measure-help-preview.shown{display:inline}.fastener-input{border:1px solid #d9d9d9;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;padding:10px;position:relative;text-align:left}.fastener-input .input-header{color:#373737;display:flex;justify-content:space-between}.fastener-input .input-header .label{font-size:2rem;font-weight:400;line-height:2.7rem}.fastener-input .input-header .fa-caret-down{color:var(--theme-color)}.fastener-input .input-value{margin:5px 0}.fastener-input .input-value span{font-size:3rem;font-weight:700;line-height:3.5rem}.fastener-input .input-price span{font-size:1.6rem;font-weight:300;line-height:2.2rem}.choice-panel{background:#fff;height:100%;left:-100%;padding:10px;position:absolute;top:0;transition:left .5s ease-in-out;width:100%}.choice-panel.shown{left:0}.choice-panel .choice-panel-item-wrapper{border:1px solid #d9d9d9;margin-bottom:10px;position:relative}.choice-panel .choice-panel-item-wrapper:after{animation:borderGradientAnimation 3s ease infinite alternate;background:linear-gradient(60deg,hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 35%)),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%)),var(--theme-color),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 15%)),hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 35%)));background-size:300% 300%;border-radius:2px;content:"";height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;width:calc(100% + 4px);z-index:-1;z-index:0}.choice-panel .choice-panel-item-wrapper:hover{border-color:#0000}.choice-panel .choice-panel-item-wrapper:hover:after{opacity:1}.choice-panel .choice-panel-item-wrapper.selected{border-color:var(--theme-color)}.choice-panel .choice-panel-item-wrapper.selected .choice-panel-item-header .label,.choice-panel .choice-panel-item-wrapper.selected .choice-panel-item-header .value{font-weight:400}.choice-panel .choice-panel-item-wrapper .choice-panel-item{background:#fff;cursor:pointer;display:flex;font-size:2rem;justify-content:space-between;padding:10px;position:relative;text-align:left;z-index:91}.choice-panel .choice-panel-item-wrapper .choice-panel-item .choice-panel-item-header{color:#373737;display:flex;flex-direction:column;width:calc(100% - 50px)}.choice-panel .choice-panel-item-wrapper .choice-panel-item .choice-panel-item-header .label{font-size:2rem;font-weight:300;line-height:2.7rem}.choice-panel .choice-panel-item-wrapper .choice-panel-item .choice-panel-item-header .value{font-size:1.6rem;font-weight:300;line-height:2.2rem}.accessory-input{border:1px solid #d9d9d9;display:flex;flex-direction:column;font-size:2rem;padding:10px;position:relative;text-align:left}.accessory-input div.input-header{margin-bottom:1rem}.accessory-input div.input-header span.label{display:block;font-size:2rem;font-weight:400;line-height:2.7rem;margin-bottom:5px}.accessory-input div.input-header span.price{display:block;font-size:1.6rem;font-weight:300;line-height:2.2rem}.accessory-input div.input-content{position:relative}.accessory-input div.input-content input,.accessory-input div.input-content input:active,.accessory-input div.input-content input:focus,.accessory-input div.input-content input:hover{border:none;outline:none}.accessory-input div.input-content input{font-size:3rem;font-weight:700;line-height:4rem;width:calc(100% - 70px)}.accessory-input:hover .question-mark{opacity:1;visibility:visible}.option-input{border:1px solid #d9d9d9;display:flex;flex-direction:column;font-size:2rem;margin-bottom:10px;padding:10px;position:relative;text-align:left}.option-input div.input-header{margin-bottom:1rem}.option-input div.input-header span.label{display:block;font-size:2rem;font-weight:400;line-height:2.7rem;margin-bottom:5px}.option-input div.input-header span.price{display:block;font-size:1.6rem;font-weight:300;line-height:2.2rem}.option-input div.input-content{position:relative}.option-input div.input-content input,.option-input div.input-content input:active,.option-input div.input-content input:focus,.option-input div.input-content input:hover,.option-input div.input-content select,.option-input div.input-content select:active,.option-input div.input-content select:focus,.option-input div.input-content select:hover{background:#fff;border:none;outline:none}.option-input div.input-content input,.option-input div.input-content select{font-size:2.6rem;font-weight:700;line-height:3.6rem;width:calc(100% - 70px)}.option-input:hover .question-mark{opacity:1;visibility:visible}.app-loader{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.app-loader p.title{animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;color:#fff;font-size:5em;letter-spacing:1pt;position:relative;text-shadow:0 2px #000;text-transform:uppercase;z-index:10}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.app-loader .triangle{align-items:center;background:linear-gradient(0deg,#ffbf00 0,#ffd966);display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:all .8s cubic-bezier(.645,.045,.355,1);width:100%;z-index:1}.app-loader .triangle.left{clip-path:polygon(0 0,0 100%,101% 100%)}.app-loader .triangle.right{clip-path:polygon(100% 0,0 0,100% 100%)}.app-loader.open .triangle.left{clip-path:polygon(0 0,0 100%,0 100%)}.app-loader.open .triangle.right{clip-path:polygon(100% 0,100% 0,100% 100%)}.app-loader.hidden{display:none}.app-token-expired{align-items:center;background:linear-gradient(0deg,#ffbf00 0,#ffd966);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;padding:0 20%;position:fixed;top:0;width:100%;z-index:10001}.app-token-expired p.title{color:#fff;font-size:5em;letter-spacing:1pt;margin:0;position:relative;text-shadow:0 2px #000;text-transform:uppercase;z-index:10}.app-token-expired p.title+p{color:#fff;font-size:3.5em;letter-spacing:1pt;margin-top:10px;text-align:center}.app-token-expired button{background:#fff;border:none;border-radius:5px;color:var(--theme-color);cursor:pointer;font-size:2em;font-weight:300;letter-spacing:1pt;margin-top:20px;padding:10px 20px;text-transform:uppercase;transition:background .3s,color .3s}.app-token-expired button:hover{background:var(--theme-color);color:#fff}.configurator-oeillets .step-dimensions{text-align:left}.configurator-oeillets .step-dimensions .measure-errors,.configurator-oeillets .step-dimensions .measure-input,.configurator-oeillets .step-dimensions .measure-surface{margin-bottom:2.5rem}.configurator-oeillets .step-dimensions .measure-help-preview,.configurator-oeillets .step-dimensions .measure-help-trigger{border:none;font-size:1.8rem;font-weight:400;line-height:2.7rem;margin-bottom:2rem;padding:5px 0;transition:background-color .4s ease-in-out;width:80%}.configurator-oeillets .step-dimensions .measure-help-trigger{background:#d9d9d9;color:#373737}.configurator-oeillets .step-dimensions .measure-help-trigger:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) - 10%));color:#fff}.configurator-oeillets .step-dimensions .measure-help-preview{background:var(--theme-color);color:#fff;display:none}.configurator-oeillets .step-dimensions .measure-help-preview:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 10%))}.configurator-oeillets .step-dimensions .measure-help-preview.shown{display:inline}.configurator-oeillets .step-dimensions .measure-errors{color:#c10000;font-size:2rem;line-height:2.7rem;text-align:center}.step-accessory .accessory-input{margin-bottom:10px}.fabric-block-container{position:relative}.configurator-sunflow .step-dimensions{text-align:left}.configurator-sunflow .step-dimensions .measure-errors,.configurator-sunflow .step-dimensions .measure-input,.configurator-sunflow .step-dimensions .measure-surface{margin-bottom:2.5rem}.configurator-sunflow .step-dimensions .measure-help-preview,.configurator-sunflow .step-dimensions .measure-help-trigger{border:none;font-size:1.8rem;font-weight:400;line-height:2.7rem;margin-bottom:2rem;padding:5px 0;transition:background-color .4s ease-in-out;width:80%}.configurator-sunflow .step-dimensions .measure-help-trigger{background:#d9d9d9;color:#373737}.configurator-sunflow .step-dimensions .measure-help-trigger:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) - 10%));color:#fff}.configurator-sunflow .step-dimensions .measure-help-preview{background:var(--theme-color);color:#fff;display:none}.configurator-sunflow .step-dimensions .measure-help-preview:hover{background:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 10%))}.configurator-sunflow .step-dimensions .measure-help-preview.shown{display:inline}.configurator-sunflow .step-dimensions .measure-errors{color:#c10000;font-size:2rem;line-height:2.7rem;text-align:center}.configurator-sunflow .step-dimensions .measure-errors p{display:none;opacity:0;transition:opacity .4s ease-in-out}.configurator-sunflow .step-dimensions .measure-errors p.shown{display:block;opacity:1}.step-confirmation ul{list-style-type:none;padding:0}.step-confirmation ul li{font-size:1.4rem;font-weight:300;line-height:1.9rem}.step-confirmation ul li.sep{margin:10px 0}.step-confirmation div.total{font-size:1.8rem;font-weight:600;line-height:2.5rem;margin:10px 0;text-align:center}.step-confirmation div.total span{display:block;font-size:2.2rem;font-weight:300;line-height:3rem}.step-confirmation div.total span .price-before-reduction{font-size:1.8rem;margin-right:10px;opacity:.7;text-decoration:line-through}.step-confirmation div.total span .price-reduced{font-weight:600}.step-confirmation button{background:#d9d9d9;border:none;font-size:1.4rem;font-weight:400;line-height:1.9rem;margin:10px 0;padding:5px;text-align:center;transition:background-color .25s ease-in-out;width:60%}.step-confirmation button:hover{background-color:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 5%));color:#fff}.step-confirmation button.primary{background:var(--theme-color);color:#fff;font-size:2rem;line-height:2.7rem;padding:5px;width:80%}.step-confirmation button.primary:hover{background-color:hsl(var(--theme-h),var(--theme-s),calc(var(--theme-l) + 5%))}.step-confirmation .download-info{font-size:1.4rem;font-weight:300;line-height:1.9rem}@keyframes rotateThis{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1)}}@keyframes borderGradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.step-option .accessory-input{margin-bottom:10px}
/*# sourceMappingURL=main.c835a6ce.css.map*/