.rc-heli-ba{--rc-heli-ba-radius: clamp(12px, 2vw, 20px);--rc-heli-ba-max-width: 1320px;--rc-heli-ba-pos: 50%;display:block;padding:var(--rc-heli-ba-pad-top, 64px) clamp(16px,4vw,32px) var(--rc-heli-ba-pad-bottom, 64px);position:relative;overflow:hidden}.rc-heli-ba__container{max-width:var(--rc-heli-ba-max-width);margin:0 auto}.rc-heli-ba__header{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin:0 0 clamp(24px,4vw,48px)}.rc-heli-ba__eyebrow{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;opacity:.6}.rc-heli-ba__heading{font-size:clamp(1.625rem,3.4vw,2.625rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0;color:inherit;word-wrap:break-word;overflow-wrap:break-word}.rc-heli-ba__body{font-size:clamp(.9375rem,1.2vw,1.0625rem);line-height:1.65;opacity:.85;max-width:60ch;margin:0}.rc-heli-ba__body>*{margin:0 0 12px}.rc-heli-ba__body>*:last-child{margin-bottom:0}.rc-heli-ba__compare{position:relative;width:100%;border-radius:var(--rc-heli-ba-radius);overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;background:#0000000a;isolation:isolate}.rc-heli-ba--ratio-auto .rc-heli-ba__compare{aspect-ratio:auto;min-height:240px}.rc-heli-ba--ratio-1-1 .rc-heli-ba__compare{aspect-ratio:1 / 1}.rc-heli-ba--ratio-4-3 .rc-heli-ba__compare{aspect-ratio:4 / 3}.rc-heli-ba--ratio-3-2 .rc-heli-ba__compare{aspect-ratio:3 / 2}.rc-heli-ba--ratio-16-9 .rc-heli-ba__compare{aspect-ratio:16 / 9}.rc-heli-ba--ratio-9-16 .rc-heli-ba__compare{aspect-ratio:9 / 16;max-width:480px;margin-inline:auto}.rc-heli-ba__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.rc-heli-ba--ratio-auto .rc-heli-ba__image{position:relative;inset:auto;height:auto;object-fit:contain}.rc-heli-ba__before-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--rc-heli-ba-pos, 50%)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--rc-heli-ba-pos, 50%)) 0 0);pointer-events:none;will-change:clip-path;z-index:1}.rc-heli-ba__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000000f}.rc-heli-ba__placeholder svg{width:80px;height:80px;opacity:.3}.rc-heli-ba__label{position:absolute;top:16px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#000000b3;padding:6px 12px;border-radius:999px;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rc-heli-ba__label--before{left:16px}.rc-heli-ba__label--after{right:16px}.rc-heli-ba__handle{position:absolute;top:0;bottom:0;left:var(--rc-heli-ba-pos, 50%);width:44px;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%);cursor:ew-resize;z-index:3;touch-action:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;color:var(--rc-heli-ba-handle-color, #111111)}.rc-heli-ba__handle:focus{outline:none}.rc-heli-ba__handle-line{position:absolute;top:0;bottom:0;left:50%;width:3px;transform:translate(-50%);background:var(--rc-heli-ba-handle-bg, #ffffff);box-shadow:0 0 0 1px #0000001f}.rc-heli-ba__handle-circle{position:relative;width:44px;height:44px;background:var(--rc-heli-ba-handle-bg, #ffffff);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040,0 0 0 1px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.rc-heli-ba__handle:hover .rc-heli-ba__handle-circle,.rc-heli-ba__handle:focus-visible .rc-heli-ba__handle-circle{transform:scale(1.08)}.rc-heli-ba__handle:focus-visible .rc-heli-ba__handle-circle{box-shadow:0 4px 16px #00000040,0 0 0 3px #3884ff8c}@media(max-width:749px){.rc-heli-ba__handle{width:56px}.rc-heli-ba__handle-circle{width:56px;height:56px}.rc-heli-ba__label{top:12px;font-size:10px;padding:5px 10px}.rc-heli-ba__label--before{left:12px}.rc-heli-ba__label--after{right:12px}}@media(prefers-reduced-motion:reduce){.rc-heli-ba__handle-circle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/rc-helikopter-before-after.css.map */