.context-wrapper.svelte-6h8wd5{display:inline-block;position:relative}.menu-panel.svelte-6h8wd5{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1018f5;border:1px solid #ffffff14;border-radius:.75rem;min-width:220px;max-width:min(320px,90vw);padding:.5rem .5rem .75rem;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px #05080c59}@media (width<=640px){.menu-panel.svelte-6h8wd5{left:0;right:auto}}.queue-cover.svelte-1mnvz0m{width:100%;height:100%}.queue-cover-quadrants.svelte-1mnvz0m{background:#0b1018;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:100%;height:100%;display:grid}.queue-cover-quadrants.svelte-1mnvz0m img:where(.svelte-1mnvz0m),.queue-cover-single.svelte-1mnvz0m{object-fit:cover;width:100%;height:100%;display:block}.queue-placeholder.svelte-1mnvz0m{color:#a78bfae6;background:linear-gradient(135deg,#6366f126,#8b5cf626);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;width:100%;height:100%;display:flex}.queue-placeholder.svelte-1mnvz0m svg:where(.svelte-1mnvz0m){opacity:.8}.queue-placeholder-text.svelte-1mnvz0m{letter-spacing:.025em;opacity:.9;font-size:.875rem;font-weight:600}a.svelte-1di6hwl{text-decoration:none}.thumbnail-card.svelte-1di6hwl{position:relative}.thumbnail-card.is-queue.svelte-1di6hwl{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border:2px solid #6366f14d}.thumbnail-card.is-queue.svelte-1di6hwl:hover{border-color:#6366f180;box-shadow:0 8px 32px #6366f126}.queue-badge.svelte-1di6hwl{z-index:10;color:#fff;letter-spacing:.05em;background:#6366f1f2;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.thumbnail-card.is-playlist.svelte-1di6hwl{background:linear-gradient(135deg,#f472b60d,#ec48990d);border:2px solid #f472b64d}.thumbnail-card.is-playlist.svelte-1di6hwl:hover{border-color:#f472b680;box-shadow:0 8px 32px #f472b626}.playlist-badge.svelte-1di6hwl{z-index:10;color:#fff;letter-spacing:.05em;background:#f472b6f2;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.playlist-badge.svelte-1di6hwl svg:where(.svelte-1di6hwl){width:14px;height:14px}.thumbnail-card.is-moment.svelte-1di6hwl{background:linear-gradient(135deg,#fbbf2412,#d977060f);border:2px solid #fbbf2461}.thumbnail-card.is-moment.svelte-1di6hwl:hover{border-color:#fbbf249e;box-shadow:0 8px 32px #d977062e}.moment-badge.svelte-1di6hwl{z-index:10;color:#fff;letter-spacing:.05em;background:#b45309f2;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.moment-badge.svelte-1di6hwl svg:where(.svelte-1di6hwl){width:14px;height:14px}.thumbnail-card.is-remix.svelte-1di6hwl{background:linear-gradient(135deg,#2dd4bf12,#0d94880f);border:2px solid #2dd4bf61}.thumbnail-card.is-remix.svelte-1di6hwl:hover{border-color:#2dd4bf9e;box-shadow:0 8px 32px #0d94882e}.remix-badge.svelte-1di6hwl{z-index:10;color:#fff;letter-spacing:.05em;background:#0d9488f2;border-radius:999px;align-items:center;gap:.375rem;padding:.375rem .625rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.5rem;left:.5rem}.remix-badge.svelte-1di6hwl svg:where(.svelte-1di6hwl),.queue-badge.svelte-1di6hwl svg:where(.svelte-1di6hwl){width:14px;height:14px}.watch-duration.svelte-1di6hwl{z-index:11;color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;background:#000c;border-radius:4px;padding:2px 5px;font-size:12px;font-weight:600;line-height:1.2;position:absolute;bottom:8px;right:8px}.thumbnail-wrapper.svelte-1di6hwl{aspect-ratio:16/9;background:linear-gradient(135deg,#0f1115e6,#191d24cc);border-radius:1rem 1rem 0 0;position:relative;overflow:hidden}.thumbnail-content.svelte-1di6hwl{padding:1rem}.thumbnail-skeleton.svelte-1di6hwl{background:linear-gradient(135deg,#1e293bcc,#0f172ad9);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.thumbnail-skeleton.svelte-1di6hwl:after{content:"";background:linear-gradient(90deg,#0000,#94a3b833,#0000);width:120%;height:100%;animation:1.4s ease-in-out infinite svelte-1di6hwl-skeletonPulse}.thumbnail-image.svelte-1di6hwl{height:100%;display:block;position:relative}.thumbnail-image.svelte-1di6hwl img:where(.svelte-1di6hwl){object-fit:cover;opacity:0;will-change:opacity, transform;width:100%;height:100%;transition:opacity .32s cubic-bezier(.33,1,.68,1),transform .32s cubic-bezier(.33,1,.68,1);transform:scale(1.01)}.group.svelte-1di6hwl:hover .thumbnail-image:where(.svelte-1di6hwl) img:where(.svelte-1di6hwl){transform:scale(1.03)}.thumbnail-image.loaded.svelte-1di6hwl img:where(.svelte-1di6hwl){opacity:1}@keyframes svelte-1di6hwl-skeletonPulse{0%{transform:translate(-60%)}50%{transform:translate(0%)}to{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.thumbnail-skeleton.svelte-1di6hwl:after{animation:none}.thumbnail-image.svelte-1di6hwl img:where(.svelte-1di6hwl){transition:none;transform:none}.group.svelte-1di6hwl:hover .thumbnail-image:where(.svelte-1di6hwl) img:where(.svelte-1di6hwl){transform:none}}
