.adjustable-height{padding:100px 0 0;position:relative;margin-bottom:100px}@media (max-width: 1024px){.adjustable-height{padding:50px 0 35px}}.adjustable-height .text-container{position:relative;width:600px;height:300px;margin:0 auto -200px;padding:50px 60px;text-align:center;z-index:2}@media (max-width: 1024px){.adjustable-height .text-container{background-color:transparent;height:unset;width:unset;margin:0;padding:15px 30px}}.adjustable-height .text-container p:nth-of-type(1){font-weight:900;font-size:18px;line-height:22px;text-transform:uppercase;margin-bottom:10px}.adjustable-height .text-container p:nth-of-type(2){font-size:15px;line-height:18px;padding:0 31px;margin-bottom:30px}@media (max-width: 1024px){.adjustable-height .text-container p:nth-of-type(2){padding:0}}.adjustable-height .text-container h2{margin:0 0 10px;font-weight:900;font-size:32px;line-height:38px;text-transform:uppercase}@media (max-width: 1024px){.adjustable-height .text-container .button{display:none}}.adjustable-height .desktop{display:none}@media (min-width: 1025px){.adjustable-height .desktop{display:block}}.adjustable-height .desktop .choose-width strong{font-weight:900}.adjustable-height .desktop .images-container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:780px;max-width:950px;margin:0 auto}.adjustable-height .desktop .images-container .color-container{position:absolute;left:-175px;bottom:35%;display:flex;flex-direction:column;padding:10px;border-radius:5%}.adjustable-height .desktop .images-container .color-container .color-div{font-weight:700;color:#000;margin-bottom:10px;text-align:right;font-size:13px}.adjustable-height .desktop .images-container .color-container .color-div strong{font-weight:900}.adjustable-height .desktop .images-container .color-container button{background:none;margin-bottom:5px;display:flex;justify-content:flex-end;text-transform:uppercase;padding:6px 10px;border-radius:5%}.adjustable-height .desktop .images-container .color-container button span{text-align:right;font-weight:900;color:#ccc}.adjustable-height .desktop .images-container .color-container button .color-swatches{width:initial;margin-left:10px}.adjustable-height .desktop .images-container .color-container button.active-color{background-color:#e88d61}.adjustable-height .desktop .images-container .color-container button.active-color span{color:#1e1e1e}.adjustable-height .desktop .images-container .color-container button:hover:not(.active-color){background-color:#a4a4a4}.adjustable-height .desktop .images-container .workbench-img{display:none}.adjustable-height .desktop .images-container .workbench-img.active-img{display:block}.adjustable-height .desktop .images-container .color-class{display:none}.adjustable-height .desktop .images-container .color-class.active-color{display:block}.adjustable-height .desktop .images-container img{height:100%;width:100%;object-fit:contain}.adjustable-height .desktop .images-container .ruler{position:absolute;height:294px;width:153px;right:-175px;bottom:25%;padding:10px;border-radius:5%}@media (max-width: 1250px){.adjustable-height .desktop .images-container .ruler{display:none}}.adjustable-height .desktop .buttons-container{display:flex;flex-direction:column;align-items:center;height:80px;justify-content:space-between}.adjustable-height .desktop .buttons-container .height-btn-container{border-radius:5%;display:flex;align-items:center;align-content:center}.adjustable-height .desktop .buttons-container .height-btn-container .choose-height{height:30px;min-height:30px;border-radius:3px;background-color:transparent;color:#333;font-size:17px;width:100px;margin:5px;font-weight:900}.adjustable-height .desktop .buttons-container .height-btn-container .choose-height.active{background-color:#e88d61}.adjustable-height .desktop .buttons-container .height-btn-container .choose-height:not(.active){border:1px solid #a4a4a4;color:#a4a4a4}.adjustable-height .desktop .buttons-container .height-btn-container .choose-height:hover:not(.active){background-color:#a4a4a4;color:#333}.adjustable-height .desktop .buttons-container .height-btn-container .choose-height span{font-size:11px;font-weight:700}.adjustable-height .desktop .buttons-container p{font-weight:700;font-size:17px;line-height:20px;text-transform:uppercase;font-size:13px}.adjustable-height .desktop .jump-ruler{position:fixed;right:16px;height:80vh;min-width:48px;white-space:nowrap;-webkit-user-select:none;user-select:none;background-color:#fff}.adjustable-height .desktop .jump-ruler .height{font-weight:700;color:#000;font-size:13px}.adjustable-height .desktop .jump-ruler .height strong{font-weight:900}.adjustable-height .desktop .jump-ruler .selection-option{border:1px solid #ccc;height:1px;width:30%;display:inline-block;transform:translateY(-200%)}.adjustable-height .desktop .jump-ruler-label{position:absolute;width:85%;text-align:left;font-size:16px;font-weight:700;color:#ccc;cursor:pointer;transform:translateY(-50%);font-weight:900}.adjustable-height .desktop .jump-ruler-label small{font-weight:700}.adjustable-height .desktop .jump-ruler-label span{color:#ccc}.adjustable-height .desktop .jump-ruler-label.active-size{background:#e88d61;color:#1e1e1e}.adjustable-height .desktop .jump-ruler-label.active-size .selection-option{border:1px solid #1E1E1E}.adjustable-height .desktop .jump-ruler-label.active-size span{color:#1e1e1e}.adjustable-height .desktop .jump-ruler-label:hover:not(.active-size){background:#e4e4e4;color:#1e1e1e}.adjustable-height .desktop .jump-ruler-label:hover span{color:#1e1e1e}.adjustable-height .desktop .jump-ruler-label[data-param="1"]{top:15%}.adjustable-height .desktop .jump-ruler-label[data-param="30"]{top:25%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="40"]{top:35%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="50"]{top:45%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="60"]{top:55%}.adjustable-height .desktop .jump-ruler-label[data-param="70"]{top:65%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="80"]{top:75%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="90"]{top:85%;pointer-events:none}.adjustable-height .desktop .jump-ruler-label[data-param="100"]{top:95%}.adjustable-height .mobile{display:block;position:relative}@media (min-width: 1025px){.adjustable-height .mobile{display:none}}.adjustable-height .mobile .options-container{margin:0 auto 25px;display:flex;justify-content:center}.adjustable-height .mobile .options-container button{width:150px;background-color:transparent;font-weight:400;font-size:15px;line-height:18px;border-bottom:2px solid #A4A4A4;padding:0 0 5px;height:23px;min-height:23px;text-transform:capitalize}.adjustable-height .mobile .options-container button.active{font-weight:700;border-bottom:2px solid #E88D61}.adjustable-height .mobile .images-container{width:100%}.adjustable-height .mobile .images-container img{width:100%;height:100%;object-fit:contain}.adjustable-height .mobile .shop-now.button{position:absolute;bottom:25%;left:50%;transform:translate(-50%);width:75%}.adjustable-height.hammered-granite{background-color:#f2f2f2;transition:.5s}.adjustable-height.hammered-granite .color-container{background-color:#fff}.adjustable-height.white{background-color:#636363;transition:.5s}.adjustable-height.white .text-container,.adjustable-height.white .text-container h2{color:#fff}.adjustable-height.white .color-container{background-color:#535353}.adjustable-height.white .color-container .color-div{color:#fff!important}.adjustable-height.white .color-container button span{color:#ccc!important}.adjustable-height.white .color-container .active-color span{color:#1e1e1e!important}.adjustable-height.white .jump-ruler{background-color:#535353}.adjustable-height.white .jump-ruler .height{color:#fff}.adjustable-height.white .buttons-container .height-btn-container{background-color:#535353}.adjustable-height.white .buttons-container p{color:#fff}
/*# sourceMappingURL=/cdn/shop/t/98/assets/include-workbenches-adj-height.scss.css.map */