body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.material-select{margin:10px 0 0}.material,.material-select{display:-webkit-flex;display:flex}.material{border:1px solid #e6e6e6;padding:0 4px;-webkit-flex:1 1;flex:1 1;min-width:160px;min-height:40px;text-align:left;-webkit-align-items:center;align-items:center;color:#000;font-size:16px;line-height:20px}@media screen and (max-width:1025px){.material{font-size:13px}}@media screen and (max-width:767px){.material{font-size:13px}}.material img{width:28px;max-height:33px;margin-right:12px}.material.pattern{min-width:auto;height:auto;padding:10px}.material.pattern img{border-radius:0;height:40px;width:auto}.material.pattern .text{opacity:.48;color:#000;font-size:12px;line-height:15px;text-align:center;margin:0 auto}.material.pattern .information{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.material.pattern .information .pattern-name{color:#000;font-size:16px;line-height:19px}.material.pattern .information .coverage{color:#000;font-size:12px;line-height:20px}.material-1 .material img[src*="/mask-"]{-webkit-filter:saturate(0) brightness(100%) contrast(100%);filter:saturate(0) brightness(100%) contrast(100%)}.material-2 .material img[src*="/mask-"]{-webkit-filter:saturate(0) brightness(70%) contrast(100%);filter:saturate(0) brightness(70%) contrast(100%)}.material-3 .material img[src*="/mask-"]{-webkit-filter:saturate(0) brightness(48%) contrast(100%);filter:saturate(0) brightness(48%) contrast(100%)}.material-4 .material img[src*="/mask-"]{-webkit-filter:saturate(0) brightness(27%) contrast(100%);filter:saturate(0) brightness(27%) contrast(100%)}.step:not(.pattern) .input{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;align-items:flex-start;position:relative;border-bottom:1px solid var(--border-color);margin-bottom:9px;padding-bottom:10px}.step:not(.pattern) .input .add-button{width:auto;margin:10px 0 0 50px}@media screen and (max-width:992px){.step:not(.pattern) .input .add-button{margin-left:50px}}.step:not(.pattern) .input .add-button.hidden{display:none}.step:not(.pattern) .input .materials-wrapper{width:calc(100% - 51px)}@media screen and (max-width:992px){.step:not(.pattern) .input .materials-wrapper{width:calc(100% - 54px)}}@media screen and (max-width:768px){.step:not(.pattern) .input .materials-wrapper{width:calc(100% - 55px)}}.step:not(.pattern) .input .material-select{width:calc(100% + 1px);margin-top:1px}@media screen and (max-width:992px){.step:not(.pattern) .input .material-select{width:calc(100% + 5px)}.step:not(.pattern) .input .material-select:not(:first-child){margin-top:10px}}.step:not(.pattern) .input .material-select.blocked{cursor:not-allowed}.step:not(.pattern) .input .material-select.blocked .material{pointer-events:none;margin-bottom:5px;background:#f0f0f0}.step:not(.pattern) .input .material-select.blocked .add{display:none}.step:not(.pattern) .input .material-select.blocked:hover:before{content:"You have reached the maximum of 10 materials for your design.";position:absolute;bottom:62px;left:50px;color:#ab2a22;width:100px;font-size:12px;padding:5px;background:#f4e7e6}.step:not(.pattern) .input .material-select.blocked:hover:after{content:"";position:absolute;bottom:56px;z-index:100;left:75px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #f4e7e6}.step:not(.pattern) .input .zone{margin-right:20px;padding-left:20px;margin-top:15px;width:2%;text-align:left}.step:not(.pattern) .input .zone:before{content:"";background:#ccc;position:absolute;display:inline-block;width:6px;height:calc(100% - 13px);top:3px;left:0}.step:not(.pattern) .input .zone-1:before{background:#ccc}.step:not(.pattern) .input .zone-2:before{background:#999}.step:not(.pattern) .input .zone-3:before{background:#666}.step:not(.pattern) .input .zone-4:before{background:#333}.step:not(.pattern).randomize{border-bottom:1px solid var(--border-color)}.step:not(.pattern).randomize .material-select{margin-top:10px}.step:not(.pattern).randomize .input{border-bottom:0}.step:not(.pattern).randomize .zone{margin-top:22px}.step:not(.pattern).randomize .zone:before{top:10px;height:calc(100% + 46px)}.step:not(.pattern).randomize .add-button{margin-left:100px}@media screen and (max-width:992px){.step:not(.pattern).randomize .add-button{margin-left:50px}}.step:not(.pattern).randomize .inputs-group.materials-0 .zone{margin-top:22px}.step:not(.pattern).randomize .inputs-group.materials-0 .zone:before{height:calc(100% - 20px)}.step:not(.pattern) .input.oval .material img:not([src*="/mask"]){-webkit-transform:rotate(90deg);transform:rotate(90deg);max-height:33px;margin-left:8px;margin-right:20px;width:auto}.step:not(.pattern) .add{border-left:1px solid #e6e6e6}.percent{min-width:60px;position:relative;display:-webkit-flex;display:flex;border:1px solid #e6e6e6;border-left:0;width:64px;height:40px;margin-right:22px}.percent:after{content:"%";position:absolute;display:inline-block;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:10px}.percent input{text-align:right;width:55%;border:0;border-left:0;margin:0;outline:none;padding-right:25px;font-size:16px}.error .percent,.error .percent input{color:#b80b0b!important}.modal__materials_header{position:absolute;top:0;left:0;background:#fff;width:calc(100% - 50px);z-index:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px 25px 0}.modal__materials_header .select-grout{width:250px!important;margin-left:20px}.modal__materials_header .select-grout__control{height:38px}.modal__materials_header .select-grout__indicator{background:#fff!important}.modal__materials_header .select-grout__indicator svg{height:21px}.modal__materials_header .select-grout__value-container{padding-left:10px!important}@media screen and (max-width:767px){.modal__materials_header .select-grout{display:block;width:100%!important;margin-left:0}}.modal__materials_header:after{content:"";position:absolute;bottom:0;height:1px;background:#ccc;width:calc(100% - 50px)}@media screen and (max-width:996px){.modal__materials_header:after{width:calc(100% - 50px)}}@media screen and (max-width:996px){.modal__materials_header h2{font-size:22px;width:50%}}@media screen and (max-width:767px){.modal__materials_header h2{width:50%;margin-top:10px}}.modal__materials_header .links{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-left:20px}@media screen and (max-width:992px){.modal__materials_header .links{margin-right:20px;margin-left:0}}@media screen and (max-width:767px){.modal__materials_header .links{margin-right:0;width:100%;-webkit-order:2;order:2}}.modal__materials_header .links ul{list-style-type:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0;margin:0 0 0 40px}@media screen and (max-width:767px){.modal__materials_header .links ul{margin:0 45px 20px 0}}.modal__materials_header .links ul a{text-decoration:none;color:#000}.modal__materials_header .links ul li{padding-right:20px}.apply_materials{margin-left:auto;margin-right:0;padding:10px;border:2px solid var(--primary-color);background-color:#fff;cursor:pointer;color:var(--primary-color);font-size:16px;font-weight:700;line-height:19px;text-align:center}.apply_materials:hover{border-color:var(--primary-color-border)}@media screen and (max-width:992px){.apply_materials{width:50%}}@media screen and (max-width:767px){.apply_materials{-webkit-order:1;order:1;width:25%}.apply_materials span{display:none}.apply_materials.tick{width:180px}.apply_materials.tick:before{content:"";height:12px;width:12px;background-image:url(/static/images/checkmark-black.png);background-position:50%;background-size:contain;background-repeat:no-repeat;padding-right:20px;position:relative;display:inline-block}}.modal__materials_content{height:calc(100% - 120px);padding:0 25px;margin-top:77px;overflow:auto}.modal__materials_content.diamond .type:not(#house_blends) img{-webkit-clip-path:url(#diamond-mask);clip-path:url(#diamond-mask)}@media screen and (max-width:992px){.modal__materials_content{margin-top:73px;width:100%;max-width:100%;box-sizing:border-box}}@media screen and (max-width:767px){.modal__materials_content{margin-top:112px}}.modal__materials_content p.note{font-size:12px;line-height:15px}.modal__materials_content .type{width:100%}.modal__materials_content .type.hidden{display:none!important}.modal__materials_content #house_blends.hidden{display:none}.modal__materials_content #house_blends .item{width:110px;padding:5px;margin:10px 0;text-align:center}@media screen and (max-width:767px){.modal__materials_content #house_blends .item{width:100px;max-width:90px}}.modal__materials_content #house_blends .item:after{display:none}.modal__materials_content #house_blends .item:hover:after{display:block}.modal__materials_content #house_blends .item img{border-radius:0;max-width:100px}@media screen and (max-width:767px){.modal__materials_content #house_blends .item img{max-width:63px}}.modal__materials_content.oval .type:not(#house_blends) .item img{width:33px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.modal__materials_content.diamond .type#natural_stone,.modal__materials_content.oval .type#natural_stone{padding-bottom:5%}.modal__materials_content.diamond .type#glass,.modal__materials_content.diamond .type#porcelain,.modal__materials_content.oval .type#porcelain{display:none}.modal__materials_content .content{padding-bottom:10%}.percentages-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;margin-left:auto}.percentages{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-size:12px;margin-bottom:5px;margin-top:10px;width:100%;-webkit-flex-direction:column;flex-direction:column;text-align:right;-webkit-order:2;order:2}.percentages .error{color:#b80b0b}.percentages .percantage{margin-left:auto}.close__button--material{position:absolute!important;z-index:2!important;top:0!important;right:0!important;height:100px;padding:0 5px;background:#f2f2f2;border-left:1px solid #ccc;border-bottom:1px solid #ccc;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;cursor:pointer}@media screen and (max-width:992px){.close__button--material{background:none;border:0;right:20px!important;top:20px!important;height:auto}.close__button--material svg{width:1.5em!important}}.close__footer{width:calc(100% - 20px);padding:20px 10px;text-align:center;position:fixed;background:#fff;bottom:0;font-weight:700;border-top:1px solid #ccc}@media screen and (max-width:768px){.close__footer{left:-20px;width:calc(100% + 20px);top:calc(100vh - 78px);border-top:1px solid #ccc}}.close__footer .apply_materials{display:inline-block}@media screen and (max-width:992px){.materials-modal #porcelain{padding-bottom:0}}.materials-modal .ReactModal__Content{height:650px!important}.materials-modal .ReactModal__Content .alert{font-size:14px;padding:8px 5px 5px;color:#ab2a22;background:#f4e7e6;position:absolute;top:100%;width:calc(100% - 60px)}.materials-modal.max-length .modal__materials_content{margin-top:110px}.materials-modal.max-length .item:not(.used):hover{border-color:transparent!important}.materials-modal.max-length .item:not(.used):hover:after,.materials-modal.max-length .item:not(.used):hover:before{display:none!important}@media screen and (max-width:992px){.ReactModal__Content.ReactModal__Content--after-open{width:100vw;-webkit-transform:translate(0)!important;transform:translate(0)!important;inset:0 0 auto auto!important;top:0!important;right:0!important}.materials-modal .ReactModal__Content{max-height:100vh!important;height:100vh!important;width:100vw!important}.materials-modal .ReactModal__Content .modal__materials_content{margin-bottom:0;padding-top:30px}.materials-modal .ReactModal__Content .modal__materials_content .items{display:grid;grid-template-columns:20% 20% 20% 20% 20%}.materials-modal .ReactModal__Content .modal__materials_content .items .item{width:80%}.materials-modal .ReactModal__Content .modal__materials_content .type:after{width:100%}.materials-modal .ReactModal__Content .modal__materials_content #porcelain{margin-bottom:80px}.materials-modal .ReactModal__Content .modal__materials_content #porcelain:after{display:none}}@media screen and (max-width:767px){.materials-modal .ReactModal__Content .modal__materials_header{padding:10px;width:calc(100% - 20px);-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}.materials-modal .ReactModal__Content .modal__materials_header h2{margin-bottom:10px}.materials-modal .ReactModal__Content .modal__materials_header ul{display:none}.materials-modal .ReactModal__Content .modal__materials_header:after{width:calc(100% - 20px)}.materials-modal .ReactModal__Content .modal__materials_header .materials__indicators{width:40px}.materials-modal .ReactModal__Content .modal__materials_content .items{grid-template-columns:33% 33% 33%;-webkit-justify-content:space-between;justify-content:space-between}.materials-modal .ReactModal__Content .modal__materials_content .items .item{margin:10px 0}.materials-modal .ReactModal__Content .modal__materials_content .items:after{content:"";width:70px;margin:10px 0;padding:10px}}.images_build{display:none}svg{width:100%;min-width:auto!important}.preview__container,svg{position:relative}.preview__container .loading{position:absolute;width:100%;height:100%}.preview__container .loading:before{z-index:1}.preview__container .loading svg{top:50%;z-index:2;position:absolute;height:60px;width:60px;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.preview__wrapper{padding-bottom:0;padding-top:0;overflow:hidden}.svg__wrapper{max-height:600px;position:relative}@media screen and (max-width:992px){.svg__wrapper{min-height:auto}}.svg__wrapper.single div:not(:first-child){opacity:0}.svg__wrapper svg{min-width:300px;max-width:calc(100% - 40px);height:auto;background:transparent}.preview__wrapper,.svg__wrapper{min-width:510px}@media screen and (max-width:1056px){.preview__wrapper,.svg__wrapper{min-width:100%}}@media screen and (max-width:992px){.preview__wrapper,.svg__wrapper{min-width:100%}}.preview__wrapper.single,.svg__wrapper.single{margin-top:10px;margin-bottom:10px;background-color:transparent!important}.preview__wrapper.single .kitchen-wrapper,.svg__wrapper.single .kitchen-wrapper{display:none}.preview__wrapper.preview-single,.svg__wrapper.preview-single{background-color:#eee!important}.preview__wrapper.repeat,.svg__wrapper.repeat{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;width:800px;margin-left:-10%;margin-top:-20%;height:420px;max-height:510px}@media screen and (max-width:992px){.preview__wrapper.repeat,.svg__wrapper.repeat{margin-left:-18%;margin-top:-35%}}.preview__wrapper.repeat .kitchen-wrapper,.preview__wrapper.repeat .singleSVG,.svg__wrapper.repeat .kitchen-wrapper,.svg__wrapper.repeat .singleSVG{display:none}.preview__wrapper.repeat .repeatSVG,.svg__wrapper.repeat .repeatSVG{width:120%}.preview__wrapper.repeat svg,.svg__wrapper.repeat svg{max-width:175%;width:175%;margin:5% 0 0}.preview__wrapper.kitchen,.svg__wrapper.kitchen{width:100%;min-height:330px}.preview__wrapper.kitchen .singleSVG,.svg__wrapper.kitchen .singleSVG{display:none}.preview__wrapper.kitchen .repeatSVG,.svg__wrapper.kitchen .repeatSVG{-webkit-transform:scale(1.5) translateY(10%);transform:scale(1.5) translateY(10%)}@media screen and (max-width:992px){.preview__wrapper.kitchen .repeatSVG,.svg__wrapper.kitchen .repeatSVG{position:absolute}}.preview__wrapper.kitchen .kitchen-wrapper,.svg__wrapper.kitchen .kitchen-wrapper{position:absolute;z-index:999;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.preview__wrapper.kitchen img,.preview__wrapper.kitchen svg,.svg__wrapper.kitchen img,.svg__wrapper.kitchen svg{width:530px;max-width:none}.preview__wrapper.kitchen .room,.svg__wrapper.kitchen .room{-webkit-transform:scale(1);transform:scale(1);opacity:1!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start;width:580px;max-height:280px;margin-left:-15px;display:none!important}.preview__wrapper #grout,.preview__wrapper #grout-1,.svg__wrapper #grout,.svg__wrapper #grout-1{fill:#fff}.preview__wrapper.single #grout,.preview__wrapper.single #grout-1,.svg__wrapper.single #grout,.svg__wrapper.single #grout-1{fill:#eee}.preview__wrapper.single div:not(:first-child),.svg__wrapper.single div:not(:first-child){position:absolute}.save-modal{padding:10px 10px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:calc(100% - 22px)}@media screen and (max-width:768px){.save-modal{padding:0}}.save-modal input{width:calc(100% - 22px);border:1px solid #d0cece;color:#000;font-size:14px;line-height:18px;padding:15px 10px;border-right:0;pointer-events:none;outline:none;margin:0}.save-modal input::selection{background:transparent;outline:none}.save-modal .input-group{display:-webkit-flex;display:flex;margin-bottom:10px}.save-modal .input-group .url{-webkit-appearance:none;appearance:none;border:1px solid #ddd;border-radius:0}.save-modal .input-group .copy_url{display:block;padding:15px 10px;border:1px solid #d0cece;border-left:0;text-transform:uppercase;text-decoration:none;color:#4e7a92;font-size:16px;font-weight:700;line-height:19px}.save-modal h2{margin-top:0}.save-modal p{line-height:1.5;padding:20px 0 10px;margin:0;color:#000;font-size:16px;font-weight:700;line-height:19px;text-align:center}.save-modal .share{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin-top:30px}.save-modal .share a{display:-webkit-flex;display:flex;padding:5px 20px;-webkit-align-items:center;align-items:center;color:#333;text-decoration:none;background:#666;margin-bottom:10px;color:#fff;font-size:30px;font-weight:700;line-height:36px}.save-modal .share a.tt{background:#55adef}.save-modal .share a.pin{background:#bd011f}.save-modal .share a.lin{background:#0073b1}.save-modal .share a.fb{background:#4267b2}.save-modal .share a svg{width:30px;margin-right:30px}.save-modal .share a svg *{fill:#fff}.save-modal .close__button{position:absolute;right:30px;top:30px}.save-modal .close__button_bottom{text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;margin-top:auto}.save-modal-portal .ReactModal__Overlay.ReactModal__Overlay--after-open{background-color:rgba(0,0,0,.8)!important}.save-modal-portal .ReactModal__Content{overflow:hidden}@media screen and (max-width:767px){.save-modal-portal .ReactModal__Content{height:calc(100vh - 76px)!important}}.order-modal h2{margin-top:0}.order-modal p{font-size:14px;line-height:20px}.order-modal .form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.order-modal .form input,.order-modal .form textarea{width:calc(100% - 22px);border:1px solid #d0cece;color:#000;font-size:14px;line-height:18px;padding:15px 10px;margin-bottom:10px;margin-top:0;position:relative}@media screen and (max-width:767px){.order-modal .form input,.order-modal .form textarea{font-size:16px}}.order-modal .form input::-webkit-input-placeholder,.order-modal .form textarea::-webkit-input-placeholder{color:#898989}.order-modal .form input:-ms-input-placeholder,.order-modal .form textarea:-ms-input-placeholder{color:#898989}.order-modal .form input::placeholder,.order-modal .form textarea::placeholder{color:#898989}.order-modal .form input.error,.order-modal .form textarea.error{border-color:red}.order-modal .form input.error+span,.order-modal .form textarea.error+span{position:relative;bottom:5px;font-size:10px;right:0;margin-left:auto;color:red}.order-modal .form .address input.error{border-color:red}.order-modal .form .address input.error+span{position:relative;bottom:12px;font-size:10px;right:0;margin-left:85%;color:red}.order-modal .form .address input[name=state],.order-modal .form .address input[name=zip]{position:relative}.order-modal .form .address input[name=state].error+span,.order-modal .form .address input[name=zip].error+span{position:absolute;bottom:-5px;font-size:10px;right:0;margin-left:auto;color:red}.order-modal .form .address input[name=state].error+span{left:0;margin-right:auto}.order-modal .form .address .select-grout .select-grout__control{margin-top:0;margin-right:10px;border-color:#d0cece!important}.order-modal .form .address .select-grout .select-grout__control .select-grout__value-container{padding-left:10px!important}.order-modal .form .address .select-grout .select-grout__control .select-grout__single-value{color:#898989}.order-modal .form .address .select-grout .select-grout__control .select-grout__indicator{border-left:1px solid!important;border-color:#d0cece!important}.order-modal .form .address .select-grout .select-grout__control svg{height:35px}.order-modal .form .address .select-grout[name=state].error+span{left:0;margin-right:auto}.order-modal .form .address .select-grout__menu{top:auto;bottom:100%}.order-modal .form .select{width:100%}.order-modal .form .select.error{position:relative}.order-modal .form .select.error .select-grout__control{border-color:red!important}.order-modal .form .select.error+span{position:relative;bottom:12px;margin-left:auto;position:absolute;bottom:-5px;font-size:10px;right:0;margin-left:50.5%;color:red;left:0}.order-modal .form p.info-tip{font-size:12px;position:relative;top:-5px;margin:0}.order-modal .form textarea{resize:none}.order-modal .form button{-webkit-appearance:none;padding:10px;background:var(--primary-color);border:0;color:#fff;font-size:16px;line-height:18px;font-weight:700;outline:none;cursor:pointer}.close__button--order{position:absolute;top:20px;right:20px}.order-modal-portal .ReactModal__Content{min-height:250px;max-height:80vh!important}@media screen and (max-width:992px){.order-modal-portal .ReactModal__Content{max-width:100%!important;min-height:100vh!important;max-height:100%!important}}@media screen and (max-width:767px){.order-modal-portal .ReactModal__Content{max-width:100%!important;min-height:100vh!important;height:100%;max-height:100%!important}}@media screen and (max-width:767px){.order-modal-portal .order-modal{margin-bottom:100px}}.order-modal-portal .ReactModal__Overlay.ReactModal__Overlay--after-open{background-color:rgba(0,0,0,.8)!important}.order-modal-portal.reset .ReactModal__Content{min-height:auto;top:50%!important;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width:767px){.order-modal-portal.reset .ReactModal__Content{top:0!important;-webkit-transform:translateY(0);transform:translateY(0)}}.order-modal-portal.reset .form div{background:var(--primary-color);padding:20px;color:#fff;width:65%;margin:10px 0;font-size:16px}@media screen and (max-width:767px){.order-modal-portal.reset .form div{width:calc(100% - 40px)}}.order-modal-portal.reset .form div span{display:block;font-size:24px;font-weight:700;padding-bottom:5px}.order-modal-portal.reset .last{margin-bottom:0}.order-modal-portal.reset .last a{color:#000}.order-modal-portal .radios{display:-webkit-flex;display:flex;margin:10px 0 5px}.order-modal-portal .radios .container{display:block;position:relative;padding-left:25px;margin-bottom:12px;margin-right:20px;cursor:pointer;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.order-modal-portal .radios .container input{position:absolute;opacity:0;cursor:pointer}.order-modal-portal .radios .checkmark{position:absolute;top:-1px;left:0;height:15px;width:15px;border-radius:50%;border:1px solid #d0cece}.order-modal-portal .radios .container:hover input~.checkmark,.order-modal-portal .radios .container input:checked~.checkmark{background-color:#fff}.order-modal-portal .radios .checkmark:after{content:"";position:absolute;display:none}.order-modal-portal .radios .container input:checked~.checkmark:after{display:block}.order-modal-portal .radios .container .checkmark:after{top:3px;left:3px;width:9px;height:9px;border-radius:50%;background:var(--primary-color)}.order-modal-portal .checkbox-wrapper .container{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.order-modal-portal .checkbox-wrapper .container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.order-modal-portal .checkbox-wrapper .checkmark{position:absolute;top:-1px;left:0;height:15px;width:15px;background-color:#fff;border:1px solid #d0cece}.order-modal-portal .checkbox-wrapper .checkmark:after{content:"";position:absolute;display:none}.order-modal-portal .checkbox-wrapper .container input:checked~.checkmark:after{display:block}.order-modal-portal .checkbox-wrapper .container .checkmark:after{left:4px;top:1px;width:4px;height:8px;border:solid var(--primary-color);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.order-modal-portal .address .group{display:-webkit-flex;display:flex;position:relative;margin-bottom:10px}.order-modal-portal .address .group input[name=state]{width:calc(60% - 10px);margin-right:10px}.order-modal-portal .address .group input[name=zip]{width:40%}.order-view{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:1100px;margin:40px auto}@media screen and (max-width:767px){.order-view{-webkit-flex-direction:column;flex-direction:column}}.order-view footer{width:100%;border-top:1px solid #000}.order-view footer p{margin:30px 0;line-height:32px}.order-view footer a{display:block;margin:0;text-decoration:none;color:#4e7a92}.order-view .info__wrapper{width:calc(48% - 15px);padding:0 15px 0 0}.order-view .info__wrapper .buttons{border:0}@media screen and (max-width:1024px){.order-view .info__wrapper{width:calc(48% - 30px);padding:0 15px}}@media screen and (max-width:767px){.order-view .info__wrapper{width:calc(100% - 30px);margin:0 auto;padding:0 15px}}.order-view .prev{width:calc(52% - 15px);padding:0 0 0 15px}@media screen and (max-width:767px){.order-view .prev{width:calc(100% - 30px);padding:0 15px}.order-view .prev .preview{padding:0!important}}.order-view .prev h2,.order-view .prev h4,.order-view .prev h5{text-align:left;padding:0;margin:0}.order-view .prev h2{padding-bottom:10px;color:#000;font-size:40px;font-weight:600;line-height:43px;max-width:90%}.order-view .prev h4{padding-bottom:5px}.order-view .prev h4,.order-view .prev h5{color:#000;font-size:16px;line-height:20px;max-width:90%}.order-view .prev h5{padding-bottom:20px;font-weight:400}.order-view .prev .preview{width:100%;margin:0 auto;padding:0 55px 0 0}.order-view .prev .preview .preview__container{min-width:510px}@media screen and (max-width:1025px){.order-view .prev .preview .preview__container{max-width:470px;margin:0 auto}}@media screen and (max-width:992px){.order-view .prev .preview .preview__container{min-width:auto}}.order-view .info{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border-color)}.order-view .info:first-child{border-top:1px solid var(--border-color)}.order-view .info.column,.order-view .info .info__title{-webkit-flex-direction:column;flex-direction:column}.order-view .info .info__title{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;padding:10px 0;color:#000;font-size:24px;line-height:30px}.order-view .info .info__title span:nth-child(2){color:#000;font-size:16px;line-height:20px;padding-top:15px}.order-view .info img{max-width:80px;margin:10px 0;display:block}.order-view .info .info__material{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:30px}.order-view .info .info__material.oval img{-webkit-transform:rotate(90deg);transform:rotate(90deg);max-height:33px;margin-left:8px;margin-right:8px;width:auto}.order-view .info .info__grout div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-bottom:15px}.order-view .info .info__grout div img{width:30px;margin:0 10px 0 0}.order-view .info .info__grout span{width:30px;height:30px;display:block;margin-right:10px}.order-view .info .info__material{margin-bottom:10px}.order-view .info .info__material span{margin-left:10px}.order-view .info .info__material span:first-child{width:auto;min-width:50px;margin-right:10px;margin-left:0;text-align:left}.order-view .info .info__material img{width:30px;margin:0}.order-view .info .info__materials{padding-top:10px}.order-view .info .info__materials.randomized .info__material span:first-child{min-width:25px}.order-view .info .info__materials.randomized .info__material{margin-bottom:15px}.order-view .info .info__spec{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.order-view .info .info__spec .item-spec{width:100%;display:-webkit-flex;display:flex;margin:10px 0;padding:0;-webkit-justify-content:space-between;justify-content:space-between}.order-view .info .info__spec .item-spec span:first-child{color:#000;font-size:14px;font-weight:700;line-height:27px}.order-view .info .info__spec .item-spec div span:first-child{font-weight:400;font-size:16px}.order-view .info .info__spec .item-spec.application span:not(:first-child){padding-left:20px}.order-view .info .info__spec .item-spec.application span:not(.include):not(:first-child){color:rgba(0,0,0,.3);display:inline-block;position:relative}.order-view .info .info__spec .item-spec.application span:not(.include):not(:first-child):after{content:"";position:absolute;top:60%;left:35%;height:1px;background:#000;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);width:70%}.order-view .preview__buttons{min-width:100%}@media screen and (max-width:992px){.order-view .preview__buttons{min-width:100%}}@media screen and (max-width:768px){.order-view .preview__buttons{min-width:80%}}@media screen and (max-width:343px){.order-view .preview__buttons{width:calc(100% - 2px);left:1px;margin:0;bottom:75px}}.order-view .inputs__wrapper{width:100%}.order-view .inputs__wrapper p{text-align:center}.order-view .input-btn-groups .button{width:calc(50% - 7.5px);background:transparent;color:var(--primary-color);height:60px}.order-view .input-btn-groups .button:hover{color:#fff}.order-view .zone-wrapper{display:-webkit-flex;display:flex;margin:10px 0;padding:10px 0;position:relative}.order-view .zone-wrapper:after{content:"";position:absolute;bottom:0;border-bottom:1px solid #ddd;width:100%;left:0}.order-view .zone-wrapper>span{width:25px;display:block;position:relative;padding-top:15px;padding-left:5px}.order-view .zone-wrapper>span:before{content:"";background:#ccc;position:absolute;display:inline-block;width:6px;height:calc(100% - 5px);top:0;left:0}.order-view .zone-wrapper:first-child>span:before{background:#ccc}.order-view .zone-wrapper:nth-child(2)>span:before{background:#999}.order-view .zone-wrapper:nth-child(3)>span:before{background:#666}.order-view .zone-wrapper:nth-child(4)>span:before{background:#333}.order-view .zone-wrapper:last-child{margin-bottom:0}.order-view .zone-wrapper:last-child:after{display:none}.order-view .zone-wrapper .percent-material{margin-left:auto!important}.order-view .randomized{padding-bottom:15px}.order-view .randomized .zone-wrapper{margin:0;padding:0}.order-view .randomized .zone-wrapper:after,.order-view .randomized .zone-wrapper>span{display:none}.order-view .randomized .zone-wrapper .info__material{margin-bottom:0}.order-view .randomized .zone-wrapper .materials--wrapper{padding-bottom:0;padding-left:0}.order-view .materials--wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px 5px;width:100%}.loading-page svg{position:absolute;top:50%;left:50%;width:60px;height:60px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@font-face{font-family:Europa;src:url(/fonts/Europa/Europa-Regular.woff2) format("woff2"),url(/fonts/Europa/Europa-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Europa;src:url(/fonts/Europa/Europa-Bold.woff2) format("woff2"),url(/fonts/Europa/Europa-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Europa;src:url(/fonts/Europa/Europa-Italic.woff2) format("woff2"),url(/fonts/Europa/Europa-Italic.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Europa;src:url(/fonts/Europa/Europa-BoldItalic.woff2) format("woff2"),url(/fonts/Europa/Europa-BoldItalic.woff) format("woff");font-weight:700;font-style:italic}:root{--border-color:#e6e6e6;--primary-color:#4e7a92;--primary-color-border:#9bafbc}.App{text-align:center}.internal{font-family:Europa}.internal button,.internal h1,.internal h2,.internal h3,.internal h4,.internal h5{font-family:Europa;font-weight:700}.internal input,.internal textarea{font-family:Europa}.other{--primary-color:#000;--primary-color-border:#666}.other,.other button,.other h1,.other h2,.other h3,.other h4,.other h5,.other input,.other textarea{font-family:Arial}header{height:30.438px}header p{font-size:14px}header p a{color:#000}.logo img{max-height:40px;max-width:430px}@media screen and (max-width:767px){.logo img{max-width:200px}}.loading_wrap{overflow:hidden}.icon-loading{width:64px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.75)}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{padding:30px 10px;display:-webkit-flex;display:flex;max-width:1100px;margin:0 auto;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border-bottom:1px solid #979797}header .logo{text-align:left}header .logo img{display:block}header .back{color:#000;font-size:12px;line-height:15px;text-align:center}.number{font-size:20px}.app{-webkit-justify-content:center;justify-content:center;margin:0 auto;padding:0 10px}.app,.title{display:-webkit-flex;display:flex;max-width:1100px}.title{-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;color:#000;font-size:40px;font-weight:700;line-height:48px;margin:10px auto 0;padding:0 10px 20px}@media screen and (max-width:767px){.title{font-size:28px;line-height:32px}}.title .title-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}@media screen and (max-width:992px){.title .title-header{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;text-align:left}}@media screen and (max-width:486px){.title .title-header{display:none}}.title .title-header .small{color:#000;font-size:18px;padding-top:8px;line-height:22px;margin-left:30px}@media screen and (max-width:992px){.title .title-header .small{margin-left:0}}.title .title-header-secondary{color:#000;padding-top:8px;font-size:16px;font-weight:700;line-height:23px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}@media screen and (max-width:486px){.title .title-header-secondary{font-size:14px}}.title .title-header-secondary .icon{width:35px;margin-right:10px}.title .title-header-secondary .icon-delivery{width:35px;margin-left:40px;margin-right:5px}.configurator{width:51%}.steps{text-align:left}.step{-webkit-flex-direction:column;flex-direction:column;margin:10px 0;padding-bottom:10px;font-size:14px;border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--border-color)}.step,.step .heading{display:-webkit-flex;display:flex}.step .heading{-webkit-align-items:center;align-items:center}@media screen and (max-width:992px){.step .heading{margin-left:0}}.step .index{width:40px;min-width:40px;text-align:left}.step .name{color:#333;font-size:24px;font-weight:700;line-height:29px}.step .input{margin-left:50px;width:calc(100% - 50px)}@media screen and (max-width:992px){.step .input{margin-left:0;width:100%}}@media screen and (max-width:768px){.step .input{width:100%}}p.step{text-align:left;border-bottom:0;line-height:140%}.step-name{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}@media screen and (max-width:992px){.step-name{margin-left:0}}.index{color:#d9d9d9;font-size:30px;font-weight:700;line-height:36px;text-align:center;margin-right:10px}.preview{padding:0 0 0 30px;box-sizing:border-box;width:49%;max-width:658px}.preview img{width:100%}.items{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.item{width:110px;box-sizing:border-box;padding:10px 5px;border:2px solid transparent;position:relative}@media screen and (max-width:992px){.item{width:150px;margin:0 auto}}@media screen and (max-width:776px){.item{width:110px;margin:0 auto;padding:10px 5px}}@media screen and (min-width:420px){.item:before{content:"";height:20px;width:20px;background-color:#4e7a92;background-color:var(--primary-color);top:-1px;right:-1px}.item:after,.item:before{position:absolute;display:none}.item:after{content:"+";top:-3px;right:3px;font-weight:200;color:#fff;line-height:21px;font-size:21px}}@media screen and (min-width:420px){.item:hover{border:2px solid #4e7a92;border:2px solid var(--primary-color);cursor:pointer}.item:hover:after,.item:hover:before{display:block}}.menu a{margin-left:20px}.item.used{border:2px solid #4e7a92;border:2px solid var(--primary-color);position:relative}.item.used:before{content:"";height:20px;width:20px;background-color:#4e7a92;background-color:var(--primary-color);position:absolute;top:-1px;right:-1px;display:block}.item.used:after{content:"";position:absolute;background-image:url(/static/images/checkmark.png);background-size:contain;background-repeat:no-repeat;width:12px;height:12px;top:4px;right:3px;font-weight:400;line-height:12px;font-size:12px;display:block!important}@media screen and (min-width:420px){.item.used.visited:hover{border:2px solid #b80b0b}.item.used.visited:hover:after{content:"X";background:none;top:2px;right:0;display:block}.item.used.visited:hover:before{content:"";background-color:#b80b0b}}.item.hidden{opacity:.5;pointer-events:none}.item img{max-width:63px;display:block;margin:0 auto}.item p{font-size:10px;text-align:center;margin-bottom:0}.type.pattern .item img{border-radius:0}.type:not(.pattern){padding-top:20px;position:relative;width:100%}@media screen and (max-width:992px){.type:not(.pattern){width:100%}}.type:not(.pattern):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc}.type.pattern h4{width:95%}.type.pattern .items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media screen and (max-width:930px){.type.pattern .items{display:grid;grid-template-columns:25% 25% 25% 25%;justify-items:center}}@media screen and (max-width:768px){.type.pattern .items{display:grid;grid-template-columns:33% 33% 33%}}@media screen and (max-width:480px){.type.pattern .items{display:grid;grid-template-columns:33% 33% 33%}}.type.pattern .item{width:180px;padding:10px 0}@media screen and (max-width:929px){.type.pattern .item{width:100%}}@media screen and (max-width:768px){.type.pattern .item{width:100%}}@media screen and (max-width:420px){.type.pattern .item{width:100%;padding:5px 0}}.type.pattern .item img{max-width:150px}@media screen and (max-width:768px){.type.pattern .item img{max-width:120px}}@media screen and (max-width:420px){.type.pattern .item img{max-width:100px}}.type:not(.pattern) h4{margin-top:0}.type:not(.pattern) h4 span{font-size:12px;font-weight:400;margin-left:30px}.type:not(.pattern) .item{width:110px;margin:5px}@media screen and (max-width:768px){.type:not(.pattern) .item{width:70px;margin:0}}.type.blocked{opacity:.5;pointer-events:none}.type.blocked-type{display:none}.inputs-group,.step.grout{width:calc(100% + 1px)}.inputs-group .input,.step.grout .input{border-bottom:0}.inputs-group.locked,.step.grout.locked{position:relative;padding-top:15px;cursor:not-allowed}.inputs-group.locked .add-button,.inputs-group.locked .input,.inputs-group.locked .percantage,.step.grout.locked .add-button,.step.grout.locked .input,.step.grout.locked .percantage{pointer-events:none;opacity:.5}.inputs-group.locked:after,.step.grout.locked:after{content:"Changes not allowed when In Room view";position:absolute;top:0;left:0;font-size:12px;font-weight:700}.inputs-group.locked:hover:after,.step.grout.locked:hover:after{color:#8b0000}.step.grout.locked:after{display:none}.input{cursor:pointer}.step-name{min-width:200px}.text.empty{color:#696969;font-size:14px;line-height:18px}.steps.no-pattern .step:not(.pattern){opacity:.5;cursor:not-allowed}.steps.no-pattern .step:not(.pattern) .material-select,.steps.no-pattern .step:not(.pattern) .select-grout__control{pointer-events:none}.add{border:1px solid #e6e6e6;border-left:0;padding:10px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-width:20px}.add svg{width:.875em!important;margin:0 auto}.buttons-randomize{display:-webkit-flex;display:flex}.bottom-note{text-align:left;margin:40px 0;color:#000;font-size:12px;line-height:15px}@media screen and (max-width:767px){.bottom-note{margin:50px 0 20px;padding:0 5px}}.inputs-group .add-button{padding:10px 20px;background-color:#4e7a92;background-color:var(--primary-color);color:#fff;width:90px;margin:10px 0 0 50px;text-align:center;cursor:pointer}@media screen and (max-width:992px){.inputs-group .add-button{margin:10px 0}}@media screen and (max-width:768px){.inputs-group .add-button{margin:10px 0}}.inputs-group .add-button:hover{opacity:.7}.inputs-group .add-button.disabled{cursor:not-allowed;background-color:#d0cece;position:relative;color:#fff}.inputs-group .add-button.disabled>div{pointer-events:none}.inputs-group .add-button.disabled:hover{opacity:1}.inputs-group .add-button.disabled:hover:before{content:"You have reached the maximum of 10 materials for your design.";position:absolute;bottom:30px;left:10px;color:#ab2a22;width:100%;font-size:12px;padding:5px;background:#f4e7e6}.inputs-group .add-button.disabled:hover:after{content:"";position:absolute;bottom:25px;left:60%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #f4e7e6}.inputs-group .add-button.disabled-chip:hover:before{content:"You have reached the maximum of materials for zone"}svg.materials{display:block;height:0;width:0;border:0}.button__quote{display:block;background:#4e7a92;background:var(--primary-color);color:#fff;width:100%;height:60px;display:-webkit-flex;display:flex;cursor:pointer;-webkit-justify-content:center;justify-content:center;font-size:22px;font-weight:600;line-height:24px;text-align:center}.button__quote,.button__quote span{-webkit-align-items:center;align-items:center}.button__quote span{display:-webkit-flex;display:flex}.button__quote--blue{background:#fff;border:2px solid #4e7a92;border:2px solid var(--primary-color);height:45px;width:calc(100% - 4px);color:#4e7a92;color:var(--primary-color);font-size:16px;font-weight:700;line-height:19px}.button__quote--blue:hover{background:#4e7a92!important;background:var(--primary-color)!important;color:#fff}.button__quote:hover{background:#333}.inputs__wrapper{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.inputs__wrapper>p{margin-top:20px!important;margin-bottom:0!important;text-align:left;font-weight:400!important;font-size:16px!important;line-height:140%!important}.inputs__wrapper>p a{text-decoration:underline!important}.step.buttons .input-btn{width:100%}.step.buttons .input-btn:nth-child(2){margin-top:15px}.step.buttons{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;margin-top:20px;padding:5px 0 20px}.step.buttons p{font-size:14px;font-weight:600;margin-top:30px}.step.buttons a{color:#4e7a92;color:var(--primary-color)}.step.buttons .step-name{-webkit-align-items:flex-start;align-items:flex-start;min-width:170px}@media screen and (max-width:1025px){.step.buttons .step-name{min-width:160px}}.step.buttons .step-name .name{text-align:left}.step:last-child{border-top:1px solid #ccc;padding-top:20px}.input-btn-groups.blocked,.input-btn.blocked{cursor:not-allowed;opacity:.5}.input-btn-groups.blocked .button,.input-btn.blocked .button{pointer-events:none}.input-btn-groups{width:100%;margin-top:15px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.input-btn-groups .button{width:47%;background:#fff;border:2px solid #4e7a92;border:2px solid var(--primary-color);height:45px}.input-btn-groups .button span{display:-webkit-flex;display:flex;color:#4e7a92;color:var(--primary-color);font-size:16px;font-weight:700;line-height:19px}.input-btn-groups .button span .svg>div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.input-btn-groups .button span svg{margin-right:8px;width:16px}.input-btn-groups .button span svg *{fill:#4e7a92;fill:var(--primary-color)}.input-btn-groups .button:hover{background:#4e7a92;background:var(--primary-color)}.input-btn-groups .button:hover span{color:#fff}.input-btn-groups .button:hover svg *{fill:#fff}.ReactModal__Body--open{overflow-y:hidden}.ReactModal__Overlay.ReactModal__Overlay--after-open{top:160px;background-color:transparent}.ReactModal__Overlay{z-index:1000;background:rgba(0,0,0,.8)!important}.ReactModal__Content.ReactModal__Content--after-open{width:65vw;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto}.input{width:100%}.css-yk16xz-control{border-radius:0!important;outline:none!important;border-color:#e6e6e6!important;border-color:var(--border-color)!important}.css-tlfecz-indicatorContainer{background:transparent!important;border-left:1px solid #e6e6e6;width:100%}.css-tlfecz-indicatorContainer svg{fill:#000}.css-1okebmr-indicatorSeparator{display:none}.select-grout{width:100%}.select-grout__option{text-align:left;padding:5px 7px!important}.select-grout.materials{display:none;width:calc(100vw - 20px)}.select-grout.materials__option{padding:10px 7px!important}@media screen and (max-width:767px){.select-grout.materials{display:block}}.links .select-grout{width:100%}.links .select-grout__option{padding:10px 7px!important}.select-grout__option--is-selected{background-color:#eee!important;color:#000!important}.select-grout__control{margin-top:5px;border:1px solid #e6e6e6!important;border-radius:0!important;height:50px}@media screen and (max-width:992px){.select-grout__control{height:43px;margin-top:0}}@media screen and (max-width:767px){.select-grout__control{height:38px;margin-top:5px}}.select-grout__indicators{max-height:100%}.select-grout__indicator{height:100%;max-width:37px}.select-grout__indicator svg{height:24px}.select-grout__control--is-focused{outline:none;box-shadow:none!important;border:1px solid #ccc!important}.select-grout__option--is-focused{background-color:transparent!important}@media screen and (max-width:992x){.step.grout .step-name{padding-bottom:5px}}@media screen and (max-width:768px){.step.grout .select-grout{width:100%}.step.grout .step-name{padding-bottom:0}}.step.grout .select-grout__control{height:40px}.select-grout__value-container{padding:4px 8px!important;height:100%;max-height:100%}.select-grout__value-container--has-value{padding:4px 2px!important}.select-grout__menu{border-radius:0!important;margin-top:-1px!important;display:block;z-index:9999!important;box-shadow:none!important;border:1px solid #e6e6e6!important;border:1px solid var(--border-color)!important;width:100%!important}.select-grout__menu-list{border-radius:0;z-index:9999!important}#zone-1 circle,#zone-1 ellipse,#zone-1 path,#zone-1 polygon,#zone-1 rect{fill:#ccc;position:relative}#zone-1 circle:before,#zone-1 ellipse:before,#zone-1 path:before,#zone-1 polygon:before,#zone-1 rect:before{content:"1";position:absolute;top:0;left:0}#zone-2 circle,#zone-2 ellipse,#zone-2 path,#zone-2 polygon,#zone-2 rect{fill:#999}#zone-3 circle,#zone-3 ellipse,#zone-3 path,#zone-3 polygon,#zone-3 rect{fill:#666}#zone-4 circle,#zone-4 ellipse,#zone-4 path,#zone-4 polygon,#zone-4 rect{fill:#333}.preview__buttons{margin-top:20px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;position:absolute;bottom:50px;z-index:1000;min-width:510px}@media screen and (max-width:1056px){.preview__buttons{min-width:100%}}@media screen and (max-width:992px){.preview__buttons{bottom:50px;min-width:100%}}@media screen and (max-width:983px){.preview__buttons{bottom:65px}}@media screen and (max-width:767px){.preview__buttons{width:80%;min-width:auto;margin:0 10%;bottom:60px}}@media screen and (max-width:480px){.preview__buttons{width:calc(100% - 2px);left:1px;margin:0;bottom:60px}}@media screen and (max-width:333px){.preview__buttons{width:calc(100% - 2px);left:1px;margin:0;bottom:75px}}.preview__button{-webkit-flex:1 1;flex:1 1;padding:8px 10px;border:1px solid #e6e6e6;border:1px solid var(--border-color);background:#fff;border-top:0;color:#000;font-size:14px;line-height:17px;text-align:center;cursor:pointer}.preview__button.blocked{display:none}.preview__button:hover{background:#ccc}.preview__button.selected{background:#4e7a92;background:var(--primary-color);border:1px solid #4e7a92;border:1px solid var(--primary-color);color:#fff}.preview__button:first-child{border-right:0}.preview__button:last-child{border-left:0}.close__button{position:absolute;right:20px;top:20px;z-index:1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.hidden-full{display:none}.imagination-logo{padding:30px 0}.imagination-logo img{width:35%}@media screen and (max-width:420px){.step.pattern .heading{max-width:80%}}@media screen and (max-width:992px){.step:not(.pattern){-webkit-flex-direction:column;flex-direction:column}}@media screen and (max-width:768px){.step .heading{padding-top:0}.step:not(.pattern) .heading,.step:not(.pattern) .step-name{margin-bottom:10px}.step:not(.pattern) .inputs-group{-webkit-align-self:flex-end;align-self:flex-end;width:100%}}@media screen and (max-width:768px) and (max-width:768px){.step:not(.pattern) .inputs-group{width:100%}}@media screen and (max-width:768px){.step:not(.pattern) .inputs-group .input{width:100%}.step:not(.pattern) .input{width:100%;-webkit-align-self:flex-end;align-self:flex-end}.step .inputs-group .material-select{margin-bottom:0}.step .inputs-group .input+.input{margin-top:5px}.percentages-wrapper{margin-top:10px}.type:not(.pattern):after{width:calc(100% - 40px)}.ReactModal__Content{inset:0!important;width:calc(100vw - 40px)!important;height:auto;margin-top:0!important;border-radius:0!important;left:0!important;top:0!important;bottom:auto!important;-webkit-transform:translate(0)!important;transform:translate(0)!important;right:auto!important;height:calc(100vh - 90px)!important;overflow-y:auto!important;overflow-x:hidden!important;border:none!important;padding-bottom:90px!important}.ReactModal__Content.ReactModal__Content--after-open{height:auto}.name{width:80%}}.ReactModal__Content{border-radius:0!important}@media screen and (max-width:987px){.configurator{width:51%}.preview{width:49%}.preview__wrapper{min-width:auto}}@media screen and (max-width:767px){.inputs__wrapper{width:calc(100% - 50px);margin-left:50px}.app{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.configurator,.preview{width:100%;padding-left:0}.preview{margin:0 auto 40px}}@media screen and (max-width:767px) and (max-width:767px){.preview{margin:0 auto}}@media screen and (max-width:767px){.preview .preview__wrapper{min-width:auto;width:80%;margin:0 auto}.preview .svg__wrapper.single{width:100%;min-width:auto}.preview .svg__wrapper.kitchen{background:#fff}.inputs__wrapper{width:100%;margin:0 auto}}@media screen and (max-width:480px){.preview .preview__wrapper{min-width:auto;width:calc(100% - 2px);margin:0 auto}}.App.other,.App.rectangle{font-family:Arial;line-height:1}.placeholder{margin-top:15px}.placeholder h5{display:none;font-size:18px;text-align:left;margin:0}@media screen and (max-width:767px){.placeholder h5{display:block}}.placeholder img{display:block}@media screen and (max-width:767px){.placeholder img{display:none}}.App .no_brand,.App>.loading{height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.App>.loading{-webkit-flex-direction:column;flex-direction:column}.App>.loading:before{display:none}.patterns-modal .ReactModal__Content{width:calc(90vw - 40px)!important;top:50%!important;left:50%!important;bottom:auto;width:75vw;height:auto;margin-top:0;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;max-height:90vh;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}@media screen and (max-width:768px){.patterns-modal .ReactModal__Content{width:calc(100vw - 40px)!important}}
/*# sourceMappingURL=main.c975fe0d.chunk.css.map */