.shot{width:100%;max-width:1920px;margin-inline:auto;position:relative}.shot img{width:100%;height:100%;display:block}.snap-screen .shot{width:min(100%, calc((100dvh - var(--header-h)) * var(--shot-ratio,1)));max-width:100%;height:auto}.snap-screen .shot img{width:100%;height:100%;display:block}.shot__hotspot{background-repeat:no-repeat;background-size:100% 100%;background-image:var(--shot-base);border-radius:var(--radius-md);border:0;padding:0;display:block;position:absolute}.shot__hotspot:hover,.shot__hotspot:focus-visible{background-image:var(--shot-hover,var(--shot-base))}.shot__hotspot:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.shot__hotspot[disabled]{cursor:not-allowed}.shot__hotspot[disabled]:hover{background-image:var(--shot-base)}.shot__badge{background:var(--muted);box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--radius-md);font-size:var(--text-label-14);color:var(--muted-foreground);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}