.track-row[data-v-255f7d4b]{color:#fff9;align-items:center;gap:.5rem;width:100%;padding-right:.25rem;transition:color .15s;display:flex;container-type:inline-size}.track-row[data-v-255f7d4b]:focus-within,.track-row[data-v-255f7d4b]:hover{color:#fff}.track-row.is-silent[data-v-255f7d4b]:not(.is-active):focus-within,.track-row.is-silent:not(.is-active):focus-within .track-label[data-v-255f7d4b],.track-row.is-silent[data-v-255f7d4b]:not(.is-active):hover,.track-row.is-silent:not(.is-active):hover .track-label[data-v-255f7d4b]{color:#fff9}.track-row.is-silent:not(.is-active) .track-launch:focus-visible .track-play[data-v-255f7d4b],.track-row.is-silent:not(.is-active) .track-open:hover .track-play[data-v-255f7d4b]{opacity:0}.track-row.is-active[data-v-255f7d4b]{color:#fff;font-weight:700}.track-grip[data-v-255f7d4b]{width:1.75rem;color:inherit;opacity:.5;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;transition:opacity .15s;display:flex}.track-grip[data-v-255f7d4b]:focus-visible,.track-row:hover .track-grip[data-v-255f7d4b]{opacity:1}.track-grip[data-v-255f7d4b]:active{cursor:grabbing}.track-open[data-v-255f7d4b]{flex:1;gap:.75rem;min-width:0;padding:.5rem}.track-launch[data-v-255f7d4b],.track-open[data-v-255f7d4b]{align-items:center;display:flex}.track-launch[data-v-255f7d4b]{cursor:pointer;flex-shrink:0}.track-title[data-v-255f7d4b]{text-align:left;cursor:pointer;width:100%;font-size:.875rem;display:block}.track-artist[data-v-255f7d4b],.track-title[data-v-255f7d4b]{color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-artist[data-v-255f7d4b]{opacity:.75;max-width:100%;font-size:.75rem;display:inline-block}@media (hover:hover) and (pointer:fine){.track-artist[data-v-255f7d4b]:not(.is-static):hover{text-underline-offset:3px;text-decoration:underline}}.track-artist[data-v-255f7d4b]:focus-visible,.track-title[data-v-255f7d4b]:focus-visible{outline:1px solid var(--cr8s-paper-tint,#e3caab);outline-offset:2px}.track-art[data-v-255f7d4b]{background-color:#ffffff0d;position:relative;overflow:hidden}.track-art[data-v-255f7d4b],.track-label[data-v-255f7d4b]{flex-shrink:0;width:2.5rem;height:2.5rem}.track-label[data-v-255f7d4b]{color:#fff9;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;transition:color .15s;display:flex}.track-label.is-active[data-v-255f7d4b],.track-row:focus-within .track-label[data-v-255f7d4b],.track-row:hover .track-label[data-v-255f7d4b]{color:#fff}.track-play[data-v-255f7d4b]{color:#fff;opacity:0;background-color:#0000008c;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.track-launch:focus-visible .track-play[data-v-255f7d4b],.track-open:hover .track-play[data-v-255f7d4b],.track-row.is-active .track-play[data-v-255f7d4b]{opacity:1}.track-actions[data-v-255f7d4b]{width:var(--cr8s-col-actions,4.25rem);justify-content:flex-start;gap:.125rem}.track-actions[data-v-255f7d4b],.track-heart[data-v-255f7d4b]{flex-shrink:0;align-items:center;display:flex}.track-heart[data-v-255f7d4b]{color:#ffffff59;cursor:pointer;justify-content:center;width:1.5rem;height:1.5rem;transition:color .15s,opacity .15s,transform .15s}.track-row:hover .track-heart[data-v-255f7d4b]{color:#ffffffb3}@media (hover:hover) and (pointer:fine){.track-heart[data-v-255f7d4b]:not(.is-on){opacity:0}.track-heart[data-v-255f7d4b]:focus-visible,.track-row:focus-within .track-heart[data-v-255f7d4b],.track-row:hover .track-heart[data-v-255f7d4b]{opacity:1}.track-heart[data-v-255f7d4b]:hover:not(:disabled){transform:scale(1.1)}}.track-heart[data-v-255f7d4b]:disabled{opacity:.5;cursor:default}.track-heart.is-on[data-v-255f7d4b] .iconify,.track-row:hover .track-heart.is-on[data-v-255f7d4b] .iconify{background-color:#0000;background-image:var(--cr8s-heart-gradient)}.track-meta[data-v-255f7d4b]{font-variant-numeric:tabular-nums;opacity:.6;text-align:left;flex-shrink:0;padding-left:.75rem;font-size:.75rem;display:none}.track-meta[data-v-255f7d4b],.track-meta-action[data-v-255f7d4b]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-meta-action[data-v-255f7d4b]{vertical-align:bottom;max-width:100%;color:inherit;text-align:inherit;cursor:pointer;display:inline-block}@media (hover:hover) and (pointer:fine){.track-meta-action[data-v-255f7d4b]:hover{text-underline-offset:3px;text-decoration:underline}}.track-meta-action[data-v-255f7d4b]:focus-visible{outline:1px solid var(--cr8s-paper-tint,#e3caab);outline-offset:2px}.track-meta--album[data-v-255f7d4b]{width:var(--cr8s-col-album,12rem)}.track-meta--bpm[data-v-255f7d4b]{width:var(--cr8s-col-bpm,4.5rem);text-align:right}.track-meta--length[data-v-255f7d4b]{width:var(--cr8s-col-length,4.5rem);text-align:right}@container (width>=30rem){.track-meta--length[data-v-255f7d4b]{display:block}}.track-meta--length.is-forced[data-v-255f7d4b]{display:block}@container (width>=38rem){.track-meta--bpm[data-v-255f7d4b]{display:block}}@container (width>=50rem){.track-meta--album[data-v-255f7d4b]{display:block}}.track-inline-probe[data-v-255f7d4b]{width:0;height:0;display:none}@container (width>=40rem){.track-inline-probe[data-v-255f7d4b]{display:block}}.track-actions.is-expanded[data-v-255f7d4b]{width:var(--cr8s-col-actions-wide,9.5rem);gap:.25rem}.track-actions.is-expanded .track-heart[data-v-255f7d4b]{opacity:1}.track-slot[data-v-255f7d4b]{flex-shrink:0;width:2rem;height:2rem}.track-slot--heart[data-v-255f7d4b]{width:1.5rem}.track-action[data-v-255f7d4b]{color:#fff6;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .15s;display:flex}.track-row:hover .track-action[data-v-255f7d4b]{color:#fff}.track-action.is-on[data-v-255f7d4b],.track-action[data-v-255f7d4b]:hover:not(:disabled),.track-action[data-state=open][data-v-255f7d4b]{color:var(--cr8s-paper-tint,#e3caab)}.track-action[data-v-255f7d4b]:disabled{opacity:.4}