/* Original cover art in a compact neon frame that travels with the title. */
.ribbon-release{display:inline-flex;align-items:center;flex-shrink:0;min-width:0;max-width:100%}
.ribbon-artwork{--ra-render-size:var(--ra-size,48px);position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:var(--ra-render-size);height:var(--ra-render-size);margin-inline-end:var(--ra-gap,12px);border:1px solid var(--ra-border,#22d3ee);border-radius:var(--ra-radius,7px);background:#070d15;text-decoration:none;box-shadow:0 0 0 1px #ffffff12,0 0 14px color-mix(in srgb,var(--ra-glow,#d946ef) calc(var(--ra-intensity,.45)*38%),transparent);transition:border-color .2s}
.ribbon-artwork-image{position:relative;display:block;isolation:isolate;overflow:hidden;width:100%;height:100%;border-radius:inherit;background:#070d15}
.ribbon-artwork img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.ribbon-artwork::before{content:'';position:absolute;inset:-3px;border:1px solid var(--ra-glow,#d946ef);border-radius:calc(var(--ra-radius,7px) + 2px);opacity:calc(var(--ra-intensity,.45)*.45);pointer-events:none}
.ribbon-artwork-image::after{content:'';position:absolute;inset:-15% -70%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--ra-border,#22d3ee) 25%,transparent) 44%,#ffffff9c 50%,transparent 62%);opacity:var(--ra-intensity,.45);transform:translateX(-100%)}
.ribbon-artwork[data-animation=shimmer] .ribbon-artwork-image::after{animation:ribbon-cover-sheen var(--ra-seconds,6s) ease-in-out infinite}
.ribbon-artwork[data-animation=glow]::before{animation:ribbon-cover-glow var(--ra-seconds,6s) ease-in-out infinite alternate}
.ribbon-artwork:is([data-animation=none],[data-static=true])::before{animation:none}
.ribbon-artwork:is([data-animation=none],[data-animation=glow],[data-static=true]) .ribbon-artwork-image::after{display:none}
.ribbon-artwork[data-static=true]{box-shadow:0 0 0 1px #ffffff12}
.ribbon-artwork:focus-visible{outline:3px solid #fff;outline-offset:5px}
.ribbon-artwork[href]:hover{border-color:#fff}
.release-platform-ribbon:is(.is-paused,.motion-offscreen) .ribbon-artwork::before,.release-platform-ribbon:is(.is-paused,.motion-offscreen) .ribbon-artwork-image::after,body.motion-page-hidden .ribbon-artwork::before,body.motion-page-hidden .ribbon-artwork-image::after{animation-play-state:paused}
.ribbon-artwork-admin-preview{display:flex;align-items:center;justify-content:flex-start;min-height:104px;overflow:auto;margin-top:20px;padding:24px;background:#101922;border:1px solid #d6e4ee25;border-radius:10px;color:#fff}
.ribbon-artwork-admin-preview strong{font:700 14px/1.4 Inter,Arial,sans-serif;white-space:normal}
@keyframes ribbon-cover-sheen{0%,55%{transform:translateX(-100%)}90%,100%{transform:translateX(100%)}}
@keyframes ribbon-cover-glow{from{opacity:calc(var(--ra-intensity,.45)*.2);filter:drop-shadow(0 0 0 transparent)}to{opacity:calc(var(--ra-intensity,.45)*.8);filter:drop-shadow(0 0 5px var(--ra-glow,#d946ef))}}
@media(max-width:600px){.ribbon-artwork{--ra-render-size:var(--ra-mobile-size,40px)}}
@media(prefers-reduced-motion:reduce){.ribbon-artwork,.ribbon-artwork::before,.ribbon-artwork-image::after{animation:none!important;transition:none!important}.ribbon-artwork-image::after{display:none}.ribbon-release{flex-wrap:wrap;justify-content:center;row-gap:10px}}
.release-platform-ribbon:is([data-motion-auto=false],[data-motion-carousel=static]) .ribbon-release{flex-wrap:wrap;justify-content:center;row-gap:10px}