.fp-ba{background:var(--fp-bg-primary);padding:var(--fp-space-9) 0;position:relative}.fp-ba__header{text-align:center;max-width:720px;margin:0 auto var(--fp-space-7)}.fp-ba__eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fp-text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--fp-accent-primary);font-weight:500;margin-bottom:var(--fp-space-3)}.fp-ba__eyebrow:before{content:"";display:inline-block;width:24px;height:1px;background:var(--fp-accent-primary);flex-shrink:0}.fp-ba__title{font-family:var(--fp-font-display);font-weight:400;font-size:var(--fp-text-3xl);letter-spacing:-.02em;line-height:1.1;color:var(--fp-text-primary);margin:0 0 var(--fp-space-3)}.fp-ba__subtitle{font-size:var(--fp-text-base);color:var(--fp-text-secondary);line-height:1.6;margin:0}.fp-ba__slider{position:relative;max-width:1000px;margin:0 auto;aspect-ratio:16 / 10;border-radius:var(--fp-radius-xl);overflow:hidden;background:var(--fp-bg-secondary);cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;box-shadow:var(--fp-shadow-lg);outline:none}.fp-ba__slider:focus-visible{outline:2px solid var(--fp-accent-primary);outline-offset:4px}.fp-ba__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fp-ba__image--before{clip-path:inset(0 50% 0 0);will-change:clip-path;transition:clip-path 50ms linear}.fp-ba__img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.fp-ba__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--fp-font-display);font-style:italic;font-size:var(--fp-text-lg);text-align:center;opacity:.7;line-height:1.5}.fp-ba__placeholder--before{background:linear-gradient(135deg,#d4c5b0,#c4a88d);color:var(--fp-bg-primary)}.fp-ba__placeholder--after{background:var(--fp-bg-secondary);color:var(--fp-accent-secondary)}.fp-ba__label{position:absolute;top:var(--fp-space-4);padding:6px 14px;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--fp-text-primary);font-size:var(--fp-text-xs);font-weight:500;letter-spacing:.18em;text-transform:uppercase;border-radius:100px;z-index:3;transition:opacity .3s var(--fp-ease-out);pointer-events:none}.fp-ba__label--before{left:var(--fp-space-4)}.fp-ba__label--after{right:var(--fp-space-4)}.fp-ba__handle{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;z-index:4;pointer-events:none;will-change:left;transition:left 50ms linear}.fp-ba__handle-line{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--fp-bg-primary);box-shadow:0 0 0 1px #1f1a151a}.fp-ba__handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--fp-bg-primary);color:var(--fp-accent-primary);border:1px solid var(--fp-border);box-shadow:var(--fp-shadow);display:flex;align-items:center;justify-content:center;cursor:grab;pointer-events:auto;padding:0;transition:transform var(--fp-duration-base) var(--fp-ease-spring),box-shadow var(--fp-duration-base) var(--fp-ease-out)}.fp-ba__handle-circle:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:var(--fp-shadow-lg)}.fp-ba__handle-circle:active,.fp-ba__slider--dragging .fp-ba__handle-circle{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}@keyframes fp-ba-pulse{0%,to{box-shadow:var(--fp-shadow),0 0 #1a1a1a00}50%{box-shadow:var(--fp-shadow),0 0 0 8px #1a1a1a26}}.fp-ba--demo .fp-ba__handle-circle{animation:fp-ba-pulse 1s var(--fp-ease-in-out) infinite}.fp-ba__caption{text-align:center;max-width:600px;margin:var(--fp-space-5) auto 0;font-size:var(--fp-text-sm);color:var(--fp-text-secondary);font-style:italic;font-family:var(--fp-font-display)}@media(max-width:768px){.fp-ba__slider{aspect-ratio:4 / 5}.fp-ba__handle-circle{width:48px;height:48px}.fp-ba__label{font-size:.6rem;padding:5px 10px}}@media(prefers-reduced-motion:reduce){.fp-ba__image--before,.fp-ba__handle,.fp-ba__handle-circle,.fp-ba__label{transition:none}.fp-ba--demo .fp-ba__handle-circle{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/funny-poux-before-after.css.map */