.recommendation.svelte-1tplyi3{min-width:0}.art.svelte-1tplyi3{position:relative;aspect-ratio:1;border-radius:1rem;background:#ffffff0a;box-shadow:0 12px 28px #0004}.art.svelte-1tplyi3>a:where(.svelte-1tplyi3){display:block;height:100%;border-radius:inherit;overflow:hidden}.art.svelte-1tplyi3 button:where(.svelte-1tplyi3){position:absolute;right:.7rem;bottom:.7rem;display:grid;place-items:center;height:2.7rem;width:2.7rem;padding:0;border:1px solid #ffffff55;border-radius:50%;color:#141414;background:#fff;box-shadow:0 4px 15px #0005;opacity:0;transform:translateY(5px);transition:opacity .15s ease-out,transform .2s cubic-bezier(.2,0,0,1)}.recommendation.svelte-1tplyi3:hover button:where(.svelte-1tplyi3),.recommendation.svelte-1tplyi3:focus-within button:where(.svelte-1tplyi3),.art.svelte-1tplyi3 button.playing:where(.svelte-1tplyi3){opacity:1;transform:translateY(0)}.art.svelte-1tplyi3 button:where(.svelte-1tplyi3):active{transform:scale(.95)}.duration.svelte-1tplyi3{position:absolute;bottom:.7rem;left:.7rem;color:#fff;background:#0008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.3rem;padding:.2rem .4rem;font-size:.65rem;font-weight:600}.title.svelte-1tplyi3{display:block;margin-top:.9rem;font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title.svelte-1tplyi3:hover{text-decoration:underline}p.svelte-1tplyi3{margin:.25rem 0 0;color:#fff8;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.svelte-1tplyi3:focus-visible,button.svelte-1tplyi3:focus-visible{outline:2px solid white;outline-offset:4px}@media(hover:none){.art.svelte-1tplyi3 button:where(.svelte-1tplyi3){opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.art.svelte-1tplyi3 button:where(.svelte-1tplyi3){transition:none}}