.card.svelte-fnubar{position:relative}.remove.svelte-fnubar{z-index:2;width:32px;height:32px;color:var(--putih);cursor:pointer;opacity:0;background:#090e1cb8;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .15s;display:grid;position:absolute;top:8px;right:8px}.card.svelte-fnubar:hover .remove:where(.svelte-fnubar),.remove.svelte-fnubar:focus-visible{opacity:1}@media (hover:none){.remove.svelte-fnubar{opacity:1}}.remove.svelte-fnubar:hover{background:var(--merah)}.wide.svelte-fnubar{border-radius:var(--radius);flex-direction:column;gap:8px;display:flex}.frame.svelte-fnubar{aspect-ratio:16/9;border-radius:var(--radius);background:var(--layar);transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 10px 30px -14px #000c}.frame.svelte-fnubar:after{content:"";border-radius:inherit;transition:box-shadow .25s;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #fff0}img.svelte-fnubar{object-fit:cover;object-position:center 30%;width:100%;height:100%}img.poster.svelte-fnubar{object-position:center 22%}.shade.svelte-fnubar{background:linear-gradient(#0000 30%,#090e1c59 55%,#090e1ceb 100%);position:absolute;inset:0}.name.svelte-fnubar{font-family:var(--font-display);letter-spacing:-.01em;text-shadow:0 2px 12px #0009;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:800;font-stretch:80%;line-height:1.05;display:-webkit-box;position:absolute;bottom:12px;left:14px;right:14px;overflow:hidden}.tag.svelte-fnubar{backdrop-filter:blur(6px);font-variant-numeric:tabular-nums;background:#090e1cbf;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:800;position:absolute;top:10px;left:10px}.playing.svelte-fnubar{background:var(--putih);width:38px;height:38px;color:var(--malam);opacity:0;border-radius:50%;place-items:center;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:12px;right:12px;transform:scale(.8)}.bar.svelte-fnubar{background:#ffffff40;height:4px;position:absolute;bottom:0;left:0;right:0}.bar.svelte-fnubar span:where(.svelte-fnubar){background:var(--aksen);height:100%;display:block}.meta.svelte-fnubar{color:var(--kabut);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-size:.8125rem;overflow:hidden}@media (hover:hover){.wide.svelte-fnubar:hover .frame:where(.svelte-fnubar),.wide.svelte-fnubar:focus-visible .frame:where(.svelte-fnubar){transform:scale(1.05);box-shadow:0 22px 44px -16px #000000e6}.wide.svelte-fnubar:hover .frame:where(.svelte-fnubar):after,.wide.svelte-fnubar:focus-visible .frame:where(.svelte-fnubar):after{box-shadow:inset 0 0 0 3px #ffffffd9}.wide.svelte-fnubar:hover .playing:where(.svelte-fnubar),.wide.svelte-fnubar:focus-visible .playing:where(.svelte-fnubar){opacity:1;transform:none}}.wide.svelte-fnubar:focus-visible{outline:none}.card.svelte-1eslkw9{background:#ffffff0a;border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px 18px;max-width:860px;margin:22px 0 0;padding:16px 18px;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.card.compact.svelte-1eslkw9{margin:16px var(--gutter) 0;flex-wrap:nowrap;gap:12px;padding:12px 44px 12px 12px;position:relative}.icon.svelte-1eslkw9{width:46px;height:46px;color:var(--putih);background:#2b5fe22e;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.compact.svelte-1eslkw9 .icon:where(.svelte-1eslkw9){width:40px;height:40px}.text.svelte-1eslkw9{flex:260px;min-width:0}h2.svelte-1eslkw9{margin:0;font-size:1.0625rem;font-weight:800}.compact.svelte-1eslkw9 h2:where(.svelte-1eslkw9){font-size:.9375rem}p.svelte-1eslkw9{color:var(--kabut);margin:4px 0 0;font-size:.9375rem}.compact.svelte-1eslkw9 p:where(.svelte-1eslkw9){font-size:.8125rem}p.svelte-1eslkw9 .inline{vertical-align:-2px}strong.svelte-1eslkw9{color:var(--putih)}button.primary.svelte-1eslkw9{border:1px solid var(--biru);background:var(--biru);color:#fff;cursor:pointer;border-radius:10px;flex-shrink:0;min-height:42px;padding:0 18px;font-weight:700}button.primary.svelte-1eslkw9:disabled{opacity:.6;cursor:wait}.close.svelte-1eslkw9{width:36px;height:36px;color:var(--kabut);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.close.svelte-1eslkw9:hover{color:var(--putih)}@media (width>=768px){.card.compact.svelte-1eslkw9{display:none}}