.beatmapset__stats__table__bar .white-bar div{background-color:#fff}.beatmapset__stats__table__bar .animate div{border-radius:0;transition:width .35s cubic-bezier(.65,-.02,.31,1.01)}.beatmapset__header{display:grid;min-height:350px;padding:10px 10px 0;position:relative}.beatmapset__header .beatmapset__header__cover{display:contents}.beatmapset__header .beatmapset__header__cover:after{background-color:#0000009c;content:"";height:100%;left:0;position:absolute;top:0;width:100%;border-radius:.35rem}.beatmapset__header .beatmapset__header__cover .beatmapset__header__cover__image{align-items:center;background-position:50%;background-image:var(--bg);background-size:auto auto;background-size:cover;display:inline-flex;flex:none;justify-content:center;vertical-align:middle;height:100%;left:0;position:absolute;top:0;width:100%;border-radius:.45rem}.beatmapset__header .beatmapset__header__cover .beatmapset__header__cover__image:before{background-image:var(--bg);background-position:50%;background-size:cover;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;border-radius:.45rem}.beatmapset__header .beatmapset__header__main{display:flex;flex-direction:column;position:relative;color:#fff}.beatmapset__header .beatmapset__header__main .beatmapset__diffselector{flex:1 0 auto}.beatmapset__header .beatmapset__header__main .beatmapset__diffselector .beatmapset__diffselector__box{background-color:#00000093;border-radius:10px;display:flex;flex-wrap:wrap;margin:0 -7px 10px;max-width:100%;width:-moz-fit-content;width:fit-content;padding:.2rem;gap:.1rem}.beatmapset__header .beatmapset__header__main .beatmapset__diffselector .beatmapset__diffselector__diff{font-weight:700;font-size:1.2rem}.beatmapset__header .beatmapset__header__main .beatmapset__details__artist{align-self:flex-start;max-width:100%;word-break:break-word;font-size:20px;font-weight:500;margin-bottom:20px}.beatmapset__header .beatmapset__header__main .beatmapset__details__title{align-self:flex-start;max-width:100%;word-break:break-word;font-size:30px;font-weight:600;line-height:1;margin-bottom:5px;margin-top:10px}.beatmapset__header .beatmapset__header__main .beatmapset__details__title .beatmapset__details__nsfw{color:#d8b218;text-transform:uppercase;font-size:12px;background:#00000093;padding:.1rem .5rem;border-radius:999px}.beatmapset__header .beatmapset__header__main .beatmapset__header__mapper{align-items:flex-start;color:#fff;display:flex;font-size:11px;text-shadow:0 1px 3px rgba(0,0,0,.75);align-items:center}.beatmapset__header .beatmapset__header__main .beatmapset__header__mapper .beatmapset__header__mapper__data{display:flex;flex-direction:column;justify-content:center}.beatmapset__header .beatmapset__header__main .beatmapset__header__buttons{display:flex;flex-wrap:wrap;margin:10px auto;gap:10px}.beatmapset__header .beatmapset__header__stats{display:flex;flex-direction:column;position:relative;justify-content:space-between}.beatmapset__header .beatmapset__header__stats .beatmapset__header__status__box{display:flex;font-size:14px;height:38px;margin:-5px -5px 5px auto}.beatmapset__header .beatmapset__header__stats .beatmapset__header__status__box .beatmapset__header__status{background-color:#00000093;color:#fff;font-size:12px;font-style:normal;font-weight:600;text-transform:uppercase;transition:all .12s ease-in-out;height:100%;padding:0 35px;align-items:center;display:inline-flex;font-size:inherit;justify-content:center;margin:5px 1px 0 0}.beatmapset__header .beatmapset__header__stats .beatmapset__header__status__box .beatmapset__header__status:last-child{margin:5px 5px 0 0}.beatmapset__header .beatmapset__stats .beatmapset__stats__basic,.beatmapset__header .beatmapset__stats .beatmapset__stats__preview,.beatmapset__header .beatmapset__stats .beatmapset__stats__qr{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:#00000093;border:none;display:flex;flex-direction:row;margin:1px 0 0;outline:none;padding:10px 15px;width:100%;color:#fd5;font-size:12px;font-weight:600;justify-content:space-between}.beatmapset__header .beatmapset__stats .beatmapset__stats__qr{margin-left:1px;width:14%}.beatmapset__header .beatmapset__stats .beatmapset__stats__preview,.beatmapset__header .beatmapset__stats .beatmapset__stats__qr{color:#fff;justify-content:center;font-size:14px;flex-direction:column;align-items:center;cursor:pointer;transition:background-color .1s ease-in-out,scale .3s cubic-bezier(.075,.82,.165,1)}.beatmapset__header .beatmapset__stats .beatmapset__stats__preview:hover,.beatmapset__header .beatmapset__stats .beatmapset__stats__qr:hover{background-color:#000000c2}.beatmapset__header .beatmapset__stats .beatmapset__stats__preview:active,.beatmapset__header .beatmapset__stats .beatmapset__stats__qr:active{scale:.95}.beatmapset__header .beatmapset__stats .beatmapset__stats__preview .audio__progress,.beatmapset__header .beatmapset__stats .beatmapset__stats__qr .audio__progress{width:0%;position:fixed;left:0;bottom:0;height:2px;background-color:#fff;transition:width 1.05s linear}.beatmapset__header .beatmapset__stats .beatmapset__stats__advanced{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-color:#00000093;border:none;display:flex;flex-direction:column;margin:1px 0 0;outline:none;padding:7.5px 15px;width:100%}.beatmapset__header .beatmapset__stats .beatmapset__stats__advanced .beatmapset__stats__table{text-align:center;width:100%;color:#fff;font-size:.85rem}.beatmapset__header .beatmapset__stats .beatmapset__stats__advanced .beatmapset__stats__table .beatmapset__stats__table__label{font-weight:600;padding:2.5px 0;white-space:nowrap}.beatmapset__header .beatmapset__stats .beatmapset__stats__advanced .beatmapset__stats__table .beatmapset__stats__table__bar{padding:0 10px;width:100%}.beatmapset__header .beatmapset__stats .beatmapset__stats__advanced .beatmapset__stats__table .beatmapset__stats__table__value{padding:0;min-width:40px;text-align:center;font-size:.75rem}@media (min-width: 900px){.beatmapset__header{grid-template-columns:1fr 320px;padding:20px 40px 0;gap:20px}.beatmapset__header .beatmapset__header__stats .beatmapset__header__status__box .beatmapset__header__status{border-radius:var(--radius);margin:5px 5px 0 0}.beatmapset__header .beatmapset__header__main{padding-bottom:25px}.beatmapset__header .beatmapset__header__main .beatmapset__header__buttons{margin:10px 0 0}}