.pg_beforeAfterSlide * {-webkit-user-select: none; -ms-user-select: none; user-select: none}  
.pg_beforeAfterSlide *, .pg_beforeAfterSlide *::after, .pg_beforeAfterSlide *::before {margin: 0;padding: 0;box-sizing: border-box}
.pg_beforeAfterSlide {position: relative;overflow: hidden;--position: 50%}
.pg_beforeAfterSlide .image-container {max-width: 100%}
.pg_beforeAfterSlide .slider-image {width: 100%;object-fit: cover;object-position: left}
.pg_beforeAfterSlide .image-before {position: absolute;inset: 0;width: var(--position);z-index: 2;overflow: hidden;display: grid}
.pg_beforeAfterSlide .image-before img {height: 100%;object-fit: cover;object-position: left;z-index: 302;}
.pg_beforeAfterSlide .slider {position: absolute;inset: 0;cursor: pointer;opacity: 0;width: 100%;height: 100%;z-index: 200;}
.pg_beforeAfterSlide .slider:focus-visible ~ .slider-button {outline: -webkit-focus-ring-color auto 6px !important;outline-offset: 3px}
.pg_beforeAfterSlide .slider-line {position: absolute;inset: 0;width: 0.2rem;height: 100%;background-color: #fff;/* z-index: 10; */left: var(--position);/*transform: translateX(-50%);*/pointer-events: none;}
.pg_beforeAfterSlide .slider-button {position: absolute;background-color: #fff;color: black;padding: 0.5rem;border-radius: 100vw;display: grid;place-items: center;top: 50%;left: var(--position);transform: translate(-50%, -50%);pointer-events: none;z-index: 100;box-shadow: 1px 1px 1px hsl(0, 50%, 2%, .5)}
.pg_beforeAfterSlide .pic_description {position: absolute; color: #fff; bottom: calc(50% - 20px); padding: 10px; background-color: rgba(0,0,0,0.6);font-size: 15px; border-radius: 3.5px}
.pg_beforeAfterSlide .pic_description.description_Right {right: 0px; border-bottom-right-radius: 0; border-top-right-radius: 0}
.pg_beforeAfterSlide .pic_description.description_Left {left: 0px; z-index: 303; border-bottom-left-radius: 0; border-top-left-radius: 0}

/* COPYRIGHT */
.pg_beforeAfterSlideFrame .pg_beforeAfterCopyText {position: absolute; bottom: 0px;font-size: 14px; color: #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.4)}
.pg_beforeAfterSlideFrame .pg_beforeAfterCopyText span {position: absolute;bottom: 0;padding: 0.5em 0.75em;color: #fff;background: rgba(19, 24, 33, 0.5);border-radius: 0.25rem 0 0 0;backdrop-filter: blur(20px);}
.pg_beforeAfterSlideFrame .pg_beforeAfterCopyText a {color: #fff}
.pg_beforeAfterSlideFrame .copytextLeftLayer {left: 0px; right: 10px; text-align: left; ;z-index: 304}
.pg_beforeAfterSlideFrame .copytextLeftLayer span {left: 0;z-index: 1;white-space: nowrap;}
.pg_beforeAfterSlideFrame .copytextRightLayer {right: 0px; left: 10px; text-align: right; z-index: 0}
.pg_beforeAfterSlideFrame .copytextRightLayer span {z-index: 1;; right: 0}




@media(min-width: 768px)
{
	.pg_beforeAfterSlide .slider-button {padding: 1.5rem}
	.pg_beforeAfterSlide .slider-button svg {width: 50px; height: 50px}
}