color: white;
padding: 0.125rem 0.25rem;
}
span.common {
background-color: var(--common);
}
span.uncommon {
background-color: var(--uncommon);
}
span.rare {
background-color: var(--rare);
}
span.epic {
background-color: var(--epic);
}
span.legendary {
background-color: var(--legendary);
}
span.mythic {
background-color: var(--mythic);
}
a.common {
color: var(--common);
}
a.uncommon {
color: var(--uncommon);
}
a.rare {
color: var(--rare);
}
a.epic {
color: var(--epic);
}
a.legendary {
color: var(--legendary);
}
a.mythic {
color: var(--mythic);
}
.thumbnails {
display: flex;
flex-wrap: wrap;
}
.thumbnails > a {
border-radius: 2%;
margin: 1%;
overflow: hidden;
width: 23%;
}
.thumbnails iframe {
height: 100%;
pointer-events: none;
width: 100%;
}
.inscription {
display: flex;
justify-content: center;
}
.inscription > *:nth-child(1), .inscription > *:nth-child(3) {
align-items: center;
color: var(--dark-bg);
display: flex;
flex: 1;
font-size: 200%;