.search-sticky[data-v-0132fba1]{top:var(--app-header-h,7.5rem);z-index:40;-webkit-backdrop-filter:blur(14px);background-image:linear-gradient(#000 0 22%,#0000004d);width:100%;margin-top:-1.5rem;position:sticky}.search-inner[data-v-0132fba1]{padding-top:.5rem;padding-bottom:.75rem}.search-bar[data-v-0132fba1]{border:1px solid var(--cr8s-paper-tint,#e3caab);width:100%;color:var(--cr8s-paper-tint,#e3caab);cursor:text;background-color:#0000;border-radius:9999px;align-items:center;gap:.75rem;padding:.625rem 1.25rem;transition:box-shadow .15s;display:flex}.search-bar[data-v-0132fba1]:focus-within{box-shadow:0 0 0 3px #e3caab4d}.search-bar input[data-v-0132fba1]{min-width:0;color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-bar input[data-v-0132fba1]::placeholder{color:#e3caab80}.search-bar input[data-v-0132fba1]::-webkit-search-cancel-button{display:none}.search-clear[data-v-0132fba1]{width:1.75rem;height:1.75rem;color:inherit;opacity:.7;border-radius:9999px;justify-content:center;align-items:center;transition:opacity .15s,background-color .15s;display:flex}.search-clear[data-v-0132fba1]:hover{opacity:1;background-color:#e3caab26}.cover-fallback[data-v-fc9df868]{aspect-ratio:1;background-image:linear-gradient(#000,#000),var(--cr8s-paper-gradient);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:1px solid #0000;justify-content:center;align-items:center;width:100%;display:flex}.cover-fallback.is-square[data-v-fc9df868]{border-radius:.375rem}.cover-fallback.is-circle[data-v-fc9df868]{border-radius:9999px}.cover-fallback-icon[data-v-fc9df868]{background-color:#0000;background-image:var(--cr8s-paper-gradient);width:34%;height:34%}.track-row[data-v-9aa70f32]{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-9aa70f32]:focus-within,.track-row[data-v-9aa70f32]:hover{color:#fff}.track-row.is-active[data-v-9aa70f32]{color:#fff;font-weight:700}.track-grip[data-v-9aa70f32]{color:#ffffff4d;cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:1.75rem;transition:color .15s;display:flex}.track-grip[data-v-9aa70f32]:focus-visible,.track-row:hover .track-grip[data-v-9aa70f32]{color:var(--cr8s-paper-tint,#e3caab)}.track-grip[data-v-9aa70f32]:active{cursor:grabbing}.track-open[data-v-9aa70f32]{cursor:pointer;flex:1;align-items:center;gap:.75rem;min-width:0;padding:.5rem;display:flex}.track-art[data-v-9aa70f32]{background-color:#ffffff0d;position:relative;overflow:hidden}.track-art[data-v-9aa70f32],.track-label[data-v-9aa70f32]{flex-shrink:0;width:2.5rem;height:2.5rem}.track-label[data-v-9aa70f32]{opacity:.6;border-radius:.5rem;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.track-row:focus-within .track-label[data-v-9aa70f32],.track-row:hover .track-label[data-v-9aa70f32],.track-label.is-filled[data-v-9aa70f32]{opacity:1}.track-play[data-v-9aa70f32]{color:#fff;opacity:0;background-color:#0000008c;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.track-open:focus-visible .track-play[data-v-9aa70f32],.track-open:hover .track-play[data-v-9aa70f32],.track-row.is-active .track-play[data-v-9aa70f32]{opacity:1}.track-actions[data-v-9aa70f32]{width:var(--cr8s-col-actions,3.75rem);justify-content:flex-end;gap:.125rem}.track-actions[data-v-9aa70f32],.track-heart[data-v-9aa70f32]{flex-shrink:0;align-items:center;display:flex}.track-heart[data-v-9aa70f32]{--cr8s-heart-gradient:linear-gradient(160deg,#ff9d8a,#e0393b 45%,#8c1c22);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-9aa70f32]{color:#ffffffb3}@media (hover:hover) and (pointer:fine){.track-heart[data-v-9aa70f32]:not(.is-on){opacity:0}.track-heart[data-v-9aa70f32]:focus-visible,.track-row:focus-within .track-heart[data-v-9aa70f32],.track-row:hover .track-heart[data-v-9aa70f32]{opacity:1}.track-heart[data-v-9aa70f32]:hover:not(:disabled){color:#e0393b;transform:scale(1.1)}}.track-heart[data-v-9aa70f32]:disabled{opacity:.5;cursor:default}.track-heart.is-on[data-v-9aa70f32] .iconify,.track-row:hover .track-heart.is-on[data-v-9aa70f32] .iconify{background-color:#0000;background-image:var(--cr8s-heart-gradient)}.track-meta[data-v-9aa70f32]{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-9aa70f32],.track-meta-action[data-v-9aa70f32]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-meta-action[data-v-9aa70f32]{width:100%;color:inherit;text-align:inherit;cursor:pointer;display:block}@media (hover:hover) and (pointer:fine){.track-meta-action[data-v-9aa70f32]:hover{text-underline-offset:3px;text-decoration:underline}}.track-meta-action[data-v-9aa70f32]:focus-visible{outline:1px solid var(--cr8s-paper-tint,#e3caab);outline-offset:2px}.track-meta--album[data-v-9aa70f32]{width:var(--cr8s-col-album,12rem)}.track-meta--bpm[data-v-9aa70f32]{width:var(--cr8s-col-bpm,4.5rem);text-align:right}.track-meta--length[data-v-9aa70f32]{width:var(--cr8s-col-length,4.5rem);text-align:right}@container (width>=30rem){.track-meta--length[data-v-9aa70f32]{display:block}}@container (width>=38rem){.track-meta--bpm[data-v-9aa70f32]{display:block}}@container (width>=50rem){.track-meta--album[data-v-9aa70f32]{display:block}}.track-action[data-v-9aa70f32]{color:#ffffff8c;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:color .15s;display:flex}.track-action.is-on[data-v-9aa70f32],.track-action[data-v-9aa70f32]:hover:not(:disabled),.track-action[data-state=open][data-v-9aa70f32]{color:var(--cr8s-paper-tint,#e3caab)}.track-action[data-v-9aa70f32]:disabled{opacity:.4}
