.mbc-comparison{background:var(--color-primary,#f8f6ef);max-width:60rem;box-shadow:4px 4px 0 var(--color-secondary-light,#c1cdff);color:#000;border:2px solid #000;border-radius:1.5rem;margin:2rem auto;padding:clamp(1rem,3vw,2rem)}.mbc-comparison__heading{font-family:var(--font-secondary,Raleway, sans-serif);margin:0 0 1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.mbc-comparison__stage{aspect-ratio:4/3;direction:ltr;background:#fff;border:2px solid #000;border-radius:1rem;position:relative;overflow:hidden}.mbc-comparison .mbc-comparison__image{object-fit:contain;width:100%;height:100%;margin:0;display:block}.mbc-comparison__before{clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0);background:#fff;position:absolute;inset:0}.mbc-comparison__label{background:var(--color-secondary-light,#c1cdff);overflow-wrap:anywhere;pointer-events:none;border:2px solid #000;border-radius:999px;max-width:calc(50% - 1.5rem);padding:.35rem .7rem;font-size:.875rem;font-weight:700;position:absolute;top:.75rem}.mbc-comparison__label--before{left:.75rem}.mbc-comparison__label--after{background:var(--color-accent,#efa8c6);right:.75rem}.mbc-comparison__divider{top:0;bottom:0;left:var(--comparison-position);pointer-events:none;background:#fff;width:3px;position:absolute;transform:translate(-50%);box-shadow:0 0 0 1px #000}.mbc-comparison__divider span{background:var(--color-secondary,#6166c2);color:#fff;border:2px solid #000;border-radius:50%;place-items:center;width:3rem;height:3rem;font-size:1.5rem;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mbc-comparison__range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.mbc-comparison__stage:has(.mbc-comparison__range:focus-visible){outline:3px solid var(--color-secondary,#6166c2);outline-offset:4px}.mbc-comparison__hint,.mbc-comparison__caption{margin:1rem 0 0;font-size:.875rem;line-height:1.6}.mbc-comparison__caption{font-size:1rem}.mbc-comparison__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mbc-comparison__empty{border:2px dashed #6166c2;border-radius:1rem;padding:2rem}