/* START_SNIPPET:atlas-forge-compare (INDEX:33) */
.af-compare{margin:1.5rem 0;max-width:100%;color:inherit}
.af-compare__labels{display:flex;justify-content:space-between;gap:1rem;font-weight:700;margin-bottom:.5rem}
.af-compare__stage{position:relative;aspect-ratio:1636/1090;overflow:hidden;background:#101411}
.af-compare .af-compare__map,.af-compare .af-compare__overlay{display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:fill;user-select:none;-webkit-user-drag:none}
.af-compare .af-compare__overlay{position:absolute;inset:0;clip-path:inset(0 0 0 var(--af-position));pointer-events:none}
.af-compare__divider{position:absolute;top:0;bottom:0;left:var(--af-position);width:3px;transform:translateX(-50%);background:#fff;box-shadow:0 0 0 1px #101411;pointer-events:none}
.af-compare__handle{position:absolute;left:clamp(22px,var(--af-position),calc(100% - 22px));top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#18241f;color:#fff;font-size:24px;font-weight:700;cursor:ew-resize;touch-action:pan-y;user-select:none}
.af-compare__handle:focus-visible,.af-compare__controls button:focus-visible{outline:3px solid #e4bd63;outline-offset:3px}
.af-compare__controls{display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0}
.af-compare__controls button{min-width:44px;min-height:44px}
.af-compare__controls p{flex-basis:100%;font-size:.9em;margin:0}
.af-compare [hidden]{display:none!important}
.af-compare.is-invalid .af-compare__overlay,.af-compare.is-invalid .af-compare__divider{display:none}
@media(forced-colors:active){.af-compare__handle{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}.af-compare__divider{background:CanvasText}}
/* END_SNIPPET:atlas-forge-compare */