.mediaCard.svelte-123pyum{color:inherit;min-width:0;transition:opacity .36s var(--ease-out);font-family:inherit}.mediaCard__overlay.svelte-123pyum{border-radius:var(--radius-xs);opacity:0;pointer-events:none;transition:opacity var(--dur-quick) var(--ease-out);z-index:2;background:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cardFrame__scalable:hover .mediaCard__overlay.svelte-123pyum,.cardFrame__scalable:focus-visible .mediaCard__overlay.svelte-123pyum{opacity:1}.mediaCard.svelte-123pyum .cardFooter__line{transition:color var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.mediaCard.svelte-123pyum:has(.cardFrame__scalable:hover) .cardFooter__line{color:var(--accent)}}.mediaCard.svelte-123pyum:has(:where(.svelte-123pyum):focus-visible) .cardFooter__line{color:var(--accent)}.mediaCard__playButton.svelte-123pyum{border:.06em solid var(--media-play-border);background:var(--media-play-bg);width:2.6em;height:2.6em;color:var(--media-play-fg);cursor:pointer;pointer-events:auto;transition:transform var(--dur-quick) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:.38em;font-size:112%;display:flex}.mediaCard__playButton.svelte-123pyum:hover{transform:scale(1.1)}.mediaCard__playButton.svelte-123pyum:active{transform:scale(.94)}.mediaCard__cornerBtn.svelte-123pyum{border-radius:var(--radius-pill);background:var(--media-control-bg);width:3.15em;height:3.15em;color:var(--media-control-fg);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;transition:opacity var(--dur-quick) var(--ease-out), color var(--dur-quick) var(--ease-out), transform var(--dur-quick) var(--ease-out);border:0;justify-content:center;align-items:center;margin:.4rem .15rem;padding:0;display:flex;position:relative}.mediaCard__cornerBtn.svelte-123pyum:before{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cardFrame__scalable:hover .mediaCard__cornerBtn.svelte-123pyum,.cardFrame__scalable:focus-within .mediaCard__cornerBtn.svelte-123pyum{opacity:1}.mediaCard__cornerBtn.svelte-123pyum:hover,.mediaCard__cornerBtn.svelte-123pyum:focus-visible,.mediaCard__cornerBtn-on.svelte-123pyum{color:var(--accent)}.mediaCard__cornerBtn--danger.svelte-123pyum:hover,.mediaCard__cornerBtn--danger.svelte-123pyum:focus-visible{color:var(--color-danger,#ff4d4f)}.mediaCard__cornerBtn.svelte-123pyum:hover,.mediaCard__cornerBtn.svelte-123pyum:focus-visible{transform:scale(1.1)}.mediaCard__cornerBtn.svelte-123pyum:active{transform:scale(.94)}.mediaCard__cornerBtn.svelte-123pyum:focus-visible{box-shadow:0 0 0 2px var(--accent);outline:none}@keyframes svelte-123pyum-mediaCard__pop{0%{transform:scale(1)}38%{transform:scale(1.32)}70%{transform:scale(.94)}to{transform:scale(1)}}@keyframes svelte-123pyum-mediaCard__ring{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.mediaCard__cornerBtn--popping.svelte-123pyum{animation:svelte-123pyum-mediaCard__pop .34s var(--ease-pop)}.mediaCard__cornerRing.svelte-123pyum{border-radius:var(--radius-pill);border:2px solid var(--accent);pointer-events:none;animation:svelte-123pyum-mediaCard__ring .5s var(--ease-out) forwards;z-index:1;position:absolute;inset:0}.mediaCard__cornerRing--danger.svelte-123pyum{border-color:var(--color-danger,#ff4d4f)}@media (prefers-reduced-motion:reduce){.mediaCard__cornerBtn--popping.svelte-123pyum{animation:none}.mediaCard__cornerRing.svelte-123pyum{animation:none;display:none}}@media (hover:none){.mediaCard__overlay.svelte-123pyum,.mediaCard__cornerBtn.svelte-123pyum{display:none}}@media (hover:hover) and (pointer:fine){:is(.itemsContainer:has(.mediaCard .cardFrame__scalable:hover) .mediaCard.svelte-123pyum:not(:has(.cardFrame__scalable:hover)),.hScroller__slider:has(.mediaCard .cardFrame__scalable:hover) .mediaCard.svelte-123pyum:not(:has(.cardFrame__scalable:hover))){opacity:.5;transition:opacity .38s var(--ease-out)}}@media (prefers-reduced-motion:reduce){:is(.itemsContainer:has(.mediaCard .cardFrame__scalable:hover) .mediaCard.svelte-123pyum:not(:has(.cardFrame__scalable:hover)),.hScroller__slider:has(.mediaCard .cardFrame__scalable:hover) .mediaCard.svelte-123pyum:not(:has(.cardFrame__scalable:hover))){opacity:1}}.mediaCard__badge.svelte-123pyum{z-index:3;pointer-events:none;border:1px solid color-mix(in srgb, var(--fg-1) 16%, transparent);border-radius:var(--radius-xs);background:color-mix(in srgb, var(--bg-app) 78%, transparent);max-width:calc(100% - 1.1rem);color:var(--fg-1);-webkit-backdrop-filter:blur(12px)saturate(150%);box-shadow:var(--shadow-sm);font-family:var(--font-body);font-size:.66rem;font-weight:var(--font-weight-bold);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;padding:.28rem .48rem;line-height:1;position:absolute;bottom:.55rem;left:.55rem;overflow:hidden}.mediaCard__rank.svelte-123pyum{z-index:2;pointer-events:none;font-family:var(--font-display);font-weight:var(--font-display-weight-giant);font-variation-settings:var(--font-display-variation-giant);color:color-mix(in srgb, var(--bg-app) 20%, #0000008c);-webkit-text-stroke:2px var(--fg-1);text-shadow:var(--shadow-sm);letter-spacing:-.04em;-webkit-user-select:none;user-select:none;font-size:6.5em;line-height:.85;position:absolute;bottom:-.05em;left:-.15em}@media (width<=50em){.mediaCard__rank.svelte-123pyum{-webkit-text-stroke-width:1.5px;font-size:4.5em}}.mediaCard-overflow-portrait.svelte-123pyum{width:40vw}.mediaCard-overflow-backdrop.svelte-123pyum{width:72vw}.mediaCard-overflow-square.svelte-123pyum{width:40vw}@media (width>=25em){.mediaCard-overflow-portrait.svelte-123pyum{width:31.2vw}}@media (width>=35em){.mediaCard-overflow-square.svelte-123pyum{width:31.2vw}.mediaCard-overflow-backdrop.svelte-123pyum{width:45.5vw}}@media (width>=43.75em){.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:23.1vw}}@media (width>=48.125em){.mediaCard-overflow-backdrop.svelte-123pyum{width:30vw}}@media (orientation:landscape){.mediaCard-overflow-backdrop.svelte-123pyum{width:30vw}.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:23.1vw}}@media (orientation:landscape) and (width>=48.125em){.mediaCard-overflow-backdrop.svelte-123pyum{width:23.1vw}}@media (width>=50em){.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:18.5vw}}@media (width>=75em){.mediaCard-overflow-backdrop.svelte-123pyum{width:23.1vw}.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:15.5vw}}@media (width>=87.5em){.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:13.3vw}}@media (width>=100em){.mediaCard-overflow-backdrop.svelte-123pyum{width:18.7vw}.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:11.6vw}}@media (width>=120em){.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:10.41vw}}@media (width>=131.25em){.mediaCard-overflow-square.svelte-123pyum,.mediaCard-overflow-portrait.svelte-123pyum{width:9.3vw}}@media (width>=156.25em){.mediaCard-overflow-backdrop.svelte-123pyum{width:15.6vw}}.mediaCard-grid-portrait.svelte-123pyum{width:33.333%}.mediaCard-grid-backdrop.svelte-123pyum{width:100%}.mediaCard-grid-square.svelte-123pyum{width:50%}@media (width>=25em){.mediaCard-grid-backdrop.svelte-123pyum{width:50%}}@media (width>=31.25em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:33.333%}}@media (width>=43.75em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:25%}}@media (width>=48.125em){.mediaCard-grid-backdrop.svelte-123pyum{width:33.333%}}@media (width>=50em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:20%}}@media (width>=75em){.mediaCard-grid-backdrop.svelte-123pyum{width:25%}.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:16.666%}}@media (width>=87.5em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:14.285%}}@media (width>=100em){.mediaCard-grid-backdrop.svelte-123pyum{width:20%}.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:12.5%}}@media (width>=120em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:11.111%}}@media (width>=131.25em){.mediaCard-grid-square.svelte-123pyum,.mediaCard-grid-portrait.svelte-123pyum{width:10%}}@media (width>=156.25em){.mediaCard-grid-backdrop.svelte-123pyum{width:16.666%}}.mediaCard-grid-portrait.svelte-123pyum,.mediaCard-grid-backdrop.svelte-123pyum,.mediaCard-grid-square.svelte-123pyum{padding:.6em}