button.release-art{width:100%;padding:0;border:0;border-radius:0;cursor:pointer;font:inherit;color:#171717;text-align:left}.drop-hint{position:absolute;z-index:3;left:50%;top:50%;width:clamp(110px,24%,170px);aspect-ratio:1;border-radius:50%;background:#edfe79;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transform:translate(-50%,-50%);font-size:14px;text-align:center;transition:opacity .25s,scale .3s}.drop-hint small{font-size:11px;text-transform:uppercase;letter-spacing:.06em}.drop-ring{position:absolute;inset:2%;width:96%;height:96%;z-index:2;transform:rotate(-90deg);pointer-events:none;opacity:0}.drop-ring circle{fill:none;stroke:#edfe79;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:var(--drop-offset,100);stroke-linecap:round}.release-art.is-playing .drop-ring{opacity:1}.release-art:focus-visible{outline:3px solid #171717;outline-offset:5px}.drop-credit{display:block;position:absolute;bottom:16px;left:16px;right:16px;z-index:3;color:#fff;font-size:12px;text-shadow:0 1px 5px #000;background:#171717b3;padding:9px 12px;width:fit-content}.drop-status{font-size:14px}.drop-status:empty{display:none}@media(hover:hover) and (pointer:fine){.drop-hint{opacity:0;scale:.94}.release-art:hover .drop-hint,.release-art:focus-visible .drop-hint,.release-art.is-playing .drop-hint,.release-art.is-loading .drop-hint{opacity:1;scale:1}}@media(prefers-reduced-motion:reduce){.drop-hint{transition:none}}