before-after-slider{display:block;position:relative;width:100%;max-width:100%;max-height:calc(100vh - 95px);height:100%;margin:0;padding:0;box-sizing:border-box;overflow:hidden}@media screen and (min-width: 750px){before-after-slider{max-height:calc(100vh - 95px);height:100%}}section:has(before-after-slider){padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;overflow-x:hidden;width:100%;max-width:100%}before-after-slider:before{display:none!important;content:none!important;padding:0!important}.before-after-slider__container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:var(--media-radius, 0);margin:0;padding:0;line-height:0;box-sizing:border-box}.before-after-slider__image-wrapper{position:relative;width:100%;height:100%;display:block;margin:0;padding:0;line-height:0}.before-after-slider__image{position:relative;width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.before-after-slider__image img{width:100%;max-width:100%;height:auto;display:block;pointer-events:none;object-fit:cover}.before-after-slider__image--before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.before-after-slider__image--before img{width:100%;height:100%;object-fit:cover;object-position:center}.before-after-slider__image--after{position:relative;width:100%;height:100%;z-index:2;clip-path:inset(0 50% 0 0)}.before-after-slider__image--after img{width:100%;height:100%;object-fit:cover;object-position:center}.before-after-slider__label{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);padding:2rem;background-color:rgba(var(--color-background),.9);color:rgb(var(--color-foreground));font-size:34px;font-weight:400;border-radius:20px;z-index:10;pointer-events:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026;max-width:520px;width:calc(100vw - 3.2rem)}.before-after-slider__label-content{text-align:center;line-height:1.1}.before-after-slider__label-content p{margin:0;padding:0}.before-after-slider__label-content p:first-child{margin-top:0}.before-after-slider__label-content p:last-child{margin-bottom:0}.before-after-slider__label-content strong,.before-after-slider__label-content b{font-weight:400}.before-after-slider__label-content em,.before-after-slider__label-content i{font-style:italic}.before-after-slider__label-content a{color:inherit;text-decoration:underline}@media screen and (max-width: 749px){.before-after-slider__label{font-size:20px;padding:.5rem 1rem;top:25%;max-width:504px;width:100%;left:50%;transform:translate(-50%,-50%)}}@media screen and (max-width: 480px){.before-after-slider__label{font-size:18px;padding:.4rem .8rem;max-width:calc(100% - 1.5rem);width:calc(100% - 3.2rem)}}.before-after-slider__divider{position:absolute;top:0;left:50%;width:2px;max-height:calc(100vh - 95px);height:100%;background-color:transparent;z-index:2;cursor:ew-resize;transform:translate(-50%);transition:background-color .2s ease}.before-after-slider__divider:before,.before-after-slider__divider:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;background-color:#fff}.before-after-slider__divider:before{top:0;height:calc(50% - 2.2rem)}.before-after-slider__divider:after{bottom:0;height:calc(50% - 2.2rem)}.before-after-slider__divider:focus{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset)}.before-after-slider__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4.4rem;height:4.4rem;background-color:transparent;border:2px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;box-shadow:0 2px 8px #0003;transition:transform .2s ease,box-shadow .2s ease;z-index:6}.before-after-slider__divider--dragging .before-after-slider__handle{cursor:grabbing;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.before-after-slider__handle:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 3px 10px #00000040}.before-after-slider__chevron{width:1.5rem;height:2rem;display:inline-block;margin:0 .15rem;pointer-events:none}.before-after-slider__chevron--left{transform:rotate(180deg)}.before-after-slider__chevron--right{transform:rotate(0)}@media screen and (max-width: 749px){.before-after-slider__handle{width:3.6rem;height:3.6rem}.before-after-slider__handle-icon{width:1.4rem;height:1.4rem}}.before-after-slider--adapt .before-after-slider__image-wrapper{height:auto;aspect-ratio:auto}.before-after-slider--small .before-after-slider__image-wrapper{min-height:20rem;height:auto}@media screen and (min-width: 750px){.before-after-slider--small .before-after-slider__image-wrapper{min-height:30rem}}.before-after-slider--medium .before-after-slider__image-wrapper{min-height:30rem;height:auto}@media screen and (min-width: 750px){.before-after-slider--medium .before-after-slider__image-wrapper{min-height:50rem}}.before-after-slider--large .before-after-slider__image-wrapper{min-height:40rem;height:auto}@media screen and (min-width: 750px){.before-after-slider--large .before-after-slider__image-wrapper{min-height:70rem}}.before-after-slider__placeholder{text-align:center;padding:4rem 2rem;color:rgba(var(--color-foreground),.5)}@media (prefers-reduced-motion: reduce){.before-after-slider__divider,.before-after-slider__handle{transition:none}}@media (forced-colors: active){.before-after-slider__handle{border-color:ButtonText;background-color:ButtonFace}.before-after-slider__divider{background-color:ButtonText}.before-after-slider__label{background-color:ButtonFace;color:ButtonText;border:1px solid ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-before-after-slider.css.map */