/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.col-8byRow{flex:0 0 auto;width:12.5%}@media (min-width:576px){.col-sm-8byRow{flex:0 0 auto;width:12.5%}}@media (min-width:768px){.col-md-8byRow{flex:0 0 auto;width:12.5%}}@media (min-width:992px){.col-lg-8byRow{flex:0 0 auto;width:12.5%}}@media (min-width:1200px){.col-xl-8byRow{flex:0 0 auto;width:12.5%}}@media (min-width:1400px){.col-xxl-8byRow{flex:0 0 auto;width:12.5%}}.step{display:block;position:relative;padding:25px 15px 15px;background-color:#f6f6f6;margin-bottom:9px;margin-top:20px}.step .picto-info{cursor:pointer}.step h2{font-size:22px;font-weight:700;padding-bottom:20px;text-transform:uppercase;margin-bottom:0}.step h2 span.step-count{font-weight:400}.step h2 span.step-value{color:#00aee7}.step h3{font-size:1rem;font-weight:600}.step .back-to-step{position:absolute;inset:0;cursor:pointer}.step.active{background-color:#ebf9fd}.step.active h2{padding-bottom:40px}.step .img-h50{height:50px;width:auto}.step .img-w-100{width:100px;height:auto}@media (min-width:1200px){.step .img-w-xl-150{width:150px;height:auto}}.step ul{padding:0;margin-top:0;margin-bottom:0;list-style:none}.step ul li{display:inline-block;vertical-align:top;margin-right:35px}.step ul li input[type=radio]{vertical-align:middle;width:20px;height:20px}.step ul li input[type=checkbox]{vertical-align:middle;width:16px;height:16px}.step ul li label{display:inline-block;vertical-align:middle;padding:4px 5px 3px;cursor:pointer}.step ul.v-list{margin-top:1em}.step ul.v-list li{margin:.5em 0;font-weight:700}.step ul.layout-img-list li{margin:1.5rem 0 0}.step ul.layout-img-list li .img-container{padding-top:100%;position:relative;background-color:#fff;border:2px solid #ccc;cursor:pointer}.step ul.layout-img-list li .img-container:hover{border:2px solid #423e35}.step ul.layout-img-list li .img-container.active{border:2px solid #00aee7}.step ul.layout-img-list li .img-container img{position:absolute;left:50%;top:50%;width:80%;max-height:80%;height:auto;transform:translate(-50%,-50%)}.step ul.layout-img-list li .help-card{padding-top:100%;position:relative;background-color:#fff;border:2px solid #ccc;cursor:pointer}.step ul.layout-img-list li .help-card:hover{border:2px solid #423e35}.step ul.layout-img-list li .help-card:before{content:"?";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10em;font-weight:bolder}.step ul.layout-img-list li .help-card.active{border:2px solid #00aee7}.step ul.profil-img-list li{margin:1.5rem 0 0}.step ul.profil-img-list li .img-container{position:relative;background-color:#fff;border:2px solid #ccc;text-align:center;padding:1em;cursor:pointer}.step ul.profil-img-list li .img-container:hover{border:2px solid #423e35}.step ul.profil-img-list li .img-container.active{border:2px solid #00aee7}.step ul.profil-img-list li .img-container img{width:80%;max-height:80%;height:auto}.step ul.color-img-list{max-height:17rem;overflow:auto;padding-bottom:.5rem}.step ul.color-img-list li{margin:1rem 0 .5rem;position:relative}.step ul.color-img-list li creathome-worktop-loader{position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-1rem;width:2rem;height:2rem;z-index:1}.step ul.color-img-list li creathome-worktop-loader+img{filter:brightness(.9)}.step ul.color-img-list li img{border:2px solid #ccc;width:100%;cursor:pointer}.step ul.color-img-list li img+span{display:block;position:absolute;bottom:2px;right:calc(var(--bs-gutter-x) * .5 + 2px);left:calc(var(--bs-gutter-x) * .5 + 2px);background:rgba(0,0,0,.3);color:#fff;font-size:.7rem;text-align:center;padding:.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.step ul.color-img-list li img:hover{border:2px solid #423e35}.step ul.color-img-list li img:hover+span{text-overflow:unset;white-space:normal}.step ul.color-img-list li img.active{border:2px solid #00aee7}.step ul.color-img-list li img.active+span{background:rgba(0,174,231,.5)}.step button.validate-step{border:none;width:87px;height:40px;background-color:#00aee7;color:#fff}.step button.validate-step:disabled{background-color:#ccc;cursor:not-allowed}.step .equipment button{border:none;background-color:#00aee7;color:#fff;margin:1em;padding:1em 2em}.step .color-img-list-container{position:relative}.step .color-img-list-container:before{content:"";height:1rem;background:linear-gradient(0deg,rgba(246,246,246,0) 0%,#f6f6f6 100%);position:absolute;left:0;right:1rem;top:0}.step .color-img-list-container:after{content:"";height:1rem;background:linear-gradient(0deg,#f6f6f6 0%,rgba(246,246,246,0) 100%);position:absolute;left:0;right:1rem;bottom:0}.step .submenu li{width:12.5%;text-align:center;border-right:1px solid #ccc;background-color:#ebf9fd;cursor:pointer;margin:0;vertical-align:middle;font-size:15px;position:relative}.step .submenu li span{max-width:calc(100% - 2px);vertical-align:middle;display:inline-block;line-height:1em}.step .submenu li:before{content:"";width:.1px;height:70px;vertical-align:middle;display:inline-block}.step .submenu li:after{content:"";background-color:#00aee7;clip-path:polygon(0% 0%,100% 0%,50% 100%);width:100%;height:11px;bottom:-12px;left:0;position:absolute;display:none}.step .submenu li:last-child{border:0}.step .submenu li.active{background-color:#00aee7;color:#fff}.step .submenu li.active:after{display:block}.step .submenu-content{border:2px solid #00aee7;padding:2em}.step .submenu-content h3{color:#00aee7;margin:0}.step .submenu-content .has-cut{position:relative}.step .submenu-content .has-cut h3,.step .submenu-content .has-cut p,.step .submenu-content .has-cut ul{opacity:.2;pointer-events:none}.step .submenu-content .has-cut .cut-alert{position:absolute;display:block;top:50%;left:50%;padding:1em 2em;background-color:#fff;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;transform:translate(-50%,-50%);color:#000;font-weight:700;text-transform:uppercase}.step .submenu-content .cut-alert{line-height:.8rem;font-size:.8em;margin-top:.4em;display:none}.step .submenu-content .panel-has-cut input{opacity:.5;cursor:not-allowed}.step .submenu-content .panel-has-cut .cut-alert{display:block}.step .input-dimension li{margin:0}.step .input-dimension li span{font-weight:600}.step .input-dimension li span.error{color:#dc3545}.step .input-dimension li span.panel-id{width:30px;height:30px;display:inline-block;background-color:#666;border-radius:100%;color:#fff;text-align:center;line-height:30px;font-weight:700}.step .input-dimension li .assembly{margin-left:calc(-.2rem + 30px)}.step .input-dimension li .assembly label{width:auto;color:inherit}.step .input-dimension li .assembly input{width:6rem;margin-left:.5rem}.step .input-dimension .panel-id{width:30px;height:30px;display:inline-block;background-color:#666;border-radius:100%;color:#fff;text-align:center;line-height:30px;font-weight:700}.step .input-dimension label{display:inline-block;width:100%;color:#00aee7;font-weight:700;padding:0}.step .input-dimension .trapezoid-width label{font-size:.95em}.step .input-dimension input{display:inline-block;width:100%;border:1px solid #000;outline:0}.step .input-dimension input.error{border:1px solid #dc3545;background-color:#fdd}.step .price{background-color:#ebf9fd;margin-top:40px}.step .price td{padding:0}.step .price td hr{margin-bottom:.5rem}.step .price td h2{padding-bottom:10px}.step .price td h3{margin-top:.5rem;margin-bottom:0}.step .price .cart-label{line-height:1.42857143;color:#423e35;padding-left:.6em;padding-right:1em;position:relative}.step .price .cart-label:before{content:"-";position:absolute;left:0;top:0}.step .price .cart-price{text-align:right;font-weight:700;color:#666}.step .price .cart-delivery{text-align:right;color:#666;font-style:italic;font-size:.9em}.step .price .cart-sub-total{font-size:2em;text-align:right;font-weight:700}.step .price .cart-total{font-size:2.5em;text-align:right;font-weight:700}.step .price .cart-total span{display:inline-block;width:1em;height:1em;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.step .price button.cta{display:inline-block;position:relative;margin:1em;border:none;background-color:#00aee7;color:#fff;padding:.5em 1em}.step .price button.cta:disabled{opacity:.3;cursor:not-allowed}.step .price button.cta .sk-fading-circle{margin:-.8em 0 0 -.8em;width:1.6em;height:1.6em;position:absolute;display:none;top:50%;left:50%}.step .price button.cta .sk-fading-circle .sk-circle{width:100%;height:100%;display:block;position:absolute;left:0;top:0}.step .price button.cta .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}.step .price button.cta .sk-fading-circle .sk-circle2{transform:rotate(30deg)}.step .price button.cta .sk-fading-circle .sk-circle3{transform:rotate(60deg)}.step .price button.cta .sk-fading-circle .sk-circle4{transform:rotate(90deg)}.step .price button.cta .sk-fading-circle .sk-circle5{transform:rotate(120deg)}.step .price button.cta .sk-fading-circle .sk-circle6{transform:rotate(150deg)}.step .price button.cta .sk-fading-circle .sk-circle7{transform:rotate(180deg)}.step .price button.cta .sk-fading-circle .sk-circle8{transform:rotate(210deg)}.step .price button.cta .sk-fading-circle .sk-circle9{transform:rotate(240deg)}.step .price button.cta .sk-fading-circle .sk-circle10{transform:rotate(270deg)}.step .price button.cta .sk-fading-circle .sk-circle11{transform:rotate(300deg)}.step .price button.cta .sk-fading-circle .sk-circle12{transform:rotate(330deg)}.step .price button.cta .sk-fading-circle .sk-circle2:before{animation-delay:-1.1s}.step .price button.cta .sk-fading-circle .sk-circle3:before{animation-delay:-1s}.step .price button.cta .sk-fading-circle .sk-circle4:before{animation-delay:-.9s}.step .price button.cta .sk-fading-circle .sk-circle5:before{animation-delay:-.8s}.step .price button.cta .sk-fading-circle .sk-circle6:before{animation-delay:-.7s}.step .price button.cta .sk-fading-circle .sk-circle7:before{animation-delay:-.6s}.step .price button.cta .sk-fading-circle .sk-circle8:before{animation-delay:-.5s}.step .price button.cta .sk-fading-circle .sk-circle9:before{animation-delay:-.4s}.step .price button.cta .sk-fading-circle .sk-circle10:before{animation-delay:-.3s}.step .price button.cta .sk-fading-circle .sk-circle11:before{animation-delay:-.2s}.step .price button.cta .sk-fading-circle .sk-circle12:before{animation-delay:-.1s}.step .price button.cta.loading{cursor:progress}.step .price button.cta.loading span{color:#00aee7}.step .price button.cta.loading .sk-fading-circle{display:block}.step .square-canvas-container{position:relative}.step .square-canvas-container .band-input li{display:inline-block;position:absolute;margin:-10px 0 0 -10px}.step .square-canvas-container .band-input li.hidden{display:none}.step .square-canvas-container .band-input li input{height:20px;width:20px;cursor:pointer}.step .square-canvas-container .band-input li.disabled{cursor:not-allowed}.step .square-canvas-container .band-input li.disabled input{pointer-events:none}.step .square-canvas-container .shape-input button{display:inline-block;position:absolute;background-color:#00aee7;border:0;margin:-20px 0 0 -20px;height:40px;width:40px;cursor:pointer}.step .square-canvas-container .shape-input button:disabled{cursor:not-allowed;background-color:#aaa}.step .square-canvas-container .waterfall-input button{display:inline-block;position:absolute;background-color:#00aee7;border:0;margin:-20px 0 0 -20px;height:40px;width:40px;cursor:pointer}.step .square-canvas-container .waterfall-input button.hidden{display:none}.step .square-canvas-container .waterfall-input button:disabled{cursor:not-allowed;background-color:#aaa}.step .cut-img-list{margin-top:30px}.step .cut-img-list li{vertical-align:middle;cursor:pointer}.step .cut-img-list li img.img-fluid{max-height:90px;image-rendering:-webkit-optimize-contrast}.step .cut-img-list li .picto-info{display:block;margin:1em auto 0}.btn-cta{background-color:#00aee7;border:0;color:#fff;display:inline-block;padding:.5em 1em;position:relative}.btn-cta:disabled{cursor:not-allowed;background-color:#d3d3d3}.btn-cta creathome-worktop-loader{position:absolute;display:none;margin:-.8rem 0 0 -.8rem;width:1.6rem;height:1.6rem;left:50%;top:50%;z-index:10}.btn-cta.loading{cursor:progress;color:#00aee7}.btn-cta.loading creathome-worktop-loader{display:block}.btn-cta creathome-worktop-loader{position:absolute}creathome-worktop-panel-profil h3 span{border-bottom:1px solid black}.modal__panel-cut{max-width:100%;width:50vw;transition:width .3s}.modal__panel-cut.wide{width:70vw}.modal__panel-cut h2{text-align:center;text-transform:uppercase;margin:-1rem 0 1rem}.modal__panel-cut h3{font-size:1.2rem;font-weight:700}.modal__panel-cut .panel-select,.modal__panel-cut .groove-select{height:2rem;padding:0 1rem;margin:0 1rem}.modal__panel-cut ul{padding:0;margin-top:0;list-style:none}.modal__panel-cut ul li{display:block}.modal__panel-cut ul li select{vertical-align:middle}.modal__panel-cut ul li label{display:inline-block;vertical-align:middle;padding:4px 5px 3px;cursor:pointer}.modal__panel-cut ul li label small{line-height:.7rem;display:block}.modal__panel-cut ul li input[type=radio],.modal__panel-cut ul li input[type=checkbox]{vertical-align:middle;width:20px;height:20px}.modal__panel-cut .panel-scheme-diamond{position:relative;border-bottom:8px solid #00aee7;display:flex;flex-direction:row;align-items:center;justify-content:center;width:400px;margin:3em auto}.modal__panel-cut .panel-scheme-diamond .field-container{text-align:center;position:relative;z-index:1;border:2px solid grey;background-color:#fff;color:#000;padding:.5em 1em}.modal__panel-cut .panel-scheme-diamond .field-container input{width:70px}.modal__panel-cut .panel-scheme-diamond .field-container.error{border-color:#dc3545;background-color:#fdd;color:#dc3545}.modal__panel-cut .panel-scheme-diamond .panel-length-info{color:#00aee7;position:absolute;bottom:-2.2em;left:0;right:0;font-size:1.2rem;background-color:transparent;background-image:linear-gradient(0deg,#def4fc 50%,#00aee7 50%);background-size:99.9% 2px;background-repeat:no-repeat;background-position:center .8em;text-align:center}.modal__panel-cut .panel-scheme-diamond .panel-length-info:before{content:"";display:block;position:absolute;width:0;height:0;top:8px;border-style:solid;transform:rotate(-90deg);border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme-diamond .panel-length-info:after{content:"";display:block;position:absolute;width:0;height:0;top:8px;right:0;border-style:solid;transform:rotate(90deg);border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme-diamond .panel-length-info span{display:inline-block;background-color:#fff;padding:0 .5em}.modal__panel-cut .panel-scheme-diamond .lt,.modal__panel-cut .panel-scheme-diamond .gt{flex:0;width:0;height:0;border-style:solid;border-width:0 6px 15px 6px;border-color:transparent transparent grey transparent}.modal__panel-cut .panel-scheme-diamond .left,.modal__panel-cut .panel-scheme-diamond .right{display:block;width:200px;background-image:linear-gradient(90deg,rgba(128,128,128,0) 20%,gray 80%);height:2px;position:absolute;z-index:0;bottom:66px}.modal__panel-cut .panel-scheme-diamond .left{left:-170px;transform:rotate(45deg)}.modal__panel-cut .panel-scheme-diamond .right{right:-170px;transform:rotate(135deg)}.modal__panel-cut .panel-scheme-diamond .center{display:flex;flex-direction:column;align-items:center;position:relative}.modal__panel-cut .panel-scheme-diamond .center .front,.modal__panel-cut .panel-scheme-diamond .center .back{z-index:1;min-height:120px;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:space-between}.modal__panel-cut .panel-scheme-diamond .center .front .gt,.modal__panel-cut .panel-scheme-diamond .center .back .gt{transform:rotate(180deg)}.modal__panel-cut .panel-scheme-diamond .center .front .field-container,.modal__panel-cut .panel-scheme-diamond .center .back .field-container{position:absolute;width:200px;top:50%;transform:translateY(-50%)}.modal__panel-cut .panel-scheme-diamond .center .front span,.modal__panel-cut .panel-scheme-diamond .center .back span{display:inline-block}.modal__panel-cut .panel-scheme-diamond .center .front:before,.modal__panel-cut .panel-scheme-diamond .center .back:before{display:block;content:"";height:calc(100% - 20px);background-color:gray;width:2px;position:absolute;z-index:0;left:50%;top:10px;margin-left:-1px}.modal__panel-cut .panel-scheme-diamond .center .center{flex-direction:row}.modal__panel-cut .panel-scheme-diamond .center .center .cut{background-color:#fff;color:#00aee7;font-size:1.5em;font-weight:700;padding:1em;text-align:center;height:120px;line-height:1.5rem;border:3px dashed #00aee7}.modal__panel-cut .panel-scheme-diamond .center .center .cut>span span{display:inline-block;width:1.3em;font-size:1.5em}.modal__panel-cut .panel-scheme-diamond .center.cut-stadium .center .cut{border-radius:25px;padding:0;font-size:1em;position:relative;height:50px;width:50px}.modal__panel-cut .panel-scheme-diamond .center.cut-stadium .center .cut>span{position:absolute;display:inline-block;top:99%;width:300px;text-align:left;left:70%}.modal__panel-cut .panel-scheme-diamond .center.cut-stadium .center .cut>span span{display:inline-block;width:.8em;font-size:1.5em;line-height:inherit}.modal__panel-cut .panel-scheme-diamond .center.cut-round .back{min-height:160px}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut{border-radius:50%;padding:0;font-size:1.2em;position:absolute;width:50px;height:50px;top:-25px;left:-25px}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut:before,.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut:after{position:absolute;left:21px;content:" ";height:45px;opacity:.5;width:2px;background-color:#00aee7}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut:before{transform:rotate(48deg)}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut:after{transform:rotate(-48deg)}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut>span{position:absolute;display:inline-block;top:32px;width:120px;text-align:left;left:48px}.modal__panel-cut .panel-scheme-diamond .center.cut-round .center .cut>span span{display:inline-block;width:.8em;font-size:1.5em;line-height:inherit}.modal__panel-cut .panel-scheme{position:relative;border:3px solid grey;border-bottom:8px solid #00aee7;display:flex;flex-direction:row;align-items:center;width:80%;margin:2em auto;background-image:linear-gradient(135deg,#def4fc 25%,transparent 25%),linear-gradient(225deg,#def4fc 25%,transparent 25%),linear-gradient(45deg,#def4fc 25%,transparent 25%),linear-gradient(315deg,#def4fc 25%,#ffffff 25%);background-position:7px 0,7px 0,0 0,0 0;background-size:14px 14px;background-repeat:repeat}.modal__panel-cut .panel-scheme-name{position:absolute;top:0;left:0;color:#00aee7;text-transform:uppercase;padding:0 .3em;font-size:1.6em}.modal__panel-cut .panel-scheme-side{position:absolute;bottom:0;right:0;color:#00aee7;text-transform:uppercase;padding:0 .5em;font-size:1em;font-style:italic;font-weight:700}.modal__panel-cut .panel-scheme .field-container{text-align:center;position:relative;z-index:1;border:2px solid grey;background-color:#fff;color:#000;padding:.5em 1em}.modal__panel-cut .panel-scheme .field-container input{width:70px}.modal__panel-cut .panel-scheme .field-container.error{border-color:#dc3545;background-color:#fdd;color:#dc3545}.modal__panel-cut .panel-scheme .panel-length-info{color:#00aee7;position:absolute;top:-1.8em;left:0;right:0;font-size:1.2rem;background-color:transparent;background-image:linear-gradient(0deg,#def4fc 50%,#00aee7 50%);background-size:99.9% 2px;background-repeat:no-repeat;background-position:center .8em;text-align:center}.modal__panel-cut .panel-scheme .panel-length-info:before{content:"";display:block;position:absolute;width:0;height:0;top:8px;border-style:solid;transform:rotate(-90deg);border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme .panel-length-info:after{content:"";display:block;position:absolute;width:0;height:0;top:8px;right:0;border-style:solid;transform:rotate(90deg);border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme .panel-length-info span{display:inline-block;background-color:#fff;padding:0 .5em}.modal__panel-cut .panel-scheme .panel-width-info{position:absolute;right:-1em;width:1em;top:0;bottom:0;color:#00aee7;font-size:1.2rem;background-color:transparent;background-image:linear-gradient(90deg,#def4fc 50%,#00aee7 50%);background-size:2px 99.9%;background-repeat:no-repeat;background-position:.8em center;text-align:center}.modal__panel-cut .panel-scheme .panel-width-info:before{content:"";display:block;position:absolute;width:0;height:0;top:-2px;right:-4px;border-style:solid;border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme .panel-width-info:after{content:"";display:block;position:absolute;width:0;height:0;bottom:-2px;right:-4px;border-style:solid;transform:rotate(180deg);border-width:0 6px 15px 6px;border-color:transparent transparent #00aee7 transparent}.modal__panel-cut .panel-scheme .panel-width-info span{display:inline-block;background-color:#fff;padding:0 .5em;position:absolute;transform:translate(-38%,-50%) rotate(90deg);top:50%}.modal__panel-cut .panel-scheme .lt,.modal__panel-cut .panel-scheme .gt{flex:0;width:0;height:0;border-style:solid;border-width:0 6px 15px 6px;border-color:transparent transparent grey transparent}.modal__panel-cut .panel-scheme .left,.modal__panel-cut .panel-scheme .right{flex:1;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative}.modal__panel-cut .panel-scheme .left .lt,.modal__panel-cut .panel-scheme .right .lt{transform:rotate(-90deg)}.modal__panel-cut .panel-scheme .left .gt,.modal__panel-cut .panel-scheme .right .gt{transform:rotate(90deg)}.modal__panel-cut .panel-scheme .left span,.modal__panel-cut .panel-scheme .right span{display:inline-block}.modal__panel-cut .panel-scheme .left:before,.modal__panel-cut .panel-scheme .right:before{display:block;content:"";width:calc(100% - 20px);background-color:gray;height:2px;position:absolute;z-index:0;top:50%;left:10px;margin-top:-1px}.modal__panel-cut .panel-scheme .center{display:flex;flex-direction:column;align-items:center;position:relative}.modal__panel-cut .panel-scheme .center .front,.modal__panel-cut .panel-scheme .center .back{z-index:1;min-height:120px;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:space-between}.modal__panel-cut .panel-scheme .center .front .gt,.modal__panel-cut .panel-scheme .center .back .gt{transform:rotate(180deg)}.modal__panel-cut .panel-scheme .center .front .field-container,.modal__panel-cut .panel-scheme .center .back .field-container{position:absolute;width:200px;top:50%;transform:translateY(-50%)}.modal__panel-cut .panel-scheme .center .front span,.modal__panel-cut .panel-scheme .center .back span{display:inline-block}.modal__panel-cut .panel-scheme .center .front:before,.modal__panel-cut .panel-scheme .center .back:before{display:block;content:"";height:calc(100% - 20px);background-color:gray;width:2px;position:absolute;z-index:0;left:50%;top:10px;margin-left:-1px}.modal__panel-cut .panel-scheme .center .center{flex-direction:row}.modal__panel-cut .panel-scheme .center .center .cut{background-color:#fff;color:#00aee7;font-size:1.5em;font-weight:700;padding:1em;text-align:center;height:120px;line-height:1.5rem;border:3px dashed #00aee7}.modal__panel-cut .panel-scheme .center .center .cut>span span{display:inline-block;width:1.3em;font-size:1.5em}.modal__panel-cut .panel-scheme .center.cut-stadium .center .cut{border-radius:25px;padding:0;font-size:1em;position:relative;height:50px;width:50px}.modal__panel-cut .panel-scheme .center.cut-stadium .center .cut>span{position:absolute;display:inline-block;top:99%;width:300px;text-align:left;left:70%}.modal__panel-cut .panel-scheme .center.cut-stadium .center .cut>span span{display:inline-block;width:.8em;font-size:1.5em;line-height:inherit}.modal__panel-cut .panel-scheme .center.cut-round .front,.modal__panel-cut .panel-scheme .center.cut-round .back{min-height:160px}.modal__panel-cut .panel-scheme .center.cut-round .center .cut{border-radius:50%;padding:0;font-size:1.2em;position:absolute;width:50px;height:50px;top:-25px;left:-25px}.modal__panel-cut .panel-scheme .center.cut-round .center .cut:before,.modal__panel-cut .panel-scheme .center.cut-round .center .cut:after{position:absolute;left:21px;content:" ";height:45px;opacity:.5;width:2px;background-color:#00aee7}.modal__panel-cut .panel-scheme .center.cut-round .center .cut:before{transform:rotate(48deg)}.modal__panel-cut .panel-scheme .center.cut-round .center .cut:after{transform:rotate(-48deg)}.modal__panel-cut .panel-scheme .center.cut-round .center .cut>span{position:absolute;display:inline-block;top:32px;width:120px;text-align:left;left:48px}.modal__panel-cut .panel-scheme .center.cut-round .center .cut>span span{display:inline-block;width:.8em;font-size:1.5em;line-height:inherit}.modal__panel-cut .panel-scheme .center .groove{display:inline-block;position:absolute;right:100%;width:150px;height:110px;background-color:transparent;background-image:linear-gradient(0deg,transparent 38%,#00aee7 38%,#00aee7 62%,transparent 62%);background-size:10px 20%}.modal__panel-cut .panel-scheme .center .groove.groove-right{right:auto;left:100%}.modal__panel-cut .panel-scheme .center .groove>span{position:absolute;display:inline-block;bottom:-.7rem;width:100%;text-align:left;color:#00aee7;font-size:1em;line-height:1rem;text-align:center}.modal__panel-cut .panel-scheme .center .groove>span span{display:inline-block;width:1.3em;font-size:1.5em}.modal__panel-cut .panel-scheme.vertical{font-size:.8em;width:40%}.modal__panel-cut .panel-scheme.vertical .center .back,.modal__panel-cut .panel-scheme.vertical .center .front{z-index:1;min-height:10vw}.modal__panel-cut .panel-scheme.has-groove .left,.modal__panel-cut .panel-scheme.has-groove .right{margin-top:-22px}.modal__panel-shape{max-width:100%;min-width:60vw}.modal__panel-shape ul{padding:0;list-style:none}.modal__panel-shape ul.shape-item-list li{margin:1.5rem 0 0;cursor:pointer}.modal__panel-shape ul.shape-item-list li h4{font-size:1rem;text-align:center;margin-top:.5em}.modal__panel-shape ul.shape-item-list li .img-container{padding-top:100%;position:relative;background-color:#fff;border:2px solid #ccc;cursor:pointer}.modal__panel-shape ul.shape-item-list li .img-container:hover{border:2px solid #423e35}.modal__panel-shape ul.shape-item-list li .img-container.active{border:2px solid #00aee7}.modal__panel-shape ul.shape-item-list li .img-container img{position:absolute;left:50%;top:50%;width:80%;height:auto;transform:translate(-50%,-50%)}.modal__panel-shape ul.corner-type-list{display:flex;gap:1rem}.modal__panel-shape ul.corner-type-list li{display:inline-block;vertical-align:top;margin:0;width:8rem}.modal__panel-shape ul.corner-type-list li .img-container{position:relative;background-color:#fff;border:2px solid #ccc;text-align:center;cursor:pointer}.modal__panel-shape ul.corner-type-list li .img-container:hover{border:2px solid #423e35}.modal__panel-shape ul.corner-type-list li .img-container.active{border:2px solid #00aee7}.modal__panel-shape ul.corner-type-list li .img-container img{width:100%;max-height:80%;height:auto}.modal__panel-shape ul.corner-type-list li span{display:block;height:2rem;font-size:.8rem;margin-top:-1rem;line-height:1.2rem;padding:0}.modal__panel-shape--corner{display:flex;align-items:center;pointer-events:none;opacity:.5;padding:0;margin-bottom:1rem}.modal__panel-shape--corner-title{display:inline-block;width:12em;text-align:right;margin-right:1em}.modal__panel-shape--corner-schema{padding:.8em;border:1px solid #ccc;margin-right:1em}.modal__panel-shape--corner-schema-1{border-top-color:#00aee7;border-left-color:#00aee7;border-top-width:2px;border-left-width:2px}.modal__panel-shape--corner-schema-2{border-top-color:#00aee7;border-right-color:#00aee7;border-top-width:2px;border-right-width:2px}.modal__panel-shape--corner-schema-3{border-right-color:#00aee7;border-bottom-color:#00aee7;border-right-width:2px;border-bottom-width:2px}.modal__panel-shape--corner-schema-4{border-left-color:#00aee7;border-bottom-color:#00aee7;border-left-width:2px;border-bottom-width:2px}.modal__panel-shape--corner.editable{pointer-events:all;opacity:1}.modal__panel-shape--buttons{-webkit-user-select:none;user-select:none}.modal__panel-shape--buttons button{border:0;padding:.25em 1em;color:#00aee7;border:1px solid #00aee7;background-color:transparent;font-size:.8em}.modal__panel-shape--buttons button+button{border-left-width:0}.modal__panel-shape--buttons button.active{color:#fff;border-color:#00aee7;background-color:#00aee7}.modal__panel-shape--form{display:flex;align-items:center;background-color:#eee;border-radius:5px;max-height:0;transition:padding .3s,margin-top .3s,max-height .3s}.modal__panel-shape--form.visible{padding:1rem;margin-top:1rem;max-height:5rem}.modal__panel-shape--form small{margin-left:3rem;font-size:.7rem;line-height:.7rem}.modal__panel-shape--form hr{width:3rem;border-color:transparent;margin:0}.modal__panel-shape--form input{padding:.1em .5em;margin-left:1em;margin-right:.5em;max-width:70px}.modal__panel-shape--form input.error{border:1px solid #dc3545;background-color:#fdd}.modal__panel-sink{max-width:100%;width:50vw;transition:width .3s}.modal__panel-sink.wide{width:80vw}.modal__panel-sink h2{text-align:center;text-transform:uppercase;margin:-1rem 0 1rem}.modal__panel-sink h3{font-size:1.2rem;font-weight:700}.modal__panel-sink ul{padding:0;margin-top:0;list-style:none}.modal__panel-sink ul li{display:block}.modal__panel-sink ul li input[type=radio]{vertical-align:middle;width:20px;height:20px}.modal__panel-sink ul li label{display:inline-block;vertical-align:middle;padding:4px 5px 3px;cursor:pointer}.modal__panel-sink ul.product-list{max-height:80vh;overflow:auto}.modal__panel-sink .product-description{max-height:45vh;overflow-y:auto;font-size:.8rem;line-height:1rem;padding-right:1rem;margin:2em 0;position:relative}.modal__panel-sink .product-description:after{content:"";position:sticky;bottom:0;display:block;width:100%;height:20px;background-image:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.9) 100%)}.modal__panel-sink .loading{cursor:not-allowed}.modal__panel-sink .loading ul{opacity:.5;pointer-events:none}.modal__panel-sink .img-item{border:2px solid transparent;padding:.5em;cursor:pointer;margin-bottom:1em}.modal__panel-sink .img-item:hover{border:2px solid #423e35}.modal__panel-sink .img-item.active{border:2px solid #00aee7}.modal__panel-sink .img-item h4{font-size:1rem;text-align:center;display:-webkit-box;max-width:100%;margin:0 auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:inline-block}.modal__panel-sink .img-item span.price{color:gray;font-weight:400;display:inline-block}.modal__panel-sink .img-item .img-container{padding-top:100%;position:relative;background-color:#fff}.modal__panel-sink .img-item .img-container img{position:absolute;left:50%;top:50%;width:95%;height:auto;transform:translate(-50%,-50%)}.modal__panel-plug{max-width:100%;width:50vw;transition:width .3s}.modal__panel-plug h2{text-align:center;text-transform:uppercase;margin:-1rem 0 1rem}.modal__panel-plug h3{font-size:1.2rem;font-weight:700}.modal__panel-plug ul{padding:0;margin-top:0;list-style:none}.modal__panel-plug ul li{display:block}.modal__panel-plug ul li input[type=radio]{vertical-align:middle;width:20px;height:20px}.modal__panel-plug ul li label{display:inline-block;vertical-align:middle;padding:4px 5px 3px;cursor:pointer}.modal__panel-waterfall{padding:0 1rem 1rem}.modal__panel-waterfall ul{padding:0;margin-top:0;margin-bottom:0;list-style:none}.modal__panel-waterfall ul.waterfall-type-img-list li{display:inline-block;vertical-align:top;margin:0 1rem 0 0;width:15rem}.modal__panel-waterfall ul.waterfall-type-img-list li .img-container{position:relative;background-color:#fff;border:2px solid #ccc;text-align:center;padding:1em;cursor:pointer}.modal__panel-waterfall ul.waterfall-type-img-list li .img-container:hover{border:2px solid #423e35}.modal__panel-waterfall ul.waterfall-type-img-list li .img-container.active{border:2px solid #00aee7}.modal__panel-waterfall ul.waterfall-type-img-list li .img-container img{width:100%;max-height:80%;height:auto}.modal__panel-waterfall ul.waterfall-type-img-list li span{display:block;height:3rem;line-height:1.2rem;padding:1rem}.modal__panel-waterfall ul.waterfall-thickness-list li{display:inline-block;vertical-align:top;margin:0 1rem 0 0;padding:1rem;cursor:pointer;border:2px solid #ccc}.modal__panel-waterfall ul.waterfall-thickness-list li:hover{border:2px solid #423e35}.modal__panel-waterfall ul.waterfall-thickness-list li.active{border:2px solid #00aee7}.modal__panel-waterfall p,.modal__panel-waterfall label{color:#00aee7;font-size:1rem;font-weight:600;margin:1rem 0}.modal__panel-waterfall input{width:auto;display:inline-block;margin:0 .5rem 0 1rem;border:1px solid #000;outline:0}.modal__panel-waterfall input.error{border:1px solid #dc3545;background-color:#fdd}.modal__panel-waterfall--activate{display:flex;align-items:center;padding:1em 0 .5em;height:60px}.modal__panel-waterfall--buttons{-webkit-user-select:none;user-select:none}.modal__panel-waterfall--buttons button{border:0;padding:.25em 1em;color:#00aee7;border:1px solid #00aee7;background-color:transparent;font-size:.8em}.modal__panel-waterfall--buttons button+button{border-left-width:0}.modal__panel-waterfall--buttons button.active{color:#fff;border-color:#00aee7;background-color:#00aee7}.modal__layout-help,.modal__edge-finishing-alert{width:100%;max-width:500px}.modal__save-complete{width:100%;max-width:800px}.modal__save-complete h3{font-size:1.2rem;font-weight:700}.modal__save-complete input{display:inline-block;text-align:center}.modal__save-complete input.link{width:calc(100% - 8rem);font-size:.8rem}.modal__save-complete input.code{width:5rem;font-weight:700}.modal__save-complete .btn-sm{font-size:.75rem;margin:0 .5rem}creathome-worktop-modal{background-color:#000000b3;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}creathome-worktop-modal>creathome-worktop-loader{margin:-2.5vw 0 0 -2.5vw;width:5vw;height:5vw;position:absolute;top:50%;left:50%}creathome-worktop-modal .modal_container{display:none;position:absolute;left:0;top:0;height:100%;width:100%;text-align:center}creathome-worktop-modal .modal_container:before{content:"";height:100vh;width:1px;display:inline-block;vertical-align:middle}creathome-worktop-modal .modal_box{text-align:left;max-width:90vw;vertical-align:middle;display:inline-block;position:relative;background-color:#fff;box-shadow:0 0 21px 6px #00000063;padding:2.5em 1em 1em}creathome-worktop-modal .modal_box .close-btn{position:absolute;right:.5em;top:.5em;cursor:pointer;z-index:3;width:20px;height:20px}creathome-worktop-modal .modal_box .close-btn:before,creathome-worktop-modal .modal_box .close-btn:after{content:"";display:block;width:100%;height:3px;background-color:#000;position:absolute;top:50%;border-radius:2px}creathome-worktop-modal .modal_box .close-btn:before{transform:rotate(45deg)}creathome-worktop-modal .modal_box .close-btn:after{transform:rotate(-45deg)}creathome-worktop-modal .modal__title{font-size:22px;font-weight:700;text-transform:uppercase;margin-bottom:0;color:#00aee7}creathome-worktop-modal.open{opacity:1;pointer-events:auto;z-index:70;transform:scale(1)}creathome-worktop-modal.open .modal_container{display:block}.loading-overlay{position:fixed;inset:0;z-index:100;background-color:#000000b3;transform:scale(1.1);pointer-events:none;opacity:0}.loading-overlay.active{opacity:1;pointer-events:auto;z-index:100;transform:scale(1);transition:opacity .2s ease-out,transform .2s cubic-bezier(.25,.46,.45,.94),z-index 0s .3s}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}creathome-worktop-loader{display:inline-block;width:1rem;height:1rem;position:relative}creathome-worktop-loader .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}creathome-worktop-loader .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-worktop-loader .sk-circle.sk-circle2{transform:rotate(30deg)}creathome-worktop-loader .sk-circle.sk-circle2:before{animation-delay:-1.1s}creathome-worktop-loader .sk-circle.sk-circle3{transform:rotate(60deg)}creathome-worktop-loader .sk-circle.sk-circle3:before{animation-delay:-1s}creathome-worktop-loader .sk-circle.sk-circle4{transform:rotate(90deg)}creathome-worktop-loader .sk-circle.sk-circle4:before{animation-delay:-.9s}creathome-worktop-loader .sk-circle.sk-circle5{transform:rotate(120deg)}creathome-worktop-loader .sk-circle.sk-circle5:before{animation-delay:-.8s}creathome-worktop-loader .sk-circle.sk-circle6{transform:rotate(150deg)}creathome-worktop-loader .sk-circle.sk-circle6:before{animation-delay:-.7s}creathome-worktop-loader .sk-circle.sk-circle7{transform:rotate(180deg)}creathome-worktop-loader .sk-circle.sk-circle7:before{animation-delay:-.6s}creathome-worktop-loader .sk-circle.sk-circle8{transform:rotate(210deg)}creathome-worktop-loader .sk-circle.sk-circle8:before{animation-delay:-.5s}creathome-worktop-loader .sk-circle.sk-circle9{transform:rotate(240deg)}creathome-worktop-loader .sk-circle.sk-circle9:before{animation-delay:-.4s}creathome-worktop-loader .sk-circle.sk-circle10{transform:rotate(270deg)}creathome-worktop-loader .sk-circle.sk-circle10:before{animation-delay:-.3s}creathome-worktop-loader .sk-circle.sk-circle11{transform:rotate(300deg)}creathome-worktop-loader .sk-circle.sk-circle11:before{animation-delay:-.2s}creathome-worktop-loader .sk-circle.sk-circle12{transform:rotate(330deg)}creathome-worktop-loader .sk-circle.sk-circle12:before{animation-delay:-.1s}body{font-size:14px;color:#423e35;font-family:Asap,sans-serif}
.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;}