.before-after-mod{background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.before-after-mod__container{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:72px}.before-after-mod__layout--left .before-after-mod__content{order:2}.before-after-mod__layout--left .before-after-mod__visual{order:1}.before-after-mod__content{max-width:560px}.before-after-mod__content--left{text-align:left}.before-after-mod__content--center{text-align:center;margin-left:auto;margin-right:auto}.before-after-mod__content--right{text-align:right;margin-left:auto}.before-after-mod__eyebrow{margin-bottom:18px;font-size:.9em;line-height:1.3;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.before-after-mod__heading{margin:0;max-width:520px;font-size:clamp(36px,4vw,56px);line-height:.98;letter-spacing:-.04em;font-weight:500}.before-after-mod__content--center .before-after-mod__heading,.before-after-mod__content--center .before-after-mod__description{margin-left:auto;margin-right:auto}.before-after-mod__content--right .before-after-mod__heading,.before-after-mod__content--right .before-after-mod__description{margin-left:auto}.before-after-mod__description{margin-top:26px;max-width:560px;font-size:var(--h6-font-size);line-height:1.55;opacity:.82}.before-after-mod__description p{margin:0}.before-after-mod__list{display:grid;gap:18px;margin:34px 0 0;padding:0;list-style:none}.before-after-mod__content--center .before-after-mod__list{justify-items:center}.before-after-mod__content--right .before-after-mod__list{justify-items:end}.before-after-mod__list-item{display:flex;align-items:flex-start;gap:14px;font-size:1.1em;line-height:1.35}.before-after-mod__content--right .before-after-mod__list-item{flex-direction:row-reverse}.before-after-mod__check{display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:16px;margin-top:2px;font-size:.9em;line-height:1;font-weight:700}.before-after-mod__button{display:inline-flex;align-items:center;justify-content:center;margin-top:34px;min-height:52px;padding:14px 34px;border-radius:999px;text-decoration:none;font-size:.9em;line-height:1;font-weight:700;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.before-after-mod__button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #4c245338}.before-after-mod__note{margin-top:18px;font-size:.9em;line-height:1.45;opacity:.68}.before-after-mod__visual{width:100%}.before-after-mod__compare-card{position:relative;width:100%;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #23324621}.before-after-mod__image-wrap{position:relative;min-height:330px;aspect-ratio:1.82 / 1;overflow:hidden;border-radius:16px;background:#e8f0f4;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y}.before-after-mod__image-wrap.is-dragging{cursor:grabbing}.before-after-mod__image,.before-after-mod__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.before-after-mod__img{width:100%;height:100%;object-fit:cover}.before-after-mod__placeholder{background:linear-gradient(90deg,rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.38) 1px,transparent 1px),linear-gradient(180deg,#dfe9ee,#cfdbe1);background-size:58px 58px,58px 58px,100% 100%}.before-after-mod__placeholder--after{background:linear-gradient(90deg,rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.36) 1px,transparent 1px),linear-gradient(180deg,#edf4f7,#d6e3e9);background-size:58px 58px,58px 58px,100% 100%}.before-after-mod__bathroom{position:absolute;top:0;right:0;bottom:0;left:0}.before-after-mod__window{position:absolute;top:36px;left:76px;width:112px;height:88px;border:3px solid rgba(99,122,134,.22);border-radius:6px;background:#ffffff47}.before-after-mod__window:before,.before-after-mod__window:after{content:"";position:absolute;background:#637a862e}.before-after-mod__window:before{left:50%;top:0;width:3px;height:100%}.before-after-mod__window:after{left:0;top:50%;width:100%;height:3px}.before-after-mod__old-tub{position:absolute;left:72px;bottom:96px;width:205px;height:74px;border-radius:14px;background:#fff;box-shadow:0 10px 22px #1c36461f}.before-after-mod__old-tub:before{content:"";position:absolute;left:26px;right:26px;top:16px;bottom:16px;border-radius:10px;background:#e8eff3}.before-after-mod__shower{position:absolute;left:36px;bottom:52px;width:210px;height:88px;border-radius:8px;background:#79869052}.before-after-mod__shower:before,.before-after-mod__shower:after{content:"";position:absolute;bottom:22px;width:6px;height:6px;border-radius:50%;background:#6c747d;box-shadow:22px 0 #6c747d,44px 0 #6c747d}.before-after-mod__shower:before{left:18px}.before-after-mod__shower:after{left:18px;bottom:36px}.before-after-mod__toilet{position:absolute;right:210px;bottom:92px;width:80px;height:78px}.before-after-mod__toilet:before{content:"";position:absolute;left:15px;top:32px;width:64px;height:32px;border-radius:50%;background:#fff;box-shadow:0 8px 18px #1c36461f}.before-after-mod__toilet:after{content:"";position:absolute;right:0;top:0;width:52px;height:44px;border-radius:7px;background:#fff}.before-after-mod__vanity{position:absolute;right:30px;bottom:88px;width:102px;height:66px;background:#fff;border-radius:2px}.before-after-mod__vanity:before{content:"";position:absolute;left:26px;right:26px;top:8px;height:10px;border-radius:50%;background:#d9e3e8}.before-after-mod__floor{position:absolute;inset:auto 0 0 0;height:66px;background:#beccd475}.before-after-mod__label{position:absolute;z-index:5;top:22px;display:inline-flex;align-items:center;min-height:34px;padding:8px 14px;border-radius:6px;font-size:.9em;line-height:1;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.before-after-mod__label--before{left:18px}.before-after-mod__label--after{right:18px}.before-after-mod__divider{position:absolute;z-index:6;top:0;bottom:0;width:0;background:#fffffff2;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff8c;pointer-events:none}.before-after-mod__handle{position:absolute;top:51%;left:50%;display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#fff;color:#4c2453;font-size:var(--h5-font-size);font-weight:700;transform:translate(-50%,-50%);box-shadow:0 10px 28px #14273424;pointer-events:none}.before-after-mod__success-icon{position:absolute;z-index:5;right:36px;top:92px;display:none;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;font-size:var(--h4-font-size);font-weight:700;box-shadow:0 12px 24px #3f896338}.before-after-mod__image-wrap{touch-action:none;cursor:ew-resize;user-select:none;-webkit-user-select:none}.before-after-mod__image-wrap *{user-select:none;-webkit-user-select:none}.before-after-mod__img{pointer-events:none;-webkit-user-drag:none;user-drag:none}@media screen and (max-width:989px){.before-after-mod__container{grid-template-columns:1fr;gap:44px}.before-after-mod__layout--left .before-after-mod__content,.before-after-mod__layout--left .before-after-mod__visual{order:initial}.before-after-mod__content{max-width:720px}.before-after-mod__heading,.before-after-mod__description{max-width:680px}}@media screen and (max-width:749px){.before-after-mod__container{gap:36px}.before-after-mod__eyebrow{margin-bottom:14px;font-size:.9em}.before-after-mod__heading{font-size:var(--h2-font-size);line-height:1.04}.before-after-mod__description{margin-top:20px;font-size:1.1em;line-height:1.55}.before-after-mod__list{gap:14px;margin-top:26px}.before-after-mod__list-item{font-size:.9em}.before-after-mod__button{width:100%;margin-top:28px}.before-after-mod__note{font-size:.9em}.before-after-mod__image-wrap{min-height:240px;aspect-ratio:1.28 / 1}.before-after-mod__label{top:14px;min-height:30px;padding:7px 10px;font-size:.9em}.before-after-mod__label--before{left:12px}.before-after-mod__label--after{right:12px}.before-after-mod__handle{width:44px;height:44px;font-size:1.1em}.before-after-mod__success-icon{right:22px;top:70px;width:34px;height:34px;font-size:var(--h5-font-size)}.before-after-mod__window{left:44px;top:44px;width:74px;height:62px}.before-after-mod__old-tub{left:48px;bottom:78px;width:145px;height:58px}.before-after-mod__shower{left:28px;bottom:46px;width:150px;height:68px}.before-after-mod__toilet{right:120px;bottom:78px;transform:scale(.78)}.before-after-mod__vanity{right:20px;bottom:76px;width:74px;height:54px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/before-after-modification.css.map */