/* DISPLAY */
.D\(ib\) {display: inline-block}
.D\(f\) {display: flex}


/* FONT SIZE */
.Fz\(0\.75\) {font-size: 0.75rem}
.Fz\(1\.25\) {font-size: 1.25rem}
.Fz\(1\.5\) {font-size: 1.5rem}
.Fz\(1\.75\) {font-size: 1.75rem}
.Fz\(2\) {font-size: 2rem}
.Fz\(2\.25\) {font-size: 2.25rem}
.Fz\(2\.5\) {font-size: 2.5rem}
.Fz\(3\) {font-size: 3rem}
.Fz\(4\) {font-size: 4rem}

.Fz\(13px\) {font-size: 13px}


/* FONT WEIGHT */
.Fw\(300\) {font-weight: 300}
.Fw\(600\) {font-weight: 600}


/* FONT FAMILY */
.Ff\(salesforce\) {font-family: "Salesforce Sans", Arial, sans-serif}


/* COLORS */
.C\(brand\) {color: var(--color-brand-1) !important}
.C\(brand-light\) {color: var(--color-brand-light) !important}
.C\(brand-light-2\) {color: var(--color-brand-light-2) !important}
.C\(white\) {color: white}
.C\(dark\) {color: var(--color-gray-dark) !important}
.C\(red-logikom\) {color: var(--color-red-logikom) !important}

.C\(green\) {color: var(--color-green)}


/* MARGINS */
.Mt\(8px\) {margin-top: 8px}
.Mb\(5px\) {margin-bottom: 5px}


/* VERTICAL ALIGN */
.Va\(m\) {vertical-align: middle}