/*
    Badges -- we need them!!
*/


.badges {
    display: flex;
}

.starplot-badge {
    display: flex;
    align-items: center;
    color: var(--starplot-badge-stroke);
    font-weight: 600;
    font-size: 0.85em;
}

.starplot-badge-title {
    padding: 4px 8px;
    border: 1px solid var(--starplot-badge-stroke);
    background-color: var(--starplot-badge-bg);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.starplot-version {
    padding: 4px 8px;
    border-top: 1px solid var(--starplot-badge-stroke);
    border-bottom: 1px solid var(--starplot-badge-stroke);
    border-right: 1px solid var(--starplot-badge-stroke);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--starplot-badge-version-bg);
    font-family: 'Courier New', Courier, monospace;

}

.python-badge {
    display: flex;
    align-items: center;
    color: var(--python-badge-stroke);
    font-weight: 600;
    font-size: 0.85em;
}

.python-badge-title {
    padding: 4px 8px;
    border: 1px solid var(--python-badge-stroke);
    background-color: var(--python-badge-bg);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.python-version {
    padding: 4px 8px;
    border-top: 1px solid var(--python-badge-stroke);
    border-bottom: 1px solid var(--python-badge-stroke);
    border-right: 1px solid var(--python-badge-stroke);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: var(--python-badge-version-bg);
    font-family: 'Courier New', Courier, monospace;

}