.RunTypeNavigation {
    padding-top: 0;

    &-item {
        padding-left: 15px;
        padding-right: 15px;

        /* stylelint-disable max-nesting-depth, selector-class-pattern */
        &.active {
            font-weight: 500;
        }

        &:hover,
        &:focus {
            color: $gorilla;
        }
    }

    &-item:not(.RunTypeNavigation-item-last) {
        margin-right: 10px;
    }

    &-pending-info-icon {
        background: #ff893e;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 8px;
        font-weight: 500;
        height: 14px;
        line-height: 10px;
        padding: 2px;
        text-align: center;
        transform: translateY(-90%);
        width: 14px;
    }
}