.sprig-before-after-slider{max-width:1440px;position:relative;--internal-max-content-width:1056px;--content-width:95%;display:flex;flex-wrap:wrap;margin:auto}.sprig-before-after-slider .left-side{display:flex;width:100%}@media(min-width:768px){.sprig-before-after-slider .left-side{width:50%}}.sprig-before-after-slider .left-side .before-after-container{aspect-ratio:1/1;max-height:600px;position:relative;width:100%;--progress:50%}.sprig-before-after-slider .left-side .before-after-container img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.sprig-before-after-slider .left-side .before-after-container .before{inset:0;position:absolute;z-index:1}.sprig-before-after-slider .left-side .before-after-container .after{clip-path:polygon(var(--progress) 0,100% 0,100% 100%,var(--progress) 100%);inset:0;position:absolute;z-index:2}.sprig-before-after-slider .left-side .before-after-container .slider-button{align-items:center;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2761%27 height=%2761%27 fill=%27none%27%3E%3Ccircle cx=%2730.5%27 cy=%2730.5%27 r=%2730.5%27 fill=%27%23fff%27/%3E%3Cpath stroke=%27%23B7B2B1%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m42 36 6-6-6-6M19 24l-6 6 6 6%27/%3E%3C/svg%3E");border-radius:50%;display:flex;height:61px;justify-content:center;left:calc(var(--progress) - 30px);pointer-events:none;position:absolute;top:calc(50% - 30px);width:61px;z-index:4}.sprig-before-after-slider .left-side .before-after-container .ba-slider{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:hsla(0,0%,95%,0);display:flex;height:100%;justify-content:center;margin:0;outline:none;position:absolute;transition:all .2s;width:100%;z-index:3}.sprig-before-after-slider .left-side .before-after-container .ba-slider::-moz-range-thumb,.sprig-before-after-slider .left-side .before-after-container .ba-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:0;border-radius:0;cursor:pointer;height:100%;width:6px}.sprig-before-after-slider .right-side{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}@media(min-width:768px){.sprig-before-after-slider .right-side{width:50%}}.sprig-before-after-slider .right-side .right-side-content{display:flex;flex-direction:column;max-width:539px;padding-left:16px;padding-top:32px;width:100%}.sprig-before-after-slider .right-side .right-side-content h2{max-width:522px}@media(min-width:768px){.sprig-before-after-slider .right-side .right-side-content{padding-left:32px;padding-top:0}}.sprig-before-after-slider .right-side .right-side-content .open-dialog{font-family:ct_font_gotham,sans-serif;font-size:18px;font-style:normal;font-weight:700;letter-spacing:1.8px;line-height:133.5%;text-transform:uppercase}@media screen and (max-width:768px){.sprig-before-after-slider .right-side .right-side-content .open-dialog{font-size:14px}}.sprig-before-after-slider .right-side .right-side-content .open-dialog{color:#2c2826}.sprig-before-after-slider dialog.popover.sprig-popover{background:#fff;border:unset;container-name:dialog;container-type:size;height:85svh;margin-bottom:0;outline:unset;padding:0;transform:translateY(100%);transition:transform .5s ease-out;width:100vw}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sprig-before-after-slider dialog.popover.sprig-popover[open]{animation:slide-up .3s ease forwards}.sprig-before-after-slider dialog.popover.sprig-popover::backdrop{backdrop-filter:blur(5px);background:rgba(0,0,0,.5)}.sprig-before-after-slider dialog.popover.sprig-popover .close-button{align-items:center;background:none;cursor:pointer;display:flex;flex-direction:column;font-family:ct_font_gotham,sans-serif;font-size:18px;font-style:normal;font-weight:700;justify-content:center;letter-spacing:1.8px;line-height:133.5%;position:absolute;right:32px;text-transform:uppercase;top:16px;z-index:10}@media screen and (max-width:768px){.sprig-before-after-slider dialog.popover.sprig-popover .close-button{font-size:14px}}.sprig-before-after-slider dialog.popover.sprig-popover .close-button{color:#000}.sprig-before-after-slider dialog.popover.sprig-popover .close-button .close-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2758%27 height=%2758%27 fill=%27none%27%3E%3Ccircle cx=%2729%27 cy=%2729%27 r=%2729%27 fill=%27%23F6F6F6%27/%3E%3Cpath fill=%27%23606774%27 d=%27M36.94 18.94a1 1 0 0 1 1.414 1.414l-7.94 7.939 9.031 9.031a1 1 0 0 1-1.414 1.414L29 29.708l-9.031 9.03a1 1 0 0 1-1.414-1.414l9.03-9.031-7.939-7.94a1 1 0 0 1 1.415-1.414L29 26.88z%27/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;height:56px;width:56px}@media(min-width:768px){.sprig-before-after-slider dialog.popover.sprig-popover .close-button .close-icon{height:clamp(1.5rem,-2.2778rem + 7.8704vw,3.625rem);width:clamp(1.5rem,-2.2778rem + 7.8704vw,3.625rem)}}.sprig-before-after-slider dialog.popover.sprig-popover .dialog-content{height:100cqh;margin:0 auto;overflow-x:hidden;overflow-y:auto}.sprig-before-after-slider dialog.popover.sprig-popover .dialog-content .acf-innerblocks-container{padding-left:24px;padding-right:24px;padding-top:95px}.sprig-before-after-slider dialog.popover.sprig-popover{height:100svh;margin-bottom:20px}.acf-block-preview.wp-block-sprig-sprig-before-after-slider .page-content{display:none!important}.acf-block-preview.wp-block-sprig-sprig-before-after-slider .sprig-admin-blocks{border:1px solid #69c14c;min-height:128px;padding:16px;position:relative;width:100%}.acf-block-preview.wp-block-sprig-sprig-before-after-slider .sprig-admin-blocks:before{background:#69c14c;border-radius:0 0 0 4px;color:#fff;content:"Before/After Slider Dialog";font-family:monospace;padding:4px;position:absolute;right:0;top:0}