.tabs__control {
    text-decoration: none;
    color: var(--color-contrast-medium);
    display: inline-flex;
    align-items: center;
    padding: var(--space-xxs) var(--space-sm);
    border-radius: 50em;
    box-shadow: 0 0 0 1px var(--color-contrast-lower);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: 0.2s;
}

.tabs__control:focus {
    outline: 2px solid hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);
    outline-offset: 2px
}

.tabs__control:hover {
    color: var(--color-contrast-high)
}

.tabs__control[aria-selected=true] {
    color: var(--color-contrast-high);
    text-decoration: none;
    box-shadow: 0 0 0 2px var(--color-primary);
    background-color: hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.08);
}