/* Figma comparison geometry is scaled from its 369px design width. */
.bfcm-comparison{container-type:inline-size;width:100%;margin-top:0;color:#303030;font-family:Inter,system-ui,sans-serif}
.bfcm-comparison__layout{--comparison-unit:calc(100cqw / 369);--comparison-purple:#4f0eff;--comparison-tag-purple:#8051ff;display:grid;grid-template-columns:68.315fr 205fr 68.315fr;gap:calc(9.316 * var(--comparison-unit));padding:calc(9.316 * var(--comparison-unit)) calc(4.125 * var(--comparison-unit));align-items:start;border-radius:calc(6.21 * var(--comparison-unit));background:#fff}
.bfcm-comparison,.bfcm-comparison *{box-sizing:border-box}
.bfcm-comparison__effects{display:flex;flex-direction:column;gap:calc(6.21 * var(--comparison-unit));min-width:0}
.bfcm-comparison__effect{position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(3.105 * var(--comparison-unit));margin:0;min-width:0}
.bfcm-comparison__thumbnail{width:68.18%;aspect-ratio:1;border:calc(.776 * var(--comparison-unit)) solid #e3e3e3;padding:calc(.776 * var(--comparison-unit));border-radius:calc(8 * var(--comparison-unit));background:#f7f7f7;overflow:hidden}
.bfcm-comparison__effect--featured .bfcm-comparison__thumbnail{border-color:#1a1a1a;background:#fff}
.bfcm-comparison__thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:calc(6 * var(--comparison-unit));pointer-events:none;user-select:none}
.bfcm-comparison__caption{max-width:100%;font-size:calc(10.09 * var(--comparison-unit));font-weight:450;line-height:calc(15.526 * var(--comparison-unit));text-align:center;overflow-wrap:anywhere}
.bfcm-comparison__tag{position:absolute;z-index:2;top:calc(2.33 * var(--comparison-unit));left:calc(8.15 * var(--comparison-unit));padding:calc(.776 * var(--comparison-unit)) calc(3.105 * var(--comparison-unit));border-radius:calc(3.105 * var(--comparison-unit)) calc(3.105 * var(--comparison-unit)) calc(3.105 * var(--comparison-unit)) 0;color:#fff;font-size:calc(8.54 * var(--comparison-unit));font-weight:550;line-height:calc(9.316 * var(--comparison-unit));white-space:nowrap}
.bfcm-comparison__tag--ai{background:var(--comparison-tag-purple)}
.bfcm-comparison__tag--cutout_pro{background:#000;left:calc(7.96 * var(--comparison-unit))}
.bfcm-comparison__tag-foot{position:absolute;z-index:1;left:calc(8.15 * var(--comparison-unit));top:calc(13.2 * var(--comparison-unit));transform:scale(var(--comparison-scale,1));transform-origin:top left;line-height:0}
.bfcm-comparison__tag-foot img{display:block}
.bfcm-comparison__stage{position:relative;aspect-ratio:1;border-radius:calc(5.683 * var(--comparison-unit));background:#fff;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none}
.bfcm-comparison__stage:focus-visible .bfcm-comparison__ai-badge{box-shadow:0 0 0 2px var(--comparison-purple)}
.bfcm-comparison__image-layer{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.bfcm-comparison__image-layer img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.bfcm-comparison__reveal{position:absolute;inset:0;z-index:1;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);overflow:hidden;border-radius:inherit}
.bfcm-comparison__tint{position:absolute;inset:0 auto 0 0;width:var(--comparison-position);z-index:2;background:linear-gradient(to left,rgba(156,120,255,.12),rgba(128,81,255,.02));pointer-events:none;border-radius:inherit}
.bfcm-comparison__divider{position:absolute;top:0;bottom:0;left:var(--comparison-position);width:calc(2.4 * var(--comparison-unit));transform:translateX(-100%);background:var(--comparison-purple);z-index:3;pointer-events:none}
.bfcm-comparison__ai-badge{position:absolute;left:var(--comparison-position);top:50%;width:calc(35.428 * var(--comparison-unit));height:calc(35.428 * var(--comparison-unit));transform:translate(-50%,-50%);border:calc(1 * var(--comparison-unit)) solid #e5e5e5;border-radius:calc(8.052 * var(--comparison-unit));background:#fff;z-index:4;pointer-events:none;overflow:hidden}
.bfcm-comparison__ai-badge img{position:absolute;right:calc(-.09 * var(--comparison-unit));top:calc(-.2 * var(--comparison-unit));transform:scale(var(--comparison-scale,1));transform-origin:top right;display:block}

.bfcm-comparison__after-window{position:absolute;inset:0;border-radius:inherit;overflow:hidden}

.bfcm-comparison__effect:has(.bfcm-comparison__tag--cutout_pro) .bfcm-comparison__tag-foot{left:calc(7.96 * var(--comparison-unit))}

.bfcm-comparison__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;background:#f1edf9;color:#686273;font-size:calc(12 * var(--comparison-unit));line-height:1.4;text-align:center;pointer-events:none}
.bfcm-comparison__placeholder--after{background:#f4f4f4}
.bfcm-comparison__placeholder--thumbnail{padding:2px;font-size:calc(8 * var(--comparison-unit))}

[data-bfcm-host] .bfcm-ai-media{width:100%;aspect-ratio:1196/484;margin-top:8px;border-radius:14px;overflow:hidden;flex-shrink:0}
[data-bfcm-host] .bfcm-ai-media--comparison{display:flex;align-items:center;justify-content:center;background:#ECE2FF}
[data-bfcm-host] .bfcm-ai-media--comparison .bfcm-comparison{width:62%;}
[data-bfcm-host] .bfcm-ai-media--readiness>img,[data-bfcm-host] .bfcm-ai-media--readiness>.bfcm-image-placeholder{width:100%!important;height:100%!important;margin-top:0!important;object-fit:contain}