.shot{border:1px solid var(--ui-border);border-radius:var(--ui-radius-card);background-color:var(--ui-bg-muted);cursor:zoom-in;aspect-ratio:16/10;margin:0;padding:0;position:relative;overflow:hidden}.shot,.shot-img{width:100%;display:block}.shot-img{-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;height:100%}.shot-hint{right:var(--token-space-3);bottom:var(--token-space-3);border-radius:var(--token-radius-full);background-color:var(--ui-bg);border:1px solid var(--ui-border);width:32px;height:32px;color:var(--ui-text);opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex;position:absolute}.shot:focus-visible .shot-hint,.shot:hover .shot-hint{opacity:1}.shot-hint-icon{width:16px;height:16px}.shot-img--dark,html.dark .shot-img--light{display:none}html.dark .shot-img--dark{display:block}.shot-lightbox{z-index:1000;justify-content:center;align-items:center;gap:var(--token-space-3);padding:var(--token-space-6);cursor:zoom-out;background-color:#000000d9;flex-direction:column;display:flex;position:fixed;inset:0}.shot-lightbox-img{border-radius:var(--ui-radius-card);border:1px solid var(--ui-border);background-color:var(--ui-bg);cursor:default;width:auto;max-width:min(1600px,100%);height:auto;max-height:85vh}.shot-lightbox-caption{font-size:var(--token-text-sm);color:#fff;text-align:center;margin:0}.shot-lightbox-close{top:var(--token-space-4);right:var(--token-space-4);border-radius:var(--token-radius-full);color:#fff;cursor:pointer;background-color:#00000080;border:1px solid #fff6;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute}.shot-lightbox-close-icon{width:20px;height:20px}@media (width<=768px){.shot-hint{opacity:1}.shot-lightbox{padding:var(--token-space-3)}}