.category-config {
    border-bottom: 1px solid $gray-light;
    &:first-child {
        border-top: 1px solid $gray-light;
    }
    .resume {
        @include display(flex);
        @include align-items(space-between);
        cursor: pointer;
        padding: 1rem;
        position: relative;
    }
    .resume-title {
        width: 280px;
    }
    .count {
        color: $gray-light;
        float: left;
        padding-right: 5px;
    }
    .summary-role {
        @include flex(1);
        width: 280px;
        .role-summary-single {
            background: $gray-light;
            display: inline-block;
            height: 20px;
            margin-right: .1rem;
            width: 15px;
            &.active {
                background: $green-taiga;
            }
            &.inactive {
                background: $gray;
            }
        }
    }
    .icon {
        @include flex(1);
        @extend %xlarge;
        text-align: right;
    }
    .category-items {
        @include slide(400px, overflow-y);
        background-color: $whitish;
        width: 100%;
        .items-container {
            padding: 1rem;
        }
    }
    .category-item {
        @include display(flex);
        @include justify-content(space-between);
        @include align-items(center);
        border-bottom: 1px solid $very-light-gray;
        padding: .5rem .5rem .5rem 2rem;
        &:last-child {
            border-bottom: 0;
        }
    }
}