#top .trs-badges {
    --trs-badge-color: #1a9fd9;
    --trs-badge-bg: #e8f6fd;
    --trs-badge-border: #b5e1f5;

    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#top .trs-badges.trs-badges-align-center {
    justify-content: center;
}

#top .trs-badges.trs-badges-align-right {
    justify-content: flex-end;
}

#top .trs-badges .trs-badge-item {
    margin: 0;
    padding: 0;
    list-style: none;
}

#top .trs-badges .trs-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--trs-badge-color);
    background-color: var(--trs-badge-bg);
    border: 1px solid var(--trs-badge-border);
    border-radius: 0;
    text-decoration: none;
    white-space: nowrap;
}

#top .trs-badges a.trs-badge {
    transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

#top .trs-badges a.trs-badge:hover,
#top .trs-badges a.trs-badge:focus-visible {
    color: var(--trs-badge-bg);
    background-color: var(--trs-badge-color);
    border-color: var(--trs-badge-color);
}

/* Sizes */
#top .trs-badges.trs-badges-size-small .trs-badge {
    padding: 2px 9px;
    font-size: 11px;
}

#top .trs-badges.trs-badges-size-large .trs-badge {
    padding: 6px 16px;
    font-size: 15px;
}

/* Shapes (square by default) */
#top .trs-badges.trs-badges-shape-pill .trs-badge {
    border-radius: 999px;
}

#top .trs-badges.trs-badges-shape-rounded .trs-badge {
    border-radius: 6px;
}