.bstudio-before-after{position:relative}.bstudio-before-after__head{max-width:80ch}.bstudio-before-after__heading{margin:0}.bstudio-before-after__subheading{margin-top:.8rem}.bstudio-before-after__card{margin-top:clamp(1.8rem,3vw,3.2rem);border-radius:var(--ba-radius, 18px);overflow:hidden;box-shadow:0 18px 46px #00000024,0 1px #ffffff38 inset}.bstudio-before-after__media{position:relative;min-height:var(--ba-h-mobile, 360px);background:rgba(var(--color-foreground),.06);overflow:hidden;isolation:isolate}.bstudio-before-after__media:after{content:"";position:absolute;top:50%;left:var(--ba-position, 50%);width:8.8rem;height:8.8rem;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle,#ffffff47,#fff0 72%);z-index:3;pointer-events:none}.bstudio-before-after__image,.bstudio-before-after__image img,.bstudio-before-after__image svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bstudio-before-after__image img,.bstudio-before-after__image svg{display:block;object-fit:var(--ba-image-fit, cover)}.bstudio-before-after__image--before{clip-path:inset(0 calc(100% - var(--ba-position, 50%)) 0 0);z-index:2}.bstudio-before-after__labels{position:absolute;inset:1.4rem 1.4rem auto;z-index:4;display:flex;justify-content:space-between;gap:1rem;pointer-events:none}.bstudio-before-after__label{display:inline-flex;align-items:center;padding:.6rem 1rem;border-radius:999px;background:var(--ba-label-bg, rgba(255, 255, 255, .88));color:var(--ba-label-color, #24282d);font-size:1.2rem;line-height:1;font-weight:600;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bstudio-before-after__divider{position:absolute;top:0;bottom:0;left:var(--ba-position, 50%);width:.6rem;background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,var(--ba-handle-color, #3d737e) 12%,var(--ba-handle-color, #3d737e) 88%,rgba(255,255,255,.98) 100%);transform:translate(-50%);z-index:6;box-shadow:0 0 0 2px #ffffffd1,0 0 22px #00000024;pointer-events:none}.bstudio-before-after__divider:before,.bstudio-before-after__divider:after{content:"";position:absolute;left:50%;width:1.2rem;height:1.2rem;border-radius:999px;background:#fff;border:.25rem solid var(--ba-handle-color, #3d737e);transform:translate(-50%);box-shadow:0 6px 16px #00000024}.bstudio-before-after__divider:before{top:1.4rem}.bstudio-before-after__divider:after{bottom:1.4rem}.bstudio-before-after__handle{position:absolute;top:50%;left:var(--ba-position, 50%);width:6.6rem;height:6.6rem;transform:translate(-50%,-50%);border-radius:999px;background:var(--ba-handle-color, #3d737e);color:#fff;border:.35rem solid #ffffff;display:grid;place-items:center;z-index:8;pointer-events:none;box-shadow:0 18px 38px #0003,0 0 0 .25rem #3d737e29;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease}.bstudio-before-after__handle:before{content:"\2194";font-size:2rem;line-height:1;font-weight:700}.bstudio-before-after__handle:after{content:"";position:absolute;top:50%;left:50%;width:.42rem;height:2.1rem;border-radius:999px;background:#fffffff2;transform:translate(-50%,-50%);box-shadow:-.85rem 0 #fffffff2,.85rem 0 #fffffff2;opacity:.9}.bstudio-before-after__hint{position:absolute;left:var(--ba-position, 50%);top:1.6rem;transform:translate(-50%);z-index:8;pointer-events:none;transition:opacity .22s ease,transform .22s ease}.bstudio-before-after__hint span{display:inline-flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.7rem 1.2rem;border-radius:999px;background:#3d737eeb;color:#fff;font-size:1.15rem;line-height:1;font-weight:600;letter-spacing:.06em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px #0000002e,0 0 0 .1rem #ffffff42 inset}.bstudio-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.bstudio-before-after__media:hover .bstudio-before-after__handle,.bstudio-before-after__range:focus-visible+.bstudio-before-after__handle{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 20px 42px #0000003d,0 0 0 .3rem #3d737e33}.bstudio-before-after__range:focus-visible+.bstudio-before-after__handle{outline:.2rem solid rgba(var(--color-foreground),.55);outline-offset:.25rem}.bstudio-before-after__media:not(.is-interacted) .bstudio-before-after__handle{animation:bstudioBeforeAfterPulse 2s ease-in-out infinite}.bstudio-before-after__media:not(.is-interacted) .bstudio-before-after__hint{animation:bstudioBeforeAfterHint 2s ease-in-out infinite}.bstudio-before-after__media.is-interacted .bstudio-before-after__hint{opacity:0;transform:translate(-50%) translateY(-.6rem)}@keyframes bstudioBeforeAfterPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes bstudioBeforeAfterHint{0%,to{transform:translate(-50%) translateY(0);opacity:.92}50%{transform:translate(-50%) translateY(-.3rem);opacity:1}}@media screen and (min-width:750px){.bstudio-before-after__media{min-height:var(--ba-h-desktop, 560px)}.bstudio-before-after__labels{inset:1.8rem 1.8rem auto}.bstudio-before-after__label{padding:.75rem 1.2rem;font-size:1.3rem}.bstudio-before-after__hint{top:2rem}.bstudio-before-after__hint span{min-height:3.6rem;padding-inline:1.4rem;font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-bstudio-before-after.css.map */