.custom-before-after-comparison__component{--before-after-position: 50%;--before-after-ratio: 16 / 9}.custom-before-after-comparison__labels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:1.6rem;padding:0 0 10px;color:var(--color-foreground);position:relative}.custom-before-after-comparison__label,.custom-before-after-comparison__drag-text{display:block;padding:0 12.5px;font-size:11px;font-weight:500;line-height:1.2}.custom-before-after-comparison__label--before{padding-right:0}.custom-before-after-comparison__label--after{padding-left:0;text-align:right}.custom-before-after-comparison__drag-text{position:absolute;text-align:center;white-space:nowrap;top:7px;left:var(--before-after-position);transform:translate(-50%);pointer-events:none}.custom-before-after-comparison__drag-text:after{content:"";display:block;position:absolute;top:23px;left:50%;width:0px;height:0px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:9px solid black;transform:translate(-50%)}.custom-before-after-comparison__media{position:relative;overflow:hidden;width:100%;background:rgb(var(--color-foreground-rgb) / .04)}.custom-before-after-comparison__layer{position:relative}.custom-before-after-comparison__layer--after{position:absolute;top:0;right:0;bottom:0;left:0}.custom-before-after-comparison__layer--after{clip-path:inset(0 0 0 var(--before-after-position))}.custom-before-after-comparison__image,.custom-before-after-comparison__video,.custom-before-after-comparison__placeholder{display:block;width:100%}.custom-before-after-comparison__image,.custom-before-after-comparison__video{height:auto;object-fit:cover}.custom-before-after-comparison__image--mobile{display:none}.custom-before-after-comparison__video,.custom-before-after-comparison__placeholder{aspect-ratio:var(--before-after-ratio)}.custom-before-after-comparison__layer--after .custom-before-after-comparison__image,.custom-before-after-comparison__layer--after .custom-before-after-comparison__video,.custom-before-after-comparison__layer--after .custom-before-after-comparison__placeholder{height:100%}.custom-before-after-comparison__divider{position:absolute;top:0;bottom:0;left:var(--before-after-position);z-index:2;width:3rem;transform:translate(-50%);pointer-events:none}.custom-before-after-comparison__divider:before{content:"";display:block;position:absolute;left:0;right:0;margin:0 auto;width:1px;height:100%;background:rgb(var(--color-foreground-rgb))}.custom-before-after-comparison__handle{position:absolute;top:-.8rem;left:50%;width:0;height:0;border-left:.8rem solid transparent;border-right:.8rem solid transparent;border-top:.8rem solid var(--color-foreground);transform:translate(-50%)}.custom-before-after-comparison__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}@media screen and (max-width:790px){.custom-before-after-comparison__inner{padding-left:0;padding-right:0}}@media screen and (max-width:749px){.custom-before-after-comparison__image--has-mobile{display:none}.custom-before-after-comparison__image--mobile{display:block}.custom-before-after-comparison__drag-text{top:-9px}}@media screen and (min-width:750px){.custom-before-after-comparison__labels{padding-bottom:20px;padding-right:.4rem;padding-left:.4rem}.custom-before-after-comparison__label,.custom-before-after-comparison__drag-text{padding-right:10px;padding-left:10px;font-size:1rem}.custom-before-after-comparison__label--before{padding-right:0}.custom-before-after-comparison__label--after{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-before-after-comparison.css.map */