.share-compare-panel{flex-direction:column;width:100%;display:flex}.share-compare-panel__stage{align-items:stretch;width:100%;display:flex}.share-compare-panel__wipeframe{border:4px solid var(--line);width:100%;box-shadow:var(--shadow-sm);border-radius:19px;padding:0;line-height:0;transition:border-color .18s;overflow:visible}.share-compare-panel__wipeframe.f-a{border-color:var(--brand)}.share-compare-panel__wipeframe.f-b{border-color:var(--b)}.share-compare-panel__wipe{aspect-ratio:1;-webkit-user-select:none;user-select:none;cursor:zoom-in;width:100%;position:relative;overflow:visible;container-type:inline-size}.share-compare-panel__media{background:#000;border-radius:15px;position:absolute;inset:0;overflow:hidden}.share-compare-panel__media>.viewer-image-loading{z-index:5}.share-compare-panel__media>img{object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.share-compare-panel__topimg{height:100%;position:absolute;top:0;left:0;overflow:hidden}.share-compare-panel__topimg-img{object-fit:contain;object-position:center;width:100cqw;max-width:none;height:100%;display:block;position:absolute;top:0;left:0}.share-compare-panel__strip{z-index:6;height:8px;transition:opacity .18s;display:flex;position:absolute;top:0;left:0;right:0}.share-compare-panel__wipeframe.f-a .share-compare-panel__strip,.share-compare-panel__wipeframe.f-b .share-compare-panel__strip{opacity:0;pointer-events:none}.share-compare-panel__strip .sa{background:var(--brand)}.share-compare-panel__strip .sb{background:var(--b);flex:1}.share-compare-panel__bar{cursor:ew-resize;z-index:7;touch-action:none;background:#fff;width:4px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 12px #0000008c}.share-compare-panel__knob{color:#333;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:17px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #0006}.share-compare-panel__tag{color:#fff;z-index:6;cursor:zoom-in;border:none;border-radius:13px;padding:4px 11px;font-family:inherit;font-size:15px;font-weight:700;line-height:1;transition:opacity .15s;position:absolute;top:18px;box-shadow:0 2px 8px #00000059}.share-compare-panel__tag.a{background:var(--brand);left:12px}.share-compare-panel__tag.b{background:var(--b);right:12px}.share-compare-panel__tag.dim{opacity:0;pointer-events:none}.share-compare-panel__plan{color:#fff;z-index:6;pointer-events:none;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;line-height:1;transition:opacity .15s;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000059}.share-compare-panel__plan.a{background:var(--brand)}.share-compare-panel__plan.b{background:var(--b)}.share-compare-panel--overlay{box-sizing:border-box;flex:1;height:100%;min-height:0;padding:8px 16px 4px}.share-compare-panel--overlay .share-compare-panel__stage{flex-direction:column;flex:1;height:100%;min-height:0}.share-compare-panel--overlay .share-compare-panel__wipeframe{height:100%;box-shadow:none;border-color:#0000;flex-direction:column;display:flex}.share-compare-panel--overlay .share-compare-panel__wipeframe.f-a{border-color:var(--brand)}.share-compare-panel--overlay .share-compare-panel__wipeframe.f-b{border-color:var(--b)}.share-compare-panel--overlay .share-compare-panel__wipe{aspect-ratio:unset;flex:1;height:100%;min-height:0}