body > main > article > ul {
    padding-inline: 0;
    width: auto;
    text-align: center;
    list-style: none;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-color: var(--background-color) var(--background-color);
}

body > main > article > ul > li {
    display: inline-block;
}

body > main > article > ul > li:hover {
    filter: brightness(75%);
}

body > main > article > ul > li:active {
    filter: brightness(50%);
}

body > main > article > ul > li > button {
    border: none;
    background-color: var(--background-color);
    font-family: var(--text-font);
}

body > main > article > member-list > ul {
    margin-inline: 0;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    list-style: none;
}

body > main > article > member-list > ul > li {
    margin-inline: 0;
    border: none;
    padding: 0;
    width: 100%;
    aspect-ratio: 2;
}

body > main > article > member-list > ul > li > dl {
    margin: 0;
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
}

body > main > article > member-list > ul > li > dl > dt {
    display: none;
}

body > main > article > member-list > ul > li > dl > dd:nth-of-type(1) {
    margin: 0;
    border: none;
    padding: 0;
    width: 50%;
    aspect-ratio: 1;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

body > main > article > member-list > ul > li > dl > dd:nth-of-type(n+1) {
    margin: 0;
    border: none;
    padding: 0;
    width: 50%;
    font-size: large;
}

body > main > article > member-list > ul > li > dl > dd:nth-of-type(4) {
    font-size: small;
}

body > main > article > member-list > ul > li > dl > dd > img {
    margin: 0;
    border: none;
    padding-inline: 0;
    padding-block: 5px;
    height: calc(100% - 10px);
}