#upc-medal {
display: table;
font-size: 16px;
line-height: 1.75;
text-align: center;
margin: auto;
}
#upc-medal *,
#upc-medal *::before,
#upc-medal *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#upc-medal table {
float: none !important;
clear: none !important;
border: none !important;
background-color: transparent !important;
width: auto !important;
line-height: inherit !important;
}
#upc-medal table {
display: inline-block;
position: relative;
font-size: 16px;
margin: 0.5em !important;
transition: opacity 0.5s;
}
#upc-medal tbody,
#upc-medal table tr {
display: block;
}
#upc-medal table td {
display: none;
}
#upc-medal table td:last-of-type {
display: block;
font-size: 0.8em !important;
font-weight: bold;
margin-top: 6.25em;
}
#upc-medal table td:last-of-type,
#upc-medal table td:last-of-type * {
color: #327dfa !important;
text-decoration: none !important;
}
#upc-medal:hover table:not(:hover) {
opacity: 0.5;
}
#upc-medal table::before {
content: "";
display: block;
position: absolute;
top: 1.75em;
left: 50%;
border: 0.75em solid;
border-color: transparent #fa3200;
padding: 0.875em 0;
transform: translateX(-50%);
}
#upc-medal table::after {
content: "";
width: 3.5em;
height: 3.5em;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 0.5em solid;
border-radius: 50%;
margin: 0 auto;
box-shadow: 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
}
#upc-medal table:nth-of-type(3n+1)::after {
background: linear-gradient(135deg, #e17d00 50%, #c86400 50%);
border-color: #faaf00;
}
#upc-medal table:nth-of-type(3n+2)::after {
background: linear-gradient(135deg, #d5d5d5 50%, #c8c8c8 50%);
border-color: #eeeeee;
}
#upc-medal table:nth-of-type(3n+3)::after {
background: linear-gradient(135deg, #faaf00 50%, #e19600 50%);
border-color: #fae100;
}