.modal-cart-message h1{font-weight:100}.app{display:flex;width:900px;height:900px;align-items:center;justify-content:center;padding:0}.app .ct{position:relative;padding-left:25px}.app .loader{position:absolute;top:50%;left:50%;transform:translate(-50%);font-size:12px;color:#666;padding-left:25px}.app .ruler{position:relative;color:#666;display:flex;flex-direction:column;justify-content:end}.app .ruler .lbl.active{top:-25px}.app .ruler .lbl{display:flex;justify-content:center;align-items:center;font-size:14px;position:absolute;top:-5px;left:0;width:100%;text-align:center}img.icon--locked{max-width:none}.app .ruler .lbl img{flex-shrink:0;width:20px;height:20px}.app .ruler .lbl span{margin:0 10px}.app .ruler .msr{position:relative;border-bottom:1px solid #ccc;display:none;margin-top:0;height:0px}.app .ruler .msr .ln{position:absolute;top:-10px;height:5px;width:1px;background-color:#ccc;margin-top:5px}.app .ruler .msr .ln.mid{height:8px;margin-top:2px}.app .ruler .msr .ln.full{height:10px;margin-top:0;background-color:#000}.app .ruler .msr .ln.full.hide{height:10px;margin-top:2px;background-color:#ccc}.app .ruler .msr .last{position:absolute;top:-10px;right:0;height:10px;width:1px;margin-top:0;background-color:#000;display:none}.app .ruler .msr .last .tx{left:0;transform:none}.app .ruler .msr .tx{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:12px}.app .ruler_top{height:25px}.app .ruler_left{position:absolute;bottom:0;left:25px;width:200px;height:25px;transform:rotate(-90deg);transform-origin:left bottom}.app .ruler_top .redline{position:absolute;bottom:0;left:0;width:1px;height:50%;background-color:red;display:none}.app .ruler_left .redline{position:absolute;bottom:0;right:0;width:1px;height:50%;background-color:red;display:none}.app canvas{display:block;cursor:move}.app .panel{position:absolute;top:25px;left:25px;width:calc(100% - 25px);height:calc(100% - 25px);pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden;display:none}.app .panel .ln{position:absolute;top:0;left:0;width:1px;height:100%;background-color:#00f7f7;margin-left:0}.app .tooltip{position:absolute;top:0;left:0;font-size:11px;line-height:1;background-color:#fff;padding:2px 4px;border-radius:4px;height:14px;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;display:none;opacity:.5;min-width:120px;text-align:center}.nav_lk{position:absolute;top:10px;right:10px;padding:10px;font-size:14px;background-color:#ccc;cursor:pointer;width:120px;text-align:center}.nav_lk.active{background-color:#000;color:#fff}.substrate-options{display:flex;justify-content:space-between;width:100%;border:none;background:none;cursor:pointer;text-align:left;margin-bottom:10px;box-shadow:none;border:2px #000 solid;padding:0;gap:20px}.substrate-image{max-width:fit-content;width:100%}.swatch-name{margin:0;font-size:13px;font-family:Josefin Sans,sans-serif}.bold-name{font-weight:500;font-size:15px}.substrate-options:last-child{margin-bottom:0}.tool-button{background:none;border:none;padding:0;margin:0;cursor:pointer;outline:none;padding-right:2rem}.back-info{display:flex;align-items:center}.container-customizer{display:flex;gap:20px;position:relative;max-width:1430px;margin:0 auto;padding:40px 0 0}.content-left{flex:7;padding:0}.content-right{flex:3;padding:0 20px 20px 0}.substrate-text{display:flex;flex-direction:column;align-self:center;width:100%;line-height:1}.icon-checkmark{display:flex;margin-left:auto;align-items:flex-start;padding:1rem 1rem 0 0}button.substrate-options{-webkit-appearance:none;-moz-appearance:none;appearance:none}button.substrate-options:hover,button.substrate-options:active{background-color:#0000000d}input[type=number]:focus{background-color:transparent;outline:none}input[type=number]:invalid,input[type=number]:valid{background-color:transparent}input[type=number]{background-color:transparent;padding:5px}.wallpaper-visualizer-container{display:flex;justify-content:center}.walltool-canvas-wrapper{flex:1;order:2;display:flex;margin:0;overflow:hidden;height:90%;width:100%;max-width:100%;max-height:100%;justify-content:center;align-content:center;min-height:300px}.walltool-canvas-width,.walltool-canvas-height{display:flex;align-items:center;flex-direction:row;font-size:14px}.walltool-canvas-container{grid-area:canvas;max-width:100%;max-height:100%;display:flex}.viz-instructions{position:absolute;top:102%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;font-size:14px;text-align:center}.viz-instructions img{display:inline-block;width:20px;height:20px;vertical-align:middle}.content-left{overflow:hidden}.hidden{display:none}.walltool-canvas-ruler{display:block;background-color:#fff}.walltool-canvas-container{height:auto}.wallpaper-calculator{margin:0 auto}.wallpaper-calculator h2{font-size:1.3rem;text-transform:uppercase;letter-spacing:1px}.press-button{cursor:pointer}.measurement-guide{font-size:.7rem;text-align:right;color:#000;text-decoration:underline;padding:1em 0}.wallpaper-calculator h3{font-size:1.2em;margin:1rem 0}.measurement-inputs{display:flex;gap:5vw}.measurement{display:flex;flex-direction:column;width:35%}.measurement label{font-size:.9em;margin-bottom:.5em;text-transform:uppercase;letter-spacing:1px}.input-container{display:flex;align-items:center;border:1px solid #B3B3B3;border-radius:3px;overflow:hidden;justify-content:space-between;background-color:#f2f2f2;padding:.3rem 0;width:100%}.input-container input{width:80px;padding:.5em;border:none;text-align:center;font-size:1.2em}.input-container span{padding:.5em 1.5em .5em .5em;background-color:#f0f0f0}.note{color:#555;margin-top:1.5em;margin-bottom:0}.wall-spec{display:flex;align-items:center;border-bottom:2px black solid;justify-content:space-between;padding:1rem 0}.wall-spec-bottom{display:flex;align-items:center;border-bottom:2px black solid;justify-content:space-between;padding:0 0 1rem}.wall-spec-top{display:flex;align-items:center;border-bottom:1px black solid;justify-content:space-between;padding:0}.toggle-rulers-button{border:0;background:#fff}.icon-group{display:flex;gap:35px}.top-group-canvas{display:flex;justify-content:flex-start;align-items:flex-start;position:relative}h3.app-title{margin-bottom:1rem;font-size:1.33em;letter-spacing:0}p.icon-title,p.icon-title-rulers,p.icon-title-panels{margin:0;font-size:.7rem;text-transform:uppercase;margin-top:.5rem}.icon-style{display:flex;flex-direction:column;align-items:center}p.icon-title.last{margin-top:.18rem}p.icon-title.mid{margin-top:.55rem}.product-name-style{border-bottom:1px solid #000;font-family:Playfair Display;font-weight:400}.icon-group-wrapper{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center}.slider-labels{font-size:.7rem;display:flex}.slider-labels span{padding-right:.1rem;margin-left:.1rem}.styled-slider{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:#f0f1f1;outline:#A7A9AC;transition:opacity .2s}.styled-slider::-webkit-slider-runnable-track{width:100%;height:8px;background:#f0f1f1;border-radius:5px;border:2px #A7A9AC solid}.styled-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#f6f7f7;border:2px solid #A7A9AC;border-radius:50%;cursor:pointer;margin-top:-8px}.styled-slider::-moz-range-track{background:#ddd;height:8px;border-radius:5px}.styled-slider::-moz-range-thumb{width:20px;height:20px;background:#f6f7f7;border:2px solid #A7A9AC;border-radius:50%;cursor:pointer;margin-top:-6px}.styled-slider::-ms-track{background:#ddd;height:8px;border-radius:5px;border-color:transparent;color:transparent}.styled-slider::-ms-thumb{width:20px;height:20px;background:#f6f7f7;border:2px solid #A7A9AC;border-radius:50%;cursor:pointer;margin-top:-6px}.ticks{position:absolute;top:3px;right:0;box-sizing:border-box;z-index:-1;background:#bbbdc0;width:3px}.tick-zero{display:block;height:16px;left:115px}.tick-one{display:block;height:16px;left:89px}.tick-two{display:block;height:16px;left:63px}.tick-three{display:block;height:16px;left:36px}.tick-four{display:block;height:16px;left:10px}.slider-ticks{position:relative}.measurement-group{display:flex;gap:.5vw}.measurement-group-top{display:flex;align-items:center;gap:.5vw}.measurement-group.pricing-bold{font-weight:700;padding:1em 0}.bold-text{font-weight:700;font-size:.8rem;margin:0}.italic-text{font-style:italic;font-size:.8rem;margin:0}p.italic-text{width:8vw}.border-remove{border:0}#loading-spinner{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.modal-content-overlay{position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;border-radius:8px;text-align:center;box-shadow:0 4px 8px #0003;box-sizing:border-box;overflow-x:hidden;padding:20px 20px 20px 60px;max-width:100%}.modal-content-cart{background:#fff;box-sizing:border-box;overflow-x:hidden;padding:20px;max-width:100%;display:flex;justify-content:center;align-items:center;height:100%}.close-button-content{float:right;font-size:1.5rem;cursor:pointer}.spinner{position:relative;border:8px solid #f3f3f3;border-top:8px solid #000;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;z-index:10000}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#total-cost,#cost{font-size:1.2rem!important}.total-cost-container{display:flex;justify-content:space-between;align-items:flex-end}.total-cost{flex-grow:1}.add-cart{padding:1rem 2rem;background:#000;border:0;color:gray;cursor:not-allowed;font-size:.8rem;width:60%;margin:18px auto;line-height:1;font-family:Josefin Sans,sans-serif;letter-spacing:.08em}.add-cart:not(:disabled){color:#fff;cursor:pointer}.modal{position:absolute;top:0;right:-100%;height:100%;width:40%;background:#fff;z-index:1001;opacity:0;transition:right .5s ease,opacity .5s ease;pointer-events:none;display:none;overflow-y:auto}.modal.show{right:0;opacity:1;pointer-events:all;display:block}.modalCart{position:absolute;top:25%;right:-100%;height:25%;width:35%;background:#fff;z-index:1001;opacity:0;transition:right .5s ease,opacity .5s ease;pointer-events:none;display:none;overflow-y:auto}.modalCart.show{right:35vw;opacity:1;pointer-events:all;display:block}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;opacity:0;pointer-events:none;display:none}.modal-overlay.show{opacity:1;pointer-events:all;display:block}.close{position:absolute;top:10px;right:10px;font-size:74px;cursor:pointer;font-weight:100}.wallImage-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.wall-images{width:calc(50% - 10px);max-width:100%;height:auto;object-fit:contain}.wall-title.h6{text-transform:none;letter-spacing:0}img.wall-images-1{width:58%}img.wall-images-2{width:28.8%}img.wall-images-3{width:50%}img.wall-images-4{width:35%}.modal-logo-container{display:flex;justify-content:center}.modal-logo{width:100%}.bold-measurement{font-weight:700}.button-grid{display:none}h3.total-measurements.h3{text-transform:none;letter-spacing:0}@media screen and (max-width: 1111px){.top-group-canvas{flex-direction:column;align-items:center}.icon-group-wrapper{margin-top:2rem}}@media screen and (max-width: 960px){.container-customizer{flex-direction:column;padding:40px 20px 0}p.italic-text{width:30vw}.viz-instructions,.icon-group-wrapper{display:none}.button-grid{display:grid;grid-template-columns:repeat(3,1fr)}.content-left{margin:0 20px 0 0}.grid-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background-color:#fff;border:1px solid #ccc;text-align:center;font-size:16px;cursor:pointer}canvas{width:100%;height:auto}.modal{width:107%}@media only screen and (max-width: 960px){.app .ruler_top{width:100vw}}@media only screen and (max-width: 400px){.app .ruler_top{width:80vw}}}
/*# sourceMappingURL=/cdn/shop/t/29/compiled_assets/styles.css.map */