.hub-favorites{color:#142f48;font:inherit}.hub-favorites button,.hub-favorites select,.listening-return-button{font:inherit;min-height:44px;padding:.65rem 1rem;border:1px solid #b8d4d1;border-radius:12px;background:#f4faf9;color:#142f48;cursor:pointer}.hub-favorites button:focus-visible,.hub-favorites a:focus-visible,.listening-return-button:focus-visible{outline:3px solid #147e75;outline-offset:3px}.hub-favorites button[aria-pressed=true]{background:#cbece5}.hub-favorites button:disabled{cursor:default;opacity:.65}.hub-favorites [hidden]{display:none!important}.hub-favorites .favorite-login-prompt{padding:1rem;border:1px solid #b8d4d1;border-radius:12px;background:#fff}.hub-favorites .favorite-login-prompt button{margin:.25rem}.hub-favorites .favorite-status{font-size:.9rem;overflow-wrap:anywhere}
.hub-favorites { container-type: inline-size; }
.hub-favorites .favorite-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin: 1rem 0; align-items: start; }
.hub-favorites .favorite-card { position: relative; min-width: 0; width: 100%; max-width: 420px; border-radius: 16px; background: #fff; overflow-wrap: anywhere; }
.hub-favorites .favorite-link { display: block; color: #142f48; text-decoration: none; border-radius: 14px; }
.hub-favorites .favorite-link[href]:hover .favorite-name { text-decoration: underline; text-underline-offset: 3px; }
.hub-favorites .favorite-thumbnail { position: relative; aspect-ratio: 16 / 9; border: 3px solid #dae8e7; border-radius: 14px; background: #123c4b; overflow: hidden; }
.hub-favorites .favorite-art { height: 100%; display: grid; place-items: center; color: #ddfcf7; background: radial-gradient(ellipse at 80% 20%, #2c877f 0, transparent 60%), linear-gradient(145deg, #113549, #1c5c69); }
.hub-favorites .favorite-art::before, .hub-favorites .favorite-art::after { content: ''; position: absolute; width: 80%; aspect-ratio: 1; border: 1px solid #b4e8df33; border-radius: 50%; transform: translate(-55%, 45%); }
.hub-favorites .favorite-art::after { width: 110%; }
.hub-favorites .favorite-art span { font-size: clamp(24px, 8cqi, 42px); letter-spacing: .18em; font-weight: 650; }
.hub-favorites .favorite-thumbnail.favorite-live { border-color: #27f2df; box-shadow: 0 0 0 1px #09766b, 0 0 14px #1ef6df60; }
.hub-favorites .favorite-live-badge { position: absolute; bottom: 9px; right: 9px; padding: 3px 9px; border: 1px solid #29ecd8; border-radius: 6px; background: #072e37; color: #69ffea; font-size: 14px; font-weight: 800; letter-spacing: .06em; }
.hub-favorites .favorite-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 1rem; line-height: 1.55; margin: 12px 54px 7px 4px; min-height: 3.1em; }
.hub-favorites .favorite-state { display: block; font-size: .85rem; color: #526975; padding: 0 54px 12px 4px; }
.hub-favorites .favorite-remove { position: absolute; right: 0; bottom: 9px; width: 44px; min-width: 44px; height: 44px; padding: 0; margin: 0; font-size: 21px; color: #245b62; background: #f1f8f6; }
.hub-favorites > .favorite-more { display: block; margin: 24px auto; }
.hub-favorites > .favorite-reload { margin: .25rem 0; }
@container (min-width: 600px) { .hub-favorites .favorite-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container (min-width: 900px) { .hub-favorites .favorite-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container (min-width: 1200px) { .hub-favorites .favorite-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (forced-colors: active) { .hub-favorites .favorite-thumbnail.favorite-live { border: 3px solid Highlight; } .hub-favorites .favorite-live-badge { border: 2px solid Highlight; } }