#tagsNavbar .models-menu-li-item-variants, .models-menu-li-item-variants * {
    box-sizing: border-box;
}

#tagsNavbar .models-menu-li-item-variants {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    height: 32px;
}
    #tagsNavbar .models-menu-li-item-variants:hover {
        background-color: var(--colors-bg-accent-subdedube-primary) !important;
        color: var(--colors-text-accent-accent) !important;
        fill: var(--colors-icon-accent-secondary) !important;
    }

#tagsNavbar .models-menu-li-item-default {
    padding: var(--gaps-xs, 8px) var(--gaps-xl, 20px) var(--gaps-xs, 8px) 40px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 300px;
    position: relative;
    cursor: pointer;
}

#tagsNavbar .frame-38 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    /* height: 11px; */
    position: relative;
}

#tagsNavbar .title {
    color: var(--colors-text-primary, #1a1a1a);
    text-align: left;
    font-family: var(--button-secondary-primary-font-family, 'Muller-Regular', sans-serif);
    font-size: var(--button-secondary-primary-font-size, 16px);
    font-weight: var(--button-secondary-primary-font-weight, 400);
    position: relative;
    max-width: 160px;
    text-transform: capitalize;
}
#tagsNavbar .models-menu-li-item-variants:hover .title {
    fill: #006EF0;
    color: #006EF0;
}

#tagsNavbar .count {
    color: var(--colors-text-primary, #1a1a1a);
    text-align: left;
    font-family: var(--button-secondary-secondary-font-family, 'Muller-Regular', sans-serif);
    font-size: var(--button-secondary-secondary-font-size, 12.800000190734863px);
    line-height: var(--button-secondary-secondary-line-height, 130%);
    font-weight: var(--button-secondary-secondary-font-weight, 400);
    opacity: 0.5;
    position: relative;
    flex: 1;
    height: 11px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

#tagsNavbar .active * {
    background-color: var(--colors-bg-accent-subdedube-primary) !important;
    color: var(--colors-text-accent-accent) !important;
    fill: var(--colors-icon-accent-secondary) !important;
}

#tagsNavbar .active:hover * {
    background-color: var(--colors-bg-accent-primary) !important;
    color: var(--colors-text-on-color) !important;
    fill: var(--colors-icon-on-color) !important;
}

#tagsNavbar .models-menu-li-item-variants:hover .count {
    fill: #006EF0;
    color: #006EF0;
}

#tagsNavbar .button-add {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

#tagsNavbar .models-menu-li-item-variants:hover .button-add path {
    fill: #006EF0;
    color: #006EF0;
}