.badge-attribute-value {
    background-color: var(--lime-color);
    color: white;
    padding: 1px 7px;
    font-size: 0.95rem !important;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--radius-small);
}

.badge-attribute-value.admin-badge span {
    font-size: 1.15rem;
    font-weight: 700;
}

.badge-attribute-value.admin-badge {
    min-width: 50px;
    font-size: 1.05rem;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 1px 7px;
    gap: 7px;
    cursor: pointer;
}

.badge-attribute-value.admin-badge span {
    height: fit-content;
}

#attributePanelsContainer .panel:nth-child(1) .button-to-delete {
    display: none !important;
}

#attributePanelsContainer .panel .button-to-delete {
    display: none;
}

#attributePanelsContainer .panel:nth-last-child(2) .button-to-delete {
    display: flex;
    justify-content: end;
    align-items: end;
    font-size: 1.75rem;
}

#attributePanelsContainer .panel:nth-last-child(2) .button-to-delete i {
    display: flex;
    justify-content: end;
    align-items: end;
    font-size: 1.35rem;
    transform: translateY(-6px);
    color: var(--error-color);
}

#attributePanelsContainer .panel:nth-last-child(2) .button-to-delete i:hover {
    cursor: pointer;
    color: rgb(187, 4, 4);
}

.field-for-entered-values:has(> *) {
    display: flex !important;
}

div + .without-attributes {
    display: none;
}

.divider {
    display: none;
    transform: translateY(2px);
    justify-content: center;
    align-items: center;
    margin: 0 12px;
}

.all-badges:has(.field-for-values .badge-attribute-value):has(
        .badge-attribute-value.admin-badge
    )
    .divider {
    display: flex;
}


.related-categories{
    margin-left: 26px;
}