.cr-ba{background:rgb(var(--cr-ba-bg));color:rgb(var(--cr-ba-text));padding:var(--cr-ba-pad-top-m) 20px var(--cr-ba-pad-bottom-m)}.cr-ba *,.cr-ba *:before,.cr-ba *:after{box-sizing:border-box}.cr-ba--transparent{background:transparent}.cr-ba__inner{max-width:var(--cr-ba-max,1100px);margin:0 auto}.cr-ba__header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.cr-ba__header--center{align-items:center;text-align:center}.cr-ba__header--left{align-items:flex-start;text-align:left}.cr-ba__eyebrow{margin:0;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--cr-ba-accent))}.cr-ba__title{margin:0;font-family:var(--font-heading-family,Poppins,sans-serif);font-weight:500;letter-spacing:-.02em;font-size:28px;line-height:1.2}.cr-ba__text{font-size:14px;line-height:1.6;max-width:640px}.cr-ba__text p{margin:0}.cr-ba__text p+p{margin-top:8px}.cr-ba__frame{position:relative;width:100%;aspect-ratio:var(--cr-ba-ratio,1 / 1);border-radius:12.8px;overflow:hidden;background:#1414140f;touch-action:pan-y;user-select:none;-webkit-user-select:none}.cr-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0;margin:0}.cr-ba__layer img,.cr-ba__ph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cr-ba__ph{display:grid;place-items:center;font-size:12px;line-height:1.4;color:#14141473;background:repeating-linear-gradient(45deg,#1414140a 0 12px,#14141414 12px 24px)}.cr-ba__layer--before{clip-path:inset(0 calc(100% - var(--cr-ba-pos,50%)) 0 0)}.cr-ba__tag{position:absolute;bottom:12px;z-index:2;padding:5px 12px;border-radius:6px;font-size:12px;line-height:1.4;font-weight:700;letter-spacing:.06em;text-transform:uppercase;pointer-events:none;background:rgb(var(--cr-ba-tag-bg) / .65);color:rgb(var(--cr-ba-tag-text))}.cr-ba__tag--before{left:12px}.cr-ba__tag--after{right:12px}.cr-ba__divider{position:absolute;top:0;bottom:0;left:var(--cr-ba-pos,50%);width:3px;margin-left:-1.5px;background:rgb(var(--cr-ba-handle));z-index:3;pointer-events:none}.cr-ba__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:9999px;background:rgb(var(--cr-ba-handle));color:rgb(var(--cr-ba-handle-icon));display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 2px 10px #14141440}.cr-ba__handle svg{display:block}.cr-ba__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.cr-ba__range::-webkit-slider-thumb{-webkit-appearance:none;width:48px;height:100%}.cr-ba__range::-moz-range-thumb{width:48px;height:100%;border:0;opacity:0}.cr-ba__range:focus-visible{opacity:1;outline:2px solid rgb(var(--cr-ba-accent));outline-offset:2px}.cr-ba__hint{margin:12px 0 0;font-size:12px;line-height:1.6;text-align:center;color:rgb(var(--cr-ba-text) / .65)}@media screen and (min-width:700px){.cr-ba{padding:var(--cr-ba-pad-top) 20px var(--cr-ba-pad-bottom)}.cr-ba__header{margin-bottom:32px}.cr-ba__title{font-size:40px}.cr-ba__text{font-size:16px}.cr-ba__frame{aspect-ratio:var(--cr-ba-ratio-desktop,var(--cr-ba-ratio,1 / 1))}.cr-ba__tag{bottom:20px;font-size:12px;padding:6px 14px}.cr-ba__tag--before{left:20px}.cr-ba__tag--after{right:20px}.cr-ba__handle{width:52px;height:52px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/cr-before-after.css.map */