.chip {
    --chip-text-color: white;
    --chip-background-color: var(--c-primary);

    display: flex;
    padding: 2px 5px 3px 5px;
    align-items: center;
    gap: 10px;
    border-radius: 10px;

    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
    white-space: nowrap;

    background: var(--chip-background-color);
    color: var(--chip-text-color);
}

.cv-icon {
    display: inline-flex;
    width: 1.25em;
    height: 1.25em;
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-position: center;
   -webkit-mask-position: center;
    background: var(--c-black);
    pointer-events: none;
    overflow: hidden;
}

.cv-icon::before{
    content: '\00A0\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
}

.cv-chevron_down {
    mask-image: url(/wp-content/themes/flatsome-child/img/icons/chevron_down.svg);
    -webkit-mask-image: url(/wp-content/themes/flatsome-child/img/icons/chevron_down.svg);
}

.cv-close {
    mask-image: url(/wp-content/themes/flatsome-child/img/icons/close.svg);
    -webkit-mask-image: url(/wp-content/themes/flatsome-child/img/icons/close.svg);
}

/* COLORS */

.chip-photoperiod, .chip-photoperiode {
    --chip-background-color: #C4FFAF;
    --chip-text-color: #5F7A54;
}

.chip-autoflower, .chip-selbstbl {
    --chip-background-color: #AEFBFF;
    --chip-text-color: #666C6E;
}

.chip-regular, .chip-reine {
    --chip-background-color: #BFC6FF;
    --chip-text-color: #5C5F7A;
}

.chip-feminized, .chip-femininisiert {
    --chip-background-color: #FFB1B1;
    --chip-text-color: #884B5B;
}

.chip-thc_content {
    --chip-background-color: #B6B6B6;
}

.chip-sativa {
    --chip-background-color: #A6FFE4;
    --chip-text-color: #4F7B6D;
}

.chip-indica {
    --chip-background-color: #ECCDFF;
    --chip-text-color: #71627A;
}

.chip-hybrid {
    --chip-background-color: linear-gradient(90deg, #A6FFE4 0%, #AFE5FF 51%, #ECCCFF 100%);
    --chip-text-color: #6C6E62;
}