.primary-popular-module__h-9yEW__page{font-size:13px}.primary-popular-module__h-9yEW__hero{isolation:isolate;padding:26px var(--primary-content-gutter);background:var(--porcelain-chrome);margin-block-start:calc(-1 * var(--primary-content-top-gap));position:relative;overflow:hidden}.primary-popular-module__h-9yEW__hero:before{content:"";z-index:-1;background:radial-gradient(ellipse at 20% 30%, color-mix(in srgb, var(--primary) 9%, transparent), transparent 70%);pointer-events:none;position:absolute;inset:0}.primary-popular-module__h-9yEW__page .primary-popular-module__h-9yEW__art{z-index:-1;block-size:100%;inline-size:65%;color:var(--primary);opacity:.14;pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:0}.primary-popular-module__h-9yEW__heroHeading{justify-content:space-between;align-items:center;gap:20px;display:flex}.primary-popular-module__h-9yEW__eyebrow{color:var(--muted-foreground);font-size:12px}.primary-popular-module__h-9yEW__hero h1{margin-block:6px;font-size:clamp(26px,3vw,36px);line-height:1.5}.primary-popular-module__h-9yEW__hero p{color:var(--muted-foreground);line-height:1.9}.primary-popular-module__h-9yEW__modes{gap:8px;padding:4px;display:flex;overflow-x:auto}.primary-popular-module__h-9yEW__modes button{white-space:nowrap;flex-shrink:0;font-size:12px}.primary-popular-module__h-9yEW__highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:20px;display:grid}.primary-popular-module__h-9yEW__highlight{border:1px solid var(--border);background:var(--porcelain-chrome);border-radius:16px;align-items:center;gap:14px;min-inline-size:0;padding:12px;display:flex;position:relative}.primary-popular-module__h-9yEW__highlightCover{pointer-events:none;border-radius:12px;flex-shrink:0;block-size:68px;inline-size:68px}.primary-popular-module__h-9yEW__highlight>div{min-inline-size:0}.primary-popular-module__h-9yEW__highlight h2{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.8;overflow:hidden}.primary-popular-module__h-9yEW__highlight a:not(.primary-popular-module__h-9yEW__destination){z-index:1;font-size:12px;position:relative}.primary-popular-module__h-9yEW__destination{border-radius:inherit;position:absolute;inset:0}.primary-popular-module__h-9yEW__destination:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.primary-popular-module__h-9yEW__highlight:hover,.primary-popular-module__h-9yEW__row:hover,.primary-popular-module__h-9yEW__row[data-active]{border-color:var(--primary)}.primary-popular-module__h-9yEW__workspace{margin-block:24px}.primary-popular-module__h-9yEW__filters{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr) minmax(0,.7fr);gap:16px;display:grid}.primary-popular-module__h-9yEW__search{gap:8px;min-inline-size:0;display:flex}.primary-popular-module__h-9yEW__search>div{flex:1;min-inline-size:0}.primary-popular-module__h-9yEW__page .primary-popular-module__h-9yEW__search input{font-size:12px}.primary-popular-module__h-9yEW__heading{justify-content:space-between;align-items:center;gap:16px;margin-block:24px 12px;display:flex}.primary-popular-module__h-9yEW__heading h2{font-size:20px;line-height:1.6}.primary-popular-module__h-9yEW__heading p{margin-block:4px;line-height:1.9}.primary-popular-module__h-9yEW__heading span{color:var(--muted-foreground);font-size:12px}.primary-popular-module__h-9yEW__heading>div:last-child{flex-shrink:0;gap:4px;display:flex}.primary-popular-module__h-9yEW__transport{gap:8px;margin-block:16px;display:flex}.primary-popular-module__h-9yEW__chart,.primary-popular-module__h-9yEW__loading{gap:12px;margin-block-end:24px;display:grid}.primary-popular-module__h-9yEW__row{border:1px solid var(--border);background:var(--porcelain-chrome);border-radius:16px;align-items:center;gap:18px;min-inline-size:0;padding:12px 18px;display:flex;position:relative}.primary-popular-module__h-9yEW__rank{text-align:center;inline-size:30px;color:var(--muted-foreground);flex-shrink:0;font-size:18px}.primary-popular-module__h-9yEW__cover{pointer-events:none;border-radius:12px;flex-shrink:0;block-size:56px;inline-size:56px}.primary-popular-module__h-9yEW__copy{flex:1;min-inline-size:0}.primary-popular-module__h-9yEW__copy h3{white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.8;overflow:hidden}.primary-popular-module__h-9yEW__copy a{z-index:1;font-size:12px;position:relative}.primary-popular-module__h-9yEW__count,.primary-popular-module__h-9yEW__duration{color:var(--muted-foreground);white-space:nowrap;font-size:12px}.primary-popular-module__h-9yEW__mobileCount{display:none}.primary-popular-module__h-9yEW__rowPlay{z-index:1;flex-shrink:0;position:relative}.primary-popular-module__h-9yEW__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-block-end:24px;display:grid}.primary-popular-module__h-9yEW__error{border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-block:16px;padding:16px;line-height:1.9;display:flex}@media (max-width:1100px){.primary-popular-module__h-9yEW__heroHeading{flex-direction:column;align-items:stretch;gap:14px}.primary-popular-module__h-9yEW__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:850px){.primary-popular-module__h-9yEW__filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.primary-popular-module__h-9yEW__search{grid-column:1/-1}.primary-popular-module__h-9yEW__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.primary-popular-module__h-9yEW__hero{padding-block:22px}.primary-popular-module__h-9yEW__hero h1{font-size:28px}.primary-popular-module__h-9yEW__hero p{font-size:12px}.primary-popular-module__h-9yEW__highlights{gap:12px;padding-block:4px;display:flex;overflow-x:auto}.primary-popular-module__h-9yEW__highlight{flex:0 0 230px}.primary-popular-module__h-9yEW__highlightCover{block-size:52px;inline-size:52px}.primary-popular-module__h-9yEW__page .primary-popular-module__h-9yEW__art{inline-size:100%}.primary-popular-module__h-9yEW__row{gap:10px;padding:12px 10px}.primary-popular-module__h-9yEW__rank,.primary-popular-module__h-9yEW__count,.primary-popular-module__h-9yEW__duration{display:none}.primary-popular-module__h-9yEW__rowPlay{order:-1}.primary-popular-module__h-9yEW__cover{block-size:44px;inline-size:44px}.primary-popular-module__h-9yEW__copy h3{font-size:13px}.primary-popular-module__h-9yEW__mobileCount{color:var(--muted-foreground);margin-block-start:4px;font-size:12px;display:block}.primary-popular-module__h-9yEW__heading h2{font-size:18px}.primary-popular-module__h-9yEW__heading p{font-size:12px}.primary-popular-module__h-9yEW__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.primary-popular-module__h-9yEW__error{flex-direction:column;align-items:stretch}.primary-popular-module__h-9yEW__transport .primary-popular-module__h-9yEW__playCopy{display:none}.primary-popular-module__h-9yEW__transport button:first-child{inline-size:44px;padding:0}.primary-popular-module__h-9yEW__transport button:first-child>.ui-button-label{inline-size:100%;min-inline-size:0;padding-inline:0}.primary-popular-module__h-9yEW__transport button:first-child>.ui-button-label>svg{position:static}}