.custom-before-after{width:100%;padding-block:var(--custom-section-spacing)}.custom-before-after__container{display:flex;flex-direction:column;gap:var(--custom-space-8);max-width:var(--page-width);margin-inline:auto;padding-inline:var(--custom-container-padding)}.custom-before-after__content{display:flex;flex-direction:column;gap:var(--custom-space-4)}.custom-before-after__heading{font-size:clamp(24px,4vw,var(--custom-text-4xl));font-weight:600;line-height:var(--custom-leading-tight);margin:0}.custom-before-after__description{font-size:var(--custom-text-base);line-height:var(--custom-leading-normal)}.custom-before-after__description p{margin:0}.custom-before-after__description p+p{margin-top:var(--custom-space-2)}.custom-before-after__slider{flex:1;min-width:0}.custom-before-after__slider-wrapper{position:relative;overflow:hidden;border-radius:4px;-webkit-user-select:none;user-select:none}.custom-before-after__slider-wrapper[data-ratio="1-1"]{aspect-ratio:1 / 1}.custom-before-after__slider-wrapper[data-ratio="4-3"]{aspect-ratio:4 / 3}.custom-before-after__slider-wrapper[data-ratio="16-9"]{aspect-ratio:16 / 9}.custom-before-after__slider-wrapper[data-ratio="3-2"]{aspect-ratio:3 / 2}.custom-before-after__image--after{display:block;width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.custom-before-after__image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--slider-position, 50%)) 0 0)}.custom-before-after__image--before{display:block;width:100%;height:100%;object-fit:cover}.custom-before-after__divider{position:absolute;top:0;bottom:0;left:var(--slider-position, 50%);width:2px;background-color:#ffffffe6;transform:translate(-50%);pointer-events:none;z-index:2}.custom-before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background-color:#fff;border:2px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0000004d;cursor:grab;pointer-events:auto;display:flex;align-items:center;justify-content:center;gap:6px;padding:0;z-index:3;transition:box-shadow var(--custom-transition-fast)}.custom-before-after__handle:hover{box-shadow:0 2px 12px #0006}.custom-before-after__handle:focus-visible{outline:2px solid #005fcc;outline-offset:2px}.custom-before-after__handle-arrow{width:10px;height:10px;fill:none;stroke:#333;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.custom-before-after__labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:var(--custom-space-3) var(--custom-space-4);pointer-events:none;z-index:1}.custom-before-after__label{font-size:var(--custom-text-sm);font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.custom-before-after--dragging{cursor:grabbing}.custom-before-after--dragging .custom-before-after__handle{cursor:grabbing;box-shadow:0 2px 16px #00000080}.custom-before-after__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;background-color:var(--custom-color-gray-100);color:var(--custom-color-gray-400);font-size:var(--custom-text-base)}@media screen and (min-width:768px){.custom-before-after__container{flex-direction:row;align-items:center;gap:var(--custom-space-10)}.custom-before-after__content{flex:0 0 35%}.custom-before-after__slider{flex:1}}@media screen and (min-width:990px){.custom-before-after__container{gap:var(--custom-space-12)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-before-after.css.map */