.search-sticky[data-v-940016e2]{position:sticky;top:calc(var(--app-header-h, 7.5rem) + var(--search-gap, .75rem));margin-top:calc(var(--search-gap, .75rem) - 1.5rem);z-index:40;padding-bottom:1rem}.search-sticky[data-v-940016e2]:after{content:"";position:absolute;inset:auto 0 0;height:1rem;background:linear-gradient(180deg,rgba(0,0,0,.85),transparent);pointer-events:none}.search-bar[data-v-940016e2]{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;border:1px solid var(--cr8s-paper-tint,#e3caab);border-radius:9999px;color:var(--cr8s-paper-tint,#e3caab);background-color:#0000008c;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:text;transition:box-shadow .15s}.search-bar[data-v-940016e2]:focus-within{box-shadow:0 0 0 3px #e3caab4d}.search-bar input[data-v-940016e2]{flex:1;min-width:0;background:transparent;border:none;outline:none;color:inherit;font-size:1rem}.search-bar input[data-v-940016e2]::-moz-placeholder{color:#e3caab80}.search-bar input[data-v-940016e2]::placeholder{color:#e3caab80}.search-bar input[data-v-940016e2]::-webkit-search-cancel-button{display:none}.search-clear[data-v-940016e2]{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:9999px;color:inherit;opacity:.7;transition:opacity .15s,background-color .15s}.search-clear[data-v-940016e2]:hover{opacity:1;background-color:#e3caab26}.track-row[data-v-81af7d2e]{display:flex;align-items:center;gap:.5rem;width:100%;padding-right:.25rem;color:#fff9;transition:color .15s}.track-row[data-v-81af7d2e]:focus-within,.track-row[data-v-81af7d2e]:hover{color:#fff}.track-row.is-active[data-v-81af7d2e]{color:#fff;font-weight:700}.track-open[data-v-81af7d2e]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;padding:.5rem;cursor:pointer}.track-art[data-v-81af7d2e]{position:relative;overflow:hidden;background-color:#ffffff0d}.track-art[data-v-81af7d2e],.track-label[data-v-81af7d2e]{width:2.5rem;height:2.5rem;flex-shrink:0}.track-label[data-v-81af7d2e]{display:flex;align-items:center;justify-content:center;border:1px solid var(--cr8s-paper-tint,#e3caab);border-radius:.5rem;color:var(--cr8s-paper-tint,#e3caab);background:transparent;font-size:.875rem;font-weight:700;opacity:.6;transition:background-color .15s,color .15s,opacity .15s}.track-row:focus-within .track-label[data-v-81af7d2e],.track-row:hover .track-label[data-v-81af7d2e]{opacity:1}.track-label.is-active[data-v-81af7d2e]{background-color:var(--cr8s-paper-tint,#e3caab);color:#000;opacity:1}.track-play[data-v-81af7d2e]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#0000008c;opacity:0;transition:opacity .15s}.track-open:focus-visible .track-play[data-v-81af7d2e],.track-open:hover .track-play[data-v-81af7d2e],.track-row.is-active .track-play[data-v-81af7d2e]{opacity:1}.track-actions[data-v-81af7d2e]{gap:.125rem;flex-shrink:0}.track-action[data-v-81af7d2e],.track-actions[data-v-81af7d2e]{display:flex;align-items:center}.track-action[data-v-81af7d2e]{justify-content:center;width:2rem;height:2rem;border:1px solid transparent;border-radius:9999px;color:#ffffff8c;transition:color .15s,border-color .15s}.track-action[data-v-81af7d2e]:hover:not(:disabled),.track-action[data-state=open][data-v-81af7d2e]{color:var(--cr8s-paper-tint,#e3caab);border-color:var(--cr8s-paper-tint,#e3caab)}.track-action.is-on[data-v-81af7d2e]{color:var(--cr8s-paper-tint,#e3caab)}.track-action[data-v-81af7d2e]:disabled{opacity:.4}