.shots{background:var(--tile);isolation:isolate;position:relative;overflow:hidden}.shots:before{content:"";z-index:-1;background:var(--icon) center / cover no-repeat;filter:blur(22px)saturate(1.3);opacity:.75;transition:opacity .4s var(--ease);position:absolute;inset:-20%}.shots.loaded:before{opacity:0}.shots>img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease), transform 1.8s var(--ease);position:absolute;inset:0;transform:scale(1.04)}.shots>img.on{opacity:1;transform:none}.shot-dots.glass{border-radius:999px;gap:5px;padding:5px 7px;display:flex;position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.shot-dots{opacity:0;transition:opacity .24s var(--ease)}.peek .shot-dots{opacity:1}@media (hover:hover) and (pointer:fine){.shots:hover .shot-dots{opacity:1}}.shot-dots i{background:color-mix(in srgb, var(--fg) 32%, transparent);width:5px;height:5px;transition:width .36s var(--ease), background-color .36s var(--ease);border-radius:3px}.shot-dots i.on{background:var(--fg);width:14px}.peek{background:var(--sheet);width:320px;color:var(--fg);box-shadow:0 0 0 1px var(--ring), 0 24px 56px -12px #00000042, 0 6px 16px -6px #0000001a;pointer-events:none;opacity:0;transition:opacity .18s var(--ease), transform .32s var(--ease), top .26s var(--ease), left .26s var(--ease), overlay .32s allow-discrete, display .32s allow-discrete;border:0;border-radius:20px;margin:0;padding:0;position:fixed;inset:auto;overflow:hidden;transform:scale(.96)}.peek:popover-open{opacity:1;transform:none}@starting-style{.peek:popover-open{opacity:0;top:auto;transform:scale(.96)}}@media (prefers-color-scheme:dark){.peek{box-shadow:0 0 0 1px var(--ring), 0 26px 60px -12px #000000b3, 0 6px 16px -6px #0006}}.peek-art{aspect-ratio:16/9}.peek-body{gap:3px;padding:12px 16px 15px;display:grid}.peek-name{font:650 16px/21px var(--font);letter-spacing:-.012em;white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.peek-by{font:500 13px/17px var(--font);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.peek-by:empty{display:none}.peek-blurb{font:500 14px/20px var(--font);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;display:-webkit-box;overflow:hidden}.peek-blurb[hidden]{display:none}.peek-facts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.peek-facts:empty{display:none}.peek-facts span{background:var(--pill);height:26px;font:600 13px/1 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.peek-facts svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:13px;height:13px}.peek.loading .peek-body{opacity:.6}@media (prefers-reduced-motion:reduce){.shots>img,.peek{transition-duration:1ms}}