.play-button-group[data-v-5ac9ce27]{align-items:center;gap:.35rem;display:flex}.play-button[data-v-5ac9ce27]{background:var(--bg-play-button);color:var(--text-white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #05966940}.play-button[data-v-5ac9ce27]:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#fff0 50%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.play-button[data-v-5ac9ce27]:hover{transform:scale(1.05);box-shadow:0 6px 20px #05966959}.play-button[data-v-5ac9ce27]:hover:before{opacity:1}.play-button[data-v-5ac9ce27]:active{transform:scale(.95)}.play-button.playing[data-v-5ac9ce27]{background:var(--bg-play-button-active);animation:2s infinite pulse-5ac9ce27}.play-button svg[data-v-5ac9ce27]{fill:currentColor;stroke:none;width:18px;height:18px}.play-button[data-v-5ac9ce27]:focus{box-shadow:0 0 0 3px var(--shadow-focus), 0 6px 20px #05966959;outline:none}.queue-button[data-v-5ac9ce27],.played-button[data-v-5ac9ce27]{color:#888;cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.queue-button[data-v-5ac9ce27]:hover{background:var(--background-secondary,#f0f0f0);color:var(--color-primary);border-color:var(--primary-button-bg,#6a4df0)}.queue-button.in-queue[data-v-5ac9ce27]{color:var(--color-primary);border-color:var(--brand-border);background:#6a4df01f}.played-button[data-v-5ac9ce27]:hover{background:var(--background-secondary,#f0f0f0);color:#10b981;border-color:#10b981}.played-button.played[data-v-5ac9ce27]{color:#fff;background:#10b981;border-color:#10b981}.queue-button svg[data-v-5ac9ce27],.played-button svg[data-v-5ac9ce27]{width:16px;height:16px}.play-button-group.labeled[data-v-5ac9ce27]{flex-wrap:wrap;justify-content:center;gap:.5rem}.labeled .play-button[data-v-5ac9ce27],.labeled .queue-button[data-v-5ac9ce27],.labeled .played-button[data-v-5ac9ce27]{border-radius:999px;gap:.4rem;width:auto;height:38px;padding:0 1rem;font-size:.9rem;font-weight:600;line-height:1}.labeled .play-button[data-v-5ac9ce27]:before{border-radius:999px}.labeled .play-button svg[data-v-5ac9ce27],.labeled .queue-button svg[data-v-5ac9ce27],.labeled .played-button svg[data-v-5ac9ce27]{flex-shrink:0;width:16px;height:16px}.play-button-label[data-v-5ac9ce27]{white-space:nowrap}@media (width<=768px){.play-button-group.labeled[data-v-5ac9ce27]{row-gap:0}.play-button-group.labeled[data-v-5ac9ce27]:before{content:"";flex-basis:100%;order:1;height:0}.labeled .play-button[data-v-5ac9ce27]{order:0;margin-bottom:.5rem}.labeled .queue-button[data-v-5ac9ce27]{order:2}.labeled .played-button[data-v-5ac9ce27]{order:3}}@keyframes pulse-5ac9ce27{0%,to{box-shadow:0 4px 12px #05966940}50%{box-shadow:0 4px 12px #05966966,0 0 0 8px #0596691a}}
