.legacy-beatmaps-search_page__ojE_Y{--hue:200;--h1:hsl(var(--hue),100%,70%);--c1:hsl(var(--hue),40%,100%);--c2:hsl(var(--hue),40%,90%);--d4:hsl(var(--hue),20%,20%);--d5:hsl(var(--hue),20%,15%);--b3:hsl(var(--hue),10%,25%);--b4:hsl(var(--hue),10%,20%);--b5:hsl(var(--hue),10%,15%);--b6:hsl(var(--hue),10%,10%);overflow:hidden;background:var(--b5);color:var(--c1);box-shadow:0 1px 3px rgba(0,0,0,.25)}.legacy-beatmaps-search_title__w0blF{min-height:70px;padding:22px 50px;background:var(--d5);font-size:20px;font-weight:400}.legacy-beatmaps-search_searchArea__9WP0D{position:relative;display:flex;align-items:center;margin:0;padding:20px 50px;background:linear-gradient(hsla(var(--hue),20%,20%,.74),hsla(var(--hue),20%,20%,.74)),url(/images/osu2021/headers/generic.jpg) 50% /cover no-repeat}.legacy-beatmaps-search_searchArea__9WP0D input{width:100%;height:47px;border:1px solid var(--b4);outline:none;background:hsla(var(--hue),20%,25%,.88);padding:0 44px 0 12px;color:var(--c1);font-size:18px;font-weight:700}.legacy-beatmaps-search_searchArea__9WP0D input::placeholder{color:var(--c2)}.legacy-beatmaps-search_searchArea__9WP0D svg{width:25px;margin-left:-38px;color:var(--h1)}.legacy-beatmaps-search_grid__iFlK4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px 20px 30px}.legacy-beatmaps-search_card__vz0B7{position:relative;display:flex;min-height:100px;overflow:hidden;border-radius:10px;background:var(--b4);color:var(--c1)}.legacy-beatmaps-search_cover__2DvZr{position:relative;z-index:3;width:120px;flex:0 0 120px;background-position:50%;background-size:cover}.legacy-beatmaps-search_cardBackdrop___oP48,.legacy-beatmaps-search_cardShade__b7KKs{position:absolute;inset:0}.legacy-beatmaps-search_cardBackdrop___oP48{background-position:50%;background-size:cover;filter:grayscale(20%);opacity:.42}.legacy-beatmaps-search_cardShade__b7KKs{background:linear-gradient(90deg,hsla(var(--hue),20%,20%,.45),hsla(var(--hue),20%,25%,.82))}.legacy-beatmaps-search_cardContent__NgYvd{position:relative;z-index:2;display:flex;min-width:0;flex:1;flex-direction:column;padding:7px 10px}.legacy-beatmaps-search_cardContent__NgYvd strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.legacy-beatmaps-search_cardContent__NgYvd>span{font-size:13px;font-weight:700}.legacy-beatmaps-search_cardContent__NgYvd small{color:var(--c2);font-size:11px;font-weight:700}.legacy-beatmaps-search_meta___FF7y{display:flex;align-items:center;gap:7px;margin-top:auto}.legacy-beatmaps-search_status__ki4Gw{border-radius:999px;background:#9cf04e;padding:2px 6px;color:#263719;font-size:10px;text-transform:uppercase}.legacy-beatmaps-search_loved__HI6n2{background:#ff62ad;color:#4b1230}.legacy-beatmaps-search_difficulties__fT2y_{display:flex;gap:2px}.legacy-beatmaps-search_difficulties__fT2y_ i{display:block;width:6px;height:13px;border-radius:999px}.legacy-beatmaps-search_card__vz0B7:hover{transform:translateX(3px);filter:brightness(1.08)}.legacy-beatmaps-search_loading__u0_Je{display:flex;min-height:300px;align-items:center;justify-content:center}@media (max-width:720px){.legacy-beatmaps-search_grid__iFlK4{grid-template-columns:1fr}.legacy-beatmaps-search_searchArea__9WP0D,.legacy-beatmaps-search_title__w0blF{padding-right:20px;padding-left:20px}}