.collection-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    background: #04315c;
    width: fit-content;
}

.collection-tab {
    cursor: pointer;
    width: fit-content;
    opacity: 0.7;
    padding: 0.5rem;
}
.collection-tab.active {
    opacity: 1;
    background: #06447e;
    border: 1px solid #816d00;
}
.collection-tab:hover {
    opacity: 1;
}

details {
    margin-bottom: 1rem;
}

details summary {
    margin-bottom: 0.5rem;
}

.collection-item {
    width: fit-content;
    background-color: #032442;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
    cursor: pointer;
}