.beat-title.svelte-by53ug{align-items:center;gap:1rem;display:flex}.beat-skeleton__copy.svelte-by53ug,.beat-skeleton__details.svelte-by53ug{min-width:0;display:grid}.beat-skeleton__copy.svelte-by53ug{gap:.125rem}.beat-skeleton__details.svelte-by53ug{gap:.25rem}.beat-skeleton__tags.svelte-by53ug{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.beat-art-wrap--loading.svelte-by53ug>.bx--skeleton__placeholder,.beat-art-wrap--loading.svelte-by53ug>.cds--skeleton__placeholder{border-radius:8px}.beat-list.bx--structured-list,.beat-list.cds--structured-list{inline-size:100%;margin-bottom:0}.beat-list .bx--structured-list-row,.beat-list .cds--structured-list-row{grid-template-columns:minmax(18rem,1.35fr) minmax(14rem,.9fr) minmax(8.5rem,auto);align-items:center;min-block-size:4.875rem;display:grid}.beat-list--compact .bx--structured-list-row,.beat-list--compact .cds--structured-list-row{grid-template-columns:minmax(0,1fr) auto;min-block-size:3.5rem}.beat-list--compact .beat-list__wide{display:none!important}.beat-list .beat-list__row--playing{background:color-mix(in srgb, var(--cds-layer-selected) 62%, transparent)}.beat-list .beat-list__row:hover{background:color-mix(in srgb, var(--cds-layer-hover) 54%, transparent)}.beat-list .bx--structured-list-row--header-row,.beat-list .cds--structured-list-row--header-row{min-block-size:2.5rem}.beat-list .bx--structured-list-th,.beat-list .bx--structured-list-td,.beat-list .cds--structured-list-th,.beat-list .cds--structured-list-td{min-block-size:inherit;align-items:center;min-width:0;padding-block:.625rem;display:flex}.beat-list .bx--structured-list-th:last-child,.beat-list .bx--structured-list-td:last-child,.beat-list .cds--structured-list-th:last-child,.beat-list .cds--structured-list-td:last-child{justify-content:flex-end}.beat-play.bx--btn,.beat-play.cds--btn{color:oklch(96% .005 260);background:oklch(14% .006 260/.88);border:1px solid oklch(82% .006 260/.78);border-radius:999px;block-size:2rem;min-block-size:2rem;inline-size:2rem;min-inline-size:2rem;padding:0;box-shadow:0 8px 18px #00000080;inset-block-start:calc(50% - 1rem)!important;inset-inline-start:calc(50% - 1rem)!important;position:absolute!important;inset:calc(50% - 1rem) auto auto calc(50% - 1rem)!important;transform:none!important}.beat-play.bx--btn:hover,.beat-play.cds--btn:hover{background:var(--cds-button-primary);border-color:var(--cds-button-primary);color:var(--cds-text-on-color)}.beat-play.bx--btn .bx--btn__icon,.beat-play.bx--btn .cds--btn__icon,.beat-play.cds--btn .bx--btn__icon,.beat-play.cds--btn .cds--btn__icon{z-index:1;block-size:.875rem;inline-size:.875rem;margin:0;position:absolute;inset-block-start:50%;inset-inline-start:calc(50% + 1px);transform:translate(-50%,-50%)}.beat-play.bx--btn .bx--btn__icon path,.beat-play.bx--btn .cds--btn__icon path,.beat-play.cds--btn .bx--btn__icon path,.beat-play.cds--btn .cds--btn__icon path{fill:oklch(96% .005 260)!important}.beat-play.bx--btn:hover .bx--btn__icon path,.beat-play.bx--btn:hover .cds--btn__icon path,.beat-play.cds--btn:hover .bx--btn__icon path,.beat-play.cds--btn:hover .cds--btn__icon path{fill:var(--cds-text-on-color)!important}.beat-play.bx--btn .bx--assistive-text,.beat-play.bx--btn .cds--assistive-text,.beat-play.cds--btn .bx--assistive-text,.beat-play.cds--btn .cds--assistive-text{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.beat-art-wrap.svelte-by53ug{flex:none;block-size:56px;inline-size:56px;line-height:0;display:block;position:relative}.beat-art.svelte-by53ug{-o-object-fit:cover;object-fit:cover;border-radius:8px;flex:none;block-size:56px;inline-size:56px;display:block}.beat-art--empty.svelte-by53ug{background:var(--cds-layer-accent);border:1px solid var(--cds-border-subtle)}.beat-title__copy.svelte-by53ug{gap:.125rem;min-width:0;display:grid}.beat-details.svelte-by53ug,.beat-tags.svelte-by53ug{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.beat-details.svelte-by53ug{align-items:flex-start;gap:.25rem;display:grid}.beat-tags.svelte-by53ug .beat-file-tag.bx--tag,.beat-tags.svelte-by53ug .beat-file-tag.cds--tag{color:oklch(94% .006 260);background:oklch(28% .008 260);border:1px solid oklch(46% .01 260)}.beat-tags.svelte-by53ug .beat-file-tag .bx--tag__label,.beat-tags.svelte-by53ug .beat-file-tag .cds--tag__label,.beat-tags.svelte-by53ug .beat-file-tag svg{color:oklch(94% .006 260);fill:oklch(94% .006 260)}.beat-actions.svelte-by53ug{justify-content:flex-end;align-items:center;gap:.25rem;width:100%;display:flex}.beat-actions.svelte-by53ug .bx--btn,.beat-actions.svelte-by53ug .cds--btn{inline-size:auto;min-inline-size:2.5rem}.beat-actions.svelte-by53ug .bx--btn--primary,.beat-actions.svelte-by53ug .cds--btn--primary{min-inline-size:4.75rem}.beat-more.svelte-by53ug{justify-content:center;padding-block:2rem;display:flex}@media (width<=900px){.beat-list--skeleton .bx--structured-list-row--header-row,.beat-list--skeleton .cds--structured-list-row--header-row{display:none}.beat-list .bx--structured-list-row,.beat-list .cds--structured-list-row{grid-template-columns:minmax(0,1fr) auto}.beat-list .beat-list__wide{display:none!important}.beat-list--skeleton .bx--structured-list-row,.beat-list--skeleton .cds--structured-list-row{min-block-size:4.5rem}.beat-list--skeleton .bx--structured-list-td,.beat-list--skeleton .cds--structured-list-td{padding-inline:0}.beat-skeleton__copy.svelte-by53ug{inline-size:min(52vw,13rem)}.beat-actions.svelte-by53ug .bx--skeleton,.beat-actions.svelte-by53ug .cds--skeleton{max-inline-size:2.5rem}}
