.hcc-ba .ss-stage{--gutter:24px;background:0 0;overflow:hidden}.hcc-ba .ss-stage[data-layout=compact]{--gutter:4px}.hcc-ba .hcc-ba-win{top:8px;left:var(--gutter);right:var(--gutter);border-radius:12px;position:absolute;box-shadow:0 0 0 1px #06102114,0 30px 60px -28px #06102152,0 12px 24px -16px #0610211f}.hcc-ba .hcc-ba-shots{aspect-ratio:2000/966;background:#fff;position:relative;overflow:hidden}.hcc-ba .hcc-ba-img{object-fit:cover;object-position:top;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hcc-ba .hcc-ba-old{clip-path:inset(0 calc((1 - var(--cut)) * 100%) 0 0);position:absolute;inset:0}.hcc-ba .hcc-ba-line{top:0;bottom:0;left:calc(var(--cut) * 100%);background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 .5px #0610212e}.hcc-ba .hcc-ba-knob{color:#061021;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #06102114,0 6px 16px -6px #06102166}.hcc-ba .ss-stage[data-layout=compact] .hcc-ba-knob{width:28px;height:28px}.hcc-ba .hcc-ba-tag{color:#fff;letter-spacing:-.005em;background:#061021c7;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;transition:opacity .3s;position:absolute;top:12px}.hcc-ba .hcc-ba-tag--old{left:12px}.hcc-ba .hcc-ba-tag--new{background:#02b6fe;right:12px}.hcc-ba .ss-stage[data-layout=compact] .hcc-ba-tag{padding:3px 8px;font-size:11px;top:8px}.hcc-ba .hcc-ba-tag[data-off]{opacity:0}:root.dark .hcc-ba .ss-stage{--ss-chrome:var(--vb-card);--ss-surface:var(--vb-card);--ss-line:var(--vb-line);--ss-ink-1:#ffffff0f;--ss-text-faint:var(--vb-muted);--ss-text-strong:var(--vb-ink)}:root.dark .hcc-ba .hcc-ba-win{box-shadow:0 0 0 1px var(--vb-line), 0 30px 60px -28px #0009, 0 12px 24px -16px #0006}
