.before-after__wrapper{position:relative;overflow:hidden;border-radius:16px;cursor:col-resize;user-select:none;-webkit-user-select:none;max-width:900px;margin:0 auto 4rem;box-shadow:0 8px 40px #0000001a;background:#f0f0f0}.before-after__before{position:relative;width:100%;display:block}.before-after__before img{display:block;width:100%;height:auto;pointer-events:none}.before-after__after{position:absolute;top:0;left:0;height:100%;overflow:hidden}.before-after__after img{display:block;width:auto;height:100%;max-width:none;pointer-events:none;min-width:var(--wrapper-width, 100%)}.before-after__label{position:absolute;bottom:1.6rem;z-index:20;font-size:1.2rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:#ffffffe0;color:#111;padding:4px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;white-space:nowrap}.before-after__label--before{left:1.6rem}.before-after__label--after{right:1.6rem}.before-after__handle{position:absolute;top:0;height:100%;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);z-index:10;pointer-events:none}.before-after__handle-line{flex:1;width:3px;background:#fff;box-shadow:0 0 0 1px #00000026,0 0 8px #00000040}.before-after__handle-circle{width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0003;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease}.before-after__handle-circle svg{width:22px;height:22px;color:#333}.before-after__wrapper:active .before-after__handle-circle,.before-after__wrapper.is-dragging .before-after__handle-circle{transform:scale(1.1)}.before-after__placeholder{background:rgba(var(--color-foreground),.04);border:2px dashed rgba(var(--color-foreground),.15);border-radius:16px;padding:6rem 2rem;text-align:center;color:rgba(var(--color-foreground),.5);margin-bottom:4rem;font-size:1.4rem}.before-after__content{text-align:center;max-width:640px;margin:0 auto}.before-after__title{margin:0 0 1.6rem;line-height:1.2}.before-after__description{font-size:1.5rem;line-height:1.7;color:rgba(var(--color-foreground),.75);margin:0 0 2.8rem}.before-after__content .button{display:inline-flex;align-items:center;justify-content:center}@media screen and (max-width:749px){.before-after__wrapper{border-radius:10px;margin-bottom:3rem}.before-after__handle-circle{width:36px;height:36px}.before-after__handle-circle svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after.css.map */