:root {
  --0: rgba(112, 92, 101, 0.75); /*Graveyard*/
  --1: rgba(255, 153, 102, 0.75); /*WIP*/
  --2: rgba(255, 217, 102, 0.75); /*Pending*/
  --3: rgba(102, 204, 255, 0.75); /*Qualified*/
  --4: rgba(179, 255, 102, 0.75); /*Ranked*/
  --5: rgba(255, 102, 171, 0.75); /*Loved*/
}
html {
  /*font-size: 16px;*/
}

svg {
  display: inline-block;
  position:relative;
  left:0; top:0; width:100%; height:100%
  
}
ul > li {
  font-size: smaller;
}
*[condense] {
  margin-top: 0;
  margin-bottom: 0;
}
.matrix {
  display: flex;
  flex-direction:column;
}
.row {
  display: flex;
  flex-direction: row;
}

div.beatmap:has(a[data-status='-1']) {
  background-color: var(--0);
}

a[data-status='0'] {
  background-color: var(--0);
}

a[data-status='1'] {
  background-color: var(--1);
}

a[data-status='2'] {
  background-color: var(--2);
}

a[data-status='3'] {
  background-color: var(--3);
}

a[data-status='4'] {
  background-color: var(--4);
}
a[data-status='5'] {
  background-color: var(--5);
}

#sorts > button {
  background: default;
  
}
button[selected="true"] {
  background: #00bb00;
  
}