/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
.ratio-16-9 {
  aspect-ratio: 1.7777777778;
}

.ratio-4-3 {
  aspect-ratio: 1.3333333333;
}

.ratio-2-1 {
  aspect-ratio: 2;
}

.ratio-4-1 {
  aspect-ratio: 4;
}

.ratio-1 {
  aspect-ratio: 1;
}

.ratio-2-3 {
  aspect-ratio: 0.6666666667;
}

/*# sourceMappingURL=ratio.css.map */