.room-preview__wrapper{display:grid;grid-template-columns:49% 49%;align-items:center}.room-preview__compare{width:100%;height:100%}.ba-slider{position:relative;width:100%;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#ddd;aspect-ratio:16/10}.ba-slider img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.after-image{z-index:1}.resize{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden;z-index:2}.before-image{width:100%;height:100%;object-fit:cover}.divider{position:absolute;top:0;left:50%;width:2px;height:100%;background:#fff;transform:translate(-50%);z-index:2}.handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000002e;cursor:grab;transition:.25s}.handle svg{width:18px;height:18px}.handle:hover{transform:translate(-50%,-50%) scale(1.08)}.handle:active{cursor:grabbing}.room-preview__content{padding:0 0 0 54px}.room-preview__heading{max-width:392px;font-size:32px;line-height:44px;margin:0 0 40px;font-weight:600;letter-spacing:0}.room-preview__steps{display:flex;flex-direction:column;gap:24px}.step-item{display:flex;gap:20px;align-items:flex-start}.step-number{width:34px;height:34px;background:#b89245;transform:rotate(45deg);display:flex!important;align-items:center;justify-content:center;position:relative;flex-shrink:0;margin-top:2px}.step-number{line-height:1;font-family:inherit;overflow:hidden;text-indent:0;font-size:14px;font-weight:600;transform:rotate(45deg);z-index:2;box-sizing:border-box;padding:0;margin-top:2px;text-align:center;white-space:nowrap;transition:.3s;-webkit-user-select:none;user-select:none;cursor:default;display:flex;align-items:center;justify-content:center;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;position:relative}.step-number:after{content:attr(data-number);position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;transform:rotate(-45deg)}.step-number:before{content:""}.step-number:after{content:attr(data-number)}.step-item:nth-child(1) .step-number:after{content:"1"}.step-item:nth-child(2) .step-number:after{content:"2"}.step-item:nth-child(3) .step-number:after{content:"3"}.step-item:nth-child(4) .step-number:after{content:"4"}.step-item:nth-child(5) .step-number:after{content:"5"}.step-item:nth-child(6) .step-number:after{content:"6"}.step-number{color:transparent}.step-number:after{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;transform:rotate(-45deg)}.step-content h4{margin:0 0 2px;font-size:16px;font-weight:600;font-family:var(--font-body-family)!important}.step-content p{margin:0;color:#504e4e;font-size:14px;line-height:1.7}.room-preview__button{margin-top:45px;display:inline-flex;align-items:center;background:#1d1b19;color:#fff;padding:18px 34px;text-decoration:none;transition:.3s;font-size:14px;font-weight:600;letter-spacing:.03em}.room-preview__button:hover{background:#b89245}.room-preview__button .arrow{font-size:18px;transition:.3s}.room-preview__button:hover .arrow{transform:translate(5px)}@media(max-width:991px){.room-preview__wrapper{grid-template-columns:1fr;gap:30px}.room-preview__heading{font-size:34px}.room-preview__content{max-width:700px;padding-left:0}}@media(max-width:767px){.room-preview{overflow:hidden;padding:30px 0!important}..room-preview__steps{gap:16px}.room-preview__wrapper{gap:30px}.room-preview__heading{font-size:28px;margin-bottom:30px;line-height:1.4}.step-item{gap:15px}.step-content h4{font-size:16px}.step-content p{font-size:14px}.room-preview__button{width:100%;justify-content:center;padding:16px 24px}.handle{width:42px;height:42px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mj-before-after-room-preview.css.map */