/* Dynamically generates stylesheet with all classes needed to give custom colors based on course category */





.intro-to-ignition-v2--color {
    color: #58A94F;
}

.intro-to-ignition-v2--background {
    background-color: #58A94F;
}

.intro-to-ignition-v2--gradient {
    color: #58A94F;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v2--bottom-border-gradient {
    position: relative;
}

.intro-to-ignition-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v2--text-gradient {
    color: #58A94F;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.intro-to-ignition-v2--filled-white svg > path {
    fill: #58A94F;
}

.intro-to-ignition-v2--filled-knocked-out svg g,
.intro-to-ignition-v2--filled-knocked-out svg path {
    fill: #58A94F;
}

.intro-to-ignition-v2--stroked-color svg g,
.intro-to-ignition-v2--stroked-color svg g > path {
    fill: #58A94F;
}





.devices-v2--color {
    color: #4AA99D;
}

.devices-v2--background {
    background-color: #4AA99D;
}

.devices-v2--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v2--bottom-border-gradient {
    position: relative;
}

.devices-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v2--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.devices-v2--filled-white svg > path {
    fill: #4AA99D;
}

.devices-v2--filled-knocked-out svg g,
.devices-v2--filled-knocked-out svg path {
    fill: #4AA99D;
}

.devices-v2--stroked-color svg g,
.devices-v2--stroked-color svg g > path {
    fill: #4AA99D;
}





.databases-v2--color {
    color: #488FB9;
}

.databases-v2--background {
    background-color: #488FB9;
}

.databases-v2--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v2--bottom-border-gradient {
    position: relative;
}

.databases-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v2--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.databases-v2--filled-white svg > path {
    fill: #488FB9;
}

.databases-v2--filled-knocked-out svg g,
.databases-v2--filled-knocked-out svg path {
    fill: #488FB9;
}

.databases-v2--stroked-color svg g,
.databases-v2--stroked-color svg g > path {
    fill: #488FB9;
}





.data-acquisition-v2--color {
    color: #78B2C4;
}

.data-acquisition-v2--background {
    background-color: #78B2C4;
}

.data-acquisition-v2--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v2--bottom-border-gradient {
    position: relative;
}

.data-acquisition-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v2--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.data-acquisition-v2--filled-white svg > path {
    fill: #78B2C4;
}

.data-acquisition-v2--filled-knocked-out svg g,
.data-acquisition-v2--filled-knocked-out svg path {
    fill: #78B2C4;
}

.data-acquisition-v2--stroked-color svg g,
.data-acquisition-v2--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v2--color {
    color: #EFB655;
}

.visualization-v2--background {
    background-color: #EFB655;
}

.visualization-v2--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v2--bottom-border-gradient {
    position: relative;
}

.visualization-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v2--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v2--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v2--filled-knocked-out svg g,
.visualization-v2--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v2--stroked-color svg g,
.visualization-v2--stroked-color svg g > path {
    fill: #EFB655;
}





.accessibility-v2--color {
    color: #F59D00;
}

.accessibility-v2--background {
    background-color: #F59D00;
}

.accessibility-v2--gradient {
    color: #F59D00;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v2--bottom-border-gradient {
    position: relative;
}

.accessibility-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v2--text-gradient {
    color: #F59D00;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.accessibility-v2--filled-white svg > path {
    fill: #F59D00;
}

.accessibility-v2--filled-knocked-out svg g,
.accessibility-v2--filled-knocked-out svg path {
    fill: #F59D00;
}

.accessibility-v2--stroked-color svg g,
.accessibility-v2--stroked-color svg g > path {
    fill: #F59D00;
}





.advanced-v2--color {
    color: #EC6742;
}

.advanced-v2--background {
    background-color: #EC6742;
}

.advanced-v2--gradient {
    color: #EC6742;
    background: linear-gradient(45deg, #EC6742 0%, #ff8866 100%);
}

.advanced-v2--bottom-border-gradient {
    position: relative;
}

.advanced-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EC6742 0%, #ff8866 100%);
}

.advanced-v2--text-gradient {
    color: #EC6742;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EC6742 0%, #ff8866 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.advanced-v2--filled-white svg > path {
    fill: #EC6742;
}

.advanced-v2--filled-knocked-out svg g,
.advanced-v2--filled-knocked-out svg path {
    fill: #EC6742;
}

.advanced-v2--stroked-color svg g,
.advanced-v2--stroked-color svg g > path {
    fill: #EC6742;
}





.mes-v2--color {
    color: #AD7DB2;
}

.mes-v2--background {
    background-color: #AD7DB2;
}

.mes-v2--gradient {
    color: #AD7DB2;
    background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
}

.mes-v2--bottom-border-gradient {
    position: relative;
}

.mes-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
}

.mes-v2--text-gradient {
    color: #AD7DB2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.mes-v2--filled-white svg > path {
    fill: #AD7DB2;
}

.mes-v2--filled-knocked-out svg g,
.mes-v2--filled-knocked-out svg path {
    fill: #AD7DB2;
}

.mes-v2--stroked-color svg g,
.mes-v2--stroked-color svg g > path {
    fill: #AD7DB2;
}





.supplemental-v2--color {
    color: #809697;
}

.supplemental-v2--background {
    background-color: #809697;
}

.supplemental-v2--gradient {
    color: #809697;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplemental-v2--bottom-border-gradient {
    position: relative;
}

.supplemental-v2--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplemental-v2--text-gradient {
    color: #809697;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.supplemental-v2--filled-white svg > path {
    fill: #809697;
}

.supplemental-v2--filled-knocked-out svg g,
.supplemental-v2--filled-knocked-out svg path {
    fill: #809697;
}

.supplemental-v2--stroked-color svg g,
.supplemental-v2--stroked-color svg g > path {
    fill: #809697;
}





.intro-to-ignition-v3--color {
    color: #58A94F;
}

.intro-to-ignition-v3--background {
    background-color: #58A94F;
}

.intro-to-ignition-v3--gradient {
    color: #58A94F;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v3--bottom-border-gradient {
    position: relative;
}

.intro-to-ignition-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v3--text-gradient {
    color: #58A94F;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.intro-to-ignition-v3--filled-white svg > path {
    fill: #58A94F;
}

.intro-to-ignition-v3--filled-knocked-out svg g,
.intro-to-ignition-v3--filled-knocked-out svg path {
    fill: #58A94F;
}

.intro-to-ignition-v3--stroked-color svg g,
.intro-to-ignition-v3--stroked-color svg g > path {
    fill: #58A94F;
}





.devices-v3--color {
    color: #4AA99D;
}

.devices-v3--background {
    background-color: #4AA99D;
}

.devices-v3--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v3--bottom-border-gradient {
    position: relative;
}

.devices-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v3--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.devices-v3--filled-white svg > path {
    fill: #4AA99D;
}

.devices-v3--filled-knocked-out svg g,
.devices-v3--filled-knocked-out svg path {
    fill: #4AA99D;
}

.devices-v3--stroked-color svg g,
.devices-v3--stroked-color svg g > path {
    fill: #4AA99D;
}





.databases-v3--color {
    color: #488FB9;
}

.databases-v3--background {
    background-color: #488FB9;
}

.databases-v3--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v3--bottom-border-gradient {
    position: relative;
}

.databases-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v3--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.databases-v3--filled-white svg > path {
    fill: #488FB9;
}

.databases-v3--filled-knocked-out svg g,
.databases-v3--filled-knocked-out svg path {
    fill: #488FB9;
}

.databases-v3--stroked-color svg g,
.databases-v3--stroked-color svg g > path {
    fill: #488FB9;
}





.data-acquisition-v3--color {
    color: #78B2C4;
}

.data-acquisition-v3--background {
    background-color: #78B2C4;
}

.data-acquisition-v3--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v3--bottom-border-gradient {
    position: relative;
}

.data-acquisition-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v3--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.data-acquisition-v3--filled-white svg > path {
    fill: #78B2C4;
}

.data-acquisition-v3--filled-knocked-out svg g,
.data-acquisition-v3--filled-knocked-out svg path {
    fill: #78B2C4;
}

.data-acquisition-v3--stroked-color svg g,
.data-acquisition-v3--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v3--color {
    color: #EFB655;
}

.visualization-v3--background {
    background-color: #EFB655;
}

.visualization-v3--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v3--bottom-border-gradient {
    position: relative;
}

.visualization-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v3--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v3--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v3--filled-knocked-out svg g,
.visualization-v3--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v3--stroked-color svg g,
.visualization-v3--stroked-color svg g > path {
    fill: #EFB655;
}





.accessibility-v3--color {
    color: #F59D00;
}

.accessibility-v3--background {
    background-color: #F59D00;
}

.accessibility-v3--gradient {
    color: #F59D00;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v3--bottom-border-gradient {
    position: relative;
}

.accessibility-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v3--text-gradient {
    color: #F59D00;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.accessibility-v3--filled-white svg > path {
    fill: #F59D00;
}

.accessibility-v3--filled-knocked-out svg g,
.accessibility-v3--filled-knocked-out svg path {
    fill: #F59D00;
}

.accessibility-v3--stroked-color svg g,
.accessibility-v3--stroked-color svg g > path {
    fill: #F59D00;
}





.advanced-v3--color {
    color: #EC6742;
}

.advanced-v3--background {
    background-color: #EC6742;
}

.advanced-v3--gradient {
    color: #EC6742;
    background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
}

.advanced-v3--bottom-border-gradient {
    position: relative;
}

.advanced-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
}

.advanced-v3--text-gradient {
    color: #EC6742;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.advanced-v3--filled-white svg > path {
    fill: #EC6742;
}

.advanced-v3--filled-knocked-out svg g,
.advanced-v3--filled-knocked-out svg path {
    fill: #EC6742;
}

.advanced-v3--stroked-color svg g,
.advanced-v3--stroked-color svg g > path {
    fill: #EC6742;
}





.mes-v3--color {
    color: #AD7DB2;
}

.mes-v3--background {
    background-color: #AD7DB2;
}

.mes-v3--gradient {
    color: #AD7DB2;
    background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
}

.mes-v3--bottom-border-gradient {
    position: relative;
}

.mes-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
}

.mes-v3--text-gradient {
    color: #AD7DB2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AD7DB2 0%, #c89fcc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.mes-v3--filled-white svg > path {
    fill: #AD7DB2;
}

.mes-v3--filled-knocked-out svg g,
.mes-v3--filled-knocked-out svg path {
    fill: #AD7DB2;
}

.mes-v3--stroked-color svg g,
.mes-v3--stroked-color svg g > path {
    fill: #AD7DB2;
}





.supplemental-v3--color {
    color: #809697;
}

.supplemental-v3--background {
    background-color: #809697;
}

.supplemental-v3--gradient {
    color: #809697;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplemental-v3--bottom-border-gradient {
    position: relative;
}

.supplemental-v3--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplemental-v3--text-gradient {
    color: #809697;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.supplemental-v3--filled-white svg > path {
    fill: #809697;
}

.supplemental-v3--filled-knocked-out svg g,
.supplemental-v3--filled-knocked-out svg path {
    fill: #809697;
}

.supplemental-v3--stroked-color svg g,
.supplemental-v3--stroked-color svg g > path {
    fill: #809697;
}





.intro-to-ignition-v4--color {
    color: #58A94F;
}

.intro-to-ignition-v4--background {
    background-color: #58A94F;
}

.intro-to-ignition-v4--gradient {
    color: #58A94F;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v4--bottom-border-gradient {
    position: relative;
}

.intro-to-ignition-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.intro-to-ignition-v4--text-gradient {
    color: #58A94F;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.intro-to-ignition-v4--filled-white svg > path {
    fill: #58A94F;
}

.intro-to-ignition-v4--filled-knocked-out svg g,
.intro-to-ignition-v4--filled-knocked-out svg path {
    fill: #58A94F;
}

.intro-to-ignition-v4--stroked-color svg g,
.intro-to-ignition-v4--stroked-color svg g > path {
    fill: #58A94F;
}





.devices-v4--color {
    color: #4AA99D;
}

.devices-v4--background {
    background-color: #4AA99D;
}

.devices-v4--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v4--bottom-border-gradient {
    position: relative;
}

.devices-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.devices-v4--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.devices-v4--filled-white svg > path {
    fill: #4AA99D;
}

.devices-v4--filled-knocked-out svg g,
.devices-v4--filled-knocked-out svg path {
    fill: #4AA99D;
}

.devices-v4--stroked-color svg g,
.devices-v4--stroked-color svg g > path {
    fill: #4AA99D;
}





.databases-v4--color {
    color: #488FB9;
}

.databases-v4--background {
    background-color: #488FB9;
}

.databases-v4--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v4--bottom-border-gradient {
    position: relative;
}

.databases-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.databases-v4--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.databases-v4--filled-white svg > path {
    fill: #488FB9;
}

.databases-v4--filled-knocked-out svg g,
.databases-v4--filled-knocked-out svg path {
    fill: #488FB9;
}

.databases-v4--stroked-color svg g,
.databases-v4--stroked-color svg g > path {
    fill: #488FB9;
}





.data-acquisition-v4--color {
    color: #78B2C4;
}

.data-acquisition-v4--background {
    background-color: #78B2C4;
}

.data-acquisition-v4--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v4--bottom-border-gradient {
    position: relative;
}

.data-acquisition-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.data-acquisition-v4--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.data-acquisition-v4--filled-white svg > path {
    fill: #78B2C4;
}

.data-acquisition-v4--filled-knocked-out svg g,
.data-acquisition-v4--filled-knocked-out svg path {
    fill: #78B2C4;
}

.data-acquisition-v4--stroked-color svg g,
.data-acquisition-v4--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v4--color {
    color: #EFB655;
}

.visualization-v4--background {
    background-color: #EFB655;
}

.visualization-v4--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v4--bottom-border-gradient {
    position: relative;
}

.visualization-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v4--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v4--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v4--filled-knocked-out svg g,
.visualization-v4--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v4--stroked-color svg g,
.visualization-v4--stroked-color svg g > path {
    fill: #EFB655;
}





.accessibility-v4--color {
    color: #F59D00;
}

.accessibility-v4--background {
    background-color: #F59D00;
}

.accessibility-v4--gradient {
    color: #F59D00;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v4--bottom-border-gradient {
    position: relative;
}

.accessibility-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
}

.accessibility-v4--text-gradient {
    color: #F59D00;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #F59D00 0%, #ffb127 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.accessibility-v4--filled-white svg > path {
    fill: #F59D00;
}

.accessibility-v4--filled-knocked-out svg g,
.accessibility-v4--filled-knocked-out svg path {
    fill: #F59D00;
}

.accessibility-v4--stroked-color svg g,
.accessibility-v4--stroked-color svg g > path {
    fill: #F59D00;
}





.advanced-v4--color {
    color: #EC6742;
}

.advanced-v4--background {
    background-color: #EC6742;
}

.advanced-v4--gradient {
    color: #EC6742;
    background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
}

.advanced-v4--bottom-border-gradient {
    position: relative;
}

.advanced-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
}

.advanced-v4--text-gradient {
    color: #EC6742;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EC6742 0%, #fe8c6d 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.advanced-v4--filled-white svg > path {
    fill: #EC6742;
}

.advanced-v4--filled-knocked-out svg g,
.advanced-v4--filled-knocked-out svg path {
    fill: #EC6742;
}

.advanced-v4--stroked-color svg g,
.advanced-v4--stroked-color svg g > path {
    fill: #EC6742;
}





.supplimental-v4--color {
    color: #809697;
}

.supplimental-v4--background {
    background-color: #809697;
}

.supplimental-v4--gradient {
    color: #809697;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplimental-v4--bottom-border-gradient {
    position: relative;
}

.supplimental-v4--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
}

.supplimental-v4--text-gradient {
    color: #809697;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #809697 0%, #9db1b2 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.supplimental-v4--filled-white svg > path {
    fill: #809697;
}

.supplimental-v4--filled-knocked-out svg g,
.supplimental-v4--filled-knocked-out svg path {
    fill: #809697;
}

.supplimental-v4--stroked-color svg g,
.supplimental-v4--stroked-color svg g > path {
    fill: #809697;
}





.getting-started-v6--color {
    color: #5FA04A;
}

.getting-started-v6--background {
    background-color: #5FA04A;
}

.getting-started-v6--gradient {
    color: #5FA04A;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v6--bottom-border-gradient {
    position: relative;
}

.getting-started-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v6--text-gradient {
    color: #5FA04A;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.getting-started-v6--filled-white svg > path {
    fill: #5FA04A;
}

.getting-started-v6--filled-knocked-out svg g,
.getting-started-v6--filled-knocked-out svg path {
    fill: #5FA04A;
}

.getting-started-v6--stroked-color svg g,
.getting-started-v6--stroked-color svg g > path {
    fill: #5FA04A;
}





.ignition-gateway-setup-v6--color {
    color: #4AA99D;
}

.ignition-gateway-setup-v6--background {
    background-color: #4AA99D;
}

.ignition-gateway-setup-v6--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v6--bottom-border-gradient {
    position: relative;
}

.ignition-gateway-setup-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v6--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ignition-gateway-setup-v6--filled-white svg > path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v6--filled-knocked-out svg g,
.ignition-gateway-setup-v6--filled-knocked-out svg path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v6--stroked-color svg g,
.ignition-gateway-setup-v6--stroked-color svg g > path {
    fill: #4AA99D;
}





.launching-ignition-v6--color {
    color: #488FB9;
}

.launching-ignition-v6--background {
    background-color: #488FB9;
}

.launching-ignition-v6--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v6--bottom-border-gradient {
    position: relative;
}

.launching-ignition-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v6--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.launching-ignition-v6--filled-white svg > path {
    fill: #488FB9;
}

.launching-ignition-v6--filled-knocked-out svg g,
.launching-ignition-v6--filled-knocked-out svg path {
    fill: #488FB9;
}

.launching-ignition-v6--stroked-color svg g,
.launching-ignition-v6--stroked-color svg g > path {
    fill: #488FB9;
}





.tags-v6--color {
    color: #78B2C4;
}

.tags-v6--background {
    background-color: #78B2C4;
}

.tags-v6--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v6--bottom-border-gradient {
    position: relative;
}

.tags-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v6--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.tags-v6--filled-white svg > path {
    fill: #78B2C4;
}

.tags-v6--filled-knocked-out svg g,
.tags-v6--filled-knocked-out svg path {
    fill: #78B2C4;
}

.tags-v6--stroked-color svg g,
.tags-v6--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v6--color {
    color: #EFB655;
}

.visualization-v6--background {
    background-color: #EFB655;
}

.visualization-v6--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v6--bottom-border-gradient {
    position: relative;
}

.visualization-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v6--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v6--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v6--filled-knocked-out svg g,
.visualization-v6--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v6--stroked-color svg g,
.visualization-v6--stroked-color svg g > path {
    fill: #EFB655;
}





.platform-v6--color {
    color: #EF8729;
}

.platform-v6--background {
    background-color: #EF8729;
}

.platform-v6--gradient {
    color: #EF8729;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v6--bottom-border-gradient {
    position: relative;
}

.platform-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v6--text-gradient {
    color: #EF8729;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.platform-v6--filled-white svg > path {
    fill: #EF8729;
}

.platform-v6--filled-knocked-out svg g,
.platform-v6--filled-knocked-out svg path {
    fill: #EF8729;
}

.platform-v6--stroked-color svg g,
.platform-v6--stroked-color svg g > path {
    fill: #EF8729;
}





.historical-data-v6--color {
    color: #DD6444;
}

.historical-data-v6--background {
    background-color: #DD6444;
}

.historical-data-v6--gradient {
    color: #DD6444;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v6--bottom-border-gradient {
    position: relative;
}

.historical-data-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v6--text-gradient {
    color: #DD6444;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.historical-data-v6--filled-white svg > path {
    fill: #DD6444;
}

.historical-data-v6--filled-knocked-out svg g,
.historical-data-v6--filled-knocked-out svg path {
    fill: #DD6444;
}

.historical-data-v6--stroked-color svg g,
.historical-data-v6--stroked-color svg g > path {
    fill: #DD6444;
}





.enterprise-v6--color {
    color: #AB7DB3;
}

.enterprise-v6--background {
    background-color: #AB7DB3;
}

.enterprise-v6--gradient {
    color: #AB7DB3;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v6--bottom-border-gradient {
    position: relative;
}

.enterprise-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v6--text-gradient {
    color: #AB7DB3;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.enterprise-v6--filled-white svg > path {
    fill: #AB7DB3;
}

.enterprise-v6--filled-knocked-out svg g,
.enterprise-v6--filled-knocked-out svg path {
    fill: #AB7DB3;
}

.enterprise-v6--stroked-color svg g,
.enterprise-v6--stroked-color svg g > path {
    fill: #AB7DB3;
}





.logic-charts-v6--color {
    color: #8487C5;
}

.logic-charts-v6--background {
    background-color: #8487C5;
}

.logic-charts-v6--gradient {
    color: #8487C5;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v6--bottom-border-gradient {
    position: relative;
}

.logic-charts-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v6--text-gradient {
    color: #8487C5;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.logic-charts-v6--filled-white svg > path {
    fill: #8487C5;
}

.logic-charts-v6--filled-knocked-out svg g,
.logic-charts-v6--filled-knocked-out svg path {
    fill: #8487C5;
}

.logic-charts-v6--stroked-color svg g,
.logic-charts-v6--stroked-color svg g > path {
    fill: #8487C5;
}





.ignition-edge-v6--color {
    color: #AAAAAA;
}

.ignition-edge-v6--background {
    background-color: #AAAAAA;
}

.ignition-edge-v6--gradient {
    color: #AAAAAA;
    background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
}

.ignition-edge-v6--bottom-border-gradient {
    position: relative;
}

.ignition-edge-v6--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
}

.ignition-edge-v6--text-gradient {
    color: #AAAAAA;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ignition-edge-v6--filled-white svg > path {
    fill: #AAAAAA;
}

.ignition-edge-v6--filled-knocked-out svg g,
.ignition-edge-v6--filled-knocked-out svg path {
    fill: #AAAAAA;
}

.ignition-edge-v6--stroked-color svg g,
.ignition-edge-v6--stroked-color svg g > path {
    fill: #AAAAAA;
}





.getting-started-v7--color {
    color: #5FA04A;
}

.getting-started-v7--background {
    background-color: #5FA04A;
}

.getting-started-v7--gradient {
    color: #5FA04A;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v7--bottom-border-gradient {
    position: relative;
}

.getting-started-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v7--text-gradient {
    color: #5FA04A;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.getting-started-v7--filled-white svg > path {
    fill: #5FA04A;
}

.getting-started-v7--filled-knocked-out svg g,
.getting-started-v7--filled-knocked-out svg path {
    fill: #5FA04A;
}

.getting-started-v7--stroked-color svg g,
.getting-started-v7--stroked-color svg g > path {
    fill: #5FA04A;
}





.ignition-gateway-setup-v7--color {
    color: #4AA99D;
}

.ignition-gateway-setup-v7--background {
    background-color: #4AA99D;
}

.ignition-gateway-setup-v7--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v7--bottom-border-gradient {
    position: relative;
}

.ignition-gateway-setup-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v7--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ignition-gateway-setup-v7--filled-white svg > path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v7--filled-knocked-out svg g,
.ignition-gateway-setup-v7--filled-knocked-out svg path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v7--stroked-color svg g,
.ignition-gateway-setup-v7--stroked-color svg g > path {
    fill: #4AA99D;
}





.launching-ignition-v7--color {
    color: #488FB9;
}

.launching-ignition-v7--background {
    background-color: #488FB9;
}

.launching-ignition-v7--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v7--bottom-border-gradient {
    position: relative;
}

.launching-ignition-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v7--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.launching-ignition-v7--filled-white svg > path {
    fill: #488FB9;
}

.launching-ignition-v7--filled-knocked-out svg g,
.launching-ignition-v7--filled-knocked-out svg path {
    fill: #488FB9;
}

.launching-ignition-v7--stroked-color svg g,
.launching-ignition-v7--stroked-color svg g > path {
    fill: #488FB9;
}





.tags-v7--color {
    color: #78B2C4;
}

.tags-v7--background {
    background-color: #78B2C4;
}

.tags-v7--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v7--bottom-border-gradient {
    position: relative;
}

.tags-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v7--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.tags-v7--filled-white svg > path {
    fill: #78B2C4;
}

.tags-v7--filled-knocked-out svg g,
.tags-v7--filled-knocked-out svg path {
    fill: #78B2C4;
}

.tags-v7--stroked-color svg g,
.tags-v7--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v7--color {
    color: #EFB655;
}

.visualization-v7--background {
    background-color: #EFB655;
}

.visualization-v7--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v7--bottom-border-gradient {
    position: relative;
}

.visualization-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v7--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v7--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v7--filled-knocked-out svg g,
.visualization-v7--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v7--stroked-color svg g,
.visualization-v7--stroked-color svg g > path {
    fill: #EFB655;
}





.platform-v7--color {
    color: #EF8729;
}

.platform-v7--background {
    background-color: #EF8729;
}

.platform-v7--gradient {
    color: #EF8729;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v7--bottom-border-gradient {
    position: relative;
}

.platform-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v7--text-gradient {
    color: #EF8729;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.platform-v7--filled-white svg > path {
    fill: #EF8729;
}

.platform-v7--filled-knocked-out svg g,
.platform-v7--filled-knocked-out svg path {
    fill: #EF8729;
}

.platform-v7--stroked-color svg g,
.platform-v7--stroked-color svg g > path {
    fill: #EF8729;
}





.historical-data-v7--color {
    color: #DD6444;
}

.historical-data-v7--background {
    background-color: #DD6444;
}

.historical-data-v7--gradient {
    color: #DD6444;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v7--bottom-border-gradient {
    position: relative;
}

.historical-data-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v7--text-gradient {
    color: #DD6444;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.historical-data-v7--filled-white svg > path {
    fill: #DD6444;
}

.historical-data-v7--filled-knocked-out svg g,
.historical-data-v7--filled-knocked-out svg path {
    fill: #DD6444;
}

.historical-data-v7--stroked-color svg g,
.historical-data-v7--stroked-color svg g > path {
    fill: #DD6444;
}





.enterprise-v7--color {
    color: #AB7DB3;
}

.enterprise-v7--background {
    background-color: #AB7DB3;
}

.enterprise-v7--gradient {
    color: #AB7DB3;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v7--bottom-border-gradient {
    position: relative;
}

.enterprise-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v7--text-gradient {
    color: #AB7DB3;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.enterprise-v7--filled-white svg > path {
    fill: #AB7DB3;
}

.enterprise-v7--filled-knocked-out svg g,
.enterprise-v7--filled-knocked-out svg path {
    fill: #AB7DB3;
}

.enterprise-v7--stroked-color svg g,
.enterprise-v7--stroked-color svg g > path {
    fill: #AB7DB3;
}





.logic-charts-v7--color {
    color: #8487C5;
}

.logic-charts-v7--background {
    background-color: #8487C5;
}

.logic-charts-v7--gradient {
    color: #8487C5;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v7--bottom-border-gradient {
    position: relative;
}

.logic-charts-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v7--text-gradient {
    color: #8487C5;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.logic-charts-v7--filled-white svg > path {
    fill: #8487C5;
}

.logic-charts-v7--filled-knocked-out svg g,
.logic-charts-v7--filled-knocked-out svg path {
    fill: #8487C5;
}

.logic-charts-v7--stroked-color svg g,
.logic-charts-v7--stroked-color svg g > path {
    fill: #8487C5;
}





.whats-new-v7--color {
    color: #58A94F;
}

.whats-new-v7--background {
    background-color: #58A94F;
}

.whats-new-v7--gradient {
    color: #58A94F;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.whats-new-v7--bottom-border-gradient {
    position: relative;
}

.whats-new-v7--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.whats-new-v7--text-gradient {
    color: #58A94F;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.whats-new-v7--filled-white svg > path {
    fill: #58A94F;
}

.whats-new-v7--filled-knocked-out svg g,
.whats-new-v7--filled-knocked-out svg path {
    fill: #58A94F;
}

.whats-new-v7--stroked-color svg g,
.whats-new-v7--stroked-color svg g > path {
    fill: #58A94F;
}





.building-in-perspective-vna--color {
    color: #59DDF2;
}

.building-in-perspective-vna--background {
    background-color: #59DDF2;
}

.building-in-perspective-vna--gradient {
    color: #59DDF2;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.building-in-perspective-vna--bottom-border-gradient {
    position: relative;
}

.building-in-perspective-vna--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.building-in-perspective-vna--text-gradient {
    color: #59DDF2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.building-in-perspective-vna--filled-white svg > path {
    fill: #59DDF2;
}

.building-in-perspective-vna--filled-knocked-out svg g,
.building-in-perspective-vna--filled-knocked-out svg path {
    fill: #59DDF2;
}

.building-in-perspective-vna--stroked-color svg g,
.building-in-perspective-vna--stroked-color svg g > path {
    fill: #59DDF2;
}





.design-fundamentals-vna--color {
    color: #E78470;
}

.design-fundamentals-vna--background {
    background-color: #E78470;
}

.design-fundamentals-vna--gradient {
    color: #E78470;
    background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
}

.design-fundamentals-vna--bottom-border-gradient {
    position: relative;
}

.design-fundamentals-vna--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
}

.design-fundamentals-vna--text-gradient {
    color: #E78470;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.design-fundamentals-vna--filled-white svg > path {
    fill: #E78470;
}

.design-fundamentals-vna--filled-knocked-out svg g,
.design-fundamentals-vna--filled-knocked-out svg path {
    fill: #E78470;
}

.design-fundamentals-vna--stroked-color svg g,
.design-fundamentals-vna--stroked-color svg g > path {
    fill: #E78470;
}





.perspective-tips-and-tricks-vna--color {
    color: #59DCF2;
}

.perspective-tips-and-tricks-vna--background {
    background-color: #59DCF2;
}

.perspective-tips-and-tricks-vna--gradient {
    color: #59DCF2;
    background: linear-gradient(45deg, #59DCF2 0%, #B0B3EF 100%);
}

.perspective-tips-and-tricks-vna--bottom-border-gradient {
    position: relative;
}

.perspective-tips-and-tricks-vna--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #59DCF2 0%, #B0B3EF 100%);
}

.perspective-tips-and-tricks-vna--text-gradient {
    color: #59DCF2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #59DCF2 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.perspective-tips-and-tricks-vna--filled-white svg > path {
    fill: #59DCF2;
}

.perspective-tips-and-tricks-vna--filled-knocked-out svg g,
.perspective-tips-and-tricks-vna--filled-knocked-out svg path {
    fill: #59DCF2;
}

.perspective-tips-and-tricks-vna--stroked-color svg g,
.perspective-tips-and-tricks-vna--stroked-color svg g > path {
    fill: #59DCF2;
}





.ia-onboarding-default-vna--color {
    color: #0071AC;
}

.ia-onboarding-default-vna--background {
    background-color: #0071AC;
}

.ia-onboarding-default-vna--gradient {
    color: #0071AC;
    background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
}

.ia-onboarding-default-vna--bottom-border-gradient {
    position: relative;
}

.ia-onboarding-default-vna--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
}

.ia-onboarding-default-vna--text-gradient {
    color: #0071AC;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ia-onboarding-default-vna--filled-white svg > path {
    fill: #0071AC;
}

.ia-onboarding-default-vna--filled-knocked-out svg g,
.ia-onboarding-default-vna--filled-knocked-out svg path {
    fill: #0071AC;
}

.ia-onboarding-default-vna--stroked-color svg g,
.ia-onboarding-default-vna--stroked-color svg g > path {
    fill: #0071AC;
}





.elective-studies-default-vna--color {
    color: #E78470;
}

.elective-studies-default-vna--background {
    background-color: #E78470;
}

.elective-studies-default-vna--gradient {
    color: #E78470;
    background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
}

.elective-studies-default-vna--bottom-border-gradient {
    position: relative;
}

.elective-studies-default-vna--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
}

.elective-studies-default-vna--text-gradient {
    color: #E78470;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #E78470 0%, #6DA2FF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.elective-studies-default-vna--filled-white svg > path {
    fill: #E78470;
}

.elective-studies-default-vna--filled-knocked-out svg g,
.elective-studies-default-vna--filled-knocked-out svg path {
    fill: #E78470;
}

.elective-studies-default-vna--stroked-color svg g,
.elective-studies-default-vna--stroked-color svg g > path {
    fill: #E78470;
}





.ignition-with-docker-v-1--color {
    color: #59DDF2;
}

.ignition-with-docker-v-1--background {
    background-color: #59DDF2;
}

.ignition-with-docker-v-1--gradient {
    color: #59DDF2;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.ignition-with-docker-v-1--bottom-border-gradient {
    position: relative;
}

.ignition-with-docker-v-1--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.ignition-with-docker-v-1--text-gradient {
    color: #59DDF2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ignition-with-docker-v-1--filled-white svg > path {
    fill: #59DDF2;
}

.ignition-with-docker-v-1--filled-knocked-out svg g,
.ignition-with-docker-v-1--filled-knocked-out svg path {
    fill: #59DDF2;
}

.ignition-with-docker-v-1--stroked-color svg g,
.ignition-with-docker-v-1--stroked-color svg g > path {
    fill: #59DDF2;
}





.module-development-with-the-ignition-sdk-v-1--color {
    color: #59DDF2;
}

.module-development-with-the-ignition-sdk-v-1--background {
    background-color: #59DDF2;
}

.module-development-with-the-ignition-sdk-v-1--gradient {
    color: #59DDF2;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.module-development-with-the-ignition-sdk-v-1--bottom-border-gradient {
    position: relative;
}

.module-development-with-the-ignition-sdk-v-1--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
}

.module-development-with-the-ignition-sdk-v-1--text-gradient {
    color: #59DDF2;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #59DDF2 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.module-development-with-the-ignition-sdk-v-1--filled-white svg > path {
    fill: #59DDF2;
}

.module-development-with-the-ignition-sdk-v-1--filled-knocked-out svg g,
.module-development-with-the-ignition-sdk-v-1--filled-knocked-out svg path {
    fill: #59DDF2;
}

.module-development-with-the-ignition-sdk-v-1--stroked-color svg g,
.module-development-with-the-ignition-sdk-v-1--stroked-color svg g > path {
    fill: #59DDF2;
}





.software-tutorials-v-1--color {
    color: #0071AC;
}

.software-tutorials-v-1--background {
    background-color: #0071AC;
}

.software-tutorials-v-1--gradient {
    color: #0071AC;
    background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
}

.software-tutorials-v-1--bottom-border-gradient {
    position: relative;
}

.software-tutorials-v-1--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
}

.software-tutorials-v-1--text-gradient {
    color: #0071AC;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #0071AC 0%, #8DC63E 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.software-tutorials-v-1--filled-white svg > path {
    fill: #0071AC;
}

.software-tutorials-v-1--filled-knocked-out svg g,
.software-tutorials-v-1--filled-knocked-out svg path {
    fill: #0071AC;
}

.software-tutorials-v-1--stroked-color svg g,
.software-tutorials-v-1--stroked-color svg g > path {
    fill: #0071AC;
}





.getting-started-v8--color {
    color: #5FA04A;
}

.getting-started-v8--background {
    background-color: #5FA04A;
}

.getting-started-v8--gradient {
    color: #5FA04A;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v8--bottom-border-gradient {
    position: relative;
}

.getting-started-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
}

.getting-started-v8--text-gradient {
    color: #5FA04A;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #5FA04A 0%, #90CE75 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.getting-started-v8--filled-white svg > path {
    fill: #5FA04A;
}

.getting-started-v8--filled-knocked-out svg g,
.getting-started-v8--filled-knocked-out svg path {
    fill: #5FA04A;
}

.getting-started-v8--stroked-color svg g,
.getting-started-v8--stroked-color svg g > path {
    fill: #5FA04A;
}





.ignition-gateway-setup-v8--color {
    color: #4AA99D;
}

.ignition-gateway-setup-v8--background {
    background-color: #4AA99D;
}

.ignition-gateway-setup-v8--gradient {
    color: #4AA99D;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v8--bottom-border-gradient {
    position: relative;
}

.ignition-gateway-setup-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
}

.ignition-gateway-setup-v8--text-gradient {
    color: #4AA99D;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #4AA99D 0%, #92E3D9 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.ignition-gateway-setup-v8--filled-white svg > path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v8--filled-knocked-out svg g,
.ignition-gateway-setup-v8--filled-knocked-out svg path {
    fill: #4AA99D;
}

.ignition-gateway-setup-v8--stroked-color svg g,
.ignition-gateway-setup-v8--stroked-color svg g > path {
    fill: #4AA99D;
}





.launching-ignition-v8--color {
    color: #488FB9;
}

.launching-ignition-v8--background {
    background-color: #488FB9;
}

.launching-ignition-v8--gradient {
    color: #488FB9;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v8--bottom-border-gradient {
    position: relative;
}

.launching-ignition-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
}

.launching-ignition-v8--text-gradient {
    color: #488FB9;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #488FB9 0%, #65B3E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.launching-ignition-v8--filled-white svg > path {
    fill: #488FB9;
}

.launching-ignition-v8--filled-knocked-out svg g,
.launching-ignition-v8--filled-knocked-out svg path {
    fill: #488FB9;
}

.launching-ignition-v8--stroked-color svg g,
.launching-ignition-v8--stroked-color svg g > path {
    fill: #488FB9;
}





.tags-v8--color {
    color: #78B2C4;
}

.tags-v8--background {
    background-color: #78B2C4;
}

.tags-v8--gradient {
    color: #78B2C4;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v8--bottom-border-gradient {
    position: relative;
}

.tags-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
}

.tags-v8--text-gradient {
    color: #78B2C4;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #78B2C4 0%, #8BCDE1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.tags-v8--filled-white svg > path {
    fill: #78B2C4;
}

.tags-v8--filled-knocked-out svg g,
.tags-v8--filled-knocked-out svg path {
    fill: #78B2C4;
}

.tags-v8--stroked-color svg g,
.tags-v8--stroked-color svg g > path {
    fill: #78B2C4;
}





.visualization-v8--color {
    color: #EFB655;
}

.visualization-v8--background {
    background-color: #EFB655;
}

.visualization-v8--gradient {
    color: #EFB655;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v8--bottom-border-gradient {
    position: relative;
}

.visualization-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
}

.visualization-v8--text-gradient {
    color: #EFB655;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EFB655 0%, #FFC056 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.visualization-v8--filled-white svg > path {
    fill: #EFB655;
}

.visualization-v8--filled-knocked-out svg g,
.visualization-v8--filled-knocked-out svg path {
    fill: #EFB655;
}

.visualization-v8--stroked-color svg g,
.visualization-v8--stroked-color svg g > path {
    fill: #EFB655;
}





.platform-v8--color {
    color: #EF8729;
}

.platform-v8--background {
    background-color: #EF8729;
}

.platform-v8--gradient {
    color: #EF8729;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v8--bottom-border-gradient {
    position: relative;
}

.platform-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
}

.platform-v8--text-gradient {
    color: #EF8729;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #EF8729 0%, #FFAA5D 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.platform-v8--filled-white svg > path {
    fill: #EF8729;
}

.platform-v8--filled-knocked-out svg g,
.platform-v8--filled-knocked-out svg path {
    fill: #EF8729;
}

.platform-v8--stroked-color svg g,
.platform-v8--stroked-color svg g > path {
    fill: #EF8729;
}





.historical-data-v8--color {
    color: #DD6444;
}

.historical-data-v8--background {
    background-color: #DD6444;
}

.historical-data-v8--gradient {
    color: #DD6444;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v8--bottom-border-gradient {
    position: relative;
}

.historical-data-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
}

.historical-data-v8--text-gradient {
    color: #DD6444;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #DD6444 0%, #FF9173 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.historical-data-v8--filled-white svg > path {
    fill: #DD6444;
}

.historical-data-v8--filled-knocked-out svg g,
.historical-data-v8--filled-knocked-out svg path {
    fill: #DD6444;
}

.historical-data-v8--stroked-color svg g,
.historical-data-v8--stroked-color svg g > path {
    fill: #DD6444;
}





.enterprise-v8--color {
    color: #AB7DB3;
}

.enterprise-v8--background {
    background-color: #AB7DB3;
}

.enterprise-v8--gradient {
    color: #AB7DB3;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v8--bottom-border-gradient {
    position: relative;
}

.enterprise-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
}

.enterprise-v8--text-gradient {
    color: #AB7DB3;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AB7DB3 0%, #DAB1E1 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.enterprise-v8--filled-white svg > path {
    fill: #AB7DB3;
}

.enterprise-v8--filled-knocked-out svg g,
.enterprise-v8--filled-knocked-out svg path {
    fill: #AB7DB3;
}

.enterprise-v8--stroked-color svg g,
.enterprise-v8--stroked-color svg g > path {
    fill: #AB7DB3;
}





.logic-charts-v8--color {
    color: #8487C5;
}

.logic-charts-v8--background {
    background-color: #8487C5;
}

.logic-charts-v8--gradient {
    color: #8487C5;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v8--bottom-border-gradient {
    position: relative;
}

.logic-charts-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
}

.logic-charts-v8--text-gradient {
    color: #8487C5;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #8487C5 0%, #B0B3EF 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.logic-charts-v8--filled-white svg > path {
    fill: #8487C5;
}

.logic-charts-v8--filled-knocked-out svg g,
.logic-charts-v8--filled-knocked-out svg path {
    fill: #8487C5;
}

.logic-charts-v8--stroked-color svg g,
.logic-charts-v8--stroked-color svg g > path {
    fill: #8487C5;
}





.whats-new-v8--color {
    color: #58A94F;
}

.whats-new-v8--background {
    background-color: #58A94F;
}

.whats-new-v8--gradient {
    color: #58A94F;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.whats-new-v8--bottom-border-gradient {
    position: relative;
}

.whats-new-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
}

.whats-new-v8--text-gradient {
    color: #58A94F;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #58A94F 0%, #70c367 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.whats-new-v8--filled-white svg > path {
    fill: #58A94F;
}

.whats-new-v8--filled-knocked-out svg g,
.whats-new-v8--filled-knocked-out svg path {
    fill: #58A94F;
}

.whats-new-v8--stroked-color svg g,
.whats-new-v8--stroked-color svg g > path {
    fill: #58A94F;
}





.data-handling-v8--color {
    color: #AAAAAA;
}

.data-handling-v8--background {
    background-color: #AAAAAA;
}

.data-handling-v8--gradient {
    color: #AAAAAA;
    background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
}

.data-handling-v8--bottom-border-gradient {
    position: relative;
}

.data-handling-v8--bottom-border-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
}

.data-handling-v8--text-gradient {
    color: #AAAAAA;
    @supports (background-clip: text) or (-webkit-background-clip: text) {
        background: linear-gradient(45deg, #AAAAAA 0%, #cccccc 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }
}

.data-handling-v8--filled-white svg > path {
    fill: #AAAAAA;
}

.data-handling-v8--filled-knocked-out svg g,
.data-handling-v8--filled-knocked-out svg path {
    fill: #AAAAAA;
}

.data-handling-v8--stroked-color svg g,
.data-handling-v8--stroked-color svg g > path {
    fill: #AAAAAA;
}