.before-after-container{max-width:1440px;margin:0 auto}.before-after-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:48px}.before-after-text{flex:1}.before-after-subtitle{font-family:Karla,sans-serif;font-size:14px;line-height:1;letter-spacing:.28px;text-transform:uppercase;color:#000;margin:0 0 16px;font-weight:700}.before-after-title{font-family:Ogg Regular,serif;font-size:40px;line-height:1.2;color:#000;margin:0 0 16px;font-weight:400}.before-after-description{font-family:Karla,sans-serif;font-size:16px;line-height:1.6;color:#495057}.before-after-btn{margin-top:24px}.before-after-slider{width:100%;position:relative;overflow:hidden}.before-real-img{max-width:unset}.after-image{display:block}.before-image{position:absolute;height:100%;width:50%;top:0;left:0;overflow:hidden;z-index:2}.resizer{position:absolute;display:flex;align-items:center;z-index:5;top:0;left:50%;height:100%;width:4px;background:#000;-ms-touch-action:pan-y;touch-action:pan-y;box-shadow:1px 1px 1px #e1e1e1}.resizer:after{cursor:pointer;content:"";position:absolute;margin:0 0 0 -27.5px;width:55px;height:55px;background-image:url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='55' height='55' rx='27.5' fill='%23000'/%3E%3Cpath d='M34.235 28.035h-14.47v3.494L15 26.765 19.765 22v3.494h14.47V22L39 26.765l-4.765 4.765v-3.495z' fill='%23FEFBF5'/%3E%3C/svg%3E");background-size:contain;background-position:center;background-repeat:no-repeat;top:50%;transform:translateY(-50%)}@media screen and (max-width: 990px){.before-after-title{font-size:40px}.before-after-btn{margin-top:16px}.before-after-content{flex-direction:column;gap:24px}.before-after-subtitle{font-size:12px;letter-spacing:.24px}.before-after-text{max-width:100%}.before-after-title{font-size:29px;margin-bottom:12px}.before-after-slider-wrapper{width:100%;position:relative}.before-after-slider{max-width:none;width:100%}.before-real-img,.after-real-img{width:100%;height:auto;object-fit:cover}}@media screen and (max-width: 480px){.before-after-slider-wrapper{width:100%}.resizer:after{width:45px;height:45px;margin:0 0 0 -22.5px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/before-after.css.map */