.beforeAfterSection{width:100%;max-width:100%;background-color:var(--wp--preset--color--contrast-2)}.beforeAfterTop{max-width:1330px;width:100%;padding:120px 20px 60px;display:flex;flex-direction:column;gap:60px;align-items:flex-start;margin:0 auto}.beforeAfterTitle h2{font-size:var(--wp--preset--font-size--xx-large);font-weight:700;font-family:var(--wp--preset--font-family--saira);line-height:1.2;color:var(--wp--preset--color--base);margin:0 !important}.beforeAfterTitle h2 strong{color:var(--wp--preset--color--accent-2)}.beforeAfterSubtitle{margin:0 !important;color:var(--wp--preset--color--base-3)}.beforeAfterWrap{position:relative;max-height:100vh}.baWrap{position:absolute;top:0;width:100%;height:100%;overflow:hidden}.beforeWrap{left:0;z-index:1;position:relative;width:100%;max-height:100vh}.afterWrap{right:0}.baWrap img{object-fit:cover;display:block;width:100vw;height:100%;max-height:100vh}.beforeWrap img{height:unset}.draggerWrap{position:absolute;top:0;height:100%;display:flex;align-items:center;justify-content:center;z-index:2}.draggerLine{width:1px;height:100%;background-color:var(--wp--preset--color--base)}.draggerButton{width:64px;height:64px;background-color:var(--wp--preset--color--base);border-radius:50%;border:1px solid var(--wp--preset--color--accent-1);cursor:grab;position:absolute;top:50%;transform:translateY(-50%);transition:.4s ease-in-out;display:flex;align-items:center;justify-content:center}.draggerButton svg{color:var(--wp--preset--color--accent-1);transition:.4s ease-in-out}.draggerButton:hover,.draggerButton:focus{background-color:var(--wp--preset--color--accent-1)}.draggerButton:hover svg,.draggerButton:focus svg{color:var(--wp--preset--color--base)}.imgLabel{position:absolute;top:24px;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px;background-color:var(--wp--preset--color--base);padding:10px 16px;border-radius:10px;font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--contrast);white-space:nowrap}.beforeLabel{left:24px}.afterLabel{right:24px}.labelMarker{width:6px;height:6px;border-radius:50%}.beforeMarker{background-color:var(--wp--preset--color--accent-4)}.afterMarker{background-color:var(--wp--preset--color--accent-1)}@media (max-width:767.98px){.beforeAfterTop{padding:60px 20px;gap:30px}}@media (max-width:575.98px){.beforeAfterTitle h2{font-size:var(--wp--preset--font-size--x-large)}.beforeAfterTitle h2 br{display:none}.afterLabel{top:unset;bottom:24px}}