#jinglelist-container {
    min-height: 1080px;
}
.jingle-list { display: flex; flex-direction: column; gap: 7px; }
.jingle-item {
    display: flex;
    flex-direction: column;
}
.jingle-item .main {
    background: rgba(158, 164, 214, 0.16);
    display: flex;
    justify-content: space-between;
    padding: 14px 18px;
    border-radius: 5px 5px 0 0;
    border: 2px solid rgba(255, 255, 255, 0.12);
    border-bottom: none;
}
.jingle-item .main .right {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}
.jingle-item .main .right .download-button {
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid rgba(255, 255, 255, 0.2);
    padding: 2px 16px;
    border-radius: 4px;
}
.jingle-item .main .right .download-button:hover {
    background: rgba(255, 255, 255, 0.1);
}
.jingle-item .title {
    display: flex; gap: 5px;
}
.jingle-item .title .mcont {
    position: relative;
}
.jingle-item .title .mimetype {
    background: #a53d64;
    padding: 0px 14px;
    border-radius: 32px;
    font-size: .86rem;
    position: absolute;
}
.jingle-item .left .author {
    font-size: .9rem;
    margin-bottom: 8px;
}
.jingle-item .main .left .description {
    color: #c6c5e9d6;font-size: 1.1rem;
}
.jingle-item .main .left { line-height: 1.2; }
.browser-firefox .jingle-item audio {
    background: rgb(69, 84, 203);
    border-radius: 0 0 5px 5px;
    border: 2px solid #463e56;
    border-top: none;
}
html:not(.browser-firefox) .jingle-item audio {
    display: none;
}
html:not(.browser-firefox) .jingle-item .main { border-bottom: 2px solid rgba(255, 255, 255, 0.12); }