.deposit-comparison,.deposit-notes { width: min(100%, 920px); margin: 8px auto 0; }
.deposit-wipe,.deposit-notes-screen { position: relative; overflow: hidden; border-radius: 16px; background: #1b1b1b; }
.deposit-wipe { --split: 50%; aspect-ratio: 812 / 446; }
.deposit-wipe img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.deposit-wipe-before { clip-path: inset(0 calc(100% - var(--split)) 0 0); }
.deposit-wipe-label { position: absolute; top: 10px; left: 10px; border-radius: 999px; padding: 5px 10px; color: white; background: #171717df; font-size: 12px; }
.deposit-wipe-label + .deposit-wipe-label { left: auto; right: 10px; }
.deposit-wipe-divider { position: absolute; inset: 0 auto 0 clamp(2px,var(--split),calc(100% - 2px)); width: 2px; background: #fff; box-shadow: 0 0 8px #0008; transform: translateX(-50%); display: grid; place-items: center; }
.deposit-wipe-divider span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #171717; color: white; font-size: 19px; transform: translateX(calc(-50% + 1px)); }
.deposit-wipe input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; cursor: ew-resize; opacity: 0; touch-action: pan-y; }
.deposit-wipe:focus-within { outline: 2px solid #9ab5ff; outline-offset: 4px; }
.deposit-comparison figcaption,.deposit-notes figcaption { margin-top: 12px; color: #bcbcbc; }
.deposit-notes-screen img { display: block; width: 100%; height: auto; }
.deposit-pin { position: absolute; top: var(--pin-y); left: var(--pin-x); transform: translate(-50%,-50%); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: #17203a; border: 2px solid white; color: white; font-weight: 600; }
.deposit-pin[aria-pressed="true"] { background: #244bc7; }
.deposit-notes figcaption { min-height: 64px; padding: 14px 16px; border-radius: 12px; background: #1b1b1b; }
.deposit-notes figcaption strong { color: #a6bcff; margin-right: 5px; }
.case-media-reference .case-media-item { width: min(100%, 240px); }
.case-media-reference .case-media-preview { aspect-ratio: 528 / 841; }