/* Minification failed. Returning unminified contents.
(17,9): run-time error CSS1030: Expected identifier, found ':'
(17,10): run-time error CSS1031: Expected selector, found 'not('
(17,10): run-time error CSS1025: Expected comma or open brace, found 'not('
(125,8): run-time error CSS1030: Expected identifier, found '['
(125,15): run-time error CSS1031: Expected selector, found ']'
(125,15): run-time error CSS1025: Expected comma or open brace, found ']'
(130,8): run-time error CSS1030: Expected identifier, found '['
(130,24): run-time error CSS1031: Expected selector, found ']'
(130,24): run-time error CSS1025: Expected comma or open brace, found ']'
(138,8): run-time error CSS1030: Expected identifier, found '['
(138,18): run-time error CSS1031: Expected selector, found '='
(138,18): run-time error CSS1025: Expected comma or open brace, found '='
(150,19): run-time error CSS1030: Expected identifier, found '>'
(150,32): run-time error CSS1031: Expected selector, found ')'
(150,32): run-time error CSS1025: Expected comma or open brace, found ')'
(158,6): run-time error CSS1030: Expected identifier, found '>'
(158,19): run-time error CSS1031: Expected selector, found ')'
(158,19): run-time error CSS1025: Expected comma or open brace, found ')'
(169,22): run-time error CSS1039: Token not allowed after unary operator: '-svg-size'
(180,26): run-time error CSS1039: Token not allowed after unary operator: '-svg-external-link-size'
(205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(211,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-success-colour'
(215,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-warning-colour'
(219,16): run-time error CSS1039: Token not allowed after unary operator: '-svg-critical-colour'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,37): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-height'
(248,33): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-colour'
(254,44): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-transition-duration-decoration'
(254,95): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-transition-timing-function'
(260,37): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-decoration-colour-hover'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,18): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-width'
(275,65): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-colour'
(276,25): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-border-radius'
(277,28): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-background-colour'
(278,19): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-padding-vertical'
(278,64): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-padding-horizontal'
(279,21): run-time error CSS1039: Token not allowed after unary operator: '-abbreviation-tooltip-font-size'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,25): run-time error CSS1039: Token not allowed after unary operator: '-anchor-border-radius'
(317,23): run-time error CSS1039: Token not allowed after unary operator: '-anchor-font-weight'
(319,17): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour'
(320,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-colour'
(320,69): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-timing-function'
(326,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-hover'
(332,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-focus'
(337,21): run-time error CSS1039: Token not allowed after unary operator: '-anchor-colour-active'
(353,36): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(355,26): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(356,27): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-height'
(357,29): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-border-radius'
(363,35): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-decoration'
(364,42): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-timing-function'
(366,37): run-time error CSS1039: Token not allowed after unary operator: '-anchor-transition-duration-decoration'
(379,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-focus'
(387,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-hover'
(395,28): run-time error CSS1039: Token not allowed after unary operator: '-anchor-decoration-colour-active'
(413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,22): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow'
(452,18): run-time error CSS1039: Token not allowed after unary operator: '-button-border-width'
(452,51): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour'
(453,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius'
(454,28): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour'
(455,19): run-time error CSS1039: Token not allowed after unary operator: '-button-padding'
(456,21): run-time error CSS1039: Token not allowed after unary operator: '-button-font-size'
(457,23): run-time error CSS1039: Token not allowed after unary operator: '-button-font-weight'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-button-colour'
(466,31): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-duration'
(467,38): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-timing-function'
(474,35): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-duration'
(475,42): run-time error CSS1039: Token not allowed after unary operator: '-button-transition-timing-function'
(481,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-hover'
(482,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-hover'
(483,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-hover'
(484,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-hover'
(490,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-focus'
(491,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-focus'
(492,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-focus'
(493,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-focus'
(498,26): run-time error CSS1039: Token not allowed after unary operator: '-button-shadow-active'
(499,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-active'
(500,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-active'
(501,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-active'
(507,29): run-time error CSS1039: Token not allowed after unary operator: '-button-transform-active'
(513,28): run-time error CSS1039: Token not allowed after unary operator: '-button-border-colour-disabled'
(514,32): run-time error CSS1039: Token not allowed after unary operator: '-button-background-colour-disabled'
(515,21): run-time error CSS1039: Token not allowed after unary operator: '-button-colour-disabled'
(529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(598,23): run-time error CSS1039: Token not allowed after unary operator: '-switch-width'
(599,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-height'
(601,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-shadow'
(602,18): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-width'
(602,51): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-colour'
(603,25): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-radius'
(604,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-background-colour'
(609,31): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition-duration'
(610,38): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition-timing-function'
(622,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-shadow-hover'
(623,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-colour-hover'
(624,32): run-time error CSS1039: Token not allowed after unary operator: '-switch-background-colour-hover'
(630,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-shadow-focus'
(631,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-colour-focus'
(632,32): run-time error CSS1039: Token not allowed after unary operator: '-switch-background-colour-focus'
(644,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-shadow-active'
(645,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-colour-active'
(646,32): run-time error CSS1039: Token not allowed after unary operator: '-switch-background-colour-active'
(650,13): run-time error CSS1030: Expected identifier, found ':'
(650,22): run-time error CSS1031: Expected selector, found ')'
(650,22): run-time error CSS1025: Expected comma or open brace, found ')'
(660,18): run-time error CSS1030: Expected identifier, found ':'
(660,19): run-time error CSS1030: Expected identifier, found 'disabled'
(660,27): run-time error CSS1031: Expected selector, found ')'
(660,27): run-time error CSS1025: Expected comma or open brace, found ')'
(672,29): run-time error CSS1039: Token not allowed after unary operator: '-switch-gap'
(672,49): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-width'
(672,83): run-time error CSS1039: Token not allowed after unary operator: '-switch-gap'
(672,108): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-width'
(672,137): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-size'
(673,34): run-time error CSS1039: Token not allowed after unary operator: '-switch-gap'
(673,54): run-time error CSS1039: Token not allowed after unary operator: '-switch-border-width'
(674,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-size'
(675,18): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-border-width'
(676,25): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-border-radius'
(677,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-colour-off'
(681,31): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition-duration'
(682,38): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition-timing-function'
(684,33): run-time error CSS1039: Token not allowed after unary operator: '-switch-transition-duration'
(697,18): run-time error CSS1030: Expected identifier, found ':'
(697,19): run-time error CSS1030: Expected identifier, found 'disabled'
(697,27): run-time error CSS1031: Expected selector, found ')'
(697,27): run-time error CSS1025: Expected comma or open brace, found ')'
(707,28): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-colour-off-focus'
(708,17): run-time error CSS1039: Token not allowed after unary operator: '-switch-thumb-scale-up'
(712,18): run-time error CSS1030: Expected identifier, found ':'
(712,19): run-time error CSS1030: Expected identifier, found 'disabled'
(712,27): run-time error CSS1031: Expected selector, found ')'
(712,27): run-time error CSS1025: Expected comma or open brace, found ')'
(728,13): run-time error CSS1030: Expected identifier, found ':'
(728,21): run-time error CSS1031: Expected selector, found ')'
(728,21): run-time error CSS1025: Expected comma or open brace, found ')'
(737,18): run-time error CSS1030: Expected identifier, found ':'
(737,19): run-time error CSS1030: Expected identifier, found 'disabled'
(737,27): run-time error CSS1031: Expected selector, found ')'
(737,27): run-time error CSS1025: Expected comma or open brace, found ')'
(743,13): run-time error CSS1030: Expected identifier, found ':'
(743,21): run-time error CSS1031: Expected selector, found ')'
(743,21): run-time error CSS1025: Expected comma or open brace, found ')'
(749,18): run-time error CSS1030: Expected identifier, found ':'
(749,19): run-time error CSS1030: Expected identifier, found 'disabled'
(749,27): run-time error CSS1031: Expected selector, found ')'
(749,27): run-time error CSS1025: Expected comma or open brace, found ')'
(766,13): run-time error CSS1030: Expected identifier, found ':'
(766,22): run-time error CSS1031: Expected selector, found ')'
(766,22): run-time error CSS1025: Expected comma or open brace, found ')'
(780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(806,28): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap-bottom'
(807,18): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-width'
(808,24): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-colour'
(809,25): run-time error CSS1039: Token not allowed after unary operator: '-aside-border-radius'
(810,28): run-time error CSS1039: Token not allowed after unary operator: '-aside-background-colour'
(811,19): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(811,40): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(811,61): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(811,87): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(811,111): run-time error CSS1039: Token not allowed after unary operator: '-aside-padding'
(814,31): run-time error CSS1039: Token not allowed after unary operator: '-aside-transition-duration'
(815,38): run-time error CSS1039: Token not allowed after unary operator: '-aside-transition-timing-function'
(820,32): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap-bottom-last-item'
(827,19): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap'
(828,32): run-time error CSS1039: Token not allowed after unary operator: '-aside-row-gap-bottom'
(835,27): run-time error CSS1039: Token not allowed after unary operator: '-aside-gap'
(840,26): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-gap-bottom'
(841,21): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-size'
(842,24): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-stretch'
(843,23): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-weight'
(844,35): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-variation-settings'
(845,26): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-letter-spacing'
(846,23): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-line-height'
(847,17): run-time error CSS1039: Token not allowed after unary operator: '-aside-heading-font-colour'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(898,28): run-time error CSS1039: Token not allowed after unary operator: '-form-item-group-gap'
(905,32): run-time error CSS1039: Token not allowed after unary operator: '-form-item-gap'
(906,25): run-time error CSS1039: Token not allowed after unary operator: '-form-item-label-font-size'
(929,22): run-time error CSS1039: Token not allowed after unary operator: '-form-item-shadow'
(930,18): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-width'
(930,54): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-colour'
(931,25): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(932,28): run-time error CSS1039: Token not allowed after unary operator: '-form-item-background-colour'
(933,19): run-time error CSS1039: Token not allowed after unary operator: '-form-item-padding-vertical'
(933,53): run-time error CSS1039: Token not allowed after unary operator: '-form-item-padding-horizontal'
(934,21): run-time error CSS1039: Token not allowed after unary operator: '-form-item-font-size'
(936,31): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-duration-item'
(937,38): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-timing-function'
(943,26): run-time error CSS1039: Token not allowed after unary operator: '-form-item-shadow-hover'
(944,28): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-colour-hover'
(950,26): run-time error CSS1039: Token not allowed after unary operator: '-form-item-shadow-focus'
(951,28): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-colour-focus'
(957,32): run-time error CSS1039: Token not allowed after unary operator: '-form-item-background-colour-disabled'
(958,21): run-time error CSS1039: Token not allowed after unary operator: '-form-item-colour-disabled'
(964,36): run-time error CSS1039: Token not allowed after unary operator: '-form-item-background-colour-disabled'
(965,25): run-time error CSS1039: Token not allowed after unary operator: '-form-item-colour-disabled'
(976,34): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(982,22): run-time error CSS1039: Token not allowed after unary operator: '-form-item-shadow'
(985,26): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-colour'
(986,31): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-width'
(988,35): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(989,33): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(990,28): run-time error CSS1039: Token not allowed after unary operator: '-form-error-background-colour'
(991,17): run-time error CSS1039: Token not allowed after unary operator: '-form-error-colour'
(993,31): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-duration-error-slow'
(994,38): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-timing-function'
(1008,22): run-time error CSS1039: Token not allowed after unary operator: '-form-item-shadow'
(1011,26): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-colour'
(1012,31): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-width'
(1013,25): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(1014,28): run-time error CSS1039: Token not allowed after unary operator: '-form-error-background-colour'
(1015,17): run-time error CSS1039: Token not allowed after unary operator: '-form-error-colour'
(1017,31): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-duration-error-slow'
(1018,38): run-time error CSS1039: Token not allowed after unary operator: '-form-transition-timing-function'
(1025,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-height'
(1027,34): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-width'
(1031,32): run-time error CSS1039: Token not allowed after unary operator: '-form-error-gap'
(1038,22): run-time error CSS1039: Token not allowed after unary operator: '-form-error-svg-gap'
(1039,19): run-time error CSS1039: Token not allowed after unary operator: '-form-error-gap'
(1040,34): run-time error CSS1039: Token not allowed after unary operator: '-form-error-gap'
(1040,58): run-time error CSS1039: Token not allowed after unary operator: '-form-item-border-radius'
(1047,26): run-time error CSS1039: Token not allowed after unary operator: '-form-error-svg-size'
(1049,34): run-time error CSS1039: Token not allowed after unary operator: '-form-item-gap'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1110,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-background-colour'
(1112,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-duration-fade-out'
(1113,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-timing-function'
(1117,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-image-width'
(1118,23): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-image-opacity'
(1127,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-page-change-panel-transition-duration-fade-in'
(1136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(1213,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-width'
(1213,63): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-colour'
(1214,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-radius'
(1215,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-border-radius'
(1216,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1218,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1219,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1226,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1239,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-size'
(1240,24): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-stretch'
(1241,23): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-weight'
(1242,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-font-letter-spacing'
(1251,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-max-width'
(1257,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-vertical'
(1257,52): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1262,51): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1267,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1268,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1269,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1270,29): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(1279,30): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1282,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(1283,18): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-width'
(1283,58): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-colour'
(1284,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1285,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1286,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1287,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(1287,62): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-horizontal'
(1291,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(1292,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1299,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(1304,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(1318,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1319,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decoration-padding'
(1319,78): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-ascender-height'
(1320,34): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decoration-padding'
(1320,76): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-decender-height'
(1320,115): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1327,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-logo-height'
(1337,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(1347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1388,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(1389,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-gap-horizontal'
(1408,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-backdrop-colour'
(1410,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1411,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1413,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(1414,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1423,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1423,71): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width'
(1425,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-banner-current-height'
(1425,82): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1427,42): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1429,41): run-time error CSS1039: Token not allowed after unary operator: '-navigate-banner-current-height'
(1429,89): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1434,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-shadow'
(1436,18): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-width'
(1436,58): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-colour'
(1437,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1438,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1439,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(1439,62): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-horizontal'
(1444,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1445,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-backdrop-blur'
(1449,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-popup'
(1450,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1465,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1473,22): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-overflow-height'
(1475,16): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-overflow-colour'
(1539,19): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-padding-vertical'
(1541,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-horizontal'
(1542,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-padding-vertical'
(1544,51): run-time error CSS1039: Token not allowed after unary operator: '-navigate-background-colour'
(1554,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1559,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1560,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1561,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1562,29): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(1604,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1606,24): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1606,68): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1614,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-width'
(1615,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1616,27): run-time error CSS1039: Token not allowed after unary operator: '-site-navigate-popup-menu-toggle-bar-height'
(1617,34): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1618,32): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour'
(1620,35): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1620,79): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-toggle-bar'
(1620,127): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-toggle-bar'
(1621,42): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1630,43): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1655,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-hover'
(1663,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-focus'
(1670,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-active'
(1682,45): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1682,92): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1683,37): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1683,84): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1688,46): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1688,93): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1689,38): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-height'
(1689,85): run-time error CSS1039: Token not allowed after unary operator: '-navigate-popup-menu-toggle-bar-gap'
(1698,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-border-radius'
(1699,17): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour'
(1701,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1701,71): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1707,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-hover'
(1713,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-focus'
(1718,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-small-menu-item-colour-active'
(1725,27): run-time error CSS1039: Token not allowed after unary operator: '-navigate-account-svg-size'
(1726,26): run-time error CSS1039: Token not allowed after unary operator: '-navigate-account-svg-size'
(1734,28): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1734,71): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1742,21): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour'
(1749,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-hover'
(1756,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-focus'
(1762,25): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-colour-active'
(1774,40): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1776,30): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1777,31): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-height'
(1778,33): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-decoration-border-radius'
(1784,39): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-decoration'
(1785,46): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-timing-function'
(1787,41): run-time error CSS1039: Token not allowed after unary operator: '-navigate-transition-duration-colour'
(1792,36): run-time error CSS1039: Token not allowed after unary operator: '-navigate-menu-item-selected-decoration-colour'
(1807,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1809,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1811,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1820,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1822,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1824,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1858,22): run-time error CSS1039: Token not allowed after unary operator: '-footer-shadow'
(1859,30): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-width'
(1859,63): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-colour'
(1860,37): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-radius'
(1861,35): run-time error CSS1039: Token not allowed after unary operator: '-footer-border-radius'
(1862,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-background-colour'
(1863,21): run-time error CSS1039: Token not allowed after unary operator: '-footer-font-size'
(1866,31): run-time error CSS1039: Token not allowed after unary operator: '-footer-transition-duration'
(1867,38): run-time error CSS1039: Token not allowed after unary operator: '-footer-transition-timing-function'
(1871,31): run-time error CSS1039: Token not allowed after unary operator: '-footer-max-width'
(1874,23): run-time error CSS1039: Token not allowed after unary operator: '-footer-padding'
(1882,32): run-time error CSS1039: Token not allowed after unary operator: '-footer-menu-gap'
(1883,25): run-time error CSS1039: Token not allowed after unary operator: '-footer-menu-font-size'
(1896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1912,12): run-time error CSS1030: Expected identifier, found ':'
(1912,19): run-time error CSS1031: Expected selector, found ')'
(1912,19): run-time error CSS1025: Expected comma or open brace, found ')'
(1918,16): run-time error CSS1030: Expected identifier, found ':'
(1918,23): run-time error CSS1031: Expected selector, found ')'
(1918,23): run-time error CSS1025: Expected comma or open brace, found ')'
(1930,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-width'
(1931,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-colour'
(1931,52): run-time error CSS1039: Token not allowed after unary operator: '-scroll-bar-background-colour'
(1938,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-padding-top'
(1942,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-gap-top'
(1964,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1969,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1969,66): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-colour'
(1970,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-colour'
(1974,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1980,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-border-radius'
(1982,30): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-duration'
(1983,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-timing-function'
(1984,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-flash-animation-delay'
(1992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2023,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-horizontal'
(2024,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-vertical'
(2028,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow'
(2029,18): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-width'
(2029,58): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour'
(2030,25): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-radius'
(2031,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(2032,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour'
(2034,40): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-backdrop-blur'
(2035,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-backdrop-blur'
(2037,37): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(2037,65): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-gap-horizontal'
(2039,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(2039,78): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(2039,125): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(2039,172): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(2039,219): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(2039,266): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-slow'
(2040,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-timing-function'
(2055,43): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(2063,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-hover'
(2064,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-hover'
(2065,39): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-background-colour'
(2066,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-hover'
(2072,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-focus'
(2073,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-focus'
(2074,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-focus'
(2079,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-shadow-active'
(2080,24): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-border-colour-active'
(2081,17): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-colour-active'
(2087,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(2088,27): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(2089,23): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-size'
(2092,30): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-drop-shadow'
(2094,31): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-duration-fast'
(2095,38): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transition-timing-function'
(2100,21): run-time error CSS1039: Token not allowed after unary operator: '-scroll-to-top-transform-active'
(2114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2124,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-height'
(2132,28): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-background-colour'
(2137,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-background-colour'
(2141,26): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-shadow'
(2142,29): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-border-radius'
(2143,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-colour'
(2148,29): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-border-radius'
(2149,32): run-time error CSS1039: Token not allowed after unary operator: '-scroll-reading-position-colour'
(2192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2231,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-max-width'
(2231,69): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(2233,41): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(2237,24): run-time error CSS1039: Token not allowed after unary operator: '-dialog-gap'
(2238,18): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-width'
(2238,51): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-colour'
(2239,25): run-time error CSS1039: Token not allowed after unary operator: '-dialog-border-radius'
(2240,28): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(2241,19): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(2243,33): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(2243,67): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(2247,32): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-colour'
(2250,37): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(2250,71): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(2252,44): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-blur'
(2253,36): run-time error CSS1039: Token not allowed after unary operator: '-dialog-backdrop-blur'
(2263,41): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(2263,75): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(2269,45): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-duration'
(2269,79): run-time error CSS1039: Token not allowed after unary operator: '-dialog-transition-timing-function'
(2289,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog-svg-gap'
(2290,25): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-size'
(2291,28): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-stretch'
(2292,27): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-weight'
(2293,39): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-variation-settings'
(2294,30): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing-heading'
(2295,27): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-line-height'
(2296,21): run-time error CSS1039: Token not allowed after unary operator: '-dialog-heading-font-colour'
(2301,30): run-time error CSS1039: Token not allowed after unary operator: '-dialog-svg-size'
(2318,26): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(2320,39): run-time error CSS1039: Token not allowed after unary operator: '-dialog-background-colour'
(2322,50): run-time error CSS1039: Token not allowed after unary operator: '-dialog-body-overflow-indicator-colour'
(2324,53): run-time error CSS1039: Token not allowed after unary operator: '-dialog-body-overflow-indicator-colour'
(2328,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(2338,31): run-time error CSS1039: Token not allowed after unary operator: '-dialog-padding'
(2343,24): run-time error CSS1039: Token not allowed after unary operator: '-dialog-button-width'
(2388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2397,27): run-time error CSS1039: Token not allowed after unary operator: '-responsive-max-width'
(2400,26): run-time error CSS1039: Token not allowed after unary operator: '-responsive-padding-horizontal'
(2432,26): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-gap'
(2437,28): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-right-width-medium'
(2457,24): run-time error CSS1039: Token not allowed after unary operator: '-responsive-column-right-width-large'
(2526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2690,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2692,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2714,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3051,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3053,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3055,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3056,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3057,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3058,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3066,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3068,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3070,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3071,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3072,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3073,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3079,28): run-time error CSS1039: Token not allowed after unary operator: '-site-selection-background-colour'
(3081,17): run-time error CSS1039: Token not allowed after unary operator: '-site-selection-colour'
(3086,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-style'
(3087,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-width'
(3088,25): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-colour'
(3089,26): run-time error CSS1039: Token not allowed after unary operator: '-site-outline-offset'
(3095,23): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-2'
(3105,28): run-time error CSS1039: Token not allowed after unary operator: '-site-background-colour'
(3106,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-family'
(3106,48): run-time error CSS1039: Token not allowed after unary operator: '-site-font-family-fallback'
(3107,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size'
(3108,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch'
(3109,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-weight'
(3110,35): run-time error CSS1039: Token not allowed after unary operator: '-site-font-ascender-height'
(3111,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing'
(3112,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour'
(3120,25): run-time error CSS1039: Token not allowed after unary operator: '-site-border-radius'
(3131,26): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3132,25): run-time error CSS1039: Token not allowed after unary operator: '-site-border-radius'
(3133,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-weight-heading'
(3134,35): run-time error CSS1039: Token not allowed after unary operator: '-site-font-ascender-height-heading'
(3134,77): run-time error CSS1039: Token not allowed after unary operator: '-site-font-descender-depth-heading'
(3134,119): run-time error CSS1039: Token not allowed after unary operator: '-site-font-uppercase-height-heading'
(3135,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-letter-spacing-heading'
(3139,30): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3140,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-1'
(3141,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-1'
(3142,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-1'
(3143,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-1'
(3147,35): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(3148,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-2'
(3149,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-2'
(3150,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-2'
(3151,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-2'
(3155,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-3'
(3156,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-3'
(3157,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-3'
(3158,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-3'
(3162,35): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(3163,21): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size-heading-4'
(3164,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-stretch-heading-4'
(3165,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height-heading-4'
(3166,17): run-time error CSS1039: Token not allowed after unary operator: '-site-font-colour-heading-4'
(3170,22): run-time error CSS1039: Token not allowed after unary operator: '-site-line-size'
(3171,30): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3172,28): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3173,27): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3174,30): run-time error CSS1039: Token not allowed after unary operator: '-site-line-size'
(3175,28): run-time error CSS1039: Token not allowed after unary operator: '-site-line-colour'
(3180,28): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3181,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-line-height'
(3185,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-stretch'
(3186,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-weight'
(3187,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-b-letter-spacing'
(3191,24): run-time error CSS1039: Token not allowed after unary operator: '-site-em-font-stretch'
(3192,23): run-time error CSS1039: Token not allowed after unary operator: '-site-em-font-weight'
(3193,42): run-time error CSS1039: Token not allowed after unary operator: '-site-font-em-slant'
(3194,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-em-letter-spacing'
(3198,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-stretch'
(3199,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-weight'
(3200,42): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-slant'
(3201,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-i-letter-spacing'
(3205,24): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-stretch'
(3206,23): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-weight'
(3207,26): run-time error CSS1039: Token not allowed after unary operator: '-site-font-strong-letter-spacing'
(3212,31): run-time error CSS1039: Token not allowed after unary operator: '-site-font-size'
(3229,22): run-time error CSS1039: Token not allowed after unary operator: '-site-shadow'
(3235,23): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(3261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3280,22): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3284,42): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3291,20): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-1'
(3311,42): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3322,26): run-time error CSS1039: Token not allowed after unary operator: '-site-form-item-background-colour'
(3324,39): run-time error CSS1039: Token not allowed after unary operator: '-site-form-item-background-colour'
(3326,50): run-time error CSS1039: Token not allowed after unary operator: '-site-shadow-colour'
(3328,53): run-time error CSS1039: Token not allowed after unary operator: '-site-shadow-colour'
(3337,32): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3337,60): run-time error CSS1039: Token not allowed after unary operator: '-site-scroll-bar-colour'
(3339,41): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3347,26): run-time error CSS1039: Token not allowed after unary operator: '-site-scroll-bar-background-colour'
(3360,22): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3361,30): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3362,28): run-time error CSS1039: Token not allowed after unary operator: '-site-size-large'
(3367,35): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3370,37): run-time error CSS1030: Expected identifier, found '.'
(3370,55): run-time error CSS1030: Expected identifier, found '>'
(3370,68): run-time error CSS1031: Expected selector, found ')'
(3370,68): run-time error CSS1025: Expected comma or open brace, found ')'
(3383,31): run-time error CSS1039: Token not allowed after unary operator: '-site-transition-duration-long'
(3384,38): run-time error CSS1039: Token not allowed after unary operator: '-site-transition-timing-function'
(3404,31): run-time error CSS1039: Token not allowed after unary operator: '-site-transition-duration-long'
(3405,38): run-time error CSS1039: Token not allowed after unary operator: '-site-transition-timing-function'
(3424,33): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3449,27): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3450,25): run-time error CSS1039: Token not allowed after unary operator: '-site-border-radius'
(3451,28): run-time error CSS1039: Token not allowed after unary operator: '-site-form-item-background-colour'
(3452,19): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(3464,32): run-time error CSS1039: Token not allowed after unary operator: '-site-size-medium'
(3480,36): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-padding'
(3480,71): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-border-width'
(3480,111): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-width'
(3480,152): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-padding'
(3480,187): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-border-width'
(3480,227): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-padding'
(3480,262): run-time error CSS1039: Token not allowed after unary operator: '-site-button-border-width'
(3499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3503,33): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-padding'
(3515,23): run-time error CSS1039: Token not allowed after unary operator: '-site-dialog-padding'
(3528,45): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3529,43): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3530,39): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3531,46): run-time error CSS1039: Token not allowed after unary operator: '-site-rem-calc'
(3532,40): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-1'
(3549,22): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-2'
(3554,22): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-4'
(3559,22): run-time error CSS1039: Token not allowed after unary operator: '-site-brand-colour-1'
 */
/* Ignore Spelling: color /matchCase */

/**
 * @file reset.css - CSS classes for resetting default browser styles
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 *
 * This is a modified version of The New CSS Reset
 * GitHub page: https://github.com/elad2412/the-new-css-reset
 */

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio, pre, dialog:modal):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    /* No bold, italic, or small-caps typeface may be synthesised */
    font-synthesis: none;
    /* Apply hanging punctuation. See https://chriscoyier.net/2023/11/27/the-hanging-punctuation-property-in-css and https://www.tonymottaz.com/blog/oh-no-my-json. Note that below we remove it from pre. */
    hanging-punctuation: first allow-end last;
    /* Prevent adjustments of font size on mobile devices. See https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably, https://css-tricks.com/your-css-reset-needs-text-size-adjust-probably, https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust and https://caniuse.com/?search=text-size-adjust */
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* See https://developer.mozilla.org/en-US/docs/web/css/-webkit-tap-highlight-color and https://caniuse.com/?search=-webkit-tap-highlight-color. The recommendation is to not use the -webkit-tap-highlight-color property, however if it is not used many mobile browsers will show an ugly coloured highlight on any element when it is tapped. */
    -webkit-tap-highlight-color: transparent;
}

/* Balance the text in headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    text-wrap: balance;
}

/* Make the text pretty */
p, li, blockquote, figcaption {
    text-wrap: pretty;
}

/* Reapply the pointer cursor for anchor tags */
a,
button {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol,
ul,
menu,
summary {
    list-style: none;
}

/* Firefox: solve issue where nested ordered lists continue numbering from parent (https://bugzilla.mozilla.org/show_bug.cgi?id=1881517) */
ol {
    counter-reset: revert;
}

/* Remove details summary webkit styles. See https://caniuse.com/?search=webkit-details-marker */
::-webkit-details-marker {
    display: none;
}

img {
    /* Remove the small space below the image */
    vertical-align: middle;
    /* For images to not be able to exceed their container */
    max-inline-size: 100%;
    max-block-size: 100%;
    /* Make the image alternate text italic */
    font-style: italic;
}

/* Removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't work */
input,
textarea {
    -webkit-user-select: auto;
}

/* Revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* Remove the hanging punctuation */
pre {
    hanging-punctuation: none;
}

/* Minimum style to allow to style meter element */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* Reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

/* Fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
    display: none;
}

/* Revert for bug in Chromium browsers, where the content editable attribute will not work properly. webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */
:where([contenteditable]:not([contenteditable="false"])) {
    overflow-wrap: break-word;
    -webkit-user-modify: read-write;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* Reapply the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

/* Ignore Spelling: defs dialog /matchCase */

/**
 * @file svg.css - CSS classes for SVG elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.svg-inline, :has(> .svg-inline) {
    /* Metrics ----------------------- */
    --svg-external-link-size: var(--site-svg-external-link-size);
    --svg-gap: var(--site-svg-gap);
    --svg-size: var(--site-svg-size);
}

/* SVG inline container ---------- */
:has(> .svg-inline) {
    display: inline-flex;
    align-items: baseline;
    column-gap: var(--svg-gap);
    line-height: normal;
}

/* SVG inline -------------------- */
.svg-inline {
    /* Set the height, width will be auto calculated */
    inline-size: auto;
    block-size: var(--svg-size);
    /* Stop the SVG column from shrinking */
    flex-shrink: 0;
    /* Align the SVG */
    align-self: center;
    fill: currentColor;
}

    /* SVG external link ------------- */
    /* Format the external-link image */
    .svg-inline.svg-external-link {
        block-size: var(--svg-external-link-size);
        /* Align the SVG with the text */
        align-self: baseline;
    }

/* SVG hidden -------------------- */
/* This is used to hide a SVG such as SVGs that contain symbol elements. Note that the SVG element does not support the hidden attribute. */
.svg-hidden {
    display: none;
}

/* This is used to make a SVG appear hidden, such as a SVG that contains nothing other than defs elements, that will fail to be available if the SVG is actually hidden. */
.svg-not-visible {
    display: block;
    position: absolute;
    inline-size: 0;
    block-size: 0;
}

/* ------------------------------- */
/* Colour for SVGs in dialog boxes */
.svg-success,
.svg-warning,
.svg-critical {
    /* Colour ------------------------ */
    --svg-critical-colour: var(--site-svg-critical-colour);
    --svg-success-colour: var(--site-svg-success-colour);
    --svg-warning-colour: var(--site-svg-warning-colour);
}

.svg-success {
    fill: var(--svg-success-colour);
}

.svg-warning {
    fill: var(--svg-warning-colour);
}

.svg-critical {
    fill: var(--svg-critical-colour);
}

/* Ignore Spelling: abbr tooltip /matchCase */

/**
 * @file abbreviation.css - CSS classes for abbreviation <abbr> elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

abbr[title] {
    /* Colour ------------------------ */
    --abbreviation-decoration-colour: var(--site-abbreviation-decoration-colour);
    --abbreviation-decoration-colour-hover: var(--site-abbreviation-decoration-colour-hover);
    /* Metrics ----------------------- */
    --abbreviation-decoration-height: var(--site-abbreviation-decoration-height);
    /* Transition -------------------- */
    --abbreviation-transition-duration-decoration: var(--site-abbreviation-transition-duration-decoration);
    --abbreviation-transition-timing-function: var(--site-abbreviation-transition-timing-function);
    /* ------------------------------- */
    position: relative;
    /* Isolate so the z-index change of the after pseudo element stays within this element */
    isolation: isolate;
    cursor: help;
    /* Decoration */
    text-decoration-style: dotted;
    text-decoration-line: underline;
    text-decoration-thickness: var(--abbreviation-decoration-height);
    text-decoration-color: var(--abbreviation-decoration-colour);
    text-decoration-skip-ink: auto;
    /* Position the decoration under the text descenders */
    text-underline-position: under;
    /* Position the decoration an extra pixel away from the text */
    text-underline-offset: 1px;
    transition: text-decoration-color var(--abbreviation-transition-duration-decoration) var(--abbreviation-transition-timing-function);
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
    abbr[title]:hover {
        text-decoration-color: var(--abbreviation-decoration-colour-hover);
    }
/*}*/

/* Touch tooltip for abbr elements */
#abbreviation-tooltip {
    --abbreviation-tooltip-background-colour: var(--site-abbreviation-tooltip-background-colour);
    --abbreviation-tooltip-border-colour: var(--site-abbreviation-tooltip-border-colour);
    --abbreviation-tooltip-border-radius: var(--site-abbreviation-tooltip-border-radius);
    --abbreviation-tooltip-border-width: var(--site-abbreviation-tooltip-border-width);
    --abbreviation-tooltip-font-size: var(--site-abbreviation-tooltip-font-size);
    --abbreviation-tooltip-padding-vertical: var(--site-abbreviation-tooltip-padding-vertical);
    --abbreviation-tooltip-padding-horizontal: var(--site-abbreviation-tooltip-padding-horizontal);
    /* ------------------------------- */
    position: absolute;
    border: var(--abbreviation-tooltip-border-width) solid var(--abbreviation-tooltip-border-colour);
    border-radius: var(--abbreviation-tooltip-border-radius);
    background-color: var(--abbreviation-tooltip-background-colour);
    padding: var(--abbreviation-tooltip-padding-vertical) var(--abbreviation-tooltip-padding-horizontal);
    font-size: var(--abbreviation-tooltip-font-size);
}

/* Ignore Spelling: /matchCase */

/**
 * @file anchor.css - CSS classes for anchor <a> elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.anchor {
    /* Border ------------------------ */
    --anchor-border-radius: var(--site-anchor-border-radius);
    /* Colour ------------------------ */
    --anchor-colour: var(--site-anchor-colour);
    --anchor-colour-active: var(--site-anchor-colour-active);
    --anchor-colour-focus: var(--site-anchor-colour-focus);
    --anchor-colour-hover: var(--site-anchor-colour-hover);
    --anchor-decoration-colour-active: var(--site-anchor-decoration-colour-active);
    --anchor-decoration-colour-focus: var(--site-anchor-decoration-colour-focus);
    --anchor-decoration-colour-hover: var(--site-anchor-decoration-colour-hover);
    /* Font -------------------------- */
    --anchor-font-weight: var(--site-anchor-font-weight);
    /* Metrics ----------------------- */
    --anchor-decoration-height: var(--site-anchor-decoration-height);
    --anchor-decoration-border-radius: var(--site-anchor-decoration-border-radius);
    /* Transition -------------------- */
    --anchor-transition-duration-colour: var(--site-anchor-transition-duration-colour);
    --anchor-transition-duration-decoration: var(--site-anchor-transition-duration-decoration);
    --anchor-transition-timing-function: var(--site-anchor-transition-timing-function);
    /* ------------------------------- */
    /* Stop the anchor from being double-tapped */
    touch-action: manipulation;
    position: relative;
    /* Isolate so the z-index change of the after pseudo element stays within this element */
    isolation: isolate;
    border-radius: var(--anchor-border-radius);
    font-weight: var(--anchor-font-weight);
    text-decoration: none;
    color: var(--anchor-colour);
    transition: color var(--anchor-transition-duration-colour) var(--anchor-transition-timing-function);
}

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .anchor:hover {
        color: var(--anchor-colour-hover);
    }
    /*}*/

    /* Focus ------------------------- */
    .anchor:focus {
        color: var(--anchor-colour-focus);
    }

    /* Active ------------------------ */
    .anchor:active {
        color: var(--anchor-colour-active);
        transition-duration: 0s;
    }

    /* ------------------------------- */
    .anchor * {
        /* Stop any child elements from processing click events, etc., so the parent anchor element will get the events */
        pointer-events: none;
    }

    /* Decoration -------------------- */
    .anchor::after {
        position: absolute;
        /* Set the decoration to be behind the text, just in case some text descenders overlap the decoration */
        z-index: -1;
        inset-inline-start: 0;
        inset-block-end: calc(var(--anchor-decoration-height) * -1);
        inline-size: 100%;
        block-size: var(--anchor-decoration-height);
        border: calc(var(--anchor-decoration-height) / 2) solid transparent;
        border-radius: var(--anchor-decoration-border-radius);
        background-color: transparent;
        content: '';
        transform: scaleX(0);
        transform-origin: center;
        transition-property: background-color, transform;
        transition-duration: var(--anchor-transition-duration-decoration);
        transition-timing-function: var(--anchor-transition-timing-function);
        /* This delay is needed to slow the decoration background colour transition, otherwise it reaches transparent too quickly. */
        transition-delay: calc(var(--anchor-transition-duration-decoration) * 0.5), 0s;
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .anchor::after {
        /* Set the transition duration to zero so the transitions happen instantly */
        transition-duration: 0s;
    }
}

/* Focus ------------------------- */
.anchor:focus::after {
    background-color: var(--anchor-decoration-colour-focus);
    transform: scaleX(1);
    transition-delay: 0s;
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.anchor:hover::after {
    background-color: var(--anchor-decoration-colour-hover);
    transform: scaleX(1);
    transition-delay: 0s;
}
/*}*/

/* Active ------------------------ */
.anchor:active::after {
    background-color: var(--anchor-decoration-colour-active);
    transform: scaleX(1);
    /* Remove the transition-duration for the active state, we want the changes to show instantly */
    transition-duration: 0s;
    transition-delay: 0s;
}

/* Ignore Spelling: /matchCase */

/**
 * @file button.css - CSS classes for button elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* Button ------------------------ */
.button {
    /* Background -------------------- */
    --button-background-colour: var(--site-button-background-colour);
    --button-background-colour-active: var(--site-button-background-colour-active);
    --button-background-colour-disabled: var(--site-button-background-colour-disabled);
    --button-background-colour-focus: var(--site-button-background-colour-focus);
    --button-background-colour-focus: var(--site-button-background-colour-focus);
    --button-background-colour-hover: var(--site-button-background-colour-hover);
    /* Border ------------------------ */
    --button-border-colour: var(--site-button-border-colour);
    --button-border-colour-active: var(--site-button-border-colour-active);
    --button-border-colour-disabled: var(--site-button-border-colour-disabled);
    --button-border-colour-focus: var(--site-button-border-colour-focus);
    --button-border-colour-hover: var(--site-button-border-colour-hover);
    --button-border-radius: var(--site-button-border-radius);
    --button-border-width: var(--site-button-border-width);
    /* Colour ------------------------ */
    --button-colour: var(--site-button-colour);
    --button-colour-disabled: var(--site-button-colour-disabled);
    --button-colour-active: var(--site-button-colour-active);
    --button-colour-focus: var(--site-button-colour-focus);
    --button-colour-hover: var(--site-button-colour-hover);
    /* Font -------------------------- */
    --button-font-size: var(--site-button-font-size);
    --button-font-weight: var(--site-button-font-weight);
    /* Metrics ----------------------- */
    --button-padding: var(--site-button-padding);
    /* Shadow ------------------------ */
    --button-shadow: var(--site-button-shadow);
    --button-shadow-active: var(--site-button-shadow-active);
    --button-shadow-focus: var(--site-button-shadow-focus);
    --button-shadow-hover: var(--site-button-shadow-hover);
    /* Transition -------------------- */
    --button-transform-active: var(--site-button-transform-active);
    --button-transition-duration: var(--site-button-transition-duration);
    --button-transition-timing-function: var(--site-button-transition-timing-function);
    /* ------------------------------- */
    /* Stop the button from being double-tapped */
    touch-action: manipulation;
    cursor: pointer;
    box-shadow: var(--button-shadow);
    border: var(--button-border-width) solid var(--button-border-colour);
    border-radius: var(--button-border-radius);
    background-color: var(--button-background-colour);
    padding: var(--button-padding);
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight);
    letter-spacing: inherit;
    line-height: 1;
    text-align: center;
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    color: var(--button-colour);
    transition-property: box-shadow, border-color, background-color;
    transition-duration: var(--button-transition-duration);
    transition-timing-function: var(--button-transition-timing-function);
}

    /* Button content container -- */
    .button > span {
        display: block;
        transition-property: color, transform;
        transition-duration: var(--button-transition-duration);
        transition-timing-function: var(--button-transition-timing-function);
    }

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .button:hover:not(:disabled) {
        box-shadow: var(--button-shadow-hover);
        border-color: var(--button-border-colour-hover);
        background-color: var(--button-background-colour-hover);
        color: var(--button-colour-hover);
    }
    /*}*/

    /* Focus --------------------- */
    .button:focus:not(:disabled) {
        box-shadow: var(--button-shadow-focus);
        border-color: var(--button-border-colour-focus);
        background-color: var(--button-background-colour-focus);
        color: var(--button-colour-focus);
    }

    /* Active -------------------- */
    .button:active:not(:disabled) {
        box-shadow: var(--button-shadow-active);
        border-color: var(--button-border-colour-active);
        background-color: var(--button-background-colour-active);
        color: var(--button-colour-active);
    }

        /* Content active */
        .button:active:not(:disabled) > span {
            /* Transform the button content. This is intended to be used to scale the button content down when the button is pressed. */
            transform: var(--button-transform-active);
        }

    /* Disabled ------------------ */
    .button:disabled {
        cursor: not-allowed;
        border-color: var(--button-border-colour-disabled);
        background-color: var(--button-background-colour-disabled);
        color: var(--button-colour-disabled);
    }

/* Ignore Spelling: checkbox /matchCase */

/**
 * @file switch.css - CSS classes for the switch component
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 * Adapted from https://piccalil.li/blog/a-highly-configurable-switch-component-using-modern-css
*/

.switch {
    /* Background -------------------- */
    --switch-background-colour: var(--site-switch-background-colour);
    --switch-background-colour-active: var(--site-switch-background-colour-active);
    --switch-background-colour-disabled: var(--site-switch-background-colour-disabled);
    --switch-background-colour-focus: var(--site-switch-background-colour-focus);
    --switch-background-colour-hover: var(--site-switch-background-colour-hover);
    /* Border ------------------------ */
    --switch-border-colour: var(--site-switch-border-colour);
    --switch-border-colour-active: var(--site-switch-border-colour-active);
    --switch-border-colour-disabled: var(--site-switch-border-colour-disabled);
    --switch-border-colour-focus: var(--site-switch-border-colour-focus);
    --switch-border-colour-hover: var(--site-switch-border-colour-hover);
    --switch-border-radius: var(--site-switch-border-radius);
    --switch-border-width: var(--site-switch-border-width);
    --switch-thumb-border-radius: var(--site-switch-thumb-border-radius);
    /* Use the border to fill the thumb. This is for forced colours/high contrast mode. */
    --switch-thumb-border-width: calc(var(--site-switch-thumb-size) / 2);
    /* Colour ------------------------ */
    --switch-thumb-colour-disabled: var(--site-switch-thumb-colour-disabled);
    --switch-thumb-colour-off: var(--site-switch-thumb-colour-off);
    --switch-thumb-colour-off-active: var(--site-switch-thumb-colour-off-active);
    --switch-thumb-colour-off-focus: var(--site-switch-thumb-colour-off-focus);
    --switch-thumb-colour-off-hover: var(--site-switch-thumb-colour-off-hover);
    --switch-thumb-colour-on: var(--site-switch-thumb-colour-on);
    --switch-thumb-colour-on-active: var(--site-switch-thumb-colour-on-active);
    --switch-thumb-colour-on-focus: var(--site-switch-thumb-colour-on-focus);
    --switch-thumb-colour-on-hover: var(--site-switch-thumb-colour-on-hover);
    /* Metrics ----------------------- */
    --switch-gap: var(--site-switch-gap);
    --switch-height: var(--site-switch-height);
    --switch-thumb-size: var(--site-switch-thumb-size);
    --switch-thumb-scale-up: 1.1;
    --switch-thumb-scale-up-x: 1.3;
    --switch-width: var(--site-switch-width);
    /* Outline ----------------------- */
    --switch-outline-colour: var(--site-switch-outline-colour);
    --switch-outline-offset: var(--site-switch-outline-offset);
    --switch-outline-style: var(--site-switch-outline-style);
    --switch-outline-width: var(--site-switch-outline-width);
    /* Shadow ------------------------ */
    --switch-shadow: var(--site-switch-shadow);
    --switch-shadow-active: var(--site-switch-shadow-active);
    --switch-shadow-focus: var(--site-switch-shadow-focus);
    --switch-shadow-hover: var(--site-switch-shadow-hover);
    /* Transitions ------------------- */
    --switch-transition-duration: var(--site-switch-transition-duration);
    --switch-transition-timing-function: var(--site-switch-transition-timing-function);
    /* ------------------------------- */
    /*display: inline-block;
    position: relative;
    vertical-align: middle;
    inline-size: var(--switch-width);
    block-size: var(--switch-height);
    cursor: pointer;
    box-shadow: var(--switch-shadow);
    border: var(--switch-border-width) solid var(--switch-border-colour);
    border-radius: var(--switch-border-radius);
    background-color: var(--switch-background-colour);*/
    /* Quickly clicking on the switch can cause the label text to be selected, which looks silly, so stop the switch allowing a selection */
    /*-webkit-user-select: none;
    user-select: none;
    transition-property: box-shadow, border-color, background-color;
    transition-duration: var(--switch-transition-duration);
    transition-timing-function: var(--switch-transition-timing-function);*/
}

.switch-track {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    inline-size: var(--switch-width);
    block-size: var(--switch-height);
    cursor: pointer;
    box-shadow: var(--switch-shadow);
    border: var(--switch-border-width) solid var(--switch-border-colour);
    border-radius: var(--switch-border-radius);
    background-color: var(--switch-background-colour);
    /* Quickly clicking on the switch can cause the label text to be selected, which looks silly, so stop the switch allowing a selection */
    -webkit-user-select: none;
    user-select: none;
    transition-property: box-shadow, border-color, background-color;
    transition-duration: var(--switch-transition-duration);
    transition-timing-function: var(--switch-transition-timing-function);
}

    /* Hover ------------------------- */
    /*    .switch:hover,
    label:hover + .switch {
        box-shadow: var(--switch-shadow-hover);
        border-color: var(--switch-border-colour-hover);
        background-color: var(--switch-background-colour-hover);
    }*/
    .switch-track:hover,
    .switch:hover + .switch-track {
        box-shadow: var(--switch-shadow-hover);
        border-color: var(--switch-border-colour-hover);
        background-color: var(--switch-background-colour-hover);
    }

/* Focus ------------------------- */
    .switch-track:focus-within,
    switch:hover + .switch-track:focus-within {
        box-shadow: var(--switch-shadow-focus);
        border-color: var(--switch-border-colour-focus);
        background-color: var(--switch-background-colour-focus);
    }

/* Active ------------------------ */
/*.switch:active,
label:active + .switch {
    box-shadow: var(--switch-shadow-active);
    border-color: var(--switch-border-colour-active);
    background-color: var(--switch-background-colour-active);
}*/
    .switch-track:active,
    .switch:active + .switch-track {
        box-shadow: var(--switch-shadow-active);
        border-color: var(--switch-border-colour-active);
        background-color: var(--switch-background-colour-active);
    }

/* Disabled ---------------------- */
.switch:has(:disabled),
.switch:has(:disabled):is(:hover, :focus-within, :active),
label:is(:hover, :active) + .switch:has(:disabled) {
    cursor: not-allowed;
    box-shadow: var(--switch-shadow);
    border-color: var(--switch-border-colour);
    background-color: var(--switch-background-colour-disabled);
}

/* Outline ----------------------- */
.switch:not(:has(:disabled)):is(:focus-within, :active),
label:active + .switch:not(:has(:disabled)) {
    outline-style: var(--switch-outline-style);
    outline-width: var(--switch-outline-width);
    outline-color: var(--switch-outline-colour);
    outline-offset: var(--switch-outline-offset);
}

/* Thumb ------------------------- */
.switch-thumb {
    display: block;
    position: absolute;
    inset-inline: calc(var(--switch-gap) - var(--switch-border-width)) calc((var(--switch-gap) * 2) - var(--switch-border-width) + var(--switch-thumb-size));
    inset-block-start: calc(var(--switch-gap) - var(--switch-border-width));
    block-size: var(--switch-thumb-size);
    border: var(--switch-thumb-border-width) solid transparent;
    border-radius: var(--switch-thumb-border-radius);
    background-color: var(--switch-thumb-colour-off);
    /* Move the transition origin to the left side so the scaling will be applied correctly */
    transform-origin: left;
    transition-property: transform-origin, background-color, scale, translate;
    transition-duration: var(--switch-transition-duration);
    transition-timing-function: var(--switch-transition-timing-function);
    /* Delay the transition of the transform-origin property till halfway through the transition */
    transition-delay: calc(var(--switch-transition-duration) * 50%), 0s, 0s, 0s;
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .switch-thumb {
        /* Reduce the transition to just non-motion items, and remove the delay */
        transition-property: background-color;
        transition-delay: 0s;
    }
}

/* Hover ------------------------- */
.switch:not(:has(:disabled)):hover .switch-thumb,
label:hover + .switch:not(:has(:disabled)) .switch-thumb {
    background-color: var(--switch-thumb-colour-off-hover);
    scale: var(--switch-thumb-scale-up);
}

/* Focus ------------------------- */
/* Note: The 'label:hover' is correct. A label cannot obtain focus. */
.switch:focus-within .switch-thumb,
label:hover + .switch:focus-within .switch-thumb {
    background-color: var(--switch-thumb-colour-off-focus);
    scale: var(--switch-thumb-scale-up);
}

/* Active ------------------------ */
.switch:not(:has(:disabled)):active .switch-thumb,
label:active + .switch:not(:has(:disabled)) .switch-thumb {
    background-color: var(--switch-thumb-colour-off-active);
    scale: var(--switch-thumb-scale-up-x) var(--switch-thumb-scale-up);
}

/* Prefers-reduced-motion browser option is NOT enabled */
/*@media not (prefers-reduced-motion: reduce) {
    .switch:not(:has(:disabled)):active .switch-thumb,
    label:active + .switch:not(:has(:disabled)) .switch-thumb {*/
/* Increase the horizontal size of the thumb to indicate movement in the direction of the change */
/*scale: var(--switch-thumb-scale-up-x) var(--switch-thumb-scale-up);
    }
}*/

/* Checked ----------------------- */
.switch:has(:checked) .switch-thumb {
    background-color: var(--switch-thumb-colour-on);
    /* Move the transition origin to the right side so the scaling will be applied correctly */
    transform-origin: right;
    /* Move the thumb to the ON position */
    translate: calc(var(--switch-gap) + var(--switch-thumb-size));
}

/* Checked hover ----------------- */
.switch:not(:has(:disabled)):has(:checked):hover .switch-thumb,
label:hover + .switch:not(:has(:disabled)):has(:checked) .switch-thumb {
    background-color: var(--switch-thumb-colour-on-hover);
}

/* Checked focus ----------------- */
.switch:has(:checked):focus-within .switch-thumb,
label:hover + .switch:has(:checked):focus-within .switch-thumb {
    background-color: var(--switch-thumb-colour-on-focus);
}

/* Checked active ---------------- */
.switch:not(:has(:disabled)):has(:checked):active .switch-thumb,
label:active + .switch:not(:has(:disabled)):has(:checked) .switch-thumb {
    background-color: var(--switch-thumb-colour-on-active);
}

/* Prefers-reduced-motion browser option is NOT enabled */
/*@media not (prefers-reduced-motion: reduce) {
    .switch:not(:has(:disabled)):has(:checked):active .switch-thumb,
    label:active + .switch:not(:has(:disabled)):has(:checked) .switch-thumb {*/
/* Change the horizontal size of the thumb to indicate movement in the direction of not checked */
/*inset-inline: calc(var(--switch-gap) - var(--switch-border-width) + var(--switch-thumb-size)) calc(var(--switch-gap) - var(--switch-border-width));*/
/*transform: translate(calc(var(--switch-gap) - var(--switch-border-width) + var(--switch-thumb-size))) scale(var(--switch-thumb-scale-up-x), var(--switch-thumb-scale-up));*/
/*scale: var(--switch-thumb-scale-up-x) var(--switch-thumb-scale-up);*/
/*    }
}*/

/* Disabled ---------------------- */
.switch:has(:disabled) .switch-thumb {
    background-color: var(--switch-thumb-colour-disabled);
}

/* Ignore Spelling: /matchCase */

/**
 * @file aside.css - CSS classes for aside elements
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.aside {
    /* Background -------------------- */
    --aside-background-colour: var(--site-aside-background-colour);
    /* Border ------------------------ */
    --aside-border-colour: var(--site-aside-border-colour);
    --aside-border-radius: var(--site-aside-border-radius);
    --aside-border-width: var(--site-aside-border-width);
    /* Metrics ----------------------- */
    --aside-gap: var(--site-aside-gap);
    --aside-gap-bottom: var(--site-aside-gap-bottom);
    --aside-gap-bottom-last-item: var(--site-aside-gap-bottom-last-item);
    --aside-padding: var(--site-aside-padding);
    --aside-row-gap-bottom: var(--site-aside-row-gap-bottom);
    /* Heading ----------------------- */
    --aside-heading-font-colour: var(--site-aside-heading-colour);
    --aside-heading-font-letter-spacing: var(--site-aside-heading-font-letter-spacing);
    --aside-heading-font-line-height: var(--site-aside-heading-font-line-height);
    --aside-heading-font-size: var(--site-aside-heading-font-size);
    --aside-heading-font-stretch: var(--site-aside-heading-font-stretch);
    --aside-heading-font-variation-settings: var(--site-aside-heading-font-variation-settings);
    --aside-heading-font-weight: var(--site-aside-heading-font-weight);
    --aside-heading-gap-bottom: var(--site-aside-heading-gap-bottom);
    /* Transitions ------------------- */
    --aside-transition-duration: var(--site-aside-transition-duration);
    --aside-transition-timing-function: var(--site-aside-transition-timing-function);
    /* ------------------------------- */
    display: block;
    overflow: hidden;
    margin-block-end: var(--aside-gap-bottom);
    border: var(--aside-border-width) solid;
    border-color: var(--aside-border-colour);
    border-radius: var(--aside-border-radius);
    background-color: var(--aside-background-colour);
    padding: var(--aside-padding) var(--aside-padding) var(--aside-padding) calc(var(--aside-padding) + (var(--aside-padding) / 2));
    /* Set the transition for changing to and from dark mode */
    transition-property: border-color, background-color;
    transition-duration: var(--aside-transition-duration);
    transition-timing-function: var(--aside-transition-timing-function);
}

    /* Set the default bottom margin of the last element in the aside */
    .aside > :last-child {
        margin-block-end: var(--aside-gap-bottom-last-item);
    }

    /* Rows and columns -------------- */
    .aside > .aside-row {
        display: flex;
        flex-flow: row wrap;
        gap: var(--aside-gap);
        margin-block-end: var(--aside-row-gap-bottom);
    }

        .aside > .aside-row > .aside-column {
            display: flex;
            flex-flow: column wrap;
            align-items: flex-start;
            row-gap: var(--aside-gap);
        }

.aside-heading {
    margin-inline: 0;
    margin-block: 0 var(--aside-heading-gap-bottom);
    font-size: var(--aside-heading-font-size);
    font-stretch: var(--aside-heading-font-stretch);
    font-weight: var(--aside-heading-font-weight);
    font-variation-settings: var(--aside-heading-font-variation-settings);
    letter-spacing: var(--aside-heading-font-letter-spacing);
    line-height: var(--aside-heading-font-line-height);
    color: var(--aside-heading-font-colour);
}

/* Ignore Spelling: autofill textarea /matchCase */

/**
 * @file form.css - CSS classes for form components
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* Form -------------------------- */
.form {
    /* Background -------------------- */
    --form-item-background-colour: var(--site-form-item-background-colour);
    --form-item-background-colour-disabled: var(--site-form-item-background-colour-disabled);
    /* Border ------------------------ */
    --form-item-border-colour: var(--site-form-item-border-colour);
    --form-item-border-colour-focus: var(--site-form-item-border-colour-focus);
    --form-item-border-colour-hover: var(--site-form-item-border-colour-hover);
    --form-item-border-radius: var(--site-form-item-border-radius);
    --form-item-border-width: var(--site-form-item-border-width);
    /* Colour ------------------------ */
    --form-item-colour-disabled: var(--site-form-item-colour-disabled);
    /* Error ------------------------- */
    --form-error-background-colour: var(--site-form-error-background-colour);
    --form-error-colour: var(--site-form-error-colour);
    --form-error-gap: var(--site-form-error-gap);
    --form-error-svg-gap: var(--site-form-error-svg-gap);
    --form-error-svg-size: var(--site-form-error-svg-size);
    /* Font -------------------------- */
    --form-item-font-size: var(--site-form-item-font-size);
    --form-item-label-font-size: var(--site-form-item-label-font-size);
    /* Metrics ----------------------- */
    --form-item-gap: var(--site-form-item-gap);
    --form-item-group-gap: var(--site-form-item-group-gap);
    --form-item-padding-vertical: var(--site-form-item-padding-vertical);
    --form-item-padding-horizontal: var(--site-form-item-padding-horizontal);
    /* Shadow ------------------------ */
    --form-item-shadow: var(--site-form-item-shadow);
    --form-item-shadow-hover: var(--site-form-item-shadow-hover);
    --form-item-shadow-focus: var(--site-form-item-shadow-focus);
    /* Transition -------------------- */
    --form-transition-duration-item: var(--site-form-transition-duration-item);
    --form-transition-duration-error-slow: var(--site-form-transition-duration-error-slow);
    --form-transition-duration-error-fast: var(--site-form-transition-duration-error-fast);
    --form-transition-timing-function: var(--site-form-transition-timing-function);
}

/* Item group -------------------- */
.form-item-group {
    margin-block-end: var(--form-item-group-gap);
}

    /* Item label not preceding a switch element */
    .form-item-group label/*:not(.switch)*/ {
        display: block;
        cursor: default;
        margin-block-end: var(--form-item-gap);
        font-size: var(--form-item-label-font-size);
    }

    /* Item label preceding a switch element */
/*    .form-item-group label:has(+ .switch) {
        display: inline-block;
        cursor: default;
        margin-inline-end: var(--form-item-gap);
        font-size: var(--form-item-label-font-size);
    }*/

    /* Item text area */
    .form-item-group textarea {
        /* Note: The textarea rows attribute should be used to size the height of the element */
        block-size: auto;
    }

/* Item -------------------------- */
.form-item:not(.switch-track) {
    display: block;
    inline-size: 100%;
    /* For Safari. See https://stackoverflow.com/questions/18953282/css-box-shadow-property-is-not-working-in-safari and https://developer.mozilla.org/en-us/docs/Web/CSS/appearance */
    -webkit-appearance: none;
    box-shadow: var(--form-item-shadow);
    border: var(--form-item-border-width) solid var(--form-item-border-colour);
    border-radius: var(--form-item-border-radius);
    background-color: var(--form-item-background-colour);
    padding: var(--form-item-padding-vertical) var(--form-item-padding-horizontal);
    font-size: var(--form-item-font-size);
    transition-property: border-color, box-shadow;
    transition-duration: var(--form-transition-duration-item);
    transition-timing-function: var(--form-transition-timing-function);
}

    /* Item hover */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .form-item:not(.switch-track):not(:disabled):hover {
        box-shadow: var(--form-item-shadow-hover);
        border-color: var(--form-item-border-colour-hover);
    }
    /*}*/

    /* Item focus */
    .form-item:not(.switch-track):not(:disabled):focus {
        box-shadow: var(--form-item-shadow-focus);
        border-color: var(--form-item-border-colour-focus);
    }

    /* Item disabled */
    .form-item:not(.switch-track):disabled {
        cursor: not-allowed;
        background-color: var(--form-item-background-colour-disabled);
        color: var(--form-item-colour-disabled);
    }

        /* Item disabled with auto-fill data */
        /* Note: January 2024: This probably won't work in most browsers. Perhaps in the future. See https://developer.mozilla.org/en-US/docs/Web/CSS/:autofill */
        .form-item:not(.switch-track):disabled:autofill {
            background-color: var(--form-item-background-colour-disabled) !important;
            color: var(--form-item-colour-disabled) !important;
        }

/* Item error -------------------- */
.form-item-error {
    /* We use flex here so we can use align-items:end to position the content at the bottom of the error panel, giving us a window-shade effect*/
    display: flex;
    overflow: hidden;
    position: relative;
    /* Position the error under the bottom of the item, tucked up by the size of its border radius, so it looks like the error panel is attached to the item */
    z-index: -1;
    inset-block-start: calc(var(--form-item-border-radius) * -1);
    /* Hide the error by reducing the height and opacity */
    block-size: 0;
    opacity: 0;
    /* Position the content at the bottom of the error panel */
    align-items: end;
    box-shadow: var(--form-item-shadow);
    /* Set the same border as the item */
    /*border: var(--form-item-border-width) solid var(--form-item-border-colour);*/
    border: 0 solid var(--form-item-border-colour);
    border-inline-width: var(--form-item-border-width);
    /* Border radius only on the bottom corners */
    border-end-start-radius: var(--form-item-border-radius);
    border-end-end-radius: var(--form-item-border-radius);
    background-color: var(--form-error-background-colour);
    color: var(--form-error-colour);
    transition-property: block-size, border-block-width, opacity;
    transition-duration: var(--form-transition-duration-error-slow);
    transition-timing-function: var(--form-transition-timing-function);
}

/* Form error -------------------- */
.form-error {
    /* We use flex here so we can use align-items:end to position the content at the bottom of the error panel, giving us a window-shade effect*/
    display: flex;
    overflow: hidden;
    /* Hide the error by reducing the height and opacity */
    block-size: 0;
    opacity: 0;
    /* Position the content at the bottom of the error panel */
    align-items: end;
    margin-block-end: 0;
    box-shadow: var(--form-item-shadow);
    /* Set the same border as the items */
    /*border: var(--form-item-border-width) solid var(--form-item-border-colour);*/
    border: 0 solid var(--form-item-border-colour);
    border-inline-width: var(--form-item-border-width);
    border-radius: var(--form-item-border-radius);
    background-color: var(--form-error-background-colour);
    color: var(--form-error-colour);
    transition-property: block-size, border-block-width, opacity, margin-block-end;
    transition-duration: var(--form-transition-duration-error-slow);
    transition-timing-function: var(--form-transition-timing-function);
}

    /* Error show -------------------- */
    .form-item-error[data-show],
    .form-error[data-show] {
        /* Note: --scroll-height variable is set as pixels in form.js */
        block-size: calc(var(--scroll-height) * 1px);
        opacity: 1;
        border-block-width: var(--form-item-border-width);
    }

    .form-error[data-show] {
        margin-block-end: var(--form-error-gap);
    }

/* Error content ----------------- */
.form-item-error-content,
.form-error-content {
    display: flex;
    column-gap: var(--form-error-svg-gap);
    padding: var(--form-error-gap);
    padding-block-end: calc(var(--form-error-gap) - var(--form-item-border-radius));
}

    /* Error content SVG */
    .form-item-error-content > svg,
    .form-error-content > svg {
        inline-size: auto;
        block-size: var(--form-error-svg-size);
        flex-shrink: 0;
        margin-block-start: var(--form-item-gap);
        fill: currentColor;
    }

    /* Error content text */
    .form-item-error-content > p,
    .form-error-content > p {
        margin: 0;
    }

/* ------------------------------- */
/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .form-item-error,
    .form-error {
        /* Remove all properties from the transition except opacity from the transition */
        transition-property: opacity;
    }
}

/* Ignore Spelling: max Popup popup viewport webkit /matchCase */

/**
 * @file navigate.css - CSS classes for site navigation
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* Notes:
    Some rules interact with elements and rules managed in anchor.css. Example: span.anchor-decoration.
    Use caution when working with z-index.
    The navigate-page-change-panel has a z-index of 1 so that is appears above the content of the page.
    The navigate-popup-menu-container class has a z-index of 2 so that it appears above both the content and the navigate-page-change-panel.
    The navigate-banner class has a z-index of 3 so that it appears above both the content, navigate-page-change-panel and the navigate-popup-menu-container.
*/

/* ------------------------------- */
/* Navigate page transition panel  */
.navigate-page-change-panel {
    /* Background -------------------- */
    --navigate-page-change-panel-background-colour: var(--site-navigate-page-change-panel-background-colour);
    /* Image ------------------------- */
    --navigate-page-change-panel-image-opacity: var(--site-navigate-page-change-panel-image-opacity);
    --navigate-page-change-panel-image-width: var(--site-navigate-page-change-panel-image-width);
    /* Transitions ------------------- */
    --navigate-page-change-panel-transition-duration-fade-in: var(--site-navigate-page-change-panel-transition-duration-fade-in);
    --navigate-page-change-panel-transition-duration-fade-out: var(--site-navigate-page-change-panel-transition-duration-fade-out);
    --navigate-page-change-panel-transition-timing-function: var(--site-navigate-page-change-panel-transition-timing-function);
    /* ------------------------------- */
    display: flex;
    position: fixed;
    z-index: 1;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100vw;
    block-size: 100dvh;
    visibility: hidden;
    opacity: 0;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    background-color: var(--navigate-page-change-panel-background-colour);
    transition-property: opacity, visibility;
    transition-duration: var(--navigate-page-change-panel-transition-duration-fade-out);
    transition-timing-function: var(--navigate-page-change-panel-transition-timing-function);
}
    /* Image */
    .navigate-page-change-panel svg {
        inline-size: var(--navigate-page-change-panel-image-width);
        opacity: var(--navigate-page-change-panel-image-opacity);
        flex: 0 1 auto;
        /*block-size: auto;*/
    }

    /* Show the panel */
    .navigate-page-change-panel[data-show] {
        visibility: visible;
        opacity: 1;
        transition-duration: var(--navigate-page-change-panel-transition-duration-fade-in);
    }

/* ------------------------------- */
/* Navigate */
.navigate-banner,
.navigate-popup-menu-container,
.navigate-popup-menu-backdrop {
    /* Background -------------------- */
    --navigate-backdrop-blur: var(--site-navigate-backdrop-blur);
    --navigate-background-colour: var(--site-navigate-background-colour);
    /* Border ------------------------ */
    --navigate-border-colour: var(--site-navigate-border-colour);
    --navigate-border-radius: var(--site-navigate-border-radius);
    --navigate-border-width: var(--site-navigate-border-width);
    --navigate-menu-border-colour: var(--site-navigate-menu-border-colour);
    --navigate-menu-border-radius: var(--site-navigate-menu-border-radius);
    --navigate-menu-border-width: var(--site-navigate-menu-border-width);
    /* Font -------------------------- */
    --navigate-font-letter-spacing: var(--site-navigate-font-letter-spacing);
    --navigate-font-size: var(--site-navigate-font-size);
    --navigate-font-stretch: var(--site-navigate-font-stretch);
    --navigate-font-weight: var(--site-navigate-font-weight);
    /* Logo -------------------------- */
    --navigate-logo-ascender-height: var(--site-navigate-logo-ascender-height);
    --navigate-logo-decender-height: var(--site-navigate-logo-decender-height);
    --navigate-logo-decoration-padding: var(--site-navigate-logo-decoration-padding);
    --navigate-logo-height: var(--site-navigate-logo-height);
    /* Menu items -------------------- */
    --navigate-menu-item-colour: var(--site-navigate-menu-item-colour);
    --navigate-menu-item-colour-active: var(--site-navigate-menu-item-colour-active);
    --navigate-menu-item-colour-focus: var(--site-navigate-menu-item-colour-focus);
    --navigate-menu-item-colour-hover: var(--site-navigate-menu-item-colour-hover);
    --navigate-menu-item-decoration-border-radius: var(--site-navigate-menu-item-decoration-border-radius);
    --navigate-menu-item-selected-decoration-colour: var(--site-navigate-menu-item-selected-decoration-colour);
    --navigate-menu-item-decoration-height: var(--site-navigate-menu-item-decoration-height);
    --navigate-menu-item-gap-horizontal: var(--site-navigate-menu-item-gap-horizontal);
    --navigate-menu-item-padding-horizontal: var(--site-navigate-menu-item-padding-horizontal);
    --navigate-menu-item-padding-vertical: var(--site-navigate-menu-item-padding-vertical);
    /* Popup menu ------------------- */
    --navigate-popup-menu-backdrop-colour: var(--site-navigate-popup-menu-backdrop-colour);
    --navigate-popup-menu-overflow-colour: var(--site-navigate-popup-menu-overflow-colour);
    --navigate-popup-menu-overflow-height: var(--site-navigate-popup-menu-overflow-height);
    --navigate-popup-menu-toggle-bar-height: var(--site-navigate-popup-menu-toggle-bar-height);
    --navigate-popup-menu-toggle-bar-gap: var(--site-navigate-popup-menu-toggle-bar-gap);
    --navigate-popup-menu-toggle-bar-width: var(--site-navigate-popup-menu-toggle-bar-width);
    /* Shadow ------------------------ */
    --navigate-shadow: var(--site-navigate-shadow);
    /* Small menu -------------------- */
    --navigate-small-menu-item-colour: var(--site-navigate-small-menu-item-colour);
    --navigate-small-menu-item-colour-active: var(--site-navigate-small-menu-item-colour-active);
    --navigate-small-menu-item-colour-focus: var(--site-navigate-small-menu-item-colour-focus);
    --navigate-small-menu-item-colour-hover: var(--site-navigate-small-menu-item-colour-hover);
    /* Account ----------------------- */
    --navigate-account-svg-size: var(--site-navigate-account-svg-size);
    /* Metrics ----------------------- */
    --navigate-padding-horizontal: var(--site-navigate-padding-horizontal);
    --navigate-padding-vertical: var(--site-navigate-padding-vertical);
    --navigate-max-width: var(--site-navigate-max-width);
    /* Transitions ------------------- */
    --navigate-transition-duration-toggle-bar: var(--site-navigate-transition-duration-toggle-bar);
    --navigate-transition-duration-popup: var(--site-navigate-transition-duration-popup);
    --navigate-transition-duration-colour: var(--site-navigate-transition-duration-colour);
    --navigate-transition-duration-decoration: var(--site-navigate-transition-duration-decoration);
    --navigate-transition-timing-function: var(--site-navigate-transition-timing-function);
}

/* ------------------------------- */
/* Navigate banner */
.navigate-banner {
    overflow: hidden;
    /* ------------------------------- */
    /* Note: April 2023. Position sticky (position: sticky) has a number of bugs, mostly in Chrome but also some in Firefox. The bugs mostly are visible when tabbing around the elements on the navigate-banner. It causes the page to scroll. See the workaround below. */
    position: -webkit-sticky; /* Older Safari */
    position: sticky;
    /* ------------------------------- */
    /* This is the workaround for the position sticky bugs. Use position fixed instead. See also the rule for the <main> element below. See https://codepen.io/maddesigns/pen/XWbRZbb */
    /*position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;*/
    /* ------------------------------- */
    z-index: 3;
    inset-block-start: 0;
    /* Add a shadow. It will only be visible on the bottom border */
    box-shadow: var(--navigate-shadow);
    border-block-end: var(--navigate-border-width) solid var(--navigate-border-colour);
    border-end-start-radius: var(--navigate-border-radius);
    border-end-end-radius: var(--navigate-border-radius);
    background-color: var(--navigate-background-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .navigate-banner {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--navigate-background-colour) l c h / 100%);
    }
}

/* This is part of the workaround for the position sticky bugs. */
/*main {
    /* Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
/*padding-block-start: calc(var(--navigate-banner-current-height) * 1px);
}*/

/* Set the font for all anchors */
.navigate-banner .anchor,
.navigate-popup-menu-container .anchor {
    font-size: var(--navigate-font-size);
    font-stretch: var(--navigate-font-stretch);
    font-weight: var(--navigate-font-weight);
    letter-spacing: var(--navigate-font-letter-spacing);
}

/* ------------------------------- */
/* Navigate container */
.navigate-container {
    /*    container-type: inline-size;
    container-name: navigate-container;*/
    display: flex;
    max-inline-size: var(--navigate-max-width);
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
    margin-block: 0;
    padding: var(--navigate-padding-vertical) var(--navigate-padding-horizontal);
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    /* Add a glow filter to the visible elements within the menu, so they are more easily distinguished from the blurred background */
    filter: drop-shadow(0 0 0.1em oklch(from var(--navigate-background-colour) l c h / 100%));
}

    /* Modify the decorations of all anchors within the navigate container */
    .navigate-container .anchor::after {
        inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
        block-size: var(--navigate-menu-item-decoration-height);
        border-width: calc(var(--navigate-menu-item-decoration-height) / 2);
        border-radius: var(--navigate-menu-item-decoration-border-radius);
    }

/* ------------------------------- */
/* Navigation skip link */
.navigate-skip-link {
    contain: paint;
    position: absolute;
    z-index: 1;
    inset-inline-start: var(--navigate-padding-horizontal);
    inset-block-start: 0;
    opacity: 0;
    box-shadow: var(--navigate-shadow);
    border: var(--navigate-menu-border-width) solid var(--navigate-menu-border-colour);
    border-end-start-radius: var(--navigate-menu-border-radius);
    border-end-end-radius: var(--navigate-menu-border-radius);
    background-color: var(--navigate-background-colour);
    padding: var(--navigate-menu-item-padding-vertical) var(--navigate-menu-item-padding-horizontal);
    /* Move the element off screen */
    transform: translateY(-100%);
    transition-property: transform, opacity;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* We need to transform the skip link without the user seeing it, so when transitioning-out delay the transform till the opacity change has completed. */
    .navigate-skip-link {
        transition-delay: var(--navigate-transition-duration-popup), 0s;
    }

        /* When transitioning-in, remove the delay and change the duration of the transform to zero so it happens immediately. */
        .navigate-skip-link:focus-within {
            transition-duration: 0s, var(--navigate-transition-duration-popup);
            transition-delay: 0s;
        }
}

/* Show the skip link */
.navigate-skip-link:focus-within {
    opacity: 1;
    transform: translateY(0);
}

/* ------------------------------- */
/* Logo */
.navigate-logo {
    margin-block-end: var(--navigate-menu-item-decoration-height);
    padding-block-start: calc(var(--navigate-logo-decoration-padding) - var(--navigate-logo-ascender-height));
    padding-block-end: calc(var(--navigate-logo-decoration-padding) - var(--navigate-logo-decender-height) - var(--navigate-menu-item-decoration-height));
    line-height: 0;
}

    .navigate-logo svg {
        /* Set the height, width will be auto calculated */
        inline-size: auto;
        block-size: var(--navigate-logo-height);
    }

/* ------------------------------- */
/* Large menu */
.navigate-large-menu {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: var(--navigate-menu-item-gap-horizontal);
    /*margin-inline-start: var(--navigate-menu-item-gap-horizontal);*/
}

    .navigate-large-menu[data-show] {
        display: flex;
    }

.navigate-large-menu-dummy-small {
    /* Font ---------------------- */
    --navigate-font-size: var(--site-navigate-font-size);
    display: flex;
    position: absolute;
    visibility: hidden;
}

.navigate-large-menu-dummy-medium {
    /* Font ---------------------- */
    --navigate-font-size: calc(var(--site-navigate-font-size) * 1.1);
}

.navigate-large-menu-dummy-large {
    /* Font ---------------------- */
    --navigate-font-size: calc(var(--site-navigate-font-size) * 1.2);
}

.navigate-logo-dummy-small {
    /* Font ---------------------- */
    --navigate-logo-height: var(--site-navigate-logo-height);
    display: flex;
    position: absolute;
    visibility: hidden;
}

.navigate-logo-dummy-medium {
    /* Logo ---------------------- */
    --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.2);
}

.navigate-logo-dummy-large {
    /* Logo ---------------------- */
    --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.3);
}

/* ------------------------------- */
/* Small menu */
.navigate-small-menu {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: var(--navigate-menu-item-gap-horizontal);
    margin-inline-start: var(--navigate-menu-item-gap-horizontal);
    line-height: 0;
}

    .navigate-small-menu[data-show] {
        display: flex;
    }

/* ------------------------------- */
/* Popup menu container backdrop */
.navigate-popup-menu-backdrop {
    position: fixed;
    z-index: 2;
    inset-inline-start: 0;
    inset-block-start: 0;
    inline-size: 100vw;
    block-size: 100dvh;
    visibility: hidden;
    opacity: 0;
    background-color: var(--navigate-popup-menu-backdrop-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
    transition-property: opacity, visibility;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Popup menu container */
.navigate-popup-menu-container {
    display: flex;
    contain: paint;
    position: fixed;
    /* Position the menu with a gap from the scrollbar-gutter, if it exists. Note: --scrollbar-width is set as pixels in navigate.js */
    inset-inline-end: calc(var(--navigate-padding-horizontal) + (var(--scrollbar-width) * 1px));
    /* Position the menu below the banner, with a gap. Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    inset-block-start: calc((var(--navigate-banner-current-height) * 1px) + var(--navigate-padding-horizontal));
    /* Limit the horizontal size of the menu to the available width, with a gap */
    max-inline-size: calc(100dvw - (var(--navigate-padding-horizontal) * 2));
    /* Limit the vertical size of the menu to the available height, with a gap Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    max-block-size: calc(100dvh - (var(--navigate-banner-current-height) * 1px) - (var(--navigate-padding-horizontal) * 2));
    visibility: hidden;
    opacity: 0;
    flex-direction: column;
    flex-wrap: nowrap;
    box-shadow: var(--navigate-shadow);
    /*justify-content: flex-end;*/
    border: var(--navigate-menu-border-width) solid var(--navigate-menu-border-colour);
    border-radius: var(--navigate-menu-border-radius);
    background-color: var(--navigate-background-colour);
    padding: var(--navigate-menu-item-padding-vertical) var(--navigate-menu-item-padding-horizontal);
    /* Stop the text contents from being selected by the user */
    -webkit-user-select: none;
    user-select: none;
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--navigate-backdrop-blur));
    backdrop-filter: blur(var(--navigate-backdrop-blur));
    /* Move the element off screen */
    transform: translateY(-100%);
    transition-property: opacity, transform, visibility;
    transition-duration: var(--navigate-transition-duration-popup);
    transition-timing-function: var(--navigate-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* Move the element back on screen, so there will be no transform animation */
    .navigate-popup-menu-container {
        transform: translateY(0);
    }
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .navigate-popup-menu-container {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--navigate-background-colour) l c h / 100%);
    }
}

/* Popup menu overflow symbols */
.navigate-popup-menu-container > svg {
    position: absolute;
    inline-size: auto;
    block-size: var(--navigate-popup-menu-overflow-height);
    visibility: hidden;
    fill: var(--navigate-popup-menu-overflow-colour);
}

    /* Top and bottom */
    .navigate-popup-menu-container > svg:first-of-type,
    .navigate-popup-menu-container > svg:nth-of-type(2) {
        /* Centre the image horizontally */
        inset-inline-start: 50%;
    }

    /* Top */
    .navigate-popup-menu-container > svg:first-of-type {
        inset-block-start: 0;
        /* Position the image */
        transform: translateX(-50%);
    }

    /* Bottom */
    .navigate-popup-menu-container > svg:nth-of-type(2) {
        inset-block-end: 0;
        /* Position and rotate the image */
        transform: translateX(-50%) rotate(180deg);
    }

    /* Left and right */
    .navigate-popup-menu-container > svg:nth-of-type(3),
    .navigate-popup-menu-container > svg:last-of-type {
        /* Centre the image vertically */
        inset-block-start: 50%;
    }

    /* Left */
    .navigate-popup-menu-container > svg:nth-of-type(3) {
        inset-inline-start: 0;
        /* Position and rotate the image */
        transform: translateY(-50%) rotate(-90deg);
    }

    /* Right */
    .navigate-popup-menu-container > svg:last-of-type {
        inset-inline-end: 0;
        /* Position and rotate the image */
        transform: translateY(-50%) rotate(90deg);
    }

/* Top and bottom */
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-y] > svg:first-of-type,
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-y] > svg:nth-of-type(2) {
    /* Show the image */
    visibility: visible;
}

/* Left and right */
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-x] > svg:nth-of-type(3),
.navigate-popup-menu-container[data-navigate-popup-menu-overflow-x] > svg:last-of-type {
    /* Show the image */
    visibility: visible;
}

/* Popup menu */
.navigate-popup-menu {
    display: grid;
    overflow: auto;
    justify-items: end;
    row-gap: var(--navigate-menu-item-padding-vertical);
    /* Add some padding so we don't but up again the scrollbar, if it should be displayed */
    padding-inline: var(--navigate-padding-horizontal);
    padding-block: var(--navigate-padding-vertical);
    /* Add a glow filter to the visible elements within the menu, so they are more easily distinguished from the blurred background */
    filter: drop-shadow(0 0 0.1em oklch(from var(--navigate-background-colour) l c h / 100%));
}

    /* Popup menu items */
    .navigate-popup-menu li {
        text-align: end;
    }

        /* Set the menu item bottom margin on the last item, to accommodate for the decoration */
        .navigate-popup-menu li:last-child {
            margin-block-end: var(--navigate-menu-item-decoration-height);
        }

    /* Modify the decorations of all anchors within the navigate popup container */
    .navigate-popup-menu .anchor::after {
        inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
        block-size: var(--navigate-menu-item-decoration-height);
        border-width: calc(var(--navigate-menu-item-decoration-height) / 2);
        border-radius: var(--navigate-menu-item-decoration-border-radius);
    }

/* Remove the viewport scrollbar when popup menu is open. This will stop the page from scrolling behind the menu. To stop any layout shift, the scrollbar-gutter property is set in the scroll.css file. */
html[data-navigate-popup-menu-open] {
    /*overflow: hidden;*/
}

/* Show the popup menu backdrop */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-backdrop {
    visibility: visible;
    opacity: 1;
}

/* Show the popup menu */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-container {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

/* A menu item has been selected, so translate the popup menu to the right and hide it */
html[data-navigate-popup-menu-open='item-selected'] .navigate-popup-menu-container {
    visibility: hidden;
    opacity: 0;
    transform: translateX(100%);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    /* Keep the element in the same position, stopping the transform animation */
    html[data-navigate-popup-menu-open='item-selected'] .navigate-popup-menu-container {
        transform: translateX(0);
    }
}

/* ------------------------------- */
/* Toggle button */
.navigate-popup-menu-toggle {
    position: relative;
    cursor: pointer;
    border: none;
    border-radius: var(--navigate-menu-border-radius);
    background-color: transparent;
    padding: calc(var(--navigate-popup-menu-toggle-bar-gap) + var(--navigate-popup-menu-toggle-bar-height)) 0;
}

    /* Toggle bars ------------------- */
    .navigate-popup-menu-toggle span,
    .navigate-popup-menu-toggle span:first-child,
    .navigate-popup-menu-toggle span:last-child {
        display: block;
        inline-size: var(--navigate-popup-menu-toggle-bar-width);
        block-size: var(--navigate-popup-menu-toggle-bar-height);
        border: calc(var(--site-navigate-popup-menu-toggle-bar-height) / 2) solid transparent;
        border-radius: calc(var(--navigate-popup-menu-toggle-bar-height) / 2);
        background-color: var(--navigate-small-menu-item-colour);
        transition-property: background-color, opacity, transform;
        transition-duration: var(--navigate-transition-duration-colour), var(--navigate-transition-duration-toggle-bar), var(--navigate-transition-duration-toggle-bar);
        transition-timing-function: var(--navigate-transition-timing-function);
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .navigate-popup-menu-toggle span:first-child,
    .navigate-popup-menu-toggle span:nth-child(even),
    .navigate-popup-menu-toggle span:last-child {
        /* Reduce the toggle bars transition to just the background colour */
        transition: background-color var(--navigate-transition-duration-colour);
    }
}

/* Top and bottom bars */
.navigate-popup-menu-toggle span:first-child,
.navigate-popup-menu-toggle span:last-child {
    position: absolute;
}

/* Top bar */
.navigate-popup-menu-toggle span:first-child {
    inset-block-start: 0;
}

/* Bottom bar */
.navigate-popup-menu-toggle span:last-child {
    inset-block-end: 0;
}

/* Hover ------------------------- */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.navigate-popup-menu-toggle:hover span:first-child,
.navigate-popup-menu-toggle:hover span:nth-child(even),
.navigate-popup-menu-toggle:hover span:last-child {
    background-color: var(--navigate-small-menu-item-colour-hover);
}
/*}*/

/* Focus ------------------------- */
.navigate-popup-menu-toggle:focus span:first-child,
.navigate-popup-menu-toggle:focus span:nth-child(even),
.navigate-popup-menu-toggle:focus span:last-child {
    background-color: var(--navigate-small-menu-item-colour-focus);
}

/* Active ------------------------ */
.navigate-popup-menu-toggle:active span:first-child,
.navigate-popup-menu-toggle:active span:nth-child(even),
.navigate-popup-menu-toggle:active span:last-child {
    background-color: var(--navigate-small-menu-item-colour-active);
}

/* ------------------------------- */
/* Fade out the middle bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:nth-child(even) {
    opacity: 0;
    transform: scale(0);
}

/* Rotate top bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:first-child {
    -webkit-transform: translateY(calc(var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap))) rotate(-45deg);
    transform: translateY(calc(var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap))) rotate(-45deg);
}

/* Rotate bottom bar */
html[data-navigate-popup-menu-open=''] .navigate-popup-menu-toggle span:last-child {
    -webkit-transform: translateY(calc((var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap)) * -1)) rotate(45deg);
    transform: translateY(calc((var(--navigate-popup-menu-toggle-bar-height) + var(--navigate-popup-menu-toggle-bar-gap)) * -1)) rotate(45deg);
}

/* ------------------------------- */
/* Account */
.navigate-account {
    /* Don't understand why we need inline-block here, but we do. */
    display: inline-block;
    cursor: pointer;
    border-radius: var(--navigate-menu-border-radius);
    color: var(--navigate-small-menu-item-colour);
    fill: currentColor;
    transition: color var(--navigate-transition-duration-colour) var(--navigate-transition-timing-function);
}

    /* Hover ------------------------- */
    /*@media(any-hover: hover) and (any-pointer: fine) {*/
    .navigate-account:hover {
        color: var(--navigate-small-menu-item-colour-hover);
    }
    /*}*/

    /* Focus ------------------------- */
    .navigate-account:focus {
        color: var(--navigate-small-menu-item-colour-focus);
    }

    /* Active ------------------------ */
    .navigate-account:active {
        color: var(--navigate-small-menu-item-colour-active);
        /* Remove the transition for the active state, we want the changes to show instantly */
        transition-duration: 0s;
    }

    /* ------------------------------- */
    .navigate-account svg {
        inline-size: var(--navigate-account-svg-size);
        block-size: var(--navigate-account-svg-size);
        pointer-events: none;
    }

/* ------------------------------- */
/* Menu item */
.navigate-menu-item {
    position: relative;
    transition: color var(--navigate-transition-duration-colour) var(--navigate-transition-timing-function);
}

    /* Default colour */
    .navigate-menu-item,
    .navigate-menu-item:visited,
    .navigate-skip-link,
    .navigate-skip-link:visited {
        color: var(--navigate-menu-item-colour);
    }

        /* Hover ------------------------- */
        /*@media(any-hover: hover) and (any-pointer: fine) {*/
        .navigate-menu-item:hover,
        .navigate-skip-link:hover {
            color: var(--navigate-menu-item-colour-hover);
        }
        /*}*/

        /* Focus ------------------------- */
        .navigate-menu-item:focus,
        .navigate-skip-link:focus {
            color: var(--navigate-menu-item-colour-focus);
        }

        /* Active ------------------------ */
        .navigate-menu-item:active,
        .navigate-skip-link:active {
            color: var(--navigate-menu-item-colour-active);
            /* Remove the transition for the active state, we want the changes to show instantly */
            transition-duration: 0s;
        }

        /* ------------------------------- */
        /* Menu item selected decoration */
        .navigate-menu-item::before {
            position: absolute;
            /* Set the decoration to be behind the text, just in case some text descenders overlap the decoration, and behind the anchor decorations */
            z-index: -2;
            inset-inline-start: 0;
            inset-block-end: calc(var(--navigate-menu-item-decoration-height) * -1);
            inline-size: 100%;
            block-size: var(--navigate-menu-item-decoration-height);
            border: calc(var(--navigate-menu-item-decoration-height) / 2) solid transparent;
            border-radius: var(--navigate-menu-item-decoration-border-radius);
            background-color: transparent;
            content: '';
            transform: scaleX(0);
            transform-origin: center;
            transition-property: background-color, transform;
            transition-duration: var(--navigate-transition-duration-decoration);
            transition-timing-function: var(--navigate-transition-timing-function);
            /* This delay is needed to slow the decoration background colour transition, otherwise it reaches transparent too quickly. */
            transition-delay: calc(var(--navigate-transition-duration-colour) * 0.5), 0s;
        }

        /* Selected ---------------------- */
        .navigate-menu-item[data-navigate-menu-item-selected]::before {
            background-color: var(--navigate-menu-item-selected-decoration-colour);
            transform: scaleX(1);
            transition-delay: 0s;
        }

/* ------------------------------- */
/* Small menu <640px */
/*@media not all and (min-width: 40em) {
}*/

/* ------------------------------- */
/* Medium menu >=640px */
@media (min-width: 40em) {
    .navigate-banner {
        /* Font ---------------------- */
        --navigate-font-size: calc(var(--site-navigate-font-size) * 1.1);
        /* Logo -------------------------- */
        --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.2);
        /* Metrics ------------------- */
        --navigate-padding-vertical: calc(var(--site-navigate-padding-vertical) * 1.5);
    }
}

/* ------------------------------- */
/* Large menu >=1080px */
@media (min-width: 67.5em) {
    .navigate-banner {
        /* Font ---------------------- */
        --navigate-font-size: calc(var(--site-navigate-font-size) * 1.2);
        /* Logo -------------------------- */
        --navigate-logo-height: calc(var(--site-navigate-logo-height) * 1.3);
        /* Metrics ------------------- */
        --navigate-padding-vertical: calc(var(--site-navigate-padding-vertical) * 2);
    }
}

/* Ignore Spelling: /matchCase */

/**
 * @file footer.css - CSS classes for footer element
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

.footer {
    /* Background -------------------- */
    --footer-background-colour: var(--site-footer-background-colour);
    /* Border ------------------------ */
    --footer-border-colour: var(--site-footer-border-colour);
    --footer-border-radius: var(--site-footer-border-radius);
    --footer-border-width: var(--site-footer-border-width);
    /* Font -------------------------- */
    --footer-font-size: var(--site-footer-font-size);
    --footer-menu-font-size: var(--site-footer-menu-font-size);
    /* Metrics ----------------------- */
    --footer-max-width: var(--site-footer-max-width);
    --footer-menu-gap: var(--site-footer-menu-gap);
    --footer-padding: var(--site-footer-padding);
    /* Shadow ------------------------ */
    --footer-shadow: var(--site-footer-shadow);
    /* Transition -------------------- */
    --footer-transition-duration: var(--site-footer-transition-duration);
    --footer-transition-timing-function: var(--site-footer-transition-timing-function);
    /* ------------------------------- */
    overflow: hidden;
    /* Add a shadow. It will only be visible on the bottom border */
    box-shadow: var(--footer-shadow);
    border-block-start: var(--footer-border-width) solid var(--footer-border-colour);
    border-start-start-radius: var(--footer-border-radius);
    border-start-end-radius: var(--footer-border-radius);
    background-color: var(--footer-background-colour);
    font-size: var(--footer-font-size);
    /* Set the transition for changing to and from dark mode */
    transition-property: border-color, background-color;
    transition-duration: var(--footer-transition-duration);
    transition-timing-function: var(--footer-transition-timing-function);
}

    .footer > div {
        max-inline-size: var(--footer-max-width);
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding: var(--footer-padding);
    }

    .footer p {
        margin: 0;
    }

    .footer .footer-menu {
        margin-block-end: var(--footer-menu-gap);
        font-size: var(--footer-menu-font-size);
    }

/* Ignore Spelling: behavior color css touchscreens var webkit xml /matchCase */

/**
 * @file scroll.css - CSS classes for scrolling
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

html {
    /* Bar ---------------------------- */
    --scroll-bar-background-colour: var(--site-scroll-bar-background-colour);
    --scroll-bar-colour: var(--site-scroll-bar-colour);
    --scroll-bar-width: var(--site-scroll-bar-width);
    /* Flash ----------------------- */
    --scroll-flash-animation-delay: var(--site-scroll-flash-animation-delay);
    --scroll-flash-animation-duration: var(--site-scroll-flash-animation-duration);
    --scroll-flash-animation-timing-function: var(--site-scroll-flash-animation-timing-function);
    --scroll-flash-border-radius: var(--site-scroll-flash-border-radius);
    --scroll-flash-colour: var(--site-scroll-flash-colour);
    /* Metrics ----------------------- */
    --scroll-gap-top: var(--site-scroll-gap-top);
    --scroll-padding-top: var(--site-scroll-padding-top);
}

/* ------------------------------- */
/* Smooth scrolling. See https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior and https://caniuse.com/?search=scroll-behavior */
html, :has(:target) {
    scroll-behavior: smooth;
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    html, :has(:target) {
        /* Remove smooth scrolling */
        scroll-behavior: auto;
    }
}

/* ------------------------------- */
/* Scrollbar */
html {
    /* Set the scrollbar gutter so that the gutter or the scrollbar will always show. This stops layout shift on pages that do not overflow. Browsers with overlay style scrollbars will ignore this setting.  */
    scrollbar-gutter: stable;
    /* Set the scrollbar width and colour for browsers that support it. */
    scrollbar-width: var(--scroll-bar-width);
    scrollbar-color: var(--scroll-bar-colour) var(--scroll-bar-background-colour);
    overflow: auto;
}

/* ------------------------------- */
/* Scroll anchor targets so they take into account the height of the fixed position page header */
html {
    scroll-padding-block-start: var(--scroll-padding-top);
}

:target {
    scroll-margin-block-start: var(--scroll-gap-top);
}

/* Fall-back for browsers that do not support scroll-margin-block-start. See https://codepen.io/maddesigns/pen/XWbRZbb */
/*@supports not ((scroll-margin-block-start: 0) and (scroll-padding-block-start: 0)) {*/
/*:target::before {
        display: block;
        position: relative;
        inset-block-end: 0;
        inline-size: 0;
        block-size: calc(var(--scroll-padding-top) + var(--scroll-gap-top));
        visibility: hidden;
        margin-block-start: calc((var(--scroll-padding-block-start) + var(--scroll-gap-top)) * -1);
        content: '';
    }
}*/

/* ------------------------------- */
/* Apply a flash effect when scrolling to a targeted section with an id. Browsers that don't support scroll-margin-block-start (older Safari) do not perform this effect well, so they are excluded. */
/*@supports (scroll-margin-block-start: 0) {*/
@keyframes scroll-target-flash {
    from {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) transparent;
        background-color: transparent;
    }

    40% {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) var(--scroll-flash-colour);
        background-color: var(--scroll-flash-colour);
    }

    to {
        box-shadow: 0 0 0 var(--scroll-flash-border-radius) transparent;
        background-color: transparent;
    }
}

section[id]:target {
    border-radius: var(--scroll-flash-border-radius);
    animation-name: scroll-target-flash;
    animation-duration: var(--scroll-flash-animation-duration);
    animation-timing-function: var(--scroll-flash-animation-timing-function);
    animation-delay: var(--scroll-flash-animation-delay);
}
/*}*/

/* ------------------------------- */
/* Scroll-to-top button. The button should be located on the Layout page. */
.scroll-to-top {
    /* Colours ----------------------- */
    --scroll-to-top-colour: var(--site-scroll-to-top-colour);
    --scroll-to-top-colour-active: var(--site-scroll-to-top-colour-active);
    --scroll-to-top-colour-focus: var(--site-scroll-to-top-colour-focus);
    --scroll-to-top-colour-hover: var(--site-scroll-to-top-colour-hover);
    /* Background -------------------- */
    --scroll-to-top-backdrop-blur: var(--site-scroll-to-top-backdrop-blur);
    --scroll-to-top-background-colour: var(--site-scroll-to-top-background-colour);
    --scroll-to-top-drop-shadow: var(--site-scroll-to-top-drop-shadow);
    /* Border ------------------------ */
    --scroll-to-top-border-colour: var(--site-scroll-to-top-border-colour);
    --scroll-to-top-border-colour-active: var(--site-scroll-to-top-border-colour-active);
    --scroll-to-top-border-colour-focus: var(--site-scroll-to-top-border-colour-focus);
    --scroll-to-top-border-colour-hover: var(--site-scroll-to-top-border-colour-hover);
    --scroll-to-top-border-radius: var(--site-scroll-to-top-border-radius);
    --scroll-to-top-border-width: var(--site-scroll-to-top-border-width);
    /* Metrics ----------------------- */
    --scroll-to-top-gap-horizontal: var(--site-scroll-to-top-gap-horizontal);
    --scroll-to-top-gap-vertical: var(--site-scroll-to-top-gap-vertical);
    --scroll-to-top-size: var(--site-scroll-to-top-size);
    /* Shadow ------------------------ */
    --scroll-to-top-shadow: var(--site-scroll-to-top-shadow);
    --scroll-to-top-shadow-active: var(--site-scroll-to-top-shadow-active);
    --scroll-to-top-shadow-focus: var(--site-scroll-to-top-shadow-focus);
    --scroll-to-top-shadow-hover: var(--site-scroll-to-top-shadow-hover);
    /* Transitions ------------------- */
    --scroll-to-top-transform-active: var(--site-scroll-to-top-transform-active);
    --scroll-to-top-transition-duration-fast: var(--site-scroll-to-top-transition-duration-fast);
    --scroll-to-top-transition-duration-slow: var(--site-scroll-to-top-transition-duration-slow);
    --scroll-to-top-transition-timing-function: var(--site-scroll-to-top-transition-timing-function);
    /* ------------------------------- */
    position: fixed;
    inset-inline-end: var(--scroll-to-top-gap-horizontal);
    inset-block-end: var(--scroll-to-top-gap-vertical);
    visibility: hidden;
    opacity: 0;
    cursor: pointer;
    box-shadow: var(--scroll-to-top-shadow);
    border: var(--scroll-to-top-border-width) solid var(--scroll-to-top-border-colour);
    border-radius: var(--scroll-to-top-border-radius);
    background-color: var(--scroll-to-top-background-colour);
    color: var(--scroll-to-top-colour);
    /* Add a blurred background filter */
    -webkit-backdrop-filter: blur(var(--scroll-to-top-backdrop-blur));
    backdrop-filter: blur(var(--scroll-to-top-backdrop-blur));
    /* Transform the scroll-to-top element out of view */
    transform: translateX(calc(var(--scroll-to-top-size) + var(--scroll-to-top-gap-horizontal)));
    transition-property: background-color, border-color, box-shadow, visibility, opacity, transform;
    transition-duration: var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-fast), var(--scroll-to-top-transition-duration-slow), var(--scroll-to-top-transition-duration-slow), var(--scroll-to-top-transition-duration-slow);
    transition-timing-function: var(--scroll-to-top-transition-timing-function);
}

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .scroll-to-top {
        /* Transform the scroll-to-top element in to view */
        transform: translateX(0);
    }
}

/* Prefers-reduced-transparency browser option is enabled */
@media (prefers-reduced-transparency: reduce) {
    .scroll-to-top {
        /* Remove the transparency on the background colour */
        background-color: oklch(from var(--scroll-to-top-background-colour) l c h / 100%);
    }
}

/* Hover ------------------------- */
/* This media query stops the hover point becoming sticky on touch-only devices, such as phones. See https://medium.com/@mezoistvan/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c. As the article describes, this is not a perfect solution for combined touch and mouse devices. So could be improved in the future. */
/*@media(any-hover: hover) and (any-pointer: fine) {*/
.scroll-to-top:hover {
    box-shadow: var(--scroll-to-top-shadow-hover);
    border-color: var(--scroll-to-top-border-colour-hover);
    background-color: oklch(from var(--scroll-to-top-background-colour) l c h / 100%);
    color: var(--scroll-to-top-colour-hover);
}
/*}*/

/* Focus ------------------------- */
.scroll-to-top:focus {
    box-shadow: var(--scroll-to-top-shadow-focus);
    border-color: var(--scroll-to-top-border-colour-focus);
    color: var(--scroll-to-top-colour-focus);
}

/* Active ------------------------ */
.scroll-to-top:active {
    box-shadow: var(--scroll-to-top-shadow-active);
    border-color: var(--scroll-to-top-border-colour-active);
    color: var(--scroll-to-top-colour-active);
}

/* SVG --------------------------- */
.scroll-to-top svg {
    display: block;
    inline-size: calc(var(--scroll-to-top-size) / 2);
    block-size: calc(var(--scroll-to-top-size) / 2);
    margin: calc(var(--scroll-to-top-size) / 4);
    fill: currentColor;
    /* Add a glow filter to the image, so it is more easily distinguished from the blurred background */
    filter: drop-shadow(var(--scroll-to-top-drop-shadow));
    transition-property: color, transform;
    transition-duration: var(--scroll-to-top-transition-duration-fast);
    transition-timing-function: var(--scroll-to-top-transition-timing-function);
}

.scroll-to-top:active svg {
    /* Transform the button content. This is intended to be used to scale the button content down when the button is pressed. */
    transform: var(--scroll-to-top-transform-active);
}

/* Show the scroll to top element */
.scroll-to-top[data-show] {
    visibility: visible;
    opacity: 1;
    /* Transform the scroll-to-top element in to view */
    transform: translateX(0);
}

/* ------------------------------- */
/* Reading position progress bar - */
.scroll-reading-position {
    --scroll-reading-position-background-colour: var(--site-scroll-reading-position-background-colour);
    --scroll-reading-position-border-radius: var(--site-scroll-reading-position-border-radius);
    --scroll-reading-position-colour: var(--site-scroll-reading-position-colour);
    --scroll-reading-position-height: var(--site-scroll-reading-position-height);
    --scroll-reading-position-shadow: var(--site-scroll-reading-position-shadow);
    /* ------------------------------- */
    position: fixed;
    inset-inline-start: 0;
    inset-block-end: 0;
    inline-size: 100%;
    block-size: var(--scroll-reading-position-height);
    /* Reset the appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove the default border in Firefox/Opera */
    border: none;
    /* Firefox */
    background-color: var(--scroll-reading-position-background-colour);
}

    /* Chrome and Edge */
    .scroll-reading-position::-webkit-progress-bar {
        background-color: var(--scroll-reading-position-background-colour);
    }

    .scroll-reading-position::-webkit-progress-value {
        box-shadow: var(--scroll-reading-position-shadow);
        border-radius: var(--scroll-reading-position-border-radius);
        background-color: var(--scroll-reading-position-colour);
    }

    /* Firefox */
    .scroll-reading-position::-moz-progress-bar {
        border-radius: var(--scroll-reading-position-border-radius);
        background-color: var(--scroll-reading-position-colour);
    }

/* Prefers-reduced-motion browser option is enabled */
@media (prefers-reduced-motion: reduce) {
    .scroll-reading-position {
        /* Don't show the reading progress bar */
        display: none;
    }
}

/* Ignore Spelling: behavior dialog Dialog overscroll viewport /matchCase */

/**
 * @file dialog.css - CSS classes for dialog.js
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 *
 * Usage example:
 *  <dialog class="dialog box-shadow" aria-labelledby="XXX-label" data-dialog-XXX>
 *      <div class="dialog-header">
 *          <p id="XXX-label"><svg class="svg-inline svg-critical" aria-hidden="true"><use href="#exclamation-circle" /></svg>[header text]</p>
 *      </div>
 *      <hr />
 *      <div class="dialog-body">
 *          <p>[body text]</p>
 *      </div>
 *      <hr />
 *      <div class="dialog-footer">
 *          <button class="button" type="button" data-dialog-set-focus data-dialog-close aria-label="[button text.]"><span>[button text]</span></button>
 *      </div>
 *  </dialog>
 */

/* Remove the viewport scrollbar when dialog is open. This will stop the page from scrolling behind a modal dialog. Also see the overscroll-behavior property in the dialog-body class below. To stop any layout shift, the scrollbar-gutter property is set in the scroll.css file.*/
/* December 2023: The scrollbar-gutter property has issues, this is disabled till they are fixed */
/*html:has(.dialog:modal[open]) {
    overflow: hidden;
}*/

/* Dialog window */
.dialog, .dialog::backdrop {
    /* Backdrop ---------------------- */
    --dialog-backdrop-blur: var(--site-dialog-backdrop-blur);
    --dialog-backdrop-colour: var(--site-dialog-backdrop-colour);
    /* Background -------------------- */
    --dialog-background-colour: var(--site-dialog-background-colour);
    /* Body overflow indicator ------- */
    --dialog-body-overflow-indicator-colour: var(--site-dialog-body-overflow-indicator-colour);
    /* Border ------------------------ */
    --dialog-border-colour: var(--site-dialog-border-colour);
    --dialog-border-radius: var(--site-dialog-border-radius);
    --dialog-border-width: var(--site-dialog-border-width);
    /* Font -------------------------- */
    --dialog-heading-font-colour: var(--site-dialog-heading-font-colour);
    --dialog-heading-font-letter-spacing: var(--site-dialog-heading-font-letter-spacing);
    --dialog-heading-font-line-height: var(--site-dialog-heading-font-line-height);
    --dialog-heading-font-size: var(--site-dialog-heading-font-size);
    --dialog-heading-font-stretch: var(--site-dialog-heading-font-stretch);
    --dialog-heading-font-variation-settings: var(--site-dialog-heading-font-variation-settings);
    --dialog-heading-font-weight: var(--site-dialog-heading-font-weight);
    /* Metrics ----------------------- */
    --dialog-button-width: var(--site-dialog-button-width);
    --dialog-gap: var(--site-dialog-gap);
    --dialog-max-width: var(--site-dialog-max-width);
    --dialog-padding: var(--site-dialog-padding);
    --dialog-svg-gap: var(--site-dialog-svg-gap);
    --dialog-svg-size: var(--site-dialog-svg-size);
    /* Transition -------------------- */
    --dialog-transition-duration: var(--site-dialog-transition-duration);
    --dialog-transition-timing-function: var(--site-dialog-transition-timing-function);
}

.dialog {
    /* The dialog is initially hidden. This will be set to flex when the dialog is open */
    display: none;
    /* Size the dialog to the content */
    inline-size: -webkit-fill-available; /* Samsung Internet */
    inline-size: fit-content;
    block-size: fit-content;
    /* Then restrict the dialog size to the settings */
    /* Maximum width = viewport width, not including the scrollbar width, less the minimum gap at each side. 100% is used as it seems to be the only reliable way to get the viewport width excluding the scrollbar width. 100svw does not work. */
    max-inline-size: min(var(--dialog-max-width), calc(100% - (var(--dialog-gap) * 2)));
    /* Maximum height is dynamic viewport height less the minimum gap at the top and bottom */
    max-block-size: calc(100dvh - (var(--dialog-gap) * 2));
    flex-flow: column nowrap;
    /* Set auto margins at the sides and a gap at the top and bottom  */
    margin-inline: auto;
    margin-block: var(--dialog-gap);
    border: var(--dialog-border-width) solid var(--dialog-border-colour);
    border-radius: var(--dialog-border-radius);
    background-color: var(--dialog-background-colour);
    padding: var(--dialog-padding);
    /* The dialog will be animated to an opacity of 0 */
    animation: hide-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
}

    .dialog::backdrop {
        background-color: var(--dialog-backdrop-colour);
        /* Start the animation to hide the dialog backdrop */
        /* Note: May 2024: Firefox doesn't support animating the backdrop element */
        animation: hide-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
        /* Add a blurred background filter */
        -webkit-backdrop-filter: blur(var(--dialog-backdrop-blur)); /* Safari */
        backdrop-filter: blur(var(--dialog-backdrop-blur));
    }

    .dialog[open] {
        /* Flex is used to make the dialog-body shrink and grow as required */
        display: flex;
    }

        .dialog[open][data-show] {
            /* Start the animation to show the dialog */
            animation: show-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
        }

            .dialog[open][data-show]::backdrop {
                /* Start the animation to show the dialog backdrop */
                /* Note: May 2024: Firefox doesn't support animating the backdrop element */
                animation: show-dialog var(--dialog-transition-duration) var(--dialog-transition-timing-function) normal;
            }

    .dialog > hr {
        /* raise the z-index so the shadow of the line is above the dialog body */
        z-index: 1;
        /* Do not allow this element to grow or shrink */
        flex: 0 0 auto;
        margin: 0;
    }

/* Dialog header */
.dialog-header {
    /* Do not allow this element to grow or shrink */
    flex: 0 0 auto;
}

    .dialog-header p {
        display: flex;
        align-items: center;
        column-gap: var(--dialog-svg-gap);
        font-size: var(--dialog-heading-font-size);
        font-stretch: var(--dialog-heading-font-stretch);
        font-weight: var(--dialog-heading-font-weight);
        font-variation-settings: var(--dialog-heading-font-variation-settings);
        letter-spacing: var(--site-font-letter-spacing-heading);
        line-height: var(--dialog-heading-font-line-height);
        color: var(--dialog-heading-font-colour);
    }

        .dialog-header p svg {
            inline-size: auto;
            block-size: var(--dialog-svg-size);
            align-self: flex-start;
        }

/* Dialog body */
.dialog-body {
    /* Contain any scrolling within the dialog-body element. Even though the overflow:hidden above negates the need for this, we do this just in case. */
    overscroll-behavior: contain;
    overflow: auto;
    /* Set a minimum height so the body can't shrink completely */
    min-block-size: 3em;
    /* Allow this element to grow and shrink */
    flex: 1 1 auto;
    background-attachment: local, local, scroll, scroll;
    /* Shadow to indicate scroll-ability. See https://codepen.io/chriscoyier/pen/YzXBYvL */
    background-image:
    /* Shadow cover top */
    linear-gradient(var(--dialog-background-colour) 30%, transparent),
    /* Shadow cover bottom */
    linear-gradient(transparent, var(--dialog-background-colour) 70%),
    /* Shadow top */
    radial-gradient(farthest-side at 50% 0, var(--dialog-body-overflow-indicator-colour), transparent),
    /* Shadow bottom */
    radial-gradient(farthest-side at 50% 100%, var(--dialog-body-overflow-indicator-colour), transparent);
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% 2em, 100% 2em, 100% 1em, 100% 1em;
    padding-block-start: var(--dialog-padding);
}

/* Dialog footer */
.dialog-footer {
    /* Flex is used to justify the contents of the footer, that is, the buttons */
    display: flex;
    /* Do not allow this element to grow or shrink */
    flex: 0 0 auto;
    justify-content: flex-end;
    padding-block-start: var(--dialog-padding);
}

    .dialog-footer button {
        /* Allow the buttons to shrink */
        flex: 0 0 var(--dialog-button-width);
    }

/* Animations -------------------- */
/* Show */
@keyframes show-dialog {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Hide */
@keyframes hide-dialog {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Ignore Spelling: /matchCase */

/**
 * @file responsive.css - CSS classes for responsive grid manipulation
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/*
    Small screen = mobile or smaller = < 40em = 640px
    Medium screen = tablet => 40em = 640px
    Large screen = desktop => 67.5em = 1080px
    Extra large screen = larger than desktop => 120em = 1920px

    Note that the em's used in media queries are default browser em's, that is, 16px, unless changed by the user agent or user preferences.
*/

.responsive {
    /* Metrics ----------------------- */
    --responsive-column-gap: var(--site-responsive-column-gap);
    --responsive-column-right-width-medium: var(--site-responsive-column-right-width-medium);
    --responsive-column-right-width-large: var(--site-responsive-column-right-width-large);
    --responsive-padding-horizontal: var(--site-responsive-padding-horizontal);
    --responsive-max-width: var(--site-responsive-max-width);
    /* ------------------------------- */
    display: block;
    position: relative;
    inline-size: 100%;
    max-inline-size: var(--responsive-max-width);
    margin-inline: auto;
    margin-block: 0;
    padding-inline: var(--responsive-padding-horizontal);
}

    .responsive > .responsive-row {
        display: flex;
        inline-size: 100%;
        flex-flow: column nowrap;
        padding: 0;
    }

        .responsive > .responsive-row > .responsive-column {
            inline-size: 100%;
            max-inline-size: 100%;
            flex: 1 1 auto;
            margin-inline-start: 0;
        }

/* ------------------------------- */
/* Small screen < 640px */
@media not all and (min-width: 40em) {
    /* Hide the element */
    .responsive .responsive-hidden-small {
        display: none;
    }
}

/* ------------------------------- */
/* Medium screen >=640px */
@media (min-width: 40em) {
    /*  */
    .responsive > .responsive-row {
        flex-flow: row nowrap;
        column-gap: var(--responsive-column-gap);
    }

        /* Set column width */
        .responsive > .responsive-row > .responsive-column.responsive-column-right {
            flex: 0 0 var(--responsive-column-right-width-medium);
        }

        /*  */
/*        .responsive > .responsive-row > .responsive-column > .responsive-column-keep-in-view {
            position: sticky;
            inset-block-start: 0;
        }*/

    /* Hide the element */
    .responsive .responsive-hidden-medium {
        display: none;
    }
}

/* ------------------------------- */
/* Large screen >=1080px */
@media (min-width: 67.5em) {
    /* Set column width */
    .responsive > .responsive-row > .responsive-column.responsive-column-right {
        flex: 0 0 var(--responsive-column-right-width-large);
    }

    /* Hide the element */
    .responsive .responsive-hidden-large {
        display: none;
    }
}

/* ------------------------------- */
/* Extra large screen >=1920px */
@media (min-width: 120em) {
    /* Hide the element */
    .responsive .responsive-hidden-extra-large {
        display: none;
    }
}

/* Ignore Spelling: color Dialog fallback flexbox opsz popup Roboto slnt svg textarea tooltip var viewport wdth webkit wght xml /matchCase */

/**
 * @file site.css - CSS classes for the site
 * @copyright Graymatter Software https://graymatter.com.au
 * @author Graymatter Software <info@graymatter.com.au>
 */

/* ------------------------------- */
/* Fonts */

/** Roboto Flex
    https://fonts.google.com/specimen/Roboto+Flex

    Options: <name:> <code:> <range> <(default)>
      Optical size: opsz: 8..144 (14)
      Slant: slnt: -10..0 (0)
      Width: wdth: 25..151 (100)
      Weight: wght: 100..1000 (400)
      Grade: GRAD: -200..150 (0)
      Thin Stroke X: XOPQ: 27..175 (96)
      Counter Width: XTRA: 323..603 (468)
      Thin Stroke Y: YOPQ: 25..135 (79)
      Ascender Height: YTAS: 649..854 (750)
      Descender Depth: YTDE: -305..-98 (-203)
      Figure Height: YTFI: 560..788 (738)
      Lower-case Height: YTLC: 416..570 (514)
      Upper-case Height: YTUC: 528..760 (712)

    Template with all possible options
    https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,slnt,wdth,wght,GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC@8..144,-10..0,25..151,100..1000,-200..150,27..175,323..603,25..135,649..854,-305..-98,560..788,416..570,528..760&display=swap

    Template for this site
    https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wdth,wght,GRAD,YTAS,YTDE,YTUC@8..144,25..151,100..1000,-200..150,649..854,-305..-98,528..760&display=swap */

@font-face {
    src: url(../fonts/graymatter-software-roboto-flex.woff2) format(woff2) tech(variations), url(../fonts/graymatter-software-roboto-flex.woff2) format('woff2 supports variations'), url(../fonts/graymatter-software-roboto-flex.woff2) format('woff2-variations'), url(../fonts/graymatter-software-roboto-flex.woff2) format(woff2);
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
    font-display: swap;
    font-family: 'Graymatter Software Roboto Flex';
    font-stretch: 25% 151%;
    font-style: normal;
    font-weight: 100 1000;
}

:root, ::backdrop {
    /* ------------------------------- */
    /* Brand ------------------------- */
    /* Green: OKlch from HSL 79, 100%, 36% */
    /*--site-brand-colour-1: oklch(71.38% 0.18882689325159394 128.81958191370032);*/
    /*--site-brand-colour-1: oklch(from #7FBA00 l c h);*/
    --site-brand-colour-1: #7FBA00;
    /* Gold: OKlch from HSL 43, 100%, 50% */
    /*--site-brand-colour-2: oklch(82.48% 0.17089619105621862 79.88425126960739);*/
    /*--site-brand-colour-2: oklch(from #FFB901 l c h);*/
    --site-brand-colour-2: #FFB901;
    /* Light grey: OKlch from HSL 0, 0%, 73% */
    /*--site-brand-colour-3: oklch(78.94% 0 0);*/
    --site-brand-colour-3: oklch(from #BBBBBB l c h);
    /* Dark grey: OKlch from HSL 0, 0%, 47% */
    /*--site-brand-colour-4: oklch(57.22% 0 0);*/
    --site-brand-colour-4: oklch(from #777777 l c h);
    /* Backdrop ---------------------- */
    --site-backdrop-blur: calc(3 / var(--site-rem-calc));
    --site-backdrop-colour: oklch(70% 0 0 / 10%);
    /* Background -------------------- */
    --site-background-colour: oklch(99% 0 0);
    /* Border ------------------------ */
    --site-border-radius: calc(6 / var(--site-rem-calc));
    /* Font -------------------------- */
    --site-font-ascender-height: 'YTAS' 750;
    --site-font-colour: oklch(25% 0 0);
    --site-font-family: 'Graymatter Software Roboto Flex';
    --site-font-family-fallback: system-ui, sans-serif;
    --site-font-letter-spacing: 0.04em;
    --site-font-line-height: 1.7;
    --site-font-size: var(--site-font-size-base);
    --site-font-size-base: calc(18 / var(--site-rem-calc));
    --site-font-stretch: 100%;
    --site-font-weight: 310;
    /* Font - b ---------------------- */
    --site-font-b-letter-spacing: 0.06em;
    --site-font-b-stretch: var(--site-font-stretch);
    --site-font-b-weight: calc(var(--site-font-weight) + 200);
    /* Font - em --------------------- */
    --site-font-em-letter-spacing: var(--site-font-letter-spacing);
    --site-font-em-slant: var(--site-font-italic-slant);
    --site-font-em-stretch: var(--site-font-stretch);
    --site-font-em-weight: var(--site-font-weight);
    /* Font - i ---------------------- */
    --site-font-i-letter-spacing: var(--site-font-letter-spacing);
    --site-font-i-slant: var(--site-font-italic-slant);
    --site-font-i-stretch: var(--site-font-stretch);
    --site-font-i-weight: var(--site-font-weight);
    /* Font - italic ----------------- */
    --site-font-italic-family: 'Graymatter Software Roboto Flex';
    --site-font-italic-letter-spacing: var(--site-font-letter-spacing);
    --site-font-italic-line-height: var(--site-font-line-height);
    --site-font-italic-size: var(--site-font-size-base);
    --site-font-italic-slant: -8;
    --site-font-italic-stretch: var(--site-font-stretch);
    --site-font-italic-weight: var(--site-font-weight);
    /* Font - strong ----------------- */
    --site-font-strong-letter-spacing: var(--site-font-b-letter-spacing);
    --site-font-strong-stretch: var(--site-font-stretch);
    --site-font-strong-weight: calc(var(--site-font-weight) + 200);
    /* Heading ----------------------- */
    --site-font-ascender-height-heading: 'YTAS' 854;
    --site-font-descender-depth-heading: 'YTDE' -305;
    /*--site-font-colour-heading-1: var(--site-brand-colour-2);*/
    /*--site-font-colour-heading-1: color-mix(in oklch, var(--site-brand-colour-2), black 20%);*/
    --site-font-colour-heading-1: color-mix(in srgb, var(--site-brand-colour-2), black 26%);
    --site-font-colour-heading-2: oklch(55% 0 0);
    --site-font-colour-heading-3: oklch(45% 0 0);
    --site-font-colour-heading-4: oklch(35% 0 0);
    --site-font-letter-spacing-heading: 0.03em;
    --site-font-line-height-heading-1: 1.2;
    --site-font-line-height-heading-2: 1.25;
    --site-font-line-height-heading-3: 1.3;
    --site-font-line-height-heading-4: 1.2;
    --site-font-size-heading-1: var(--site-font-size-heading-1-base);
    --site-font-size-heading-2: var(--site-font-size-heading-2-base);
    --site-font-size-heading-3: var(--site-font-size-heading-3-base);
    --site-font-size-heading-4: var(--site-font-size-heading-4-base);
    --site-font-size-heading-1-base: calc(30 / var(--site-rem-calc));
    --site-font-size-heading-2-base: calc(var(--site-font-size-heading-1-base) * 0.85);
    --site-font-size-heading-3-base: calc(var(--site-font-size-heading-1-base) * 0.75);
    --site-font-size-heading-4-base: calc(var(--site-font-size-heading-1-base) * 0.65);
    --site-font-stretch-heading-1: 97%;
    --site-font-stretch-heading-2: 97%;
    --site-font-stretch-heading-3: 98%;
    --site-font-stretch-heading-4: 98%;
    --site-font-uppercase-height-heading: 'YTUC' 760;
    --site-font-weight-heading: 500;
    /* Line -------------------------- */
    --site-line-colour: oklch(from var(--site-brand-colour-1) calc(l * 120%) calc(c * 90%) h);
    --site-line-size: calc(2 / var(--site-rem-calc));
    /* Metrics ----------------------- */
    --site-rem-calc: 16 * 1rem;
    --site-max-width: calc(1200 / var(--site-rem-calc));
    /* Use 8 point formatting rules */
    --site-size-small: calc(4 / var(--site-rem-calc));
    --site-size-medium: calc(8 / var(--site-rem-calc));
    --site-size-large: calc(16 / var(--site-rem-calc));
    /* Outline ----------------------- */
    --site-outline-colour: transparent;
    --site-outline-offset: var(--site-size-small);
    --site-outline-style: dotted;
    --site-outline-width: calc(2 / var(--site-rem-calc));
    /* Selection --------------------- */
    --site-selection-background-colour: var(--site-brand-colour-1);
    --site-selection-colour: white;
    /* Shadow ------------------------ */
    --site-shadow: 0 0 calc(2 / var(--site-rem-calc)) 0 var(--site-shadow-colour);
    --site-shadow-colour: lightgrey;
    /* Transitions ------------------- */
    --site-transition-duration-long: 0.4s;
    --site-transition-duration-medium-long: 0.3s;
    --site-transition-duration-medium-short: 0.2s;
    --site-transition-duration-short: 0.1s;
    --site-transition-timing-function: ease;
    /* ------------------------------- */
    /* Abbreviation ------------------ */
    /* Abbreviation - decoration ----- */
    --site-abbreviation-decoration-colour: var(--site-anchor-colour);
    --site-abbreviation-decoration-colour-hover: var(--site-anchor-colour-active);
    --site-abbreviation-decoration-height: calc(2 / var(--site-rem-calc));
    /* Abbreviation - tooltip -------- */
    --site-abbreviation-tooltip-background-colour: var(--site-background-colour);
    --site-abbreviation-tooltip-border-colour: var(--site-font-colour);
    --site-abbreviation-tooltip-border-radius: calc(var(--site-abbreviation-tooltip-font-size) * 0.3);
    --site-abbreviation-tooltip-border-width: calc(1 / var(--site-rem-calc));
    --site-abbreviation-tooltip-font-size: calc(16 / var(--site-rem-calc));
    --site-abbreviation-tooltip-padding-vertical: calc(var(--site-abbreviation-tooltip-font-size) * 0.3);
    --site-abbreviation-tooltip-padding-horizontal: calc(var(--site-abbreviation-tooltip-font-size) * 0.5);
    /* Abbreviation - transition ----- */
    --site-abbreviation-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-abbreviation-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Anchor ------------------------ */
    /* Anchor - border --------------- */
    --site-anchor-border-radius: var(--site-border-radius);
    /* Anchor - colour --------------- */
    /*--site-anchor-colour: var(--site-brand-colour-1);*/
    --site-anchor-colour: color-mix(in oklch, var(--site-brand-colour-1), black 25%);
    /*--site-anchor-colour-active: oklch(from var(--site-anchor-colour) calc(l * 70%) c h);*/
    --site-anchor-colour-active: color-mix(in oklch, var(--site-anchor-colour), black 40%);
    /*--site-anchor-colour-focus: oklch(from var(--site-anchor-colour) calc(l * 80%) c h);*/
    --site-anchor-colour-focus: color-mix(in oklch, var(--site-anchor-colour), black 30%);
    /*--site-anchor-colour-hover: oklch(from var(--site-anchor-colour) calc(l * 90%) c h);*/
    --site-anchor-colour-hover: color-mix(in oklch, var(--site-anchor-colour), black 20%);
    /* Anchor - decoration ----------- */
    --site-anchor-decoration-border-radius: calc(var(--site-anchor-decoration-height) / 2);
    /*--site-anchor-decoration-colour-active: var(--site-anchor-colour-active);*/
    --site-anchor-decoration-colour-active: color-mix(in oklch, var(--site-anchor-colour), white 10%);
    /*--site-anchor-decoration-colour-focus: var(--site-anchor-colour-focus);*/
    --site-anchor-decoration-colour-focus: color-mix(in oklch, var(--site-anchor-colour), white 30%);
    /*--site-anchor-decoration-colour-hover: var(--site-anchor-colour-hover);*/
    --site-anchor-decoration-colour-hover: color-mix(in oklch, var(--site-anchor-colour), white 50%);
    --site-anchor-decoration-height: calc(2 / var(--site-rem-calc));
    /* Anchor - font ----------------- */
    --site-anchor-font-weight: calc(var(--site-font-weight) * 1.1);
    /* Anchor - transition ----------- */
    --site-anchor-transition-duration-colour: var(--site-transition-duration-short);
    --site-anchor-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-anchor-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Aside ------------------------- */
    /* Aside - background ------------ */
    /* Create pastel colour from brand colour 2 by reducing chroma and increasing lightness */
    /*--site-aside-background-colour: oklch(from var(--site-brand-colour-2) calc(l * 118.8%) calc(c * 17.5545%) h);*/
    /*--site-aside-background-colour: color-mix(in oklch, var(--site-brand-colour-3), white 100%);*/
    --site-aside-background-colour: color-mix(in srgb, var(--site-brand-colour-2), white 90%);
    /*--site-aside-background-colour: white;*/
    /* Aside - border ---------------- */
    --site-aside-border-colour: transparent;
    --site-aside-border-radius: var(--site-border-radius);
    --site-aside-border-width: calc(1 / var(--site-rem-calc));
    /* Aside - heading --------------- */
    --site-aside-heading-colour: color-mix(in srgb, var(--site-brand-colour-2), black 42%);
    --site-aside-heading-font-letter-spacing: var(--site-font-letter-spacing-heading);
    --site-aside-heading-font-line-height: 1.3;
    --site-aside-heading-font-size: calc(22.5 / var(--site-rem-calc));
    --site-aside-heading-font-stretch: 96%;
    --site-aside-heading-font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    --site-aside-heading-font-weight: var(--site-font-weight-heading);
    --site-aside-heading-gap-bottom: var(--site-size-large);
    /* Aside - metrics --------------- */
    --site-aside-gap: var(--site-size-large);
    --site-aside-gap-bottom: calc(var(--site-size-large) + var(--site-size-medium));
    --site-aside-gap-bottom-last-item: 0;
    --site-aside-padding: var(--site-size-medium);
    --site-aside-row-gap-bottom: var(--site-size-small);
    /* Aside - transition ------------ */
    --site-aside-transition-duration: var(--site-transition-duration-long);
    --site-aside-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Button ------------------------ */
    /* Button - background ----------- */
    --site-button-background-colour: color-mix(in srgb, var(--site-brand-colour-2), white 80%);
    --site-button-background-colour-active: color-mix(in srgb, var(--site-brand-colour-2), white 50%);
    --site-button-background-colour-disabled: var(--site-form-item-background-colour-disabled);
    --site-button-background-colour-focus: color-mix(in srgb, var(--site-brand-colour-2), white 50%);
    --site-button-background-colour-hover: color-mix(in srgb, var(--site-brand-colour-2), white 70%);
    /* Button - border --------------- */
    --site-button-border-colour: transparent;
    --site-button-border-colour-active: var(--site-button-background-colour);
    --site-button-border-colour-disabled: transparent;
    --site-button-border-colour-focus: transparent;
    --site-button-border-colour-hover: transparent;
    --site-button-border-radius: var(--site-border-radius);
    --site-button-border-width: calc(2 / var(--site-rem-calc));
    /* Button - colour ----------------- */
    --site-button-colour: color-mix(in srgb, var(--site-brand-colour-1), black 35%);
    --site-button-colour-active: color-mix(in srgb, var(--site-brand-colour-1), black 55%);
    --site-button-colour-disabled: var(--site-form-item-colour-disabled);
    --site-button-colour-focus: color-mix(in srgb, var(--site-brand-colour-1), black 55%);
    --site-button-colour-hover: color-mix(in srgb, var(--site-brand-colour-1), black 45%);
    /* Button - font ----------------- */
    --site-button-font-size: calc(20 / var(--site-rem-calc));
    --site-button-font-weight: var(--site-font-weight-b);
    /* Button - metrics -------------- */
    --site-button-padding: calc(16 / var(--site-rem-calc));
    /* Button - shadow --------------- */
    --site-button-shadow: var(--site-shadow);
    --site-button-shadow-active: var(--site-button-shadow-focus), 0 0 calc(6 / var(--site-rem-calc)) calc(4 / var(--site-rem-calc)) var(--site-button-border-colour-active) inset;
    --site-button-shadow-focus: 0 0 var(--site-size-small) gray;
    --site-button-shadow-hover: 0 0 calc(var(--site-size-small) / 2) gray;
    /* Button - transition ----------- */
    --site-button-transform-active: scale(96%);
    --site-button-transition-duration: var(--site-transition-duration-short);
    --site-button-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Clipboard --------------------- */
    /* Clipboard - colour ------------ */
    --site-clipboard-colour: var(--site-anchor-colour);
    --site-clipboard-colour-active: var(--site-anchor-colour-active);
    --site-clipboard-colour-focus: var(--site-anchor-colour-focus);
    --site-clipboard-colour-hover: var(--site-anchor-colour-hover);
    /* Clipboard - metrics ----------- */
    --site-clipboard-gap: 0.45ch;
    /* Clipboard - transition -------- */
    --site-clipboard-transition-duration: var(--site-transition-duration-short);
    --site-clipboard-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Dialog ------------------------ */
    /* Dialog - backdrop ------------- */
    --site-dialog-backdrop-blur: var(--site-backdrop-blur);
    --site-dialog-backdrop-colour: var(--site-backdrop-colour);
    /* Dialog - background ----------- */
    --site-dialog-background-colour: var(--site-background-colour);
    /* Dialog - border --------------- */
    --site-dialog-border-colour: transparent;
    --site-dialog-border-radius: var(--site-border-radius);
    --site-dialog-border-width: calc(1 / var(--site-rem-calc));
    /* Dialog - font ----------------- */
    --site-dialog-heading-font-colour: var(--site-font-colour-heading-3);
    --site-dialog-heading-font-letter-spacing: var(--site-font-letter-spacing-heading);
    --site-dialog-heading-font-line-height: var(--site-font-line-height-heading-3);
    --site-dialog-heading-font-size: var(--site-font-size-heading-3);
    --site-dialog-heading-font-stretch: var(--site-font-stretch-heading-3);
    --site-dialog-heading-font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    --site-dialog-heading-font-weight: var(--site-font-size-heading-3);
    /* Dialog - metrics -------------- */
    --site-dialog-button-width: calc(160 / var(--site-rem-calc));
    --site-dialog-gap: var(--site-size-large);
    --site-dialog-max-width: calc(720 / var(--site-rem-calc));
    --site-dialog-padding: var(--site-size-large);
    --site-dialog-svg-gap: 0.6ch;
    --site-dialog-svg-size: 1.5em;
    /* Dialog - body overflow indicator */
    --site-dialog-body-overflow-indicator-colour: var(--site-shadow-colour);
    /* Dialog - transition ----------- */
    --site-dialog-transition-duration: var(--site-transition-duration-long);
    --site-dialog-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Footer ------------------------ */
    /* Footer - background ----------- */
    --site-footer-background-colour: oklch(98% 0 0);
    /* Footer - border --------------- */
    --site-footer-border-colour: transparent;
    --site-footer-border-radius: 0;
    --site-footer-border-width: calc(1 / var(--site-rem-calc));
    /* Footer - font ----------------- */
    --site-footer-font-size: var(--site-font-size);
    --site-footer-menu-font-size: var(--site-font-size);
    /* Footer - metrics -------------- */
    --site-footer-max-width: var(--site-max-width);
    --site-footer-menu-gap: var(--site-size-medium);
    --site-footer-padding: var(--site-size-large);
    /* Footer - shadow --------------- */
    --site-footer-shadow: var(--site-shadow);
    /* Footer - transition ----------- */
    --site-footer-transition-duration: var(--site-transition-duration-long);
    --site-footer-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Form -------------------------- */
    /* Form - background ------------- */
    --site-form-item-background-colour: white;
    --site-form-item-background-colour-disabled: oklch(95% 0 0);
    /* Form - border ----------------- */
    --site-form-item-border-colour: transparent;
    --site-form-item-border-colour-focus: transparent;
    --site-form-item-border-colour-hover: transparent;
    --site-form-item-border-radius: var(--site-border-radius);
    --site-form-item-border-width: calc(1 / var(--site-rem-calc));
    /* Form - colour ----------------- */
    --site-form-item-colour-disabled: oklch(64% 0 0);
    /* Form - error ------------------ */
    --site-form-error-background-colour: oklch(98% 0 0);
    --site-form-error-colour: oklch(55% 0.149 23.34);
    --site-form-error-gap: var(--site-size-large);
    --site-form-error-svg-gap: 0.8ch;
    --site-form-error-svg-size: 1.1em;
    /* Form - font ------------------- */
    --site-form-item-font-size: var(--site-font-size);
    --site-form-item-label-font-size: calc(20 / var(--site-rem-calc));
    /* Form - metrics ---------------- */
    --site-form-item-gap: var(--site-size-small);
    --site-form-item-group-gap: calc(var(--site-size-large) + var(--site-size-medium));
    --site-form-item-padding-vertical: calc(var(--site-size-small) * 1.5);
    --site-form-item-padding-horizontal: var(--site-size-medium);
    /* Form - shadow ----------------- */
    --site-form-item-shadow: var(--site-shadow);
    --site-form-item-shadow-focus: 0 0 var(--site-size-small) gray;
    --site-form-item-shadow-hover: 0 0 calc(var(--site-size-small) / 2) gray;
    /* Form - transition ------------- */
    --site-form-transition-duration-item: var(--site-transition-duration-short);
    --site-form-transition-duration-error-fast: var(--site-transition-duration-medium-long);
    --site-form-transition-duration-error-slow: var(--site-transition-duration-long);
    --site-form-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Navigate ---------------------- */
    /* Navigate - background --------- */
    --site-navigate-backdrop-blur: var(--site-backdrop-blur);
    --site-navigate-background-colour: oklch(100% 0 0 / 90%);
    /* Navigate - border ------------- */
    --site-navigate-border-colour: transparent;
    --site-navigate-border-radius: 0;
    --site-navigate-border-width: calc(1 / var(--site-rem-calc));
    --site-navigate-menu-border-colour: transparent;
    --site-navigate-menu-border-radius: var(--site-border-radius);
    --site-navigate-menu-border-width: calc(1 / var(--site-rem-calc));
    /* Navigate - font --------------- */
    --site-navigate-font-letter-spacing: 0.03em;
    --site-navigate-font-size: calc(22.5 / var(--site-rem-calc));
    --site-navigate-font-stretch: 99%;
    --site-navigate-font-weight: 360;
    /* Navigate - logo --------------- */
    --site-navigate-logo-ascender-height: calc(0 / var(--site-rem-calc));
    --site-navigate-logo-decender-height: calc(0 / var(--site-rem-calc));
    --site-navigate-logo-decoration-padding: var(--site-size-medium);
    /* The height of the logo with an appropriate pixel width */
    --site-navigate-logo-height: calc(39 / var(--site-rem-calc));
    /* Navigate - menu item ---------- */
    --site-navigate-menu-item-colour: var(--site-anchor-colour);
    --site-navigate-menu-item-colour-active: var(--site-anchor-colour-active);
    --site-navigate-menu-item-colour-focus: var(--site-anchor-colour-focus);
    --site-navigate-menu-item-colour-hover: var(--site-anchor-colour-hover);
    --site-navigate-menu-item-gap-horizontal: var(--site-size-large);
    --site-navigate-menu-item-padding-horizontal: var(--site-size-large);
    --site-navigate-menu-item-padding-vertical: var(--site-size-large);
    /* Navigate - menu item decoration */
    --site-navigate-menu-item-decoration-border-radius: calc(var(--site-navigate-menu-item-decoration-height) / 2);
    --site-navigate-menu-item-selected-decoration-colour: var(--site-brand-colour-2);
    --site-navigate-menu-item-decoration-height: calc(3 / var(--site-rem-calc));
    /* Navigate - metrics ------------ */
    --site-navigate-account-svg-size: calc(var(--site-size-large) * 2);
    --site-navigate-padding-horizontal: var(--site-size-large);
    --site-navigate-padding-vertical: var(--site-size-medium);
    --site-navigate-max-width: var(--site-max-width);
    /* Navigate - page change -------- */
    --site-navigate-page-change-panel-background-colour: var(--site-background-colour);
    --site-navigate-page-change-panel-image-opacity: 0.2;
    --site-navigate-page-change-panel-image-width: calc(200 / var(--site-rem-calc));
    --site-navigate-page-change-panel-transition-duration-fade-in: var(--site-transition-duration-medium-long);
    --site-navigate-page-change-panel-transition-duration-fade-out: var(--site-transition-duration-medium-long);
    --site-navigate-page-change-panel-transition-timing-function: var(--site-transition-timing-function);
    /* Navigate - shadow ------------- */
    --site-navigate-shadow: var(--site-shadow);
    /* Navigate - small menu --------- */
    --site-navigate-small-menu-item-colour: var(--site-anchor-colour);
    --site-navigate-small-menu-item-colour-active: var(--site-anchor-colour-active);
    --site-navigate-small-menu-item-colour-focus: var(--site-anchor-colour-focus);
    --site-navigate-small-menu-item-colour-hover: var(--site-anchor-colour-hover);
    /* Navigate - popup menu --------- */
    --site-navigate-popup-menu-backdrop-colour: var(--site-backdrop-colour);
    --site-navigate-popup-menu-overflow-colour: var(--site-navigate-menu-item-selected-decoration-colour);
    --site-navigate-popup-menu-overflow-height: 1em;
    --site-navigate-popup-menu-toggle-bar-height: var(--site-size-small);
    --site-navigate-popup-menu-toggle-bar-gap: var(--site-size-medium);
    --site-navigate-popup-menu-toggle-bar-width: calc(32 / var(--site-rem-calc));
    /* Navigate - transitions -------- */
    --site-navigate-transition-duration-toggle-bar: var(--site-transition-duration-long);
    --site-navigate-transition-duration-popup: var(--site-transition-duration-long);
    --site-navigate-transition-duration-colour: var(--site-transition-duration-short);
    --site-navigate-transition-duration-decoration: var(--site-transition-duration-medium-short);
    --site-navigate-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Responsive -------------------- */
    /* Responsive - metrics ---------- */
    --site-responsive-column-gap: calc(var(--site-size-large) * 2);
    --site-responsive-column-right-width-medium: calc(280 / var(--site-rem-calc));
    --site-responsive-column-right-width-large: calc(400 / var(--site-rem-calc));
    --site-responsive-padding-horizontal: var(--site-size-large);
    --site-responsive-max-width: var(--site-max-width);
    /* ------------------------------- */
    /* Scroll ------------------------ */
    /* Scroll - bar ------------------ */
    /*--site-scroll-bar-background-colour: color-mix(in oklch, var(--site-brand-colour-2), white 85%);*/
    --site-scroll-bar-background-colour: transparent;
    --site-scroll-bar-colour: var(--site-brand-colour-2);
    --site-scroll-bar-width: auto;
    /* Scroll - flash ---------------- */
    --site-scroll-flash-animation-delay: 300ms;
    --site-scroll-flash-animation-duration: 2s;
    --site-scroll-flash-animation-timing-function: var(--site-transition-timing-function);
    --site-scroll-flash-border-radius: var(--site-border-radius);
    --site-scroll-flash-colour: var(--site-brand-colour-2);
    /* Scroll - metrics -------------- */
    --site-scroll-gap-top: var(--site-size-large);
    /* Note: --navigate-banner-current-height is set as a style in the html element by navigate.js */
    --site-scroll-padding-top: calc(var(--navigate-banner-current-height) * calc(1 / var(--site-rem-calc)));
    /* Scroll - reading position ----- */
    --site-scroll-reading-position-background-colour: transparent;
    --site-scroll-reading-position-border-radius: calc(2 / var(--site-rem-calc));
    --site-scroll-reading-position-colour: oklch(from var(--site-brand-colour-2) l c h / 50%);
    --site-scroll-reading-position-height: calc(6 / var(--site-rem-calc));
    --site-scroll-reading-position-shadow: var(--site-shadow);
    /* Scroll - to top --------------- */
    --site-scroll-to-top-backdrop-blur: var(--site-backdrop-blur);
    --site-scroll-to-top-background-colour: oklch(100% 0 0 / 40%);
    --site-scroll-to-top-border-colour: transparent;
    --site-scroll-to-top-border-colour-active: oklch(96% 0 0);
    --site-scroll-to-top-border-colour-focus: transparent;
    --site-scroll-to-top-border-colour-hover: transparent;
    --site-scroll-to-top-border-radius: var(--site-border-radius);
    --site-scroll-to-top-border-width: calc(1 / var(--site-rem-calc));
    --site-scroll-to-top-colour: oklch(from var(--site-anchor-colour) l c h / 60%);
    --site-scroll-to-top-colour-active: oklch(from var(--site-anchor-colour) calc(l * 70%) c h);
    --site-scroll-to-top-colour-focus: oklch(from var(--site-anchor-colour) calc(l * 80%) c h);
    --site-scroll-to-top-colour-hover: oklch(from var(--site-anchor-colour) calc(l * 90%) c h);
    --site-scroll-to-top-drop-shadow: 0 0 0.1em white;
    --site-scroll-to-top-gap-horizontal: var(--site-size-large);
    --site-scroll-to-top-gap-vertical: calc(var(--site-size-large) * 4); /* Note: This needs to be a considerable distance from the bottom of the window, as some mobile browsers (Example. Firefox Android) don't seem to like fixed/transitioning elements near their toolbar/status-bar. */
    --site-scroll-to-top-shadow: var(--site-shadow);
    --site-scroll-to-top-shadow-active: var(--site-scroll-to-top-shadow-focus), 0 0 calc(4 / var(--site-rem-calc)) calc(3 / var(--site-rem-calc)) var(--site-scroll-to-top-border-colour-active) inset;
    --site-scroll-to-top-shadow-focus: 0 0 var(--site-size-small) gray;
    --site-scroll-to-top-shadow-hover: 0 0 calc(var(--site-size-small) / 2) gray;
    --site-scroll-to-top-size: calc(var(--site-size-large) * 3);
    --site-scroll-to-top-transform-active: scale(96%);
    --site-scroll-to-top-transition-duration-fast: var(--site-transition-duration-short);
    --site-scroll-to-top-transition-duration-slow: var(--site-transition-duration-long);
    --site-scroll-to-top-transition-timing-function: var(--site-transition-timing-function);
    /* ------------------------------- */
    /* Switch ------------------------ */
    /* Switch background -------------------- */
    --site-switch-background-colour: var(--site-button-background-colour);
    --site-switch-background-colour-active: var(--site-button-background-colour-active);
    --site-switch-background-colour-disabled: var(--site-form-item-background-colour-disabled);
    --site-switch-background-colour-focus: var(--site-button-background-colour-focus);
    --site-switch-background-colour-hover: var(--site-button-background-colour-hover);
    /* Switch border ------------------------ */
    --site-switch-border-colour: transparent;
    --site-switch-border-colour-active: var(--site-button-border-colour-active);
    --site-switch-border-colour-focus: transparent;
    --site-switch-border-colour-hover: transparent;
    --site-switch-border-radius: var(--site-form-item-border-radius);
    --site-switch-border-width: var(--site-form-item-border-width);
    --site-switch-thumb-border-radius: calc(var(--site-switch-border-radius) - (var(--site-switch-gap) - var(--site-switch-border-width)));
    /* Switch colour ------------------------ */
    --site-switch-thumb-colour-disabled: var(--site-form-item-colour-disabled);
    --site-switch-thumb-colour-off: oklch(50% 0 0);
    --site-switch-thumb-colour-off-active: oklch(35% 0 0);
    --site-switch-thumb-colour-off-focus: oklch(40% 0 0);
    --site-switch-thumb-colour-off-hover: oklch(45% 0 0);
    --site-switch-thumb-colour-on: var(--site-anchor-colour);
    --site-switch-thumb-colour-on-active: var(--site-anchor-colour-active);
    --site-switch-thumb-colour-on-focus: var(--site-anchor-colour-focus);
    --site-switch-thumb-colour-on-hover: var(--site-anchor-colour-hover);
    /* Switch - metrics -------------- */
    --site-switch-gap: var(--site-size-small);
    --site-switch-height: calc(var(--site-size-large) + var(--site-size-medium));
    --site-switch-thumb-size: calc(var(--site-switch-height) - (var(--site-switch-gap) * 2));
    --site-switch-width: calc((var(--site-switch-thumb-size) * 2) + (var(--site-switch-gap) * 3));
    /* Switch - outline -------------- */
    --site-switch-outline-colour: var(--site-outline-colour);
    --site-switch-outline-offset: var(--site-outline-offset);
    --site-switch-outline-style: var(--site-outline-style);
    --site-switch-outline-width: var(--site-outline-width);
    /* Switch - shadow --------------- */
    --site-switch-shadow: var(--site-button-shadow);
    --site-switch-shadow-active: var(--site-button-shadow-active);
    --site-switch-shadow-focus: var(--site-button-shadow-focus);
    --site-switch-shadow-hover: var(--site-button-shadow-hover);
    /* Switch - transition ----------- */
    --site-switch-transition-duration: var(--site-transition-duration-medium-short);
    --site-switch-transition-timing-function: ease;
    /* ------------------------------- */
    /* SVG --------------------------- */
    /* SVG - metrics ----------------- */
    --site-svg-external-link-size: 0.6em;
    --site-svg-gap: 0.45ch;
    --site-svg-size: 1em;
    /* SVG - colour ------------------ */
    --site-svg-critical-colour: oklch(55% 0.164 24.21);
    --site-svg-success-colour: var(--site-brand-colour-1);
    --site-svg-warning-colour: var(--site-brand-colour-2);
    /* ------------------------------- */
    /* Toast ------------------------- */
    /* Toast - metrics --------------- */
    --site-toast-gap: var(--site-size-medium);
    --site-toast-max-width: 20em;
    --site-toast-padding: var(--site-size-large);
    /* Toast - transitions ----------- */
    --site-toast-transition-duration: var(--site-transition-duration-long);
    --site-toast-transition-timing-function: var(--site-transition-timing-function);
    /* Toast item - background ------- */
    --site-toast-item-background-colour: rgb(0 0 0 / 0.8);
    /* Toast item - border ----------- */
    --site-toast-item-border-colour: transparent;
    --site-toast-item-border-radius: var(--site-border-radius);
    --site-toast-item-border-width: 0;
    /* Toast item - colour ----------- */
    --site-toast-item-text-colour: var(--site-background-colour);
    /* Toast item - metrics ---------- */
    --site-toast-item-padding: var(--site-size-large);
    --site-toast-item-timeout-milliseconds: 4000;
    /* Toast item - shadow ----------- */
    --site-toast-item-shadow: var(--site-shadow);
}

/* Medium screen ----------------- */
@media (min-width: 40em) {
    :root {
        /* Font -------------------------- */
        --site-font-size: calc(var(--site-font-size-base) * 1.05);
        /* Font - italic ----------------- */
        --site-font-italic-size: calc(var(--site-font-italic-size-base) * 1.05);
        /* Heading ----------------------- */
        --site-font-size-heading-1: calc(var(--site-font-size-heading-1-base) * 1.1);
        --site-font-size-heading-2: calc(var(--site-font-size-heading-2-base) * 1.1);
        --site-font-size-heading-3: calc(var(--site-font-size-heading-3-base) * 1.1);
        --site-font-size-heading-4: calc(var(--site-font-size-heading-4-base) * 1.1);
    }
}

/* Large screen ------------------ */
@media (min-width: 67.5em) {
    :root {
        /* Font -------------------------- */
        --site-font-size: calc(var(--site-font-size-base) * 1.1);
        /* Font - italic ----------------- */
        --site-font-italic-size: calc(var(--site-font-italic-size-base) * 1.1);
        /* Heading ----------------------- */
        --site-font-size-heading-1: calc(var(--site-font-size-heading-1-base) * 1.2);
        --site-font-size-heading-2: calc(var(--site-font-size-heading-2-base) * 1.2);
        --site-font-size-heading-3: calc(var(--site-font-size-heading-3-base) * 1.2);
        --site-font-size-heading-4: calc(var(--site-font-size-heading-4-base) * 1.2);
    }
}

/* ------------------------------- */
::selection {
    background-color: var(--site-selection-background-colour);
    text-shadow: none;
    color: var(--site-selection-colour);
}

/* Set the outline so that it will display correctly in high contrast mode */
*:focus {
    outline-style: var(--site-outline-style);
    outline-width: var(--site-outline-width);
    outline-color: var(--site-outline-colour);
    outline-offset: var(--site-outline-offset);
}

/* ------------------------------- */
html {
    /* Set the colour of the insertion caret */
    caret-color: var(--site-brand-colour-2);
}

/* ------------------------------- */
body {
    /* Create a flexbox so that the footer will stick to the bottom of the page when the page content is less than the page height. See https://dev.to/dailydevtips1/making-a-footer-stick-to-the-bottom-with-css-212g, https://css-tricks.com/the-trick-to-viewport-units-on-mobile/ and https://dev.to/ziizium/how-to-create-a-sticky-website-footer-in-5-different-ways-5515 */
    display: flex;
    min-block-size: 100dvh;
    flex-flow: column nowrap;
    margin: 0;
    background-color: var(--site-background-colour);
    font-family: var(--site-font-family), var(--site-font-family-fallback);
    font-size: var(--site-font-size);
    font-stretch: var(--site-font-stretch);
    font-weight: var(--site-font-weight);
    font-variation-settings: var(--site-font-ascender-height);
    letter-spacing: var(--site-font-letter-spacing);
    color: var(--site-font-colour);
}

main {
    flex: 1 0 auto;
}

section {
    border-radius: var(--site-border-radius);
}

/* ------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-inline: 0;
    margin-block: 0 var(--site-size-large);
    border-radius: var(--site-border-radius);
    font-weight: var(--site-font-weight-heading);
    font-variation-settings: var(--site-font-ascender-height-heading), var(--site-font-descender-depth-heading), var(--site-font-uppercase-height-heading);
    letter-spacing: var(--site-font-letter-spacing-heading);
}

h1 {
    margin-block-start: var(--site-size-large);
    font-size: var(--site-font-size-heading-1);
    font-stretch: var(--site-font-stretch-heading-1);
    line-height: var(--site-font-line-height-heading-1);
    color: var(--site-font-colour-heading-1);
}

h2 {
    margin-block-start: calc(var(--site-size-medium) * -1);
    font-size: var(--site-font-size-heading-2);
    font-stretch: var(--site-font-stretch-heading-2);
    line-height: var(--site-font-line-height-heading-2);
    color: var(--site-font-colour-heading-2);
}

h3 {
    font-size: var(--site-font-size-heading-3);
    font-stretch: var(--site-font-stretch-heading-3);
    line-height: var(--site-font-line-height-heading-3);
    color: var(--site-font-colour-heading-3);
}

h4 {
    margin-block-start: calc(var(--site-size-medium) * -1);
    font-size: var(--site-font-size-heading-4);
    font-stretch: var(--site-font-stretch-heading-4);
    line-height: var(--site-font-line-height-heading-4);
    color: var(--site-font-colour-heading-4);
}

hr {
    block-size: var(--site-line-size);
    margin-block-start: var(--site-size-large);
    margin-block-end: var(--site-size-large);
    border: calc(1 / var(--site-rem-calc)) solid transparent;
    border-radius: calc(var(--site-line-size) / 2);
    background-color: var(--site-line-colour);
}

p {
    margin-block-start: 0;
    margin-block-end: var(--site-size-large);
    line-height: var(--site-font-line-height);
}

b {
    font-stretch: var(--site-font-b-stretch);
    font-weight: var(--site-font-b-weight);
    letter-spacing: var(--site-font-b-letter-spacing);
}

em {
    font-stretch: var(--site-em-font-stretch);
    font-weight: var(--site-em-font-weight);
    font-variation-settings: 'slnt' var(--site-font-em-slant);
    letter-spacing: var(--site-font-em-letter-spacing);
}

i {
    font-stretch: var(--site-font-i-stretch);
    font-weight: var(--site-font-i-weight);
    font-variation-settings: 'slnt' var(--site-font-i-slant);
    letter-spacing: var(--site-font-i-letter-spacing);
}

strong {
    font-stretch: var(--site-font-strong-stretch);
    font-weight: var(--site-font-strong-weight);
    letter-spacing: var(--site-font-strong-letter-spacing);
}

textarea {
    /* For browsers that may not respect resize: none, set minimum height so the user cannot make the textarea smaller than approximately 2 displayable lines */
    min-block-size: calc(var(--site-font-size) * 2);
    /* Stop all textarea elements from being resized in browsers that support resizing by default */
    resize: none;
}

/* ------------------------------- */
/*.italic {
    font-family: var(--site-font-italic-family), var(--site-font-family-fallback);
    font-size: var(--site-font-italic-size);
    font-stretch: var(--site-font-italic-stretch);
    font-weight: var(--site-font-italic-weight);
    font-variation-settings: 'slnt' var(--site-font-italic-slant);
    letter-spacing: var(--site-font-italic-letter-spacing);
    line-height: var(--site-font-italic-line-height);
}*/

.box-shadow {
    box-shadow: var(--site-shadow);
}

/* Use this class with a <p> element. Example: <p class="spacer"></p> */
.spacer {
    margin: 0;
    padding: 0 0 var(--site-size-medium) 0;
    font-size: 0;
    line-height: 0;
}

/* Use this class to stop text from wrapping. Example: <span class="keep-together">text and text</span> */
.keep-together {
    white-space: nowrap;
}

/* Use this class in an element that contains text that is visually hidden but available to screen readers. Do not change from using pixel measurements. Example: <span class="screen-reader-only">This text is only available to screen readers</span> */
.screen-reader-only {
    overflow: hidden !important;
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    clip-path: inset(50%) !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}

/* ------------------------------- */
/* SVG adjustments */
.svg-arrow-down-adjustment {
    --site-svg-size: 0.8em;
}

.svg-arrow-right-adjustment {
    --site-svg-size: 0.8em;
}

.svg-envelope-adjustment {
    --site-svg-size: 0.9em;
}

/* ------------------------------- */
/* Contact form */
/* Header */
.contact-form-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: baseline;
    column-gap: var(--site-size-large);
}
    /* Instructions */
    .contact-form-header p {
        margin-inline-end: calc(3 / var(--site-rem-calc));
        font-size: 0.9em;
    }

    .contact-form-header .svg-inline {
        align-self: normal;
        margin-block-start: 0.06em;
        fill: var(--site-brand-colour-1);
    }

/* High contract mode */
@media (forced-colors: active) {
    .contact-form-header .svg-inline {
        fill: CanvasText;
    }
}

/* Items for instructions in the contact form. The label element is included to force a higher specificity */
.form-item-group label.contact-field-instruction {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: baseline;
}

    /* The right-hand side additional text, such as the 'Optional' indicator and character count */
    .form-item-group label.contact-field-instruction > span {
        margin-inline-end: calc(3 / var(--site-rem-calc));
        font-size: 0.8em;
    }

#contact-message-text {
    /* All the text box to be resized vertically */
    resize: vertical;
    /* Shadow to indicate scroll-ability. See https://codepen.io/chriscoyier/pen/YzXBYvL */
    background-attachment: local, local, scroll, scroll;
    background-image:
    /* Shadow cover top */
    linear-gradient(var(--site-form-item-background-colour) 30%, transparent),
    /* Shadow cover bottom */
    linear-gradient(transparent, var(--site-form-item-background-colour) 70%),
    /* Shadow top */
    radial-gradient(farthest-side at 50% 0, var(--site-shadow-colour), transparent),
    /* Shadow bottom */
    radial-gradient(farthest-side at 50% 100%, var(--site-shadow-colour), transparent);
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    background-size: 100% 2em, 100% 2em, 100% 1em, 100% 1em;
}

    /* Resize element in the corner of the textarea. See https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar, https://davidwalsh.name/style-textarea-resizer, https://davidwalsh.name/demo/webkit-resizer.php. Note: This will not work in Firefox */
    #contact-message-text::-webkit-resizer {
        /* The Outline is used as the dot in the resize element, with a negative offset */
        outline: calc(2 / var(--site-rem-calc)) solid var(--site-scroll-bar-colour);
        /* The offset is large but the element will only use as much as it needs, resulting in the dot being centred */
        outline-offset: calc(-20 / var(--site-rem-calc));
        /* The border radius will make the outline into a circle/dot */
        border-radius: 50%;
        background: transparent;
    }

    #contact-message-text::-webkit-scrollbar-corner {
        /* When the scrollbar is visible, this will add the same background colour as the scrollbar to the resize corner */
        background: var(--site-scroll-bar-background-colour);
    }

    #contact-message-text:disabled {
        /* Remove the background attachment settings and image, so they don't interfere with the disabled colouring */
        background-attachment: initial;
        background-image: none;
    }

.contact-email-button-group {
    display: flex;
    inline-size: 100%;
    flex-flow: row nowrap;
    column-gap: var(--site-size-large);
    margin-block-start: var(--site-size-large);
    margin-block-end: var(--site-size-large);
}

    .contact-email-button-group button {
        /* Allow the buttons to shrink */
        flex: 0 1 calc(160 / var(--site-rem-calc));
    }

    .contact-email-button-group :is(.svg-inline, :has(> .svg-inline)) {
        --site-svg-gap: 0.6ch;
        --site-svg-size: 1.2em;
    }

#send-email > span {
    position: relative;
}

.send-email-caption {
    visibility: visible;
    opacity: 1;
    transition-property: opacity, visibility;
    transition-duration: var(--site-transition-duration-long);
    transition-timing-function: var(--site-transition-timing-function);
}

[data-sending] .send-email-caption {
    visibility: hidden;
    opacity: 0;
}

.sending-email-caption {
    display: flex;
    position: absolute;
    inset-inline-start: 50%;
    inset-block-start: 50%;
    visibility: hidden;
    opacity: 0;
    align-items: center;
    column-gap: 0.9ch;
    line-height: 1.2;
    transform: translate(-50%, -50%);
    transition-property: opacity, visibility;
    transition-duration: var(--site-transition-duration-long);
    transition-timing-function: var(--site-transition-timing-function);
}

[data-sending] .sending-email-caption {
    visibility: visible;
    opacity: 1;
}

[data-sending] .contact-form-spinner {
    animation-play-state: running;
}

/* ------------------------------- */
/* Contact Form Spinner - working/wait indicator */
.contact-form-spinner {
    display: inline-block;
    inline-size: 1.2em;
    block-size: 1.2em;
    border-style: solid;
    border-width: calc(3 / var(--site-rem-calc));
    border-color: rgba(238, 173, 83, 0.8) rgba(238, 173, 83, 0.1);
    border-radius: 50%;
    animation: spinner 2s linear infinite;
    animation-play-state: paused;
}

/* Spinner animation */
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* ------------------------------- */
/* Contact QR code */
.qr-code-small {
    display: block;
    inline-size: max(40%, 10rem);
    cursor: pointer;
    margin-inline: auto;
    border: calc(1 / var(--site-rem-calc)) solid transparent;
    border-radius: var(--site-border-radius);
    background-color: var(--site-form-item-background-colour);
    padding: var(--site-size-medium);
    font-size: 70%;
    text-align: center;
}

    .qr-code-small > span {
        /* Use flex so the children can be centred */
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        /* Add a space between the QR code and the button text */
        margin-block-end: var(--site-size-medium);
    }

        /* Logo on top of the QR code */
        .qr-code-small > span > svg:last-of-type {
            position: absolute;
            /* Reduce the size of the logo to a percentage of the container size */
            inline-size: 20%;
        }

.qr-code-large {
    display: flex;
    position: relative;
    aspect-ratio: 1/1;
    inline-size: auto;
    /* Note: --scrollbar-width is set as pixels in qr-code.js */
    block-size: min(100dvw - (var(--site-dialog-padding) * 4) - (var(--site-dialog-border-width) * 2) - (var(--scrollbar-width) * 1px), 100dvh - (var(--site-dialog-padding) * 4) - (var(--site-dialog-border-width) * 2) - (var(--site-dialog-padding) * 3) - (var(--site-button-border-width) * 2));
    justify-content: center;
    align-items: center;
}
    /* Format the QR code SVG */
    .qr-code-large > svg:first-of-type {
        /* Force the QR code to stretch to fill the container. Not sure why this is necessary. Without it the QR code doesn't always fill the container correctly during resizing. */
        align-self: stretch;
    }

    /* Logo on top of the QR code */
    .qr-code-large > svg:last-of-type {
        position: absolute;
        /* Reduce the size of the logo to a percentage of the container size */
        inline-size: 20%;
    }

#qr-code-dialog {
    /*  */
    --site-dialog-max-width: 100%;
}

    #qr-code-dialog .dialog-header {
        padding-block-end: var(--site-dialog-padding);
        line-height: 0;
        /* Move the contents, the close button, to the right side */
        text-align: end;
    }

    #qr-code-dialog .dialog-body {
        /*  */
        padding: 0;
    }

    #qr-code-dialog [data-dialog-close] {
        padding: var(--site-dialog-padding);
    }

        #qr-code-dialog [data-dialog-close] > span {
            display: flex;
            position: relative;
            justify-content: center;
            align-items: center;
        }

            #qr-code-dialog [data-dialog-close] > span span {
                display: block;
                position: absolute;
                inline-size: calc(24 / var(--site-rem-calc));
                block-size: calc(4 / var(--site-rem-calc));
                border: calc(2 / var(--site-rem-calc)) solid transparent;
                border-radius: calc(2 / var(--site-rem-calc));
                background-color: var(--site-brand-colour-1);
            }

                /* Rotate top bar */
                #qr-code-dialog [data-dialog-close] > span span:first-child {
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

                /* Rotate bottom bar */
                #qr-code-dialog [data-dialog-close] > span span:last-child {
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

/* QR code gradients */
.qr-code-gradient-1 {
    stop-color: var(--site-brand-colour-2);
    stop-opacity: 1;
}

.qr-code-gradient-2 {
    stop-color: var(--site-brand-colour-4);
    stop-opacity: 1;
}

.qr-code-gradient-3 {
    stop-color: var(--site-brand-colour-1);
    stop-opacity: 1;
}