.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(--glass-face-sheen) padding-box, linear-gradient(var(--sheet), var(--sheet)) padding-box, var(--glass-face-ring) border-box;width:320px;color:var(--fg);box-shadow:var(--glass-face-edge), 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:1px solid #0000;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:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){box-shadow:var(--glass-face-edge), 0 26px 60px -12px #000000b3, 0 6px 16px -6px #0006}}.peek:where(:root[data-theme=dark],:root[data-theme=dark] *){box-shadow:var(--glass-face-edge), 0 26px 60px -12px #000000b3, 0 6px 16px -6px #0006}@media (prefers-reduced-motion:reduce){.shots>img,.peek{transition-duration:1ms}}