/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.viewport-container{position:relative;background:gainsboro;background:linear-gradient(0deg,gainsboro 0%,whitesmoke 41%,gainsboro 100%)}.viewport-container .tips-3d{position:absolute;background-color:#fff;border-radius:10px;box-shadow:0 0 21px #0003;right:15%;top:50%;transform:translateY(-50%);padding:0 2em 1em;text-align:center;width:300px}.viewport-container .tips-3d .icon-close{position:absolute;right:0;top:0;padding:.8em;font-size:1.4em;cursor:pointer}.viewport-container .tips-3d .icon-3D{display:block;margin:1rem auto;font-size:5em}.viewport-container .tips-3d h2{text-transform:initial;margin:1em 0 .5em}.viewport-container .config-toogle{position:absolute;display:block;bottom:0;line-height:1em;background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;padding:.4em 1.1em .2em;cursor:pointer;right:20%;font-size:1.8em}.viewport-container .config-toogle span{transform:rotateX(0);position:relative;display:block;transition:transform .5s ease-in-out}.viewport-container .config-toogle span.revert{transform:rotateX(180deg)}.viewport-container .config-viewport-synthesis{position:absolute;top:2em;left:3em;font-weight:500;line-height:1.2em;font-size:1.2em}.viewport-container .config-viewport-synthesis .delivery{font-size:1rem;font-weight:400}.viewport-container .config-viewport-synthesis .price{font-weight:800}.viewport-container .config-viewport-synthesis .price span{display:inline-block;width:1em;height:1em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.viewport-container .config-viewport-sythesis-cta{position:absolute;font-size:1.2em;bottom:2em;left:3em;border:1px solid #999999;border-radius:2em;display:inline-block;padding:3px 15px;font-weight:500;background-color:transparent}.viewport-container .config-viewport-sythesis-cta span{display:inline-block;vertical-align:middle}.viewport-container .config-viewport-sythesis-cta .icon-info{font-size:1.3em;margin-right:.5em}.viewport-container creathome-front-viewport3d{display:block;position:relative;height:50vh}.viewport-container creathome-front-viewport3d #canvas{width:100%;height:100%}.viewport-container creathome-front-viewport3d #canvas.rendering{display:none!important}@media (max-width:767.98px){.viewport-container .config-viewport-synthesis{left:1em;top:2rem}.viewport-container .config-viewport-synthesis .price{font-size:1rem}.viewport-container .config-viewport-sythesis-cta{left:inherit;right:1em;font-size:.9rem;bottom:inherit;top:1.7rem}.viewport-container creathome-front-viewport3d{height:60vh}}creathome-front-step-color .color-list{margin:auto;max-width:1350px;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}creathome-front-step-color .color-list li{position:relative;list-style:none;display:inline-block;margin:1.4em .5em;cursor:pointer}creathome-front-step-color .color-list li div{width:41px;height:41px;display:inline-block;border:1px solid white;border-radius:50%;margin:0 .5em}creathome-front-step-color .color-list li span.color-image{display:inline-block;width:35px;margin-top:2px;height:35px;border:1px solid #eee;border-radius:50%;background-size:cover}creathome-front-step-color .color-list li span.color-name{position:absolute;width:100%;left:50%;line-height:1em;transform:translate(-50%);top:45px;font-size:.7em;font-weight:500;color:#999}creathome-front-step-color .color-list li.active div{border:1px solid #999}creathome-front-step-color .color-list li.active span.color-name{display:block;color:#000;font-weight:600}@media (max-width:767.98px){creathome-front-step-color .color-list{white-space:nowrap;overflow-y:auto;width:100%;margin:0;padding:0 0 .5em}creathome-front-step-color .color-list li{margin:1.4em 0}creathome-front-step-color .color-list li div{width:58px;height:58px}creathome-front-step-color .color-list li span.color-image{width:50px;height:50px;border:2px solid #eee}creathome-front-step-color .color-list li span.color-name{top:65px;font-size:.8em;display:none;width:auto}creathome-front-step-color .color-list li.active div{border:2px solid #999}}creathome-front-step-size input[type=number]{width:200px}@media (max-width:767.98px){creathome-front-step-size label{font-weight:500}creathome-front-step-size input[type=number]{width:100%}}creathome-front-step-hinges .hinge-list{list-style:none;padding:0}creathome-front-step-hinges .hinge-list li{position:relative;padding-bottom:2em}creathome-front-step-hinges .hinge-list li .picto-info{position:absolute;bottom:1em;left:50%;margin-left:-10px}creathome-front-step-hinges .hinge-list li .hinge-card{color:#000;cursor:pointer}creathome-front-step-hinges .hinge-list li .hinge-card .img-square-container{width:10em;border:1px solid #ccc;position:relative;border-radius:4px}creathome-front-step-hinges .hinge-list li .hinge-card .img-square-container img{position:absolute;max-width:7em;top:50%;left:50%;transform:translate(-50%,-50%)}creathome-front-step-hinges .hinge-list li .hinge-card .img-square-container:before{display:block;content:"";padding-top:100%}creathome-front-step-hinges .hinge-list li .hinge-card figcaption{max-width:10rem;line-height:1.2em;padding-top:.5em;font-size:.8em}creathome-front-step-hinges .hinge-list li .hinge-card figcaption span{display:block;font-size:.9em;margin-top:.5em;font-weight:700}creathome-front-step-hinges .hinge-list li .hinge-card.active .img-square-container{border:2px solid #000}creathome-front-step-hinges-positioning .col-left{border:1px solid black;padding:1em;font-size:.8em}creathome-front-step-hinges-positioning .col-left figure{display:inline-block;width:55.4%;vertical-align:top;margin:0}creathome-front-step-hinges-positioning .col-left figure.zoom{width:44.6%}creathome-front-step-hinges-positioning .col-left figure img{width:90%}creathome-front-step-hinges-positioning .col-left figure figcaption{margin-top:1em}creathome-front-step-hinges-positioning .col-left .tips{text-align:left}creathome-front-step-hinges-positioning .col-left .tips h3{margin:0 0 .7em;font-size:1em}creathome-front-step-hinges-positioning .col-left .tips ul{padding-left:1rem}creathome-front-step-hinges-positioning .custom-hinges{font-size:.8em}creathome-front-step-hinges-positioning .custom-hinges input{width:140px}creathome-front-step-drilling .add-drill{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#04aee7;font-weight:700;text-decoration:underline;font-size:1.2em;margin-top:1.5em}creathome-front-step-drilling .add-drill:disabled{color:#aaa;cursor:not-allowed}creathome-front-step-drilling .drill-price{font-weight:700;font-size:.8em;margin-top:-.2em;display:block}creathome-front-step-drilling .delete-drill{text-transform:initial;color:#04aee7;font-weight:500;cursor:pointer}creathome-front-step-final .config-description p{margin:0}creathome-front-step-final .config-description h4{text-decoration:underline;margin:1em 0}creathome-front-step-final .price-container{padding:1em;background-color:#ededed}creathome-front-step-final .price-container label{display:block;font-weight:500}creathome-front-step-final .price-container button.qty-stepper{display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-weight:800;padding:0 .6em 0 .4em;font-size:1.6em;vertical-align:middle}creathome-front-step-final .price-container button.qty-stepper:disabled{color:#aaa;cursor:not-allowed}creathome-front-step-final .price-container input{width:5em;text-align:center;padding-left:1.6em;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;display:inline-block}creathome-front-step-final .price-container strong{display:block;font-size:2.5em}creathome-front-step-final .price-container .add-cart{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2.5em;padding:5px 15px;font-weight:500;height:38px;margin:2em 0 1em;background-color:#04aee7;color:#fff;border:0}creathome-front-step-final .price-container .add-cart .sk-fading-circle{margin:-.8em 0 0 -.8em;width:1.6em;height:1.6em;position:absolute;display:none;top:50%;left:50%}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle{width:100%;height:100%;display:block;position:absolute;left:0;top:0}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:11%;height:11%;background-color:#fff;border-radius:100%;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle2{transform:rotate(30deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle3{transform:rotate(60deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle4{transform:rotate(90deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle5{transform:rotate(120deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle6{transform:rotate(150deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle7{transform:rotate(180deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle8{transform:rotate(210deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle9{transform:rotate(240deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle10{transform:rotate(270deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle11{transform:rotate(300deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle12{transform:rotate(330deg)}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle3:before{animation-delay:-1s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle4:before{animation-delay:-.9s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle5:before{animation-delay:-.8s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle6:before{animation-delay:-.7s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle7:before{animation-delay:-.6s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle8:before{animation-delay:-.5s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle9:before{animation-delay:-.4s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle10:before{animation-delay:-.3s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle11:before{animation-delay:-.2s}creathome-front-step-final .price-container .add-cart .sk-fading-circle .sk-circle12:before{animation-delay:-.1s}creathome-front-step-final .price-container .add-cart.loading{cursor:progress}creathome-front-step-final .price-container .add-cart.loading span{color:#04aee7}creathome-front-step-final .price-container .add-cart.loading .sk-fading-circle{display:block}@media (max-width:767.98px){creathome-front-step-final .price-container .add-cart{width:100%}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.step-container{overflow:hidden}.step-container .config-steps{position:relative;width:100%;height:0px;overflow-x:hidden;overflow-y:hidden}.step-container .config-steps.animated{transition:height .5s ease-in-out}.step-container .config-steps .config-step{left:100vw;text-align:center;transition:left .5s ease-in-out;width:100%;position:absolute}.step-container .config-steps .config-step p.fw-700{font-weight:700}.step-container .config-steps .config-step.current{left:0}.step-container .config-steps .config-step.passed{left:-100vw}@media (max-width:767.98px){.step-container .config-steps .config-step{padding:0 1em}}button.step-next{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2.5em;padding:5px 15px;font-weight:500;height:38px;margin:2em 0 1em;background-color:#04aee7;color:#fff;border:0}button.step-next:after{content:"\e908";font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.3em;vertical-align:middle;display:inline-block;margin-left:.5em}button.step-back{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0 1.5em 0 0;font-size:1.2em;background-color:transparent;color:#000;border:0;vertical-align:middle}@media (max-width:767.98px){button.step-next{margin:1em}button.step-back{display:none}}.segmented-radio{margin:2em 0}.segmented-radio label{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none}.segmented-radio label span{display:inline-block;border:1px solid black;color:#000;border-radius:2.5em;line-height:38px;padding:0 2.5em;margin:0 1em;position:relative}.segmented-radio label input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.segmented-radio label input:checked+span{background-color:#000;color:#fff}.segmented-radio label input:checked+span:before{content:"\e902";position:absolute;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:50%;margin-top:-.5em;left:.9em}@media (max-width:767.98px){.segmented-radio{white-space:nowrap;width:100%;overflow-x:auto;margin:0;padding:0 0 1em}.segmented-radio label span{margin:0 .5em}}.picto-info{cursor:pointer}creathome-front-root{display:block}creathome-front-root input[type=number]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}creathome-front-root input[type=number]::-webkit-inner-spin-button,creathome-front-root input[type=number]::-webkit-outer-spin-button{-webkit-appearance:auto}creathome-front-root h2{font-size:1.7rem;margin:1.8em 0 1.4em;text-transform:uppercase;font-weight:400}creathome-front-root h2 .step-index{color:#ababab;display:inline-block;margin-left:1em}creathome-front-root h3{text-transform:uppercase;font-weight:700;font-size:1.1rem;vertical-align:middle;margin:1.3em 0}creathome-front-root h3 .picto-info{display:inline-block;margin-left:.5em;vertical-align:top}creathome-front-root h4{font-size:1rem;font-weight:700}@media (max-width:767.98px){creathome-front-root h2{font-size:1.2rem}creathome-front-root h3{font-size:1rem}}
.strength_wrapper{display:inline-block;position:relative;text-align:left;}.strength_input{width:100%;background:transparent !important;}.strength_meter{position:absolute;left:15px;top:25px;width:100%;z-index:-1;overflow:hidden;}.button_strength{text-decoration:none;color:#4d4d4d;font-size:13px;display:block;}.strength_meter div{width:0%;height:34px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}.strength_meter div p{position:absolute;right:10px;color:#4d4d4d;font-size:13px;padding-right:30px;}.veryweak{background-color:#FF7979;width:25% !important;}.weak{background-color:#FDA068;width:50% !important;}.medium{background-color:#FFE560;width:75% !important;}.strong{background-color:#9BF47D;width:100% !important;}.pswd_info{position:absolute;width:250px;padding:15px;background:#fefefe;font-size:20px;border-radius:15px;box-shadow:0 1px 3px #ccc;border:1px solid #ddd;display:none;z-index:1000;top:62px;right:0;background-color:rgb(238,238,238);box-shadow:5px 5px 5px #888888;}.pswd_info:before,.pswd_info:after{position:absolute;bottom:100%;content:'';}.pswd_info:before{right:52px;border-right:17px solid transparent;border-bottom:17px solid #ddd;border-left:17px solid transparent;}.pswd_info:after{right:53px;border-right:16px solid transparent;border-bottom:16px solid rgb(238,238,238);border-left:16px solid transparent;}.pswd_info h4{margin:0 0 10px 0;padding:0;font-weight:normal;font-size:1em;font-size:0.7em;}.pswd_info ul{padding:0;margin:0;list-style-type:none;}.pswd_info ul li{visibility:visible !important;height:20px !important;min-height:20px !important;line-height:24px;font-size:0.7em;padding-left:24px !important;}.pswd_info .invalid{background:url(/themes/custom/creathome/images/invalid.png) no-repeat 0 50%;color:#ec3f41;}.pswd_info .valid{background:url(/themes/custom/creathome/images/valid.png) no-repeat 0 50%;color:#3a7d34;}.checkout-pane .user-register-container{padding:2em;}.checkout-pane .user-register-page{background-color:#fff;}form .user-register-page .user-register-container input[type=text],form .user-register-page .user-register-container input[type=email],form .user-register-page .user-register-container input[type=password]{width:100%;height:38px;border-radius:4px;border:1px solid #B2B2B2;padding-left:0.5em;font-size:14px;color:#727272;margin-bottom:1em;}form .user-register-page .user-register-container input[type=button],form .user-register-page .user-register-container input[type=submit]{box-sizing:border-box;border-radius:19px;border:1px solid #04AEE7;padding:0 1.5em;font-size:14px;font-weight:bold;background-color:#04AEE7;color:#FFFFFF;height:38px;margin-top:1em;}form .user-register-page .user-register-container .js-form-type-checkbox{display:flex;align-items:center;text-align:left;}form .user-register-page .user-register-container .js-form-type-checkbox  input{max-width:18px;max-height:18px;margin-right:1em;accent-color:transparent;}form .user-register-page .user-register-container .js-form-type-checkbox  label{font-size:13px;margin-bottom:1em;}