.video-item.svelte-d93770{display:flex;flex-direction:column;overflow:hidden}.duration.svelte-d93770 button:where(.svelte-d93770){font-size:.7rem}@media (min-width: 640px){.duration.svelte-d93770 button:where(.svelte-d93770){font-size:.8rem}}.video-container.svelte-d93770{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--ash);transition:border-color .2s var(--ease),transform .2s var(--ease)}.video-item.svelte-d93770:hover .video-container:where(.svelte-d93770),.video-item.svelte-d93770:focus-within .video-container:where(.svelte-d93770){border-color:color-mix(in srgb,var(--accent) 55%,var(--ash));transform:translateY(-2px)}.stamp.svelte-d93770{position:absolute;top:auto;left:auto;right:var(--sp-2);bottom:var(--sp-2);width:auto;height:auto;z-index:38;display:flex;align-items:center;gap:6px;background:var(--shade);color:#fff;font-family:var(--font-data);font-size:.625rem;font-weight:500;letter-spacing:.06em;padding:3px var(--sp-2);border-radius:5px;pointer-events:none}.stamp.svelte-d93770 .dot:where(.svelte-d93770){display:none;width:5px;height:5px;border-radius:50%;background:var(--lift);box-shadow:0 0 6px 1px var(--accent)}.stamp.live.svelte-d93770 .dot:where(.svelte-d93770){display:block;animation:svelte-d93770-pulse 1.4s ease-in-out infinite}@keyframes svelte-d93770-pulse{0%,to{opacity:1}50%{opacity:.35}}.loop-rail.svelte-d93770{position:absolute;top:auto;left:0;right:0;bottom:0;z-index:39;height:3px;background:#000000c7;box-shadow:0 0 0 1px #00000073;opacity:0;transition:opacity .2s var(--ease);pointer-events:none}.loop-rail.live.svelte-d93770{opacity:1}.loop-fill.svelte-d93770{display:block;position:relative;height:100%;width:0;background:var(--accent);box-shadow:0 0 12px 1px var(--accent)}.loop-fill.svelte-d93770:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 10px 2px var(--accent)}.loop-rail.live.svelte-d93770 .loop-fill:where(.svelte-d93770){animation:svelte-d93770-loopdraw var(--loop-dur, 2.6s) linear infinite}@keyframes svelte-d93770-loopdraw{0%{width:0;opacity:1}92%{width:100%;opacity:1}to{width:100%;opacity:0}}.video-container.svelte-d93770:hover .pin-icon:where(.svelte-d93770){display:none}.pin-icon.svelte-d93770{position:absolute;width:2.2rem;height:2.2rem;z-index:40;pointer-events:none;background-color:#00000074;padding:7px;border-radius:50%;margin:3px}.ddn.svelte-d9krlz{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.video-info.svelte-1wtvlku{margin-top:0}