@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;700;900&display=swap";#ns-charts{max-width:var(--ns-gate-max-width, 1100px);margin:0 auto;padding:var(--ns-gate-page-padding-y, 48px) var(--ns-gate-page-padding-x, 16px);background:var(--ns-bg, #000);color:var(--ns-text, #fff);font-family:var(--ns-font-body, "Geist", system-ui, sans-serif);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#ns-charts,#ns-charts *,#ns-charts *:before,#ns-charts *:after{box-sizing:border-box}#ns-charts button{font-family:inherit}.ns-charts-shell{background:var(--ns-container-bg, #0b0b0b);border:1px solid var(--ns-container-border, rgba(255,255,255,.08));border-radius:var(--ns-radius-container, 20px);overflow:hidden;margin-bottom:20px}.ns-charts-header{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:32px 40px 24px;border-bottom:1px solid var(--ns-container-divider, rgba(255,255,255,.07))}.ns-charts-header__text{flex:1;min-width:0}.ns-charts-kicker{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ns-accent, #BEEBDC);margin:0 0 10px}.ns-charts-tagline{font-family:inherit;font-size:28px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;line-height:1.2;color:var(--ns-text, #fff)}.ns-charts-refresh{font-size:13px;color:var(--ns-text-faint, rgba(255,255,255,.4));margin:0}.ns-charts-cta-btn{display:inline-block;font-size:13px;font-weight:700;color:var(--ns-accent-text, #0a0a0a);background:var(--ns-accent, #BEEBDC);padding:14px 26px;text-decoration:none;border-radius:var(--ns-radius-control, 10px);border:none;cursor:pointer;flex-shrink:0;transition:background var(--ns-transition, .15s ease);font-family:inherit}.ns-charts-cta-btn:hover{background:var(--ns-accent-hover, #fff)}.ns-charts-filters{display:flex;gap:8px;padding:20px 40px;border-bottom:1px solid var(--ns-container-divider, rgba(255,255,255,.07))}.ns-charts-tabs{flex:1;display:flex;padding:3px;background:var(--ns-container-inner-bg, rgba(255,255,255,.04));border:1px solid var(--ns-container-inner-border, rgba(255,255,255,.16));border-radius:var(--ns-radius-control, 10px);height:44px}.ns-charts-tab{flex:1;font-size:13px;font-weight:500;color:var(--ns-text-muted, rgba(255,255,255,.55));background:none;border:none;padding:0;border-radius:8px;cursor:pointer;transition:color var(--ns-transition, .15s ease)}.ns-charts-tab:hover{color:var(--ns-text, #fff)}.ns-charts-tab.is-active{color:var(--ns-accent-text, #0a0a0a);background:var(--ns-accent, #BEEBDC);font-weight:700}.ns-charts-select{flex:1;font-size:13px;padding:0 14px;height:44px;border:1px solid var(--ns-border-strong, rgba(255,255,255,.3));border-radius:var(--ns-radius-control, 10px);background:transparent;color:var(--ns-text, #fff);font-family:inherit;font-weight:500;cursor:pointer}.ns-charts-select option{background:#000;color:#fff}.ns-charts-rows{padding:0 40px}.ns-charts-row{display:grid;grid-template-columns:40px 64px 1fr auto auto;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--ns-container-inner-border, rgba(255,255,255,.16));text-decoration:none;color:var(--ns-text, #fff);cursor:pointer;transition:background-color var(--ns-transition, .15s ease)}.ns-charts-rows .ns-charts-row:last-child{border-bottom:none}.ns-charts-row:hover{background:var(--ns-container-inner-bg, rgba(255,255,255,.04))}.ns-charts-row__rank{font-size:22px;font-weight:700;color:var(--ns-text-faint, rgba(255,255,255,.4));text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ns-charts-row__art{width:64px;height:64px;background:var(--ns-container-inner-bg, rgba(255,255,255,.04));border:1px solid var(--ns-container-inner-border, rgba(255,255,255,.16));border-radius:var(--ns-radius-control, 10px);object-fit:cover;display:block}.ns-charts-row__meta{min-width:0}.ns-charts-row__title{font-size:16px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ns-charts-row__details{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ns-charts-row__artist{font-size:13px;color:var(--ns-text-muted, rgba(255,255,255,.55))}.ns-charts-row__genre{font-size:11px;color:var(--ns-text-muted, rgba(255,255,255,.55));border:1px solid var(--ns-container-inner-border, rgba(255,255,255,.16));padding:3px 12px;border-radius:var(--ns-radius-pill, 999px);font-weight:500}.ns-charts-row__new{font-size:10px;padding:3px 10px;background:var(--ns-accent, #BEEBDC);color:var(--ns-accent-text, #0a0a0a);border-radius:var(--ns-radius-pill, 999px);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ns-charts-row__action{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background:transparent;border:1px solid var(--ns-border-strong, rgba(255,255,255,.3));color:var(--ns-text, #fff);cursor:pointer;font-family:inherit;text-decoration:none;transition:background-color var(--ns-transition, .15s ease),border-color var(--ns-transition, .15s ease)}.ns-charts-row__action:hover{background:var(--ns-accent-fade, rgba(190,235,220,.12));border-color:var(--ns-accent, #BEEBDC)}.ns-charts-row__action--play{background:var(--ns-container-inner-bg, rgba(255,255,255,.04));border-color:var(--ns-container-inner-border, rgba(255,255,255,.16))}.ns-charts-row__action--play.is-playing{background:var(--ns-accent, #BEEBDC);border-color:var(--ns-accent, #BEEBDC);color:var(--ns-accent-text, #0a0a0a)}.ns-charts-row__action--play.is-hidden{visibility:hidden}.ns-charts-row__action svg{width:14px;height:14px;display:block;pointer-events:none}.ns-charts-pagination{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-top:1px solid var(--ns-container-divider, rgba(255,255,255,.07))}.ns-charts-pagination__count{font-size:13px;color:var(--ns-text-faint, rgba(255,255,255,.4));margin:0}.ns-charts-pagination__controls{display:flex;gap:8px}.ns-charts-pagination__btn{padding:8px 14px;font-size:13px;background:transparent;border:1px solid var(--ns-border-strong, rgba(255,255,255,.3));border-radius:var(--ns-radius-control, 10px);color:var(--ns-text, #fff);cursor:pointer;font-family:inherit;font-weight:500;min-width:40px;transition:background-color var(--ns-transition, .15s ease)}.ns-charts-pagination__btn:hover:not(:disabled){background:var(--ns-container-inner-bg, rgba(255,255,255,.04))}.ns-charts-pagination__btn:disabled{color:var(--ns-text-faint, rgba(255,255,255,.4));cursor:not-allowed}.ns-charts-pagination__btn.is-current{background:var(--ns-accent, #BEEBDC);color:var(--ns-accent-text, #0a0a0a);border-color:var(--ns-accent, #BEEBDC);font-weight:700}.ns-charts-cta-bottom{background:var(--ns-accent-tile-bg, rgba(190,235,220,.06));border:1px solid var(--ns-accent-tile-border, rgba(190,235,220,.2));border-radius:var(--ns-radius-container, 20px);padding:36px;text-align:center}.ns-charts-cta-bottom__eyebrow{font-size:11px;letter-spacing:.18em;color:var(--ns-accent, #BEEBDC);margin:0 0 10px;text-transform:uppercase;font-weight:700}.ns-charts-cta-bottom__heading{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 14px;color:var(--ns-text, #fff)}.ns-charts-cta-bottom__sub{font-size:15px;color:var(--ns-text-muted, rgba(255,255,255,.55));line-height:1.55;margin:0 auto 20px;max-width:480px}.ns-charts-cta-bottom__btn{display:inline-block;font-size:13px;font-weight:700;color:var(--ns-accent-text, #0a0a0a);background:var(--ns-accent, #BEEBDC);padding:12px 22px;text-decoration:none;border-radius:var(--ns-radius-control, 10px);transition:background var(--ns-transition, .15s ease)}.ns-charts-cta-bottom__btn:hover{background:var(--ns-accent-hover, #fff)}.ns-charts-empty,.ns-charts-loading,.ns-charts-error{text-align:center;padding:48px 24px;color:var(--ns-text-muted, rgba(255,255,255,.55));font-size:14px}@media(max-width:640px){#ns-charts{padding:32px 16px}.ns-charts-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px 20px}.ns-charts-tagline{font-size:22px}.ns-charts-cta-btn{width:100%;text-align:center}.ns-charts-filters{flex-direction:column;padding:16px 20px}.ns-charts-rows{padding:0 20px}.ns-charts-row{grid-template-columns:32px 52px 1fr auto auto;gap:12px}.ns-charts-row__art{width:52px;height:52px}.ns-charts-row__title{font-size:15px}.ns-charts-row__action{width:36px;height:36px}.ns-charts-row__rank{font-size:18px}.ns-charts-pagination{padding:16px 20px}.ns-charts-cta-bottom{padding:26px 22px}.ns-charts-cta-bottom__heading{font-size:19px}}.ns-charts-select option.ns-genre-empty{color:var(--ns-text-muted, #888)}
/*# sourceMappingURL=/cdn/shop/t/36/assets/gate-charts.css.map */