.studio-song-list{container-type:inline-size;display:flex;flex-flow:row wrap;justify-content:space-evenly;gap:1rem}.studio-song-card{display:grid;grid-template-rows:minmax(3.5rem,1fr) 6rem auto;align-items:start;flex:0 0 100%;min-width:0;position:relative;isolation:isolate;overflow:hidden;transition:border-color .4s,box-shadow .4s}@container (min-width: 41rem){.studio-song-card{flex-basis:calc((100% - 1rem)/2)}}@container (min-width: 62rem){.studio-song-card{flex-basis:calc((100% - 2rem) / 3)}}.studio-song-card:before{content:"";position:absolute;inset:-60%;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 25% 35%,#0284c766,transparent 45%),radial-gradient(ellipse at 75% 65%,#2563eb66,transparent 45%);transition:opacity .5s}.studio-song-card>:not(.studio-song-link){pointer-events:none}.studio-song-card>:not(.studio-song-link) :is(button,a,input){position:relative;z-index:1;pointer-events:auto}.studio-song-card:hover,.studio-song-card:focus-within,.studio-song-card:has([data-playing=true]){border-color:#38bdf8;box-shadow:inset 0 0 32px #0284c726,0 0 24px #2563eb26}.studio-song-card:hover:before,.studio-song-card:focus-within:before,.studio-song-card:has([data-playing=true]):before{opacity:1;animation:studio-song-current 7s ease-in-out infinite alternate}.studio-song-card .studio-song-play{--button-icon-size: 2rem;--button-icon-space: .25rem;width:5rem;height:5rem;padding:0;row-gap:var(--button-icon-space)}.studio-song-play>svg{flex:none;width:var(--button-icon-size);height:var(--button-icon-size)}.studio-song-play[data-playing=true]{background:#0284c733;animation:studio-song-pulse 2.4s ease-in-out infinite}@keyframes studio-song-current{0%{transform:translate(-8%,-8%) rotate(-15deg) scale(.85)}to{transform:translate(8%,8%) rotate(30deg) scale(1.15)}}@keyframes studio-song-pulse{0%,to{box-shadow:0 0 #38bdf833,0 0 20px #2563eb33}50%{box-shadow:0 0 0 10px #38bdf808,0 0 40px #38bdf84d}}@media(prefers-reduced-motion:reduce){.studio-song-card:before,.studio-song-play[data-playing=true]{animation:none}}
