@font-face{font-family:druk;src:url(../media/DrukWide_Heavy_Web-s.p.2i-bfas_xihnu.woff)format("woff");font-display:swap;font-weight:700}@font-face{font-family:druk Fallback;src:local(Arial);ascent-override:47.76%;descent-override:11.06%;line-gap-override:0.0%;size-adjust:170.03%}.AhsM2G_className{font-family:druk,druk Fallback;font-weight:700}.AhsM2G_variable{--font-druk:"druk", "druk Fallback"}
@font-face{font-family:avenir;src:url(../media/AvenirNextLTPro_Demi-s.p.3q6bw0pwwzw1h.woff)format("woff");font-display:swap}@font-face{font-family:avenir Fallback;src:local(Arial);ascent-override:71.92%;descent-override:23.21%;line-gap-override:19.03%;size-adjust:105.11%}._4M2mQq_className{font-family:avenir,avenir Fallback}._4M2mQq_variable{--font-avenir:"avenir", "avenir Fallback"}
@font-face{font-family:steps;src:url(../media/Steps_Mono_Mono-s.p.1imjbuo7ub_kt.woff)format("woff");font-display:swap}@font-face{font-family:steps Fallback;src:local(Arial);ascent-override:73.1%;descent-override:18.16%;line-gap-override:18.25%;size-adjust:109.58%}.ukJy9q_className{font-family:steps,steps Fallback}.ukJy9q_variable{--font-steps:"steps", "steps Fallback"}
:root{--ink:#080000;--paper:#ccc;--green:#6f0;--pink:#fa1e64;--lime:#c8ff28;--blue-gradient:linear-gradient(45deg, blue, #006);--lime-gradient:linear-gradient(90deg, #c3fe0e, #58f000);--dark-gradient:linear-gradient(44deg, #0e0e0e, var(--ink));--druk:var(--font-druk), "Arial Black", sans-serif;--avenir:var(--font-avenir), "Helvetica Neue", Helvetica, Arial, sans-serif;--steps:var(--font-steps), ui-monospace, monospace;--extrude:1px 0px 0px #4d4d4d, 0px 1px 0px #333, 2px 1px 0px #4d4d4d, 1px 2px 0px #333, 3px 2px 0px #4d4d4d, 2px 3px 0px #333, 4px 3px 0px #4d4d4d, 3px 4px 0px #333, 5px 4px 0px #4d4d4d, 4px 5px 0px #333, 6px 5px 0px #4d4d4d, 5px 6px 0px #333, 7px 6px 0px #4d4d4d, 6px 7px 0px #333, 8px 7px 0px #4d4d4d, 7px 8px 0px #333, 9px 8px 0px #4d4d4d, 8px 9px 0px #333, 10px 9px 0px #4d4d4d, 9px 10px 0px #333;--extrude-sm:1px 0px 0px #4d4d4d, 0px 1px 0px #333, 2px 1px 0px #4d4d4d, 1px 2px 0px #333, 3px 2px 0px #4d4d4d, 2px 3px 0px #333, 4px 3px 0px #4d4d4d, 3px 4px 0px #333, 5px 4px 0px #4d4d4d, 4px 5px 0px #333, 6px 5px 0px #4d4d4d}*,:before,:after{box-sizing:border-box}html{width:100%;margin:0;padding:0}body{font-family:var(--avenir);-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink);margin:0;font-size:16px;overflow-x:hidden}h1,h2,h3,h4,h5{margin:0;font-weight:400;line-height:1}h1{text-transform:uppercase}p{line-height:1.25}ul{padding:0;list-style-type:none}a{color:inherit;cursor:pointer;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}::-webkit-scrollbar{display:none}.app{position:relative;overflow-x:hidden}.hidden{display:none!important}.spacer{background:var(--paper);width:100%;height:1px;display:block}@keyframes flash{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(var(--marquee-shift)) translateZ(0)}}@keyframes headline-in{0%{opacity:0;transform:translateY(6px)}}.marquee{white-space:nowrap;overflow:hidden}.marquee__track{animation:marquee var(--marquee-duration) linear infinite;display:inline-flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__copy{flex-shrink:0;display:inline-flex}@media (prefers-reduced-motion:reduce){.marquee__track{animation-duration:calc(var(--marquee-duration) * 4)}}.three{cursor:pointer;z-index:9999;background:linear-gradient(45deg, #fff, var(--ink));width:100vw;height:calc(100vh - 100px);display:none;position:fixed;top:100px;left:0;overflow:hidden}@media (min-width:1040px){.three{display:block}}.three--scene{opacity:0;transition:opacity .4s ease-out;position:absolute;inset:0}.three--scene.ready{opacity:1}.three--text-container{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;height:50%;display:flex;position:absolute;bottom:0;left:0}.three--text-container h2{color:#fff;text-shadow:1px 1px 1px #fff;text-transform:uppercase;text-align:center;font-size:1em;line-height:1.5}nav{color:#fff;z-index:999;background:var(--blue-gradient);width:100%;height:100px;position:relative;overflow:hidden}nav .top-ticker{background:var(--ink);height:20px;color:var(--green)}nav .top-ticker ul{margin:0 10px;display:inline-flex}nav .top-ticker li{margin:0 20px;font-size:.9em;line-height:22px}nav .logo-ticker{background:var(--pink);height:20px}nav .logo-ticker img{width:auto;height:16px;margin:2px 40px;display:inline-block}nav .header-ticker{width:80%;height:60px;font-family:var(--druk);letter-spacing:1px;text-transform:uppercase;-webkit-user-select:none;user-select:none;align-items:center;padding-left:10px;font-size:1.1em;display:flex;position:absolute;top:40px;left:0}@media (min-width:700px){nav .header-ticker{width:50%;font-size:1.5em}}@media (min-width:1180px){nav .header-ticker{font-size:1.75em}}@media (min-width:1400px){nav .header-ticker{font-size:2em}}nav .opt{background-position:50%;background-repeat:no-repeat;background-size:contain;display:block}nav .opt.facebook{background-image:url(/images/facebook.svg)}nav .opt.twitter{background-image:url(/images/twitter.svg)}nav .opt.about{background-image:url(/images/question.svg)}nav .opt.earth{background-image:url(/images/vinyl.svg);background-size:200%}nav .mobile-social{flex-direction:column;justify-content:center;align-items:center;width:50px;height:60px;display:flex;position:absolute;top:40px;right:0}nav .mobile-social .opt{width:20px;height:20px;margin:2px 0}@media (min-width:700px){nav .mobile-social .opt{width:27px;height:27px}}nav .current-time{letter-spacing:1px;text-transform:uppercase;font-variant-numeric:tabular-nums;font-size:1.5em;line-height:60px;display:none;position:absolute;top:40px;left:50%}nav .social{justify-content:flex-end;align-items:center;width:30%;height:60px;padding-right:10px;display:none;position:absolute;top:40px;right:0}nav .social .opt{width:30px;height:30px;margin:0 5px}@media (min-width:1040px){nav .mobile-social{display:none}nav .current-time{display:block}nav .social{display:flex}}.main{width:100%;min-height:200px;position:relative}@media (min-width:1040px){.main{perspective:1000px;justify-content:space-between;width:98%;height:500px;margin:0 1%;display:flex}}.main-charts{background:var(--ink);color:#fff;width:48%;height:95%;box-shadow:var(--extrude);margin-top:12px;margin-right:1%;padding-bottom:20px;transition:transform .2s linear;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.main-charts:hover{transform:translateZ(-5px)}.main-charts-date-range{z-index:10;background:var(--paper);color:#000;text-align:right;text-transform:uppercase;padding:5px;font-size:1.25em;font-weight:700;position:absolute;top:10px;right:10px}.main-charts-date-range .range{font-size:1.25em;font-family:var(--druk);display:block}.main-charts-date-range small{font-size:.5em;display:block}.main-chart{position:absolute;inset:20px 0 0 10px}.video-outer-container{width:48%;height:95%;box-shadow:var(--extrude);background:#000;margin-top:12px;position:relative;overflow:hidden}.video-inner-container{background:#000;position:absolute;inset:0}.video-inner-container .dailymotion-player-root,.mobile-video-inner-container .dailymotion-player-root{height:100%;inset:0;padding-bottom:0!important;position:absolute!important}.video--overlay{z-index:1000;background:0 0;position:absolute;inset:0}.video--overlay.playing{cursor:url(/images/pause.png),pointer}.video--overlay.paused{cursor:url(/images/play.png),pointer}.live-banner{z-index:999;text-align:center;background:linear-gradient(90deg, var(--pink), #840808);width:80px;height:30px;box-shadow:var(--extrude-sm);position:absolute;top:10px;right:10px}.live-banner p{line-height:30px;font-family:var(--druk);text-transform:uppercase;color:#fff;margin:0}.video--logo{z-index:999;text-align:center;width:50px;height:30px;line-height:30px;font-family:var(--druk);box-shadow:var(--extrude-sm);background:linear-gradient(90deg,#c3fe0e,#ff9e29);position:absolute;top:10px;left:10px}.video-outer-container .current-time{z-index:999;font-variant-numeric:tabular-nums;height:30px;color:var(--ink);background:var(--paper);text-shadow:1px 1px 1px #fff;box-shadow:var(--extrude-sm);padding:0 10px;font-size:1.1em;line-height:30px;position:absolute;top:10px;left:70px}.video--headlines{z-index:997;background:var(--lime-gradient);width:95%;height:30px;color:var(--ink);text-align:center;text-transform:uppercase;position:absolute;bottom:10px;left:2.5%;overflow:hidden}.video--headlines:after{content:"";border-bottom:30px solid #000;border-left:10px solid #0000;position:absolute;bottom:0;right:0}.video--headlines p{white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0 10px;line-height:30px;animation:.4s ease-out headline-in;overflow:hidden}.video--ended{z-index:998;text-align:center;background:linear-gradient(5deg, var(--ink), var(--ink), blue, var(--ink), var(--ink));flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video--ended p{font-family:var(--druk);text-transform:uppercase;text-shadow:2px 2px 2px #000;color:#fff;padding:0 20px;font-size:1.5em}.video--ended--logo-container{z-index:1001;justify-content:center;align-items:center;width:100%;height:20%;display:flex;position:absolute;bottom:0;left:0}.video--ended--logo-container .rbma{background:url(/images/logo.svg) 50% 18px/100% no-repeat;width:100px;height:100px;margin:0 10px}.video--ended--logo-container .discogs{background:url(/images/discogs-logo.svg) 50%/80% no-repeat;width:100px;height:50px;margin:0 10px}.video-outer-container .loading{z-index:999;background:var(--ink);color:var(--paper);text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:1em;transition:opacity .4s linear;display:flex;position:absolute;inset:0}.video-outer-container .loading .spinner{background:url(/images/vinyl.svg) 50% no-repeat;width:150px;height:150px;animation:2s linear infinite spin}.video-outer-container .loading.done{opacity:0;pointer-events:none}.mobile{width:100%;color:var(--paper);background:var(--ink);position:relative;overflow-x:hidden}.mobile-video-outer-container{width:100%}.mobile-video-inner-container{aspect-ratio:16/9;background:#000 url(/images/vinyl.svg) 50%/50% no-repeat;width:100%;position:relative}.mobile .tabs{-webkit-user-select:none;user-select:none;padding:5px 10px}.mobile .tabs button{width:100%;font-family:var(--druk);text-transform:uppercase;background:var(--paper);color:var(--ink);margin:5px 0;padding:10px;display:block}.mobile .tabs button.active.gains{background:var(--green)}.mobile .tabs button.active.losses{background:var(--pink)}.mobile>ul{margin:0}.mobile>ul>li{border-top:1px solid var(--paper);position:relative}.mobile>ul>li:first-child{border-top:0}.mobile .box{width:100%;padding:10px 20px;display:block;position:relative}.mobile .box h2,.mobile .box h3{margin:5px 0}.mobile .box h2{text-transform:uppercase}.mobile .box h3{font-weight:700}.mobile .box h3.up,.mobile .box h3.down{font-family:var(--druk);font-size:.9em}.mobile .box h3.up{color:var(--green)}.mobile .box h3.down{color:var(--pink)}.mobile .box.allup,.mobile .box.alldown{height:140px;font-family:var(--druk);text-transform:uppercase;justify-content:center;align-items:center;padding:0;font-size:.6em;animation:1s linear infinite flash;display:flex}.mobile .box.allup{color:var(--green)}.mobile .box.alldown{color:var(--pink)}.mobile--more{background:url(/images/chevron.svg) 50%/contain no-repeat;width:50px;height:100%;position:absolute;top:0;right:0}.mobile--extra-info{color:#fff;background:var(--ink);padding-bottom:20px;transition:transform .2s linear;position:relative;transform:translate(100%)}.mobile--extra-info.active{transform:none}.mobile--extra-info .exit{z-index:99999;background:url(/images/close-white.svg) 50%/100% no-repeat;width:40px;height:40px;position:fixed;top:20px;right:20px}.mobile--info-container{margin:20px 20px 0;line-height:2}.mobile--info-container--trading strong{color:var(--green)}.mobile--info-container--details{border-top:1px solid var(--paper);margin-top:20px;padding-top:20px}.mobile--info-container .most-wanted{border-bottom:1px solid #fff;padding-bottom:20px;font-size:1.5em}.mobile--info-container--explore-more{color:var(--green);margin-top:20px;padding-top:20px;position:relative}.mobile--info-container--explore-more h1{width:75%;font-size:1em}.mobile--info-container--explore-more .mobile--more{height:50px}.mobile--extra-info.down .mobile--info-container--trading strong,.mobile--extra-info.down .item-index,.mobile--extra-info.down .item-wants strong,.mobile--extra-info.down .mobile--info-container--explore-more{color:var(--pink)}.top-releases li,.mobile-info-item{border-bottom:1px solid #fff;min-height:100px;position:relative}.top-releases li a,.mobile-info-item a{color:#fff;display:block}.top-releases h3,.mobile-info-item h3{max-width:82%;margin:5px 0}.top-releases strong,.mobile-info-item strong,.item-index{color:var(--green)}.item-index{margin-top:12px;font-size:1.5em;display:block}.item-artist{margin-top:12px;font-size:1em}.item-title,.item-price,.item-cat,.item-wants{font-size:.75em}.item-wants{margin-bottom:12px!important}svg{font-family:var(--steps);display:block}svg .area{fill:url(#area-gradient);stroke:#ff0;stroke-width:3px}svg .style-line{fill:none;cursor:pointer;transition:stroke-width .1s}svg .point{r:5px;fill:var(--pink);cursor:pointer;transition:r .3s}svg .point:hover{r:7px}.genre-chart svg .point:hover{r:10px}svg .axis{font-size:.5em}svg .axis text{fill:#fff}svg .domain,svg .tick line{fill:none;stroke:var(--paper)}svg .tick .grid-line{opacity:.3}svg text.headline{fill:#fff;font-family:var(--steps);text-transform:uppercase;font-size:1.3em}.charts{background:var(--ink);width:100%;height:550px;position:relative}.charts .nest{background:var(--ink);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.charts .loading{z-index:999;color:#fff;pointer-events:none;opacity:0;justify-content:center;align-items:center;font-size:5em;transition:opacity .4s linear;display:flex;position:absolute;inset:0}.charts .loading.active{opacity:1}.charts .loading h1{font-family:var(--druk)}.charts .loading span{animation:.5s linear infinite flash}.charts .loading .dot2{animation-delay:.25s}.charts .loading .dot3{animation-delay:.5s}.master-chart,.genre-chart{background:var(--ink);cursor:pointer;flex:1;min-height:0;padding:10px 20px 0 10px;position:relative}.genre-chart--empty{color:var(--paper);font-family:var(--druk);cursor:default;justify-content:center;align-items:center;display:flex}.genre-name-overlay{color:var(--paper);font-size:2.6em;font-family:var(--druk);text-align:center;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.genre-name-overlay h1{font-family:var(--druk)}.d3-tooltip{z-index:999;border:1px solid var(--paper);width:140px;color:var(--paper);text-align:center;pointer-events:none;background:#000000d9;padding:10px;font-size:12px;position:absolute}.d3-tooltip.right{transform:translate(-170px)}.d3-tooltip strong{text-transform:uppercase}.d3-tooltip p{margin:4px 0}.d3-tooltip .tooltip-cta{color:var(--green)}.chart-menu{z-index:3;color:#fff;background:var(--blue-gradient);border-top:1px solid #fff;border-bottom:1px solid #fff;flex-wrap:wrap;justify-content:space-between;display:flex;position:relative}.chart-menu ul.options,.chart-menu ul.ranges{align-items:center;height:48px;margin:0;padding:0 10px;display:flex}.chart-menu ul.ranges{padding-right:20px}.chart-menu ul.options li,.chart-menu ul.ranges li{text-transform:uppercase;margin:0 10px;padding:2px 5px;line-height:30px}.chart-menu ul.options li.active,.chart-menu ul.ranges li.active{background:var(--pink);font-weight:700}.genre-box{color:var(--ink);background:var(--paper);-webkit-user-select:none;user-select:none;border-top:1px solid #fff;flex-basis:100%}.genre-box ul{flex-wrap:wrap;margin:0;padding:7px 10px;display:flex}.genre-box li{margin:2px 5px;font-size:.75em;font-weight:700;transition:all .1s linear}.genre-box li button{padding:2px 7px}.genre-box li:hover{background:#e1e2da}.genre-box li.active{color:#fff;background:var(--pink)}.chart-info{z-index:6;border:2px solid var(--paper);width:40%;min-width:320px;max-height:calc(100% - 50px);color:var(--paper);background-color:var(--ink);padding:20px;font-size:.75em;transition:transform .3s cubic-bezier(.17,.67,.83,.67);position:absolute;top:50px;left:0;overflow-y:auto;transform:translate(-120%)}.chart-info.active{transform:none}.chart-menu:has(.genre-box)~.chart-info{max-height:calc(100% - 100px);top:100px}.chart-info .exit{background:url(/images/close-white.svg) 50%/100% no-repeat;width:30px;height:30px;position:absolute;top:20px;right:20px}.chart-info .info-title{font-size:2.5em;line-height:1}.chart-info .info-date,.chart-info .info-data{color:var(--green);margin:0 0 12px}.chart-info p{font-size:1.25em;line-height:1.5}.chart-info .info-price strong,.chart-info--totals p strong{color:var(--green)}.chart-info .most-wanted-releases{text-transform:uppercase;border-bottom:1px solid #fff}.chart-info .top-releases li{border-bottom-color:var(--paper);font-size:1.5em}.chart-info--totals .best,.chart-info--totals .worst{margin-top:20px}.chart-info--totals .best h1,.chart-info--totals .worst h1{border-bottom:1px solid var(--paper)}.chart-info--totals .best h2,.chart-info--totals .worst h2{margin-top:12px;font-size:2em}.chart-info--totals .best p,.chart-info--totals .worst p{margin:6px 0;font-size:1.75em;font-weight:700;line-height:1}.chart-info--totals p.stats{color:var(--green);font-size:1.25em}.chart-info--totals p.stats.worst{color:var(--pink)}.chart-info--totals p.stats.blink{text-transform:uppercase;animation:.4s linear infinite flash}@media (max-width:1039px){.charts{height:480px}.chart-info{width:100%;min-width:0}}footer{width:100%;margin-top:20px;position:relative}.ticker{height:20px;font-family:var(--druk);color:var(--ink);-webkit-user-select:none;user-select:none;background:#fff;margin:0 0 10px;display:block;overflow:hidden}@media (min-width:1040px){.ticker{box-shadow:var(--extrude);margin:10px 0 20px}}.ticker ul{margin:0;display:inline-flex}.ticker li{text-transform:uppercase;margin:0 20px;font-size:.7em;line-height:20px}.ticker .up{color:#00f}.ticker .down{color:var(--pink)}.footer-flex-bar{justify-content:center;align-items:center;display:flex}.footer-breaking{color:#fff;align-items:stretch;width:100%;height:70px;display:flex}.footer-breaking .title{font-family:var(--druk);text-transform:uppercase;color:var(--ink);background:var(--lime-gradient);box-shadow:var(--extrude);flex:0 0 25%;justify-content:center;align-items:center;font-size:.55em;display:flex}.footer-breaking .news{background:var(--dark-gradient);box-shadow:var(--extrude);flex:1;align-items:center;margin:0 2%;padding:10px;font-size:.75em;display:flex}.footer-news{animation:.5s ease-out headline-in}.footer-highlights{display:none}@media (min-width:700px){.footer-breaking .title{font-size:.75em}}@media (min-width:1040px){.footer-flex-bar{margin-top:20px}.footer-breaking{width:48%;height:75px;margin:0 1%}.footer-breaking .title{font-size:.85em}.footer-breaking .news{font-size:1em}.footer-highlights{gap:2%;width:48%;height:75px;margin:0 1%;display:flex}}.highlight{color:#fff;background:var(--dark-gradient);height:75px;box-shadow:var(--extrude);flex:1;justify-content:space-between;padding:10px;display:flex;position:relative}.highlight:hover{background:var(--blue-gradient)}.highlight-title{flex-direction:column;justify-content:center;width:45%;display:flex}.highlight-title h4{font-family:var(--druk);text-transform:uppercase;font-size:.75em}.highlight-title p{font-family:var(--druk);margin:0}.highlight-title.best p{color:var(--green)}.highlight-title.worst p{color:var(--pink)}.highlight-info{text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.highlight-info p{margin:0}.share-highlight{background:url(/images/share.svg) 50%/cover no-repeat;width:15px;height:15px;position:absolute;bottom:5px;right:5px}.footer-about{display:none}@media (min-width:1040px){.footer-about{color:#fff;background:var(--blue-gradient);width:96%;height:50px;box-shadow:var(--extrude);justify-content:center;align-items:center;margin:50px 2% 30px;transition:background .5s linear;display:flex}.footer-about:hover{background:linear-gradient(-45deg,#00f,#006)}.footer-about h1{font-family:var(--druk);font-size:.8em}}.about{width:100%;color:var(--ink);position:relative}.about .text{padding:20px 10px}.about .text p{font-size:1.25em;line-height:1.5}.about .text a{color:#00f;background:var(--pink);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:5px}.about .text a:hover{border-bottom:1px solid var(--green)}.about .about-note{font-size:.7em}@media (min-width:1040px){.about .text{padding:20px 50px}.about .text p{font-size:2em}}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.video-mount{position:absolute;inset:0}
