.c_brand{color:rgba(var(--brand_01))}
.c_brand2{color:rgba(var(--brand_02))}
.c_brand3{color:rgba(var(--brand_03))}
.c_brand4{color:rgba(var(--brand_04))}
.c_brand5{color:rgba(var(--brand_05))}

.c_brand_10{color:rgba(var(--brand_01), .1)}
.c_brand_20{color:rgba(var(--brand_01), .2)}
.c_brand_30{color:rgba(var(--brand_01), .3)}
.c_brand_40{color:rgba(var(--brand_01), .4)}
.c_brand_50{color:rgba(var(--brand_01), .5)}
.c_brand_60{color:rgba(var(--brand_01), .6)}
.c_brand_70{color:rgba(var(--brand_01), .7)}
.c_brand_80{color:rgba(var(--brand_01), .8)}
.c_brand_90{color:rgba(var(--brand_01), .9)}

.c_brand2_10{color:rgba(var(--brand_02), .1)}
.c_brand2_20{color:rgba(var(--brand_02), .2)}
.c_brand2_30{color:rgba(var(--brand_02), .3)}
.c_brand2_40{color:rgba(var(--brand_02), .4)}
.c_brand2_50{color:rgba(var(--brand_02), .5)}
.c_brand2_60{color:rgba(var(--brand_02), .6)}
.c_brand2_70{color:rgba(var(--brand_02), .7)}
.c_brand2_80{color:rgba(var(--brand_02), .8)}
.c_brand2_90{color:rgba(var(--brand_02), .9)}

.c_brand3_10{color:rgba(var(--brand_03), .1)}
.c_brand3_20{color:rgba(var(--brand_03), .2)}
.c_brand3_30{color:rgba(var(--brand_03), .3)}
.c_brand3_40{color:rgba(var(--brand_03), .4)}
.c_brand3_50{color:rgba(var(--brand_03), .5)}
.c_brand3_60{color:rgba(var(--brand_03), .6)}
.c_brand3_70{color:rgba(var(--brand_03), .7)}
.c_brand3_80{color:rgba(var(--brand_03), .8)}
.c_brand3_90{color:rgba(var(--brand_03), .9)}

.c_brand4_10{color:rgba(var(--brand_04), .1)}
.c_brand4_20{color:rgba(var(--brand_04), .2)}
.c_brand4_30{color:rgba(var(--brand_04), .3)}
.c_brand4_40{color:rgba(var(--brand_04), .4)}
.c_brand4_50{color:rgba(var(--brand_04), .5)}
.c_brand4_60{color:rgba(var(--brand_04), .6)}
.c_brand4_70{color:rgba(var(--brand_04), .7)}
.c_brand4_80{color:rgba(var(--brand_04), .8)}
.c_brand4_90{color:rgba(var(--brand_04), .9)}

.c_brand5_10{color:rgba(var(--brand_05), .1)}
.c_brand5_20{color:rgba(var(--brand_05), .2)}
.c_brand5_30{color:rgba(var(--brand_05), .3)}
.c_brand5_40{color:rgba(var(--brand_05), .4)}
.c_brand5_50{color:rgba(var(--brand_05), .5)}
.c_brand5_60{color:rgba(var(--brand_05), .6)}
.c_brand5_70{color:rgba(var(--brand_05), .7)}
.c_brand5_80{color:rgba(var(--brand_05), .8)}
.c_brand5_90{color:rgba(var(--brand_05), .9)}

.bgc_brand{background-color:rgba(var(--brand_01))}.bgc-brand{background-color:rgba(var(--brand_01))!important}
.bgc_brand2{background-color:rgba(var(--brand_02))}.bgc-brand2{background-color:rgba(var(--brand_02))!important}
.bgc_brand3{background-color:rgba(var(--brand_03))}.bgc-brand3{background-color:rgba(var(--brand_03))!important}
.bgc_brand4{background-color:rgba(var(--brand_04))}.bgc-brand4{background-color:rgba(var(--brand_04))!important}
.bgc_brand5{background-color:rgba(var(--brand_05))}.bgc-brand5{background-color:rgba(var(--brand_05))!important}

.bgc_brand_10{background-color:rgba(var(--brand_01), .1)}
.bgc_brand_20{background-color:rgba(var(--brand_01), .2)}
.bgc_brand_30{background-color:rgba(var(--brand_01), .3)}
.bgc_brand_40{background-color:rgba(var(--brand_01), .4)}
.bgc_brand_50{background-color:rgba(var(--brand_01), .5)}
.bgc_brand_60{background-color:rgba(var(--brand_01), .6)}
.bgc_brand_70{background-color:rgba(var(--brand_01), .7)}
.bgc_brand_80{background-color:rgba(var(--brand_01), .8)}
.bgc_brand_90{background-color:rgba(var(--brand_01), .9)}

.bgc_brand2_10{background-color:rgba(var(--brand_02), .1)}
.bgc_brand2_20{background-color:rgba(var(--brand_02), .2)}
.bgc_brand2_30{background-color:rgba(var(--brand_02), .3)}
.bgc_brand2_40{background-color:rgba(var(--brand_02), .4)}
.bgc_brand2_50{background-color:rgba(var(--brand_02), .5)}
.bgc_brand2_60{background-color:rgba(var(--brand_02), .6)}
.bgc_brand2_70{background-color:rgba(var(--brand_02), .7)}
.bgc_brand2_80{background-color:rgba(var(--brand_02), .8)}
.bgc_brand2_90{background-color:rgba(var(--brand_02), .9)}

.bgc_brand3_10{background-color:rgba(var(--brand_03), .1)}
.bgc_brand3_20{background-color:rgba(var(--brand_03), .2)}
.bgc_brand3_30{background-color:rgba(var(--brand_03), .3)}
.bgc_brand3_40{background-color:rgba(var(--brand_03), .4)}
.bgc_brand3_50{background-color:rgba(var(--brand_03), .5)}
.bgc_brand3_60{background-color:rgba(var(--brand_03), .6)}
.bgc_brand3_70{background-color:rgba(var(--brand_03), .7)}
.bgc_brand3_80{background-color:rgba(var(--brand_03), .8)}
.bgc_brand3_90{background-color:rgba(var(--brand_03), .9)}

.bgc_brand4_10{background-color:rgba(var(--brand_04), .1)}
.bgc_brand4_20{background-color:rgba(var(--brand_04), .2)}
.bgc_brand4_30{background-color:rgba(var(--brand_04), .3)}
.bgc_brand4_40{background-color:rgba(var(--brand_04), .4)}
.bgc_brand4_50{background-color:rgba(var(--brand_04), .5)}
.bgc_brand4_60{background-color:rgba(var(--brand_04), .6)}
.bgc_brand4_70{background-color:rgba(var(--brand_04), .7)}
.bgc_brand4_80{background-color:rgba(var(--brand_04), .8)}
.bgc_brand4_90{background-color:rgba(var(--brand_04), .9)}

.bgc_brand5_10{background-color:rgba(var(--brand_05), .1)}
.bgc_brand5_20{background-color:rgba(var(--brand_05), .2)}
.bgc_brand5_30{background-color:rgba(var(--brand_05), .3)}
.bgc_brand5_40{background-color:rgba(var(--brand_05), .4)}
.bgc_brand5_50{background-color:rgba(var(--brand_05), .5)}
.bgc_brand5_60{background-color:rgba(var(--brand_05), .6)}
.bgc_brand5_70{background-color:rgba(var(--brand_05), .7)}
.bgc_brand5_80{background-color:rgba(var(--brand_05), .8)}
.bgc_brand5_90{background-color:rgba(var(--brand_05), .9)}