.image-frame.svelte-qis55h{position:relative;display:inline-block;margin:0;padding:0;border:none;background:none}.clickable.svelte-qis55h{cursor:pointer}.frame-inner.svelte-qis55h{position:relative;overflow:hidden}img.svelte-qis55h,video.svelte-qis55h{display:block;width:100%;height:auto;transition:transform var(--transition-slow)}.clickable.svelte-qis55h:hover img:where(.svelte-qis55h),.clickable.svelte-qis55h:hover video:where(.svelte-qis55h){transform:scale(1.02)}.vhs.svelte-qis55h .frame-inner:where(.svelte-qis55h){border:4px solid #1a1a1a;box-shadow:inset 0 0 30px #00000080,0 4px 20px #00000080}.vhs.svelte-qis55h .frame-overlay:where(.svelte-qis55h){position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px);pointer-events:none}.vhs-ui.svelte-qis55h{position:absolute;top:0;left:0;right:0;padding:8px 12px;display:flex;justify-content:space-between;font-family:var(--font-body);font-size:.7rem;color:var(--color-vhs-red);text-shadow:1px 1px 0 black;pointer-events:none;z-index:2}.vhs-rec.svelte-qis55h{animation:svelte-qis55h-rec-blink 1s infinite}.vhs-rec.svelte-qis55h:before{content:"";display:inline-block;width:6px;height:6px;background:var(--color-vhs-red);border-radius:50%;margin-right:4px;vertical-align:middle}@keyframes svelte-qis55h-rec-blink{0%,50%{opacity:1}51%,to{opacity:0}}.polaroid.svelte-qis55h .frame-inner:where(.svelte-qis55h){background:#f5f5f0;padding:12px 12px 40px;box-shadow:0 4px 8px #0000004d,0 0 0 1px #0000001a;transform:rotate(-1deg);transition:transform var(--transition-fast)}.polaroid.svelte-qis55h:hover .frame-inner:where(.svelte-qis55h){transform:rotate(0)}.polaroid.svelte-qis55h .frame-overlay:where(.svelte-qis55h){display:none}.simple.svelte-qis55h .frame-inner:where(.svelte-qis55h){border:2px solid var(--color-border)}.simple.svelte-qis55h .frame-overlay:where(.svelte-qis55h){display:none}.simple.svelte-qis55h:hover .frame-inner:where(.svelte-qis55h){border-color:var(--color-accent-rust)}