.resource-list {
width: 100%;
max-height: 0;
overflow: hidden;
margin-top: 0;
padding: 0 12px;
display: flex;
flex-direction: column;
gap: 10px;
background: #101310;
border: 0 solid #596059;
color: #dfe4dc;
font-size: 8px;
line-height: 1.8;
opacity: 0;
transition:
max-height .3s ease,
margin-top .3s ease,
padding .3s ease,
opacity .25s ease,
border-width .1s ease;
}
.resource-list.show {
max-height: 130px;
margin-top: 18px;
padding: 14px 12px;
border-width: 3px;
opacity: 1;
}
.resource-list span {
display: block;
color: var(--gold-light);
text-shadow: 2px 2px 0 #000;
}