/* Minification failed. Returning unminified contents.
(287,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(354,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(417,23): run-time error CSS1039: Token not allowed after unary operator: '-font-highlight'
(430,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(439,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(441,39): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-shadow'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(468,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onDark'
(473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(487,24): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(489,35): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-shadow'
(493,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(497,18): run-time error CSS1030: Expected identifier, found '.'
(497,40): run-time error CSS1031: Expected selector, found ')'
(497,40): run-time error CSS1025: Expected comma or open brace, found ')'
(506,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(565,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(566,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(568,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(581,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(603,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img'
(603,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon'
(627,28): run-time error CSS1039: Token not allowed after unary operator: '-readonly-bg'
(628,24): run-time error CSS1039: Token not allowed after unary operator: '-readonly-border'
(642,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(656,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(665,21): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onDark-reverse'
(669,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(679,35): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-button'
(688,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(689,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(695,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(696,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(697,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(701,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-border'
(702,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-surface'
(703,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-labeling'
(707,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-surface'
(708,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-labeling'
(715,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(716,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(717,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(721,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(722,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(723,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(727,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-labeling'
(728,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(729,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(734,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(735,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(736,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(740,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(741,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(747,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(748,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(749,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(753,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-labeling'
(758,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(759,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(760,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(764,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(768,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(772,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(773,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(782,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(783,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(784,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(788,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-border'
(789,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-surface'
(790,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-labeling'
(802,32): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-surface'
(803,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-labeling'
(810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(814,17): run-time error CSS1039: Token not allowed after unary operator: '-color-status-green'
(818,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(822,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(826,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-labeling'
(832,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(836,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(840,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-labeling'
(844,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(848,23): run-time error CSS1039: Token not allowed after unary operator: '-font-link'
(852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(885,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(891,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(892,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(893,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(893,50): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(893,76): run-time error CSS1039: Token not allowed after unary operator: '-color-background'
(903,23): run-time error CSS1039: Token not allowed after unary operator: '-font-link'
(907,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(911,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(1052,28): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onDark-primary'
(1054,32): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onDark-reverse'
(1128,23): run-time error CSS1039: Token not allowed after unary operator: '-font-label'
(1129,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(1161,39): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(1355,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(1356,24): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(1360,24): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(1429,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(1453,52): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(1463,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(1470,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(1474,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(1478,23): run-time error CSS1039: Token not allowed after unary operator: '-font-heading2'
(1481,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(1485,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(1550,61): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1550,65): run-time error CSS1046: Expect comma, found '-'
(1550,66): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-primary-rgb'
(1550,81): run-time error CSS1046: Expect comma, found ')'
(1550,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1551,61): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1551,65): run-time error CSS1046: Expect comma, found '-'
(1551,66): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-secondary-rgb'
(1551,83): run-time error CSS1046: Expect comma, found ')'
(1551,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1552,61): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1552,65): run-time error CSS1046: Expect comma, found '-'
(1552,66): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-success-rgb'
(1552,81): run-time error CSS1046: Expect comma, found ')'
(1552,82): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1553,64): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1553,68): run-time error CSS1046: Expect comma, found '-'
(1553,69): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-danger-rgb'
(1553,83): run-time error CSS1046: Expect comma, found ')'
(1553,84): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1554,64): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1554,68): run-time error CSS1046: Expect comma, found '-'
(1554,69): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-warning-rgb'
(1554,84): run-time error CSS1046: Expect comma, found ')'
(1554,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1555,61): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1555,65): run-time error CSS1046: Expect comma, found '-'
(1555,66): run-time error CSS1047: Expected number or percentage value in rgb function, found '-bs-info-rgb'
(1555,78): run-time error CSS1046: Expect comma, found ')'
(1555,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1568,23): run-time error CSS1039: Token not allowed after unary operator: '-font-label'
(1623,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(1635,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(1645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-labeling'
(1649,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-labeling'
(1666,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(1676,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(1687,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-enabled-surface'
(1697,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(1709,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(1747,17): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(1771,22): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(1779,22): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(1783,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-symbol-disabled-surface'
(1827,22): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(1863,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-dividing'
(1873,32): run-time error CSS1039: Token not allowed after unary operator: '-color-line-dividing'
(1886,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(1978,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(2024,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-surface'
(2025,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(2027,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(2036,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-border'
(2038,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-surface'
(2039,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-hover-labeling'
(2051,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-surface'
(2052,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-labeling'
(2194,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(2195,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2214,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(2215,22): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2223,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(2224,22): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2232,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onDark'
(2233,22): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(2298,20): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(2364,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(2370,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(2376,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(2421,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2550,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(2554,24): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(2558,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2559,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(2560,24): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-primary'
(2564,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(2565,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(2566,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(2570,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-surface'
(2571,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-labeling'
(2572,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-border'
(2577,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-surface'
(2578,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-labeling'
(2590,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2616,21): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(2620,15): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(2624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2644,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(2645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onDark'
(2646,24): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(2845,28): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(3118,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(3119,32): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(3309,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,153): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,184): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,215): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,246): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,277): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,308): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,339): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,370): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,402): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,434): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,466): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,498): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,530): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,562): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,594): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,658): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,690): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,722): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,754): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,786): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,818): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,850): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,882): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,914): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,946): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,978): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1010): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1042): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1074): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1106): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1138): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1170): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1202): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1234): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1266): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1298): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1394): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1426): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1458): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1490): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1522): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1554): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1586): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1650): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1682): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1714): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1746): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1778): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1810): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1842): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1874): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1906): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1938): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,1970): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2002): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2034): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2066): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2098): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2130): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2162): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2194): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2226): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2258): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2290): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2322): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2354): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2386): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2418): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2450): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2482): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2546): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2578): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2610): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2642): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2674): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2706): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2738): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2770): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2802): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2866): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2898): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2930): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2962): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,2994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3026): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3058): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3090): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3122): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3186): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3218): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3250): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3283): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3316): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3349): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3382): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3415): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3448): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3481): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3514): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3547): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3580): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3613): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3646): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3679): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3712): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3745): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3778): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3811): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3844): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3877): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3910): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3943): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,3976): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4009): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4042): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4075): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4108): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4174): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4207): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4240): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4273): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4306): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4339): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4372): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4405): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4438): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4471): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4504): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4537): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4570): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4603): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4636): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4669): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4702): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4735): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4768): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4801): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4834): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4867): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4900): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4933): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4966): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,4999): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5032): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5065): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5098): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5197): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5230): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5263): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5296): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5329): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5362): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5428): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5461): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5494): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5527): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5560): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5593): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5626): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5659): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5692): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5725): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5758): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5791): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5824): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5857): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5890): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5923): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5956): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5989): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6022): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6055): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6088): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6121): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6154): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6187): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6220): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6253): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6286): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6319): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6352): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6385): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6418): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6451): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6484): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6517): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6550): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6583): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6616): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6649): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6682): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6715): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6748): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6781): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6814): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6847): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6880): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6913): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6946): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,6979): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7012): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7045): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7078): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7111): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7177): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7210): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7276): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7309): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7342): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7375): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7408): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7441): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7474): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7507): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7540): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7573): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7606): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7639): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7672): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7705): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7738): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7771): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7804): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7837): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7870): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7903): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7936): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7969): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,7999): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8037): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8062): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8095): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8118): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8148): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8203): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8231): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8259): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8283): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8305): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8330): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8355): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8387): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,8486): run-time error CSS1062: Expected semicolon or closing curly-brace, found '{'
(3309,8845): run-time error CSS1039: Token not allowed after unary operator: '-iti-border-width'
(3309,9222): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-padding'
(3309,9249): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,9343): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-padding'
(3309,9390): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-size'
(3309,9419): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-size'
(3309,9476): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-width'
(3309,9505): run-time error CSS1039: Token not allowed after unary operator: '-iti-icon-color'
(3309,9541): run-time error CSS1039: Token not allowed after unary operator: '-iti-arrow-width'
(3309,9570): run-time error CSS1039: Token not allowed after unary operator: '-iti-icon-color'
(3309,9731): run-time error CSS1039: Token not allowed after unary operator: '-iti-country-selector-bg'
(3309,9787): run-time error CSS1035: Expected colon, found '&'
(3309,10070): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,10101): run-time error CSS1039: Token not allowed after unary operator: '-iti-globe-icon-size'
(3309,10130): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,10179): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,10210): run-time error CSS1039: Token not allowed after unary operator: '-iti-clear-icon-size'
(3309,10239): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,10264): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3309,10576): run-time error CSS1039: Token not allowed after unary operator: '-iti-border-color'
(3309,10641): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,10698): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3309,10789): run-time error CSS1039: Token not allowed after unary operator: '-iti-globe-icon-size'
(3309,10823): run-time error CSS1039: Token not allowed after unary operator: '-iti-globe-icon-size'
(3309,10871): run-time error CSS1039: Token not allowed after unary operator: '-iti-icon-color'
(3309,10966): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,11078): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,11220): run-time error CSS1035: Expected colon, found '{'
(3309,11448): run-time error CSS1039: Token not allowed after unary operator: '-iti-clear-icon-size'
(3309,11482): run-time error CSS1039: Token not allowed after unary operator: '-iti-clear-icon-size'
(3309,11718): run-time error CSS1035: Expected colon, found '&'
(3309,11806): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@media'
(3309,11914): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,11957): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,11994): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(3309,12120): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,12187): run-time error CSS1039: Token not allowed after unary operator: '-iti-icon-color'
(3309,12239): run-time error CSS1039: Token not allowed after unary operator: '-iti-clear-icon-size'
(3309,12273): run-time error CSS1039: Token not allowed after unary operator: '-iti-clear-icon-size'
(3309,12357): run-time error CSS1039: Token not allowed after unary operator: '-iti-spacer-horizontal'
(3309,12395): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3309,12520): run-time error CSS1039: Token not allowed after unary operator: 'input'
(3309,12525): run-time error CSS1019: Unexpected token, found '['
(3309,12525): run-time error CSS1042: Expected function, found '['
(3309,12525): run-time error CSS1062: Expected semicolon or closing curly-brace, found '['
(3309,12996): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(3309,13125): run-time error CSS1039: Token not allowed after unary operator: '-iti-flip-above'
(3309,13290): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(3309,13729): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-height'
(3309,13758): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-width'
(3309,13849): run-time error CSS1039: Token not allowed after unary operator: '-iti-path-flags-1x'
(3309,13877): run-time error CSS1039: Token not allowed after unary operator: '-iti-path-flags-2x'
(3309,13959): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-offset'
(3309,13989): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-width'
(3309,14035): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-count'
(3309,14059): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-width'
(3309,14082): run-time error CSS1039: Token not allowed after unary operator: '-iti-flag-height'
(3309,14164): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
(3309,14529): run-time error CSS1035: Expected colon, found ','
(3309,15002): run-time error CSS1039: Token not allowed after unary operator: '-iti-strict-reject-flash-color'
(3309,15091): run-time error CSS1039: Token not allowed after unary operator: '-iti-globe-icon-size'
(3309,15193): run-time error CSS1035: Expected colon, found '{'
(3309,15374): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,15418): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,7): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,144): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,171): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,201): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,243): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,271): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,297): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,320): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,347): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,372): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,397): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,417): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,437): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,457): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,485): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,808): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,840): run-time error CSS1039: Token not allowed after unary operator: '-ss-main-height'
(3311,881): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,933): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-color'
(3311,970): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,1011): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,1090): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,1167): run-time error CSS1039: Token not allowed after unary operator: '-ss-focus-color'
(3311,1227): run-time error CSS1039: Token not allowed after unary operator: '-ss-disabled-color'
(3311,1322): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,1640): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,1736): run-time error CSS1030: Expected identifier, found '.'
(3311,1752): run-time error CSS1031: Expected selector, found ')'
(3311,1752): run-time error CSS1025: Expected comma or open brace, found ')'
(3311,1882): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,1902): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,1922): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,1942): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,2009): run-time error CSS1039: Token not allowed after unary operator: '-ss-placeholder-color'
(3311,2211): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,2252): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,2272): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,2309): run-time error CSS1039: Token not allowed after unary operator: '-ss-primary-color'
(3311,2347): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,2437): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,2651): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,2671): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,2691): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,2711): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,3001): run-time error CSS1039: Token not allowed after unary operator: '-ss-primary-color'
(3311,3039): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,3108): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,3284): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,3445): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,3472): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,3492): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,3656): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,3682): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,3710): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,3730): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,3787): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,3887): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,3913): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,4006): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,4215): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,4237): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,4352): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,4557): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,4582): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,4643): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,4770): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,5034): run-time error CSS1039: Token not allowed after unary operator: '-ss-content-height'
(3311,5098): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-color'
(3311,5138): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,5178): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,5213): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,5499): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,5547): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,5650): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,5701): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,5868): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-color'
(3311,6024): run-time error CSS1039: Token not allowed after unary operator: '-ss-search-height'
(3311,6056): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,6076): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,6134): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,6249): run-time error CSS1039: Token not allowed after unary operator: '-ss-placeholder-color'
(3311,6501): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,6538): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-color'
(3311,6575): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-radius'
(3311,6744): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,6769): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,6850): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,7006): run-time error CSS1039: Token not allowed after unary operator: '-ss-border-color'
(3311,7147): run-time error CSS1039: Token not allowed after unary operator: '-ss-error-color'
(3311,7177): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,7238): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,7267): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,7354): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,7394): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,7438): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,7485): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,7528): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,7574): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,8042): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,8062): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,8082): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,8102): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,8236): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,8309): run-time error CSS1030: Expected identifier, found '.'
(3311,8318): run-time error CSS1031: Expected selector, found ')'
(3311,8318): run-time error CSS1025: Expected comma or open brace, found ')'
(3311,8506): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,8896): run-time error CSS1039: Token not allowed after unary operator: '-ss-error-color'
(3311,9122): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,9389): run-time error CSS1039: Token not allowed after unary operator: '-ss-success-color'
(3311,10095): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,10222): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,10302): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,10322): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,10342): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-s'
(3311,10367): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,10465): run-time error CSS1039: Token not allowed after unary operator: '-ss-option-height'
(3311,10497): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,10517): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,10537): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,10557): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,10602): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,10717): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,10753): run-time error CSS1039: Token not allowed after unary operator: '-ss-primary-color'
(3311,10799): run-time error CSS1039: Token not allowed after unary operator: '-ss-primary-color'
(3311,10846): run-time error CSS1039: Token not allowed after unary operator: '-ss-animation-timing'
(3311,10993): run-time error CSS1039: Token not allowed after unary operator: '-ss-bg-color'
(3311,11029): run-time error CSS1039: Token not allowed after unary operator: '-ss-primary-color'
(3311,11133): run-time error CSS1039: Token not allowed after unary operator: '-ss-disabled-color'
(3311,11214): run-time error CSS1039: Token not allowed after unary operator: '-ss-font-color'
(3311,11326): run-time error CSS1039: Token not allowed after unary operator: '-ss-highlight-color'
(3311,11443): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,11463): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3311,11483): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-m'
(3311,11503): run-time error CSS1039: Token not allowed after unary operator: '-ss-spacing-l'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3398,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3408,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3418,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3683,23): run-time error CSS1039: Token not allowed after unary operator: '-font-heading1'
(3686,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(3690,23): run-time error CSS1039: Token not allowed after unary operator: '-font-heading2'
(3693,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(3699,23): run-time error CSS1039: Token not allowed after unary operator: '-font-subheading'
(3703,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(3709,23): run-time error CSS1039: Token not allowed after unary operator: '-font-subheading'
(3713,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(3718,23): run-time error CSS1039: Token not allowed after unary operator: '-font-subheading'
(3722,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(3726,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(3730,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(3734,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3738,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(3742,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3746,23): run-time error CSS1039: Token not allowed after unary operator: '-font-highlight-flat'
(3750,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3758,23): run-time error CSS1039: Token not allowed after unary operator: '-font-highlight'
(3762,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3770,23): run-time error CSS1039: Token not allowed after unary operator: '-font-link'
(3774,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3778,23): run-time error CSS1039: Token not allowed after unary operator: '-font-link'
(3782,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(3786,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(3790,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(3794,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3798,23): run-time error CSS1039: Token not allowed after unary operator: '-font-label'
(3802,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3806,23): run-time error CSS1039: Token not allowed after unary operator: '-font-tooltip'
(3810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(3814,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-standard'
(3817,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-standard'
(3821,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-standard'
(3824,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-standard'
(3828,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-subh'
(3831,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-subh'
(3836,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-32-42'
(3839,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-38-48'
(3840,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3850,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-32-42'
(3853,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-38-48'
(3854,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3865,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-24-32'
(3866,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-28-38'
(3873,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-24-32'
(3876,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-28-38'
(3877,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3887,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-18-24'
(3890,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3891,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3901,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(3904,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3905,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3915,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-22'
(3918,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3919,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3929,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-22'
(3932,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3933,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3944,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(3947,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3948,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(3959,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-22'
(3962,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3963,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(3972,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(3975,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3976,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(3985,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(3988,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(3989,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(3999,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4002,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4003,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(4014,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4017,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4018,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4028,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4031,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4032,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4042,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4045,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4046,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4056,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4059,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4060,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4072,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-11-13'
(4075,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-16'
(4076,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4088,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-11-13'
(4091,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-16'
(4092,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(4102,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(4105,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(4106,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(4115,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(4126,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-11-13'
(4129,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-16'
(4130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-subdued'
(4138,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(4142,17): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(4151,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(4159,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-heading'
(4162,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-heading'
(4166,23): run-time error CSS1039: Token not allowed after unary operator: '-font-heading1'
(4167,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-heading'
(4169,23): run-time error CSS1039: Token not allowed after unary operator: '-headline-font-weight'
(4170,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-heading'
(4171,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(4182,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-18'
(4185,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-26'
(4189,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fs-h2'
(4192,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-lh-h2'
(4218,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-11-13'
(4219,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-16'
(4264,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-11-13'
(4266,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-16'
(4267,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(4272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4273,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4274,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4275,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4276,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4281,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-navbar-padding-lr'
(4282,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-navbar-padding-lr'
(4301,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-bg-color'
(4305,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-navbar-pt'
(4306,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-navbar-pb'
(4310,18): run-time error CSS1039: Token not allowed after unary operator: '-hk--logo-height'
(4315,22): run-time error CSS1039: Token not allowed after unary operator: '-hk--logo-height-sm'
(4320,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-navbar-color'
(4355,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-max-width'
(4356,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-mlr'
(4361,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-secondary'
(4373,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-primary'
(4374,38): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4375,39): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4384,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-secondary-container-bg-color'
(4386,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(4387,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(4388,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(4395,27): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-160'
(4396,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-160'
(4397,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-16-37'
(4408,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-64'
(4413,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4416,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(4417,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(4430,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-subdued'
(4435,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4445,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4463,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4464,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4465,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-top'
(4473,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4474,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4475,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-top'
(4489,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(4493,16): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(4494,18): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(4500,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4501,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4502,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(4507,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4508,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4514,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4515,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4525,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-11-15'
(4525,42): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(4534,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4535,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4542,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4543,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4550,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-34-48'
(4551,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-7-11'
(4551,41): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(4553,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(4558,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(4560,39): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-shadow'
(4593,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4593,37): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4642,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(4646,28): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(4648,39): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-shadow'
(4678,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(4678,42): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(4688,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4689,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4690,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-32'
(4693,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-32'
(4705,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-secondary-container-bg-color'
(4706,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4713,38): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4714,39): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4719,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4723,42): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4724,43): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4743,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-32'
(4750,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-32'
(4755,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-primary'
(4760,20): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-bullet-20'
(4761,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-bullet-20'
(4762,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-bullet-20'
(4763,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-bullet-20'
(4764,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-bullet-20'
(4768,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-interactive'
(4769,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-reverse'
(4776,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4777,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(4778,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-32'
(4779,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-secondary-container-bg-color'
(4780,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4781,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(4786,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4796,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-home-img-width'
(4808,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(4819,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4820,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(4854,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(4858,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-11-15'
(4858,42): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(4859,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(4874,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(4883,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(4886,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-floating'
(4910,34): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4911,37): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(4922,38): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4923,41): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(4955,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(4964,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(4976,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(4998,24): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onDark-reverse'
(5002,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5006,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5037,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(5046,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(5057,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(5069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5085,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(5094,33): run-time error CSS1039: Token not allowed after unary operator: '-wa-focus-stroke'
(5106,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5111,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5112,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5113,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(5114,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(5115,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(5120,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-secondary'
(5121,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(5130,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(5135,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-secondary'
(5142,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5162,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-filter-inactive-text'
(5163,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-filter-inactive-surface'
(5171,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-secondary'
(5189,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-filter-active-text'
(5190,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-filter-active-surface'
(5194,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(5195,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5196,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5201,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(5211,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-216-272'
(5230,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5237,35): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(5255,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-52'
(5260,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5261,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5264,33): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-216-272'
(5264,75): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-52'
(5266,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-52'
(5267,30): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-52'
(5276,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-52'
(5282,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5283,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5330,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-24-48'
(5334,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(5335,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(5349,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(5366,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(5406,20): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-primary'
(5410,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5411,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-54'
(5418,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5424,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5436,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(5445,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-104-362'
(5579,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(5586,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5587,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5588,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(5588,41): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5590,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-surface'
(5591,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-text'
(5594,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(5597,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5630,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-22'
(5633,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5634,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(5643,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(5648,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(5651,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(5654,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5655,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(5665,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5666,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5669,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5671,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(5674,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(5677,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5678,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(5687,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5688,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5690,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5692,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(5696,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-11-13'
(5698,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5712,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5716,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5717,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5718,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5722,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5731,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(5734,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5735,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(5757,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(5772,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(5787,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(5791,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(5794,20): run-time error CSS1030: Expected identifier, found ','
(5794,56): run-time error CSS1031: Expected selector, found ')'
(5794,56): run-time error CSS1025: Expected comma or open brace, found ')'
(5810,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-secondary'
(5815,23): run-time error CSS1039: Token not allowed after unary operator: '-font-subheading'
(5819,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(5823,37): run-time error CSS1030: Expected identifier, found '>'
(5823,56): run-time error CSS1031: Expected selector, found ')'
(5823,56): run-time error CSS1025: Expected comma or open brace, found ')'
(5829,49): run-time error CSS1030: Expected identifier, found '>'
(5829,68): run-time error CSS1031: Expected selector, found ')'
(5829,68): run-time error CSS1025: Expected comma or open brace, found ')'
(5838,23): run-time error CSS1039: Token not allowed after unary operator: '-font-subheading'
(5842,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-headline'
(5851,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(5855,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-secondary'
(5869,38): run-time error CSS1030: Expected identifier, found ','
(5869,58): run-time error CSS1031: Expected selector, found ')'
(5869,58): run-time error CSS1025: Expected comma or open brace, found ')'
(5883,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(5884,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(5885,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(5893,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-border'
(5894,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-surface'
(5895,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-labeling'
(5903,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(5926,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5927,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(5928,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(5928,41): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(5929,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(5930,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-surface'
(5931,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-text'
(5934,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(5937,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(5972,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(5979,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-primary'
(5983,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(6016,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6017,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6018,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6019,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6025,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(6050,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-surface'
(6055,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-96'
(6056,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-96'
(6064,27): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6065,30): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6066,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6074,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-max-width'
(6094,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(6095,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(6096,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(6114,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-surface'
(6115,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-disabled-labeling'
(6120,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6121,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6125,20): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(6130,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(6131,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(6141,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(6142,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(6147,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(6148,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(6152,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-15'
(6162,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(6168,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6174,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(6175,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-surface'
(6188,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-mlr'
(6190,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6191,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6209,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-max-width'
(6224,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-40'
(6227,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-primary'
(6252,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-1-2'
(6255,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-34'
(6256,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-34'
(6258,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(6259,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(6260,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(6271,26): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-secondary'
(6278,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(6280,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(6281,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6282,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6288,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(6316,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(6360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6362,26): run-time error CSS1039: Token not allowed after unary operator: '-side-w'
(6363,27): run-time error CSS1039: Token not allowed after unary operator: '-side-w'
(6364,17): run-time error CSS1039: Token not allowed after unary operator: '-side-w'
(6365,18): run-time error CSS1039: Token not allowed after unary operator: '-side-w'
(6371,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6388,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6394,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(6394,42): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(6403,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6404,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(6430,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(6431,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(6432,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(6435,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(6436,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(6444,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(6445,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(6446,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(6447,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(6447,41): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(6449,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(6450,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-linkcell-primary-text'
(6455,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-24'
(6456,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-24'
(6460,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-primary'
(6465,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(6466,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(6469,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(6470,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(6475,53): run-time error CSS1039: Token not allowed after unary operator: '-wa-special-diagram-neutral'
(6475,88): run-time error CSS1039: Token not allowed after unary operator: '-wa-special-diagram-neutral'
(6476,27): run-time error CSS1039: Token not allowed after unary operator: '-percent'
(6488,31): run-time error CSS1039: Token not allowed after unary operator: '-percent'
(6501,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(6502,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(6509,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(6510,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(6516,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(6517,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(6545,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6546,35): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(6555,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6559,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-24'
(6560,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-18-24'
(6571,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-dark-gray'
(6575,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-darker-grey'
(6637,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-48'
(6742,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-4-8'
(6746,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(6750,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(6754,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6758,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(6762,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-32'
(6766,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-40'
(6770,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6774,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(6778,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-48'
(6782,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-64'
(6786,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-88-112'
(6906,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(6910,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(6914,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(6918,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(6922,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-40'
(6926,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-32'
(6930,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(6934,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(6938,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-48'
(6942,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-48'
(6946,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-56'
(6950,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-59'
(6954,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(6998,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(7002,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(7003,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(7007,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7008,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7012,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-32'
(7016,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(7032,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-40'
(7036,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-64'
(7063,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(7064,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(7069,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-64'
(7070,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-64'
(7074,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-link'
(7078,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-link'
(7082,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-danger'
(7087,32): run-time error CSS1039: Token not allowed after unary operator: '-hk-secondary-container-bg-color'
(7092,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-light-grey'
(7096,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-dark-gray'
(7100,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-mid-gray'
(7104,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-hint-grey'
(7112,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-backbutton-ml'
(7165,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(7165,37): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(7208,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-default'
(7217,33): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(7218,34): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(7221,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-secondary'
(7227,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-primary'
(7232,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(7233,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(7234,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7235,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-primary'
(7252,34): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7253,35): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7264,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(7281,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(7299,21): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-size'
(7300,22): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-size'
(7307,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-switch-secondary'
(7318,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-primary'
(7320,27): run-time error CSS1039: Token not allowed after unary operator: '-checkmark-width'
(7344,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-special-search'
(7345,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7346,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-6-11'
(7346,41): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(7348,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7349,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7360,24): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-subdued'
(7368,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-6-8'
(7368,51): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-6-8'
(7370,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-18'
(7371,27): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-26'
(7374,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-inputfield-focused-text'
(7375,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-special-search'
(7379,25): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(7420,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7421,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-padding-lr'
(7422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7423,15): run-time error CSS1039: Token not allowed after unary operator: '-flex-card-gap'
(7427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7429,30): run-time error CSS1039: Token not allowed after unary operator: '-flex-items'
(7429,54): run-time error CSS1039: Token not allowed after unary operator: '-flex-items'
(7429,79): run-time error CSS1039: Token not allowed after unary operator: '-flex-items'
(7429,100): run-time error CSS1039: Token not allowed after unary operator: '-flex-card-gap'
(7431,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(7432,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7453,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7459,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7463,29): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(7498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7523,19): run-time error CSS1039: Token not allowed after unary operator: '-header-z'
(7524,28): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(7530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7533,17): run-time error CSS1039: Token not allowed after unary operator: '-fluent-143-182'
(7534,18): run-time error CSS1039: Token not allowed after unary operator: '-fluent-32-40'
(7538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7539,17): run-time error CSS1039: Token not allowed after unary operator: '-fluent-102-127'
(7543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7545,17): run-time error CSS1039: Token not allowed after unary operator: '-fluent-112-140'
(7549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7565,20): run-time error CSS1039: Token not allowed after unary operator: '-logo-fill'
(7599,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(7600,21): run-time error CSS1039: Token not allowed after unary operator: '-text-onLight-default-fs'
(7601,23): run-time error CSS1039: Token not allowed after unary operator: '-text-onLight-default-lh'
(7602,23): run-time error CSS1039: Token not allowed after unary operator: '-text-onLight-default-fw'
(7603,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(7613,20): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-subdued'
(7661,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-subdued'
(7663,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(7670,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(7678,28): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(7704,19): run-time error CSS1039: Token not allowed after unary operator: '-nav-menu-z'
(7705,28): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(7734,39): run-time error CSS1039: Token not allowed after unary operator: '-color-line-subdued'
(7738,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(7742,32): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(7743,25): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(7749,31): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(7806,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(7813,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(7814,35): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(7818,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(7842,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(7890,25): run-time error CSS1039: Token not allowed after unary operator: '-btn-border-radius'
(7891,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(7892,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(7893,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(7894,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-16'
(7896,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(7912,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(7916,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(7932,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(7938,21): run-time error CSS1039: Token not allowed after unary operator: '-color-button-primary-enabled-labeling'
(7953,38): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(7954,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(7955,66): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(7975,29): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(7987,28): run-time error CSS1039: Token not allowed after unary operator: '-navbar-bgColor'
(8018,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-24-32'
(8022,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-subdued'
(8026,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(8030,24): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(8031,17): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(8040,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(8069,20): run-time error CSS1039: Token not allowed after unary operator: '-wa-icon-onLight-secondary'
(8113,24): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-subdued'
(8122,20): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(8126,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line-subdued'
(8130,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-default'
(8135,39): run-time error CSS1039: Token not allowed after unary operator: '-color-line-subdued'
(8136,21): run-time error CSS1039: Token not allowed after unary operator: '-color-icon-onLight-primary'
(8145,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-brand-white'
(8158,35): run-time error CSS1039: Token not allowed after unary operator: '-footer-hr-color'
(8205,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(8206,29): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(8220,20): run-time error CSS1039: Token not allowed after unary operator: '-footer-section-title'
(8251,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(8278,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-secondary'
(8284,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-48-80'
(8285,26): run-time error CSS1039: Token not allowed after unary operator: '-fl-24-40'
(8297,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-hr-color'
(8315,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-28-32'
(8318,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-36-44'
(8319,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(8333,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(8346,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-section-title'
(8359,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(8370,19): run-time error CSS1039: Token not allowed after unary operator: '-modal-z'
(8374,22): run-time error CSS1039: Token not allowed after unary operator: '-content-margin-to-header'
(8387,29): run-time error CSS1039: Token not allowed after unary operator: '-navbar-min-margin-lr-webapp'
(8392,29): run-time error CSS1039: Token not allowed after unary operator: '-navbar-min-margin-lr-admin'
(8419,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(8423,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(8424,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(8460,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(8464,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(8468,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(8472,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(8476,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-interactive'
(8480,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(8484,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(8492,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-tertiary-enabled-surface'
(8496,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-tertiary-enabled-text'
(8500,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(8504,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-subdued'
(8509,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-switch-enabled-surface'
(8510,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-switch-enabled-text'
(8514,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(8522,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(8526,24): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(8534,28): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(8593,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(8597,28): run-time error CSS1039: Token not allowed after unary operator: '-color-surface-subdued'
(8630,23): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(8632,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(8634,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(8652,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line-subdued'
(8657,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-secondary'
(8674,27): run-time error CSS1039: Token not allowed after unary operator: '-font-standard'
(8676,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(8678,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(8696,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(8706,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-l'
(8708,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(8717,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(8720,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(8721,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(8732,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-22'
(8735,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(8736,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(8746,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(8746,42): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-32'
(8755,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(8756,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(8760,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(8771,26): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(8779,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-11-13'
(8782,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-16'
(8783,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(8792,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-18'
(8795,27): run-time error CSS1039: Token not allowed after unary operator: '-fl-20-26'
(8832,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-primary'
(8834,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-80'
(8835,20): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-112-160'
(8934,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(8940,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-128'
(8941,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-128'
(8945,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-128'
(8946,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-64-128'
(8973,16): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-link'
(8979,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(8995,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-48'
(8998,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-inputfield-filled-border'
(9002,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-inputfield-filled-text'
(9006,32): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-border'
(9007,40): run-time error CSS1039: Token not allowed after unary operator: '-color-input-field-focused-input-shadow'
(9019,27): run-time error CSS1039: Token not allowed after unary operator: '-font-standard-flat'
(9024,32): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(9032,21): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(9036,56): run-time error CSS1039: Token not allowed after unary operator: '-wp-inputfield-filled-error'
(9080,19): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-15'
(9086,38): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(9087,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(9088,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(9094,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(9115,29): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(9129,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-inputfield-filled-label'
(9145,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-48-240'
(9146,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(9151,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(9183,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-headline'
(9184,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-2-4'
(9184,52): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-primary'
(9188,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-2-4'
(9193,28): run-time error CSS1039: Token not allowed after unary operator: '-challenge-bg-lg'
(9202,32): run-time error CSS1039: Token not allowed after unary operator: '-challenge-bg-sm'
(9210,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-48-72'
(9211,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-48-72'
(9215,20): run-time error CSS1039: Token not allowed after unary operator: '-color-status-green'
(9222,28): run-time error CSS1039: Token not allowed after unary operator: '-challenge-head-lg'
(9238,32): run-time error CSS1039: Token not allowed after unary operator: '-challenge-head-sm'
(9253,25): run-time error CSS1039: Token not allowed after unary operator: '-fl-2-4'
(9260,15): run-time error CSS1039: Token not allowed after unary operator: '-fl-12-24'
(9263,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-32-48'
(9267,17): run-time error CSS1039: Token not allowed after unary operator: '-fl-96-144'
(9268,18): run-time error CSS1039: Token not allowed after unary operator: '-fl-96-144'
(9289,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-48-72'
(9290,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-48-72'
(9299,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(9300,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-highlight'
(9313,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-subdued'
(9314,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(9318,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(9322,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(9330,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(9331,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-112-224'
(9332,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-112-224'
(9344,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-296-444'
(9345,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-96-144'
(9354,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-50-75'
(9359,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-34-48'
(9360,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(9381,43): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-96-144'
(9392,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-96-144'
(9393,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-96-144'
(9408,32): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(9433,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-48-80'
(9438,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(9450,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(9451,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(9461,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-47-62'
(9503,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-240'
(9508,15): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-16'
(9509,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-60-80'
(9511,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-24'
(9532,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(9545,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(9561,28): run-time error CSS1039: Token not allowed after unary operator: '-color-status-green-light'
(9565,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-default'
(9569,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(9570,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(9577,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(9578,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-64'
(9582,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-64'
(9583,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(9588,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(9589,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line-dividing'
(9625,21): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onLight-subdued'
(9633,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-container-mlr'
(9634,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(9635,25): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-24-40'
(9660,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-40'
(9667,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-48-72'
(9671,22): run-time error CSS1039: Token not allowed after unary operator: '-fl-12-20'
(9686,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(9693,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-18'
(9699,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-secondary-enabled-surface'
(9700,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-secondary-enabled-text'
(9707,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-16-18'
(9716,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(9723,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(9729,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(9736,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-interactive'
(9750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9759,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(9771,49): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9771,88): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9771,123): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9771,152): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9778,49): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9778,88): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9778,123): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9778,152): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9787,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9796,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9804,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-12-16'
(9810,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(9835,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(9836,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(9862,17): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(9863,18): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-40-80'
(9864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9887,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9939,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9966,49): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9966,88): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9966,123): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9966,152): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9973,49): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9973,88): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9973,123): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9973,152): run-time error CSS1039: Token not allowed after unary operator: '-progress'
(9982,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(9991,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-interactive-active'
(10014,21): run-time error CSS1039: Token not allowed after unary operator: '-fl-11-13'
(10017,23): run-time error CSS1039: Token not allowed after unary operator: '-fl-14-16'
(10018,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-text-onDark-primary'
(10090,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-background-secondary'
(10092,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(10093,26): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-24'
(10104,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(10105,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-32-48'
(10106,29): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-8-12'
(10122,27): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(10123,28): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(10134,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-tertiary'
(10144,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-tertiary'
(10159,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-tertiary'
(10165,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-shape-universal-tertiary'
(10181,22): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(10284,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-primary'
(10287,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(10288,24): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-minus-12-16'
(10323,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-14-56'
(10327,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-36-40'
(10331,22): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-24'
(10358,38): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(10359,25): run-time error CSS1039: Token not allowed after unary operator: '-corner-s'
(10360,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-surface'
(10362,21): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-16-18'
(10365,23): run-time error CSS1039: Token not allowed after unary operator: '-hk-fluent-20-26'
(10366,17): run-time error CSS1039: Token not allowed after unary operator: '-wa-button-primary-enabled-text'
(10392,28): run-time error CSS1039: Token not allowed after unary operator: '-wa-surface-secondary'
(10443,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10444,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10477,23): run-time error CSS1039: Token not allowed after unary operator: '-font-link'
(10478,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(10483,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-onLight-link'
(10525,23): run-time error CSS1039: Token not allowed after unary operator: '-font-button'
(10529,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-labeling'
(10535,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-enabled-surface'
(10539,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-labeling'
(10541,24): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-border'
(10542,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-hover-surface'
(10547,17): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-labeling'
(10548,28): run-time error CSS1039: Token not allowed after unary operator: '-color-button-secondary-disabled-surface'
(10632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before{content:"\002a"}
.glyphicon-plus:before{content:"\002b"}
.glyphicon-euro:before,.glyphicon-eur:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
.glyphicon-cd:before{content:"\e201"}
.glyphicon-save-file:before{content:"\e202"}
.glyphicon-open-file:before{content:"\e203"}
.glyphicon-level-up:before{content:"\e204"}
.glyphicon-copy:before{content:"\e205"}
.glyphicon-paste:before{content:"\e206"}
.glyphicon-alert:before{content:"\e209"}
.glyphicon-equalizer:before{content:"\e210"}
.glyphicon-king:before{content:"\e211"}
.glyphicon-queen:before{content:"\e212"}
.glyphicon-pawn:before{content:"\e213"}
.glyphicon-bishop:before{content:"\e214"}
.glyphicon-knight:before{content:"\e215"}
.glyphicon-baby-formula:before{content:"\e216"}
.glyphicon-tent:before{content:"\26fa"}
.glyphicon-blackboard:before{content:"\e218"}
.glyphicon-bed:before{content:"\e219"}
.glyphicon-apple:before{content:"\f8ff"}
.glyphicon-erase:before{content:"\e221"}
.glyphicon-hourglass:before{content:"\231b"}
.glyphicon-lamp:before{content:"\e223"}
.glyphicon-duplicate:before{content:"\e224"}
.glyphicon-piggy-bank:before{content:"\e225"}
.glyphicon-scissors:before{content:"\e226"}
.glyphicon-bitcoin:before{content:"\e227"}
.glyphicon-btc:before{content:"\e227"}
.glyphicon-xbt:before{content:"\e227"}
.glyphicon-yen:before{content:"\00a5"}
.glyphicon-jpy:before{content:"\00a5"}
.glyphicon-ruble:before{content:"\20bd"}
.glyphicon-rub:before{content:"\20bd"}
.glyphicon-scale:before{content:"\e230"}
.glyphicon-ice-lolly:before{content:"\e231"}
.glyphicon-ice-lolly-tasted:before{content:"\e232"}
.glyphicon-education:before{content:"\e233"}
.glyphicon-option-horizontal:before{content:"\e234"}
.glyphicon-option-vertical:before{content:"\e235"}
.glyphicon-menu-hamburger:before{content:"\e236"}
.glyphicon-modal-window:before{content:"\e237"}
.glyphicon-oil:before{content:"\e238"}
.glyphicon-grain:before{content:"\e239"}
.glyphicon-sunglasses:before{content:"\e240"}
.glyphicon-text-size:before{content:"\e241"}
.glyphicon-text-color:before{content:"\e242"}
.glyphicon-text-background:before{content:"\e243"}
.glyphicon-object-align-top:before{content:"\e244"}
.glyphicon-object-align-bottom:before{content:"\e245"}
.glyphicon-object-align-horizontal:before{content:"\e246"}
.glyphicon-object-align-left:before{content:"\e247"}
.glyphicon-object-align-vertical:before{content:"\e248"}
.glyphicon-object-align-right:before{content:"\e249"}
.glyphicon-triangle-right:before{content:"\e250"}
.glyphicon-triangle-left:before{content:"\e251"}
.glyphicon-triangle-bottom:before{content:"\e252"}
.glyphicon-triangle-top:before{content:"\e253"}
.glyphicon-console:before{content:"\e254"}
.glyphicon-superscript:before{content:"\e255"}
.glyphicon-subscript:before{content:"\e256"}
.glyphicon-menu-left:before{content:"\e257"}
.glyphicon-menu-right:before{content:"\e258"}
.glyphicon-menu-down:before{content:"\e259"}
.glyphicon-menu-up:before{content:"\e260"}
html {
    height: 100%;
    padding-bottom: 0px;
}

body {
    padding-bottom: 20px;
    padding-bottom: 0px;
    font-family: var(--font-standard, 'hanako-font-standard', sans-serif);
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-left: 0px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-left: 0;
    }
}

@media(max-width:992px) {
    .btnSmallPadding {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .noMarginOnXs {
        margin-left: 0px;
        margin-right: 0px;
    }

    h2 {
        font-size: 150%;
    }

    .displayNoneOnXs {
        display: none !important;
    }
}

/* The size of the columns in the termin calendar 100%/7 with margins */
.colCalendarMinWidth {
    min-width: 13.3%;
    width: 13.1% !important;
    float: left !important;
}

.col5CalendarMinWidth {
    min-width: 66.5%;
    width: 65.5% !important;
    float: left !important;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer-to-body-gap-vertical {
    height: 48px;
}

.footer-content {
    padding-top: 10px;
    font-weight: 600;
    font-family: var(--font-standard);
}

    .footer-content::after {
        content: "";
        display: block;
        clear: both;
    }

.footer-right {
    float: right;
    color: #fafafa;
}

    .footer-right a {
        color: #fafafa;
    }

.footer-left, .footer-dash-wide {
    padding-right: 5px;
    float: left;
}

.footer-break-small {
    display: none;
}

.footer-left a {
    color: #fafafa;
}

    .footer-left a:hover {
        text-decoration: none;
    }
/*Footer bei kleinen Devices*/
@media (max-width: 340px) {
    .body-content {
        padding-bottom: 80px;
    }

    .footer-right {
        float: left;
    }

    .footer-dash-wide {
        display: none;
    }

    .footer-break-small {
        display: inline;
    }
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

b,
strong {
    font-family: var(--font-highlight);
    font-weight: bolder;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea,
.plzort {
    max-width: 280px;
}

hr {
    border-top: 1px solid var(--color-line-default);
}

.datepicker_format, .colorpicker-component {
    width: 100%;
    max-width: 280px;
}

    .datepicker_format:focus-within {
        border-color: var(--color-input-field-focused-input-border);
        outline: 0;
        box-shadow: 0 0 0 0.2rem var(--color-input-field-focused-input-shadow);
    }

    .datepicker_format:focus-within *{
        box-shadow: none !important;
    }

/* Tempus Dominus v6 — route the widget's own design variables to the
   brand tokens so the date AND time pickers (selected day, range fill,
   selected hour/minute, clock cells, the "Today" / OK button) inherit the
   Hanako/AOK colors instead of Bootstrap's default blue. The widget is
   pinned to the light theme via display.theme in hanako-picker.js, so
   only the light-prefixed vars need overriding. */
.tempus-dominus-widget {
    --td-active-bg: var(--color-surface-secondary);
    --td-range-bg: var(--color-surface-secondary);
    --td-active-color: var(--color-text-onDark, #fff);
    --td-active-border-color: var(--color-text-onDark, #fff);
}

/* Legacy v5 selectors kept as a safety net for any datepicker not yet on v6. */
.tempus-dominus-widget .day.active,
.tempus-dominus-widget .day.active:hover,
.tempus-dominus-widget .month.active,
.tempus-dominus-widget .year.active,
.tempus-dominus-widget .decade.active {
    background-color: var(--color-surface-secondary);
    color: var(--color-text-onDark, #fff);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.input-group {
    --readonly-bg: initial;
    --readonly-border: initial;
    border-radius: 0.25rem;
}

    .row input:not([type="submit"]):focus,
    .row select:focus,
    .row textarea:focus{
        border-color: var(--color-input-field-focused-input-border) !important;
        outline: 0;
/*        box-shadow: 0 0 0 0.2rem var(--color-input-field-focused-input-shadow) !important;*/
    }

.form-control:focus {
    border-color: var(--color-input-field-focused-input-border);
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--color-input-field-focused-input-shadow);
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--color-button-symbol-disabled-surface);
    border-style: none;
}

.input-group:has(.form-control:disabled), .input-group:has(.form-control[readonly]) {
    --readonly-bg: var(--color-button-symbol-disabled-surface);
    --readonly-border: none;
}

.form-control,
.form-select,
select.form-control,
.input-group-text {
    border-color: var(--color-line-default, #6D767C);
}

input.form-control,
.form-select,
select.form-control {
    height: 32px;
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 16px;
}

/* intl-tel-input v29: der Wrapper muss die Hoehe seines Inputs uebernehmen
   (32px im Admin, ~38px in der Web-App), damit Flagge + Vorwahl mittig zum
   Eingabewert sitzen. Kein festes height hardcoden -- ein fixes 32px verschob
   die Vorwahl auf Web-App-Seiten mit hoeheren Feldern (z.B. "Meine Daten") um
   ~3px nach oben. Mit auto umschliesst der Wrapper das Input ohne Ueberstand. */
.iti.iti--input-container {
    height: auto;
}
.iti__selected-dial-code {
    padding-top: 2px;
}

/* SlimSelect uses `<span class="placeholder">` for its selected-text label.
   BS5 added a `.placeholder` skeleton-loader class (background: currentcolor;
   opacity: 0.5) that hijacks SlimSelect's label and renders it as a grey bar.*/
.ss-main .placeholder,
.ss-content .placeholder {
    background-color: transparent;
    opacity: 1;
    min-height: 0;
    cursor: default;
}

/* SlimSelect (Ersatz fuer ddSlick, #8534) an das native <select class="form-control">
   angleichen. slimselect.css laedt im Bundle NACH Site.css -> erhoehte Spezifitaet
   (.ss-single-selected.ss-single-selected), damit die Angleichung die SlimSelect-Defaults
   (height:30px, border #dcdee2, radius:4px) ueberschreibt. */

/* SlimSelect kopiert die CSS-Klassen des Original-<select> auf seinen Wrapper-<div> .ss-main
   (also auch form-control). Folge: der Wrapper bekommt einen zweiten form-control-Rahmen, und
   als <div> entgeht er der `input,select,textarea { max-width:280px }`-Regel -> volle Breite.
   Das Feld-Styling gehoert auf .ss-single-selected; den Wrapper transparent schalten und auf
   die native Feldbreite begrenzen. (.nomaxwidth (0,1,1) schlaegt diese Regel und bleibt als
   Opt-out erhalten, da das Original-<select> seine Klassen an .ss-main weitergibt.) */
.ss-main {
    max-width: 280px; /* einfach-klassig lassen, damit div.nomaxwidth (0,1,1) als Opt-out greift */
}

/* SlimSelect v3 (#8551): die Feld-Box ist jetzt .ss-main selbst -- die innere
   .ss-single-selected aus v1 existiert nicht mehr. slimselect.css laedt im Bundle NACH
   Site.css, daher doppelte Klasse (.ss-main.ss-main = Spezifitaet 0,2,0), um die v3-Defaults
   (min-height 40px, Rahmen #dcdee2, radius 4px) zu schlagen und an <input class="form-control">
   (32px, Markenrahmen) anzugleichen. min-height statt height, damit Multi-Select-Tagfelder
   weiterhin wachsen koennen. */
.ss-main.ss-main {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid var(--color-line-default, #6D767C);
    border-radius: var(--bs-border-radius, 0.375rem);
    font-size: 0.875rem;
    color: var(--bs-body-color);
    background: none;
    align-items: center;
}

/* v3 gibt dem Single-Value 9px vertikale Margins -> wuerde das 32px-Feld auf 40px aufblaehen. */
.ss-main.ss-main .ss-single {
    margin-top: 0;
    margin-bottom: 0;
}

/* Aufgeklapptes Panel + Optionsliste an Feldschrift/-rahmen angleichen */
.ss-content.ss-content {
    border-color: var(--color-line-default, #6D767C);
    font-size: 0.875rem;
}

/* Symbol-/Options-Bilder duerfen die Zeilenhoehe nicht aufblaehen. ddSlick begrenzte die
   Hoehe, SlimSelect nicht -> .dd-selected-image hatte nur max-width, kein max-height. */
.ss-main img,
.ss-content img,
.dd-selected-image,
.dd-option-image {
    max-width: 28px;
    max-height: 20px;
    width: auto;
    height: auto;
    object-fit: contain;
    vertical-align: middle;
    margin-right: 6px;
}

/* BS5 dropdown arrow for select elements still using form-control */
select.form-control {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.25rem;
    appearance: none;
}

select.form-control[multiple],
select.form-control[size]:not([size="1"]) {
    padding-right: 0.75rem;
    background-image: none;
}

.datepicker_format > .datetimepicker-input {
    border-right: none;
}

.datepicker_format > [data-bs-toggle="datetimepicker"].input-group-text,
.datepicker_format > [data-bs-toggle="datetimepicker"] .input-group-text,
.datepicker_format > [data-td-toggle="datetimepicker"].input-group-text,
.datepicker_format > [data-td-toggle="datetimepicker"] .input-group-text,
.datepicker_format > [data-toggle="datetimepicker"].input-group-text,
.datepicker_format > [data-toggle="datetimepicker"] .input-group-text {
    background-color: var(--readonly-bg, transparent);
    border-style: var(--readonly-border, solid);
}

    /*Center the input texts in aok font*/
    [data-theme="theme-AOK"] input[type="text"], [data-theme="theme-AOK"] input[type="number"], [data-theme="theme-AOK"] input[type="datetime"] {
    padding-top: 0.5rem;
}

[data-theme="theme-AOK"] select {
    padding-top: 0.5rem;
}
/*Overwrite Bootstrap Buttons*/
.btn {
    font-weight: 600 !important;
    font-family: var(--font-standard);
    border: 2px solid transparent;
    height: 32px;
    line-height: 16px;
}

[data-theme="theme-AOK"] .btn {
    line-height: 18px;
}

.faviconbutton {
    line-height: 18px !important;
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-symbol-enabled-surface);
    padding: 0rem;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0rem;
}

    .faviconbutton > i {
        color: var(--color-icon-onDark-reverse);
    }

    .faviconbutton.btn-secondary > i {
        color: var(--color-button-secondary-enabled-labeling);
    }

[data-theme="theme-AOK"] .faviconbutton {
    line-height: 23px !important;
}

.btn:focus, .faviconbutton:focus, .hanakoTableButton:focus {
    /*outline-offset: 2px;*/
    outline: 0;
    box-shadow: 0 0 0 0.1rem var(--color-input-field-focused-button);
}
    /* Standard-Fokus (z. B. Mausklick) deaktivieren */
    .btn:focus:not(:focus-visible), .faviconbutton:focus:not(:focus-visible), .hanakoTableButton:focus:not(:focus-visible) {
        outline: none;
        box-shadow: none;
    }

.btn-primary {
    background-color: var(--color-button-primary-enabled-surface);
    color: var(--color-button-primary-enabled-labeling);
}

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: var(--color-button-primary-enabled-labeling);
        background-color: var(--color-button-primary-enabled-surface);
        border-color: var(--color-button-primary-enabled-surface);
    }

    .btn-primary:hover {
        border: 2px solid var(--color-button-primary-hover-border);
        background-color: var(--color-button-primary-hover-surface);
        color: var(--color-button-primary-hover-labeling);
    }

    .btn-primary:disabled, .btn-primary.disabled {
        background-color: var(--color-button-primary-disabled-surface);
        color: var(--color-button-primary-disabled-labeling);
        cursor: not-allowed;
        opacity: 1;
        border: 2px solid transparent;
    }

.btn-info {
    color: var(--color-button-symbol-enabled-labeling) !important;
    background-color: var(--color-button-symbol-enabled-surface) !important;
    border-color: var(--color-button-symbol-enabled-surface) !important;
}

    .btn-info:hover {
        color: var(--color-button-symbol-enabled-labeling) !important;
        background-color: var(--color-button-symbol-enabled-surface) !important;
        border-color: var(--color-button-symbol-enabled-surface) !important;
    }

    .btn-info.disabled, .btn-info:disabled {
        color: var(--color-button-symbol-disabled-labeling) !important;
        background-color: var(--color-button-symbol-disabled-surface) !important;
        border-color: var(--color-button-symbol-disabled-surface) !important;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: var(--color-button-symbol-enabled-labeling);
        background-color: var(--color-button-symbol-enabled-surface);
        border-color: var(--color-button-symbol-enabled-surface);
    }

.btn-outline-info {
    color: var(--color-button-secondary-enabled-labeling) !important;
    border-color: var(--color-button-symbol-enabled-surface) !important;
    background-color: transparent !important;
    background-image: none !important;
}

    .btn-outline-info:hover {
        color: var(--color-button-symbol-enabled-labeling) !important;
        background-color: var(--color-button-symbol-enabled-surface) !important;
        border-color: var(--color-button-symbol-enabled-surface) !important;
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: var(--color-button-secondary-disabled-labeling) !important;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: var(--color-button-symbol-enabled-labeling) !important;
        background-color: var(--color-button-symbol-enabled-surface) !important;
        border-color: var(--color-button-symbol-enabled-surface) !important;
    }

.btn-link {
    color: var(--color-text-onLight-link);
}

    .btn-link:hover {
        color: var(--color-text-onLight-link);
    }
/*Secondary Button*/
.btn-secondary, .btn-danger {
    background-color: var(--color-button-secondary-enabled-surface);
    color: var(--color-button-secondary-enabled-labeling);
}

    .btn-secondary:not(:disabled):not(.disabled):active,
    .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle,
    .btn-danger:not(:disabled):not(.disabled):active,
    .btn-danger:not(:disabled):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: var(--color-button-secondary-enabled-labeling);
        background-color: var(--color-button-secondary-enabled-surface);
        border-color: var(--color-button-secondary-enabled-surface);
    }

    .btn-secondary:hover, .btn-danger:hover {
        border: 2px solid var(--color-button-secondary-hover-border);
        background-color: var(--color-button-secondary-hover-surface);
        color: var(--color-button-secondary-hover-labeling);
    }


.btn-secondary:disabled,
.btn-secondary.disabled,
.btn-secondary.disabled.timeslot,
.btn-secondary.timeslot:disabled,
.btn-danger:disabled,
.btn-danger.disabled,
.btn-danger.disabled.timeslot,
.btn-danger.timeslot:disabled {
        background-color: var(--color-button-secondary-disabled-surface);
        color: var(--color-button-secondary-disabled-labeling);
        cursor: not-allowed;
        opacity: 1;
        border: 2px solid transparent;
    }

.text-muted {
    color: var(--color-text-onLight-default) !important;
}

.text-success {
    color: var(--color-status-green) !important;
}
/*Icons in den Buttons*/
.btn-primary .glyphicon {
    color: var(--color-button-primary-enabled-labeling);
}

.btn-primary:active .glyphicon {
    color: var(--color-button-primary-enabled-labeling) !important;
}

.btn-primary:hover .glyphicon {
    color: var(--color-button-primary-hover-labeling);
}



.btn-secondary .glyphicon {
    color: var(--color-button-secondary-enabled-labeling);
}

.btn-secondary:active .glyphicon {
    color: var(--color-button-secondary-enabled-labeling) !important;
}

.btn-secondary:hover .glyphicon {
    color: var(--color-button-secondary-hover-labeling);
}

.text-primary {
    color: var(--color-text-onLight-link) !important;
}
/*Navbar*/
.nav-link {
    font-family: var(--font-link);
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    color: var(--color-text-onLight-link);
}

.nav-tabs {
    --bs-nav-tabs-border-color: var(--color-line-default);
    --bs-nav-tabs-link-active-color: var(--color-text-onLight-headline);
    --bs-nav-tabs-link-active-bg: var(--color-background, #fff);
    --bs-nav-tabs-link-active-border-color: var(--color-line-default) var(--color-line-default) var(--color-background, #fff);
    --bs-nav-tabs-link-hover-border-color: transparent transparent var(--color-line-default);
}

.nav-tabs .nav-link {
    padding: 12px 20px;
    min-height: 40px;
    font-weight: 600;
    background-color: transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Sub-heading row wrapper used in admin edit forms (Unternehmen, Team,
   Auftritt, Service). The wrapper's own .mb-3 already contributes the 16px
   gap to the next element; the inner h4 stacks an additional bottom margin
   on top of that — 16px for textstyle-heading-3, 8px (Bootstrap default) for
   textstyle-subheading-primary — so the actual gap was 24-32px. Zero out the
   h4's margin so the gap from heading text to the next element is always
   exactly 16px regardless of which textstyle class is used. */
.mb-3-header h4 {
    margin-bottom: 0 !important;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: var(--color-text-onLight-link);
    background-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--color-text-onLight-headline);
    background-color: var(--color-background, #fff);
    border-color: var(--color-line-default) var(--color-line-default) var(--color-background, #fff);
}

.mainbodycontent .form-horizontal:nth-of-type(2) {
    padding-top: 24px;
}

.linkCopy {
    background-color: transparent;
    cursor: pointer;
    font-family: var(--font-link);
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    color: var(--color-text-onLight-link);
}

    .linkCopy:hover {
        color: var(--color-text-onLight-link);
        text-decoration: underline;
    }


input.nomaxwidth,
select.nomaxwidth,
textarea.nomaxwidth,
div.nomaxwidth {
    max-width: 100%;
}

.bottom-back-btn {
    padding-top: 20px;
}

.bottom-back-div {
    padding-top: 20px;
    padding-bottom: 20px;
}

.controls.readonly {
    padding-top: 5px;
}

.frage-label {
    text-align: left;
    margin-bottom: 9px;
    padding-top: 9px;
    font-weight: 200;
}

.post-label {
    text-align: left;
    margin-bottom: 9px;
    padding-top: 12px;
    font-weight: 700;
}

.about_Title {
    font-family: "Droid Serif",serif,"google";
    font-size: 36px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.25em;
    text-align: left;
    text-transform: none;
    color: #969696;
}

.about_Head {
    font-weight: 700;
    color: #454545;
    font-family: "Roboto",sans-serif,"google";
    font-size: 14px;
    line-height: 1.75em;
}

.about_Text {
    color: #404040;
    font-family: "Roboto",sans-serif,"google";
    font-size: 14px;
    line-height: 1.75em;
}

ol.breadcrumb {
    margin-bottom: 20px;
    padding-left: 0px;
}

.gpbreadcrumb {
    padding-left: 15px !important;
    margin-bottom: 0px !important;
}

    .gpbreadcrumb > li {
        margin-bottom: 3px;
    }

.vcenter {
    display: flex;
    align-items: center;
}

.weekdayLabel {
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 18px;
}

.weekdayCheckbox {
    display: inline;
    width: 20px;
    margin-top: 0px;
}

.optionvcenter {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 1.5rem;
    margin-bottom: 0.25rem;
    padding-left: 0;
}

.optionLabel {
    margin: 0;
    font-weight: 200;
    min-width: 140px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.option2Label {
    margin: 0;
    font-weight: 200;
}

.label-light {
    font-weight: 200;
}

.optionvcenter .optionCheckbox {
    margin: 0;
    flex-shrink: 0;
    float: none;
}

.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader-sm {
    border: 2px solid var(--color-icon-onDark-primary);
    border-radius: 50%;
    border-top: 2px solid var(--color-icon-onDark-reverse);
    width: 14px;
    height: 14px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

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

.hanakoLogo {
    padding: 10px 10px 10px 0px;
    height: 71px;
}

.appear-enabled {
    opacity: 1 !important;
}

.btn-weekday {
    opacity: 1 !important;
    margin-bottom: 4px;
    white-space: normal;
    vertical-align: middle;
    height: auto;
    line-height: 1.4;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table td, .table th, .table thead th {
    border-style: none;
}

/* Restore legacy table cell padding.
   Bootstrap 5's native padding rule is `.table > :not(caption) > * > *`, which requires a
   strict direct-descendant <thead>/<tbody> hierarchy. It fails on tables with
   dynamically-inserted rows (e.g. Alpine `<template x-for>` that injects <tr>
   as a direct child of <table>), leaving cells flush with no padding.
   These rules guarantee consistent cell padding on any .table, and preserve
   the smaller size for .table-sm. Size-specific overrides (hanako-list,
   tablesorter) still win on higher specificity. */
.table th, .table td {
    padding: 0.5rem;
}

.table-sm th, .table-sm td {
    padding: 0.25rem;
}

.table thead th {
    font-weight: 600;
}

.table.textstyle-standard-flat thead th,
.table.tablesorter thead th,
.table.hanako-list thead th {
    font-family: var(--font-label);
    color: var(--color-text-onLight-default);
}

.table.hk-survey-config-table thead th {
    vertical-align: top;
}
/*.hanako-list th {
    border-top: none;
    padding: 0px 0px 8px 8px;
    vertical-align: middle !important;
}*/
/*.hanako-list td {
    vertical-align: middle !important;
}

.hanako-list th:first-child {
    padding-left: 0px;
}

.hanako-list td:first-child {
    padding-left: 0px;
}

.hanako-list td:last-child {
    padding-right: 0px;
    min-width: 160px;
}*/
table.tablesorter {
}

    table.tablesorter thead,
    table.hanako-list thead {
        border-bottom: 1px solid var(--color-line-default);
    }

    table.tablesorter th.header,
    table.tablesorter th.tablesorter-header {
        cursor: pointer;
    }

    table.tablesorter td, table.hanako-list td {
        padding-right: 1rem;
        padding-left: 0;
        vertical-align: middle;
        max-width: 15rem;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

table.hanako-list th {
    padding-left: 0;
}

    table.tablesorter td:last-child, table.hanako-list td:last-child, table.hanako-list th:last-child {
        padding-right: 0;
    }

table.tablesorter tr:first-child td, table.hanako-list tr:first-of-type td {
    padding-top: 20px;
}

table.tablesorter label {
    margin-bottom: 0px;
}

table.tablesorter .even {
}

table.tablesorter .odd {
}

table.tablesorter .header {
}

/* tablesorter v2.32.0 (#8556) benennt die Sortier-Klassen um:
   headerSortUp -> tablesorter-headerDesc (absteigend), headerSortDown -> tablesorter-headerAsc
   (aufsteigend). Beide Namensvarianten ansteuern, damit der Glyphicons-Sortierpfeil wie vor
   dem Upgrade erscheint. Pfeil hoch (\e093) = aufsteigend, Pfeil runter (\e094) = absteigend. */
table.tablesorter th.headerSortUp,
table.tablesorter th.headerSortDown,
table.tablesorter th.tablesorter-headerAsc,
table.tablesorter th.tablesorter-headerDesc {
    white-space: nowrap;
}

table.tablesorter th.headerSortUp:after,
table.tablesorter th.tablesorter-headerDesc:after {
    font-family: "Glyphicons Halflings";
    content: "\e094";
}

table.tablesorter th.headerSortDown:after,
table.tablesorter th.tablesorter-headerAsc:after {
    font-family: "Glyphicons Halflings";
    content: "\e093";
}

/* tablesorter v2.32.0 verpackt den Spaltentitel in ein block-level
   div.tablesorter-header-inner, wodurch der th:after-Sortierpfeil in die naechste
   Zeile rutschte. Inline-block auf dem Inner-Wrapper der sortierten Spalte setzt den
   Pfeil wieder NEBEN den Titel (wie vor dem Upgrade). */
table.tablesorter th.tablesorter-headerAsc .tablesorter-header-inner,
table.tablesorter th.tablesorter-headerDesc .tablesorter-header-inner {
    display: inline-block;
}
/* Sortierung davor..backup falls unerwartete Nebeneffekte*/
/*.sortable tr:first-child td:last-child a:nth-child(2),
.sortable tr:last-child td:last-child a:nth-child(3) {
    color: lightgray;
    cursor: not-allowed;
}*/

.sortable tr:first-child .templateMoveUp,
.sortable tr:last-child .templateMoveDown {
    visibility: hidden;
}

.sortable tr td:last-child a:nth-child(1),
.sortable tr td:last-child a:nth-child(2),
.sortable tr td:last-child a:nth-child(3) {
    text-decoration: none;
}

.dragingrow {
    padding-left: 5px;
    border-style: solid;
    border-width: 1px;
    background-color: #ddd;
    border-radius: 4px;
}

    .dragingrow td {
        border-width: 0px;
    }

        .dragingrow td:last-child {
            display: none;
        }

.templateHandle, .templateMoveDown, .templateMoveUp {
    padding-right: 8px;
}

.bordered-box-container {
    margin-top: 5px;
}

.bordered-box {
    cursor: pointer;
    outline-style: solid;
    outline-width: 1px;
    outline-color: lightgray;
    padding: 2px;
}

.spanMitarbeiter {
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 200;
    cursor: pointer;
    float: left;
}

    .spanMitarbeiter:last-child {
        margin-right: 30px;
    }

.spanContestGroup {
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 200;
    cursor: pointer;
    float: left;
}

    .spanContestGroup:last-child {
        margin-right: 30px;
    }

.smallBtnContainer {
    float: left;
    margin-top: 5px;
}

    .smallBtnContainer:first-child {
        margin-left: -5px;
    }

div[contenteditable]:not(.h-bbCode-audio) {
    border: 1px solid lightgray;
    border-radius: 5px;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
}

input[type="checkbox"].checkbox-md {
    width: 24px;
    margin-top: 0px;
}

/* BS5 form-check-input: override to match Hanako checkbox design (20px
   blue square with white checkmark, matching the HanakoCheckbox component). */
.form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0.15em;
    border: 1px solid #999;
    border-radius: 3px;
    transition: all 0.2s ease-in-out;
}

.form-check-input:checked {
    background-color: var(--color-surface-secondary);
    border-color: var(--color-surface-secondary);
}

.form-check-input:focus {
    border-color: var(--color-surface-secondary);
    box-shadow: 0 0 0 0.2rem rgba(23, 89, 116, 0.25);
}

.form-check-input:disabled {
    opacity: 0.4;
}

.dropdown-left {
    float: left;
    margin-right: 20px;
}

.mediumBtnContainer {
    float: left;
    margin-top: 2px;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.ort-hack {
    padding-left: 10px !important; /*the padding is inside the width*/
    width: 200px !important;
}

.plz-hack {
    width: 80px !important;
}

#backBtn {
    margin-bottom: 10px; /* hack so that it does not touch the footer line */
}

div.disabled {
    cursor: not-allowed;
}
/*TnTerminNeu*/
.center {
    text-align: center;
    font-weight: bold;
}
/*TnTerminNeu*/
.m1 {
    margin: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
/*TnTerminNeu*/
.paddingCalendar {
    padding: 1px;
}
/* align the next button to the right calendar edge */
.calendarNextButton {
    margin-left: 9px !important;
}

table.table-align-right tr td:last-of-type {
    text-align: right;
    padding-right: 0px;
}

.validation-frame .field-validation-error {
    position: relative;
    border: 1px solid var(--wp-inputfield-filled-error);
    border-radius: 4px;
    background-color: #fff;
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    top: 16px;
    margin-bottom: 16px;
}

    .validation-frame .field-validation-error:after, .validation-frame .field-validation-error:before {
        content: "";
        border-style: solid;
        border-width: 10px;
        width: 0;
        height: 0;
        position: absolute;
        bottom: 100%;
        left: 20px
    }

    .validation-frame .field-validation-error:before {
        border-color: transparent transparent var(--wp-inputfield-filled-error);
    }

    .validation-frame .field-validation-error:after {
        margin-bottom: -2px;
        border-color: transparent transparent #fff;
    }

.validation-frame .text-danger {
    /* wp-standard-flat */
    font-family: var(--font-standard-flat) !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-style: normal !important;
}

.modal-body {
    font-family: var(--font-standard);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-text-onLight-default);
}

.modal-title {
    font-family: var(--font-heading2);
    font-size: 24px;
    line-height: 32px;
    color: var(--color-text-onLight-headline);
}

.text-danger {
    color: var(--wp-inputfield-filled-error) !important;
}

.captureWidth {
    width: 303px;
    max-width: 303px;
}

.top8 {
    margin-top: 8px;
}

#DeleteTeilnehmerForm input[type="text"]:valid {
    border-color: green;
    color: green;
}

#DeleteTeilnehmerForm input[type="text"]:focus:valid {
    border-color: #00bb00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 187, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 187, 0, 0.6);
}

#DeleteTeilnehmerForm input[type="text"]:focus:invalid {
    border-color: #bb0000;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187, 0, 0, 0.6);
}

#DeleteTeilnehmerForm input[type="text"]:invalid {
    border-color: red;
    color: red;
}

.bottom-spacer {
    padding-bottom: 50px;
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
    .captureWidth {
        width: 280px;
    }

    .btn-below-form {
        width: 280px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .divider-below-form {
        display: none;
    }
}

.badge-primary-disabled {
    color: #fff;
    background-color: #92B4C1;
    border-color: #8FACB8;
}

/* Legacy badge aliases: badge-{color} was renamed to text-bg-{color}.
   These aliases ensure old markup (including resource strings with embedded HTML)
   continues to render correctly without editing every occurrence. */
.badge.badge-primary   { color: #fff; background-color: rgb(var(--bs-primary-rgb)); }
.badge.badge-secondary { color: #fff; background-color: rgb(var(--bs-secondary-rgb)); }
.badge.badge-success   { color: #fff; background-color: rgb(var(--bs-success-rgb)); }
.badge.badge-danger    { color: #212529; background-color: rgb(var(--bs-danger-rgb)); }
.badge.badge-warning   { color: #212529; background-color: rgb(var(--bs-warning-rgb)); }
.badge.badge-info      { color: #fff; background-color: rgb(var(--bs-info-rgb)); }
.badge.badge-light     { color: #212529; background-color: #f2f5f8; }
.badge.badge-dark      { color: #fff; background-color: #343a40; }

/* Form label alignment matching the previous layout. */
@media only screen and (min-width: 576px) {
    .col-form-label {
        text-align: right;
    }
}

.col-form-label {
    font-weight: 600;
    font-family: var(--font-label);
    font-size: 14px;
    line-height: 16px;
}

.margin-left-15 {
    margin-left: 15px;
}

.card-header {
    padding-bottom: 0rem;
    line-height: 20px;
}

.card-title {
    font-weight: 500;
    line-height: 17.6px;
    font-size: 16px;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 860px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1180px;
    }
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none !important;
}

.top-survey {
    top: 5px !important;
}

:-ms-input-placeholder {
    color: #d8d8d8;
}

::-ms-input-placeholder {
    color: #d8d8d8;
}

.confirmPStyle {
    margin-bottom: 0.4rem;
}

.hanako_TableButtonAddPrimary {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-symbol-enabled-surface);
    color: #fff;
    padding: 0rem;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0rem;
}

.hanako_TableOptionButton {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-symbol-enabled-surface);
    color: #fff;
    padding: 0rem;
    width: 32px;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 8px;
}

a .glyphicon {
    color: var(--color-button-symbol-enabled-labeling);
}
/* sorting buttons in table color style */
a.templateHandle span.glyphicon, a.templateMoveUp span.glyphicon, a.templateMoveDown span.glyphicon {
    color: var(--color-button-primary-hover-labeling);
}

a.hanako_TableOptionButton.hanako_disabled {
    cursor: not-allowed !important;
    opacity: 0.65 !important;
}

    a.hanako_TableOptionButton.hanako_disabled svg {
        opacity: 0.65 !important;
    }

    a.hanako_TableOptionButton.hanako_disabled:active {
        pointer-events: none !important;
    }

.hanako_TableButtonAddPrimary:hover, .hanako_TableOptionButton:hover {
    background-color: var(--color-button-symbol-enabled-surface);
}

.hanako_TableButtonAddPrimary:focus, .hanako_TableOptionButton:focus {
    outline: none;
}

.hanakoTableButton {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-symbol-enabled-surface) !important;
    padding: 0 !important;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0rem;
    line-height: 0px;
    vertical-align: middle;
}

.hanakoTableButton:hover {
    background-color: var(--color-button-symbol-enabled-surface) !important;
}

    .hanakoTableButton:focus {
        outline: none;
    }

.hanako_TableOptionButtonWithText {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-primary-enabled-surface);
    color: #fff;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 8px;
}

    .hanako_TableOptionButtonWithText:hover {
        color: var(--color-button-primary-enabled-surface);
    }

    .hanako_TableOptionButtonWithText:focus {
        outline: none;
    }

.hanakoTableBodyTop16px tr:first-child td {
    padding-top: 16px;
}

.hanako-table-body-top-16px tr:first-of-type td {
    padding-top: 16px !important;
}

.hanakoTableBodyTop16px tr td {
    border: none;
}

.hanakoTableBodyTop16px thead tr th {
    border-top: none;
}

.hanakoQuizTableCheckboxesVerticalMiddle td:nth-child(2) div {
    margin-top: 4px;
}

.hanakoAppointmentsGroupsListVerticalMiddle tr:first-child td:not(:first-child):not(:last-child) {
    padding-top: 20px;
}

.hanakoAppointmentsGroupsListVerticalMiddle tr:not(first-child) td:not(:first-child):not(:last-child) {
    padding-top: 12px;
}

.hanakoBtn {
    height: 32px !important;
    background: #F2F5F8 !important;
    color: var(--color-icon-onLight-primary) !important;
    margin: 0 0 8px 8px;
}

    .hanakoBtn:disabled {
        color: #CED2D6;
    }

.hanakoAlert {
    width: fit-content;
    padding: 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: #FCDFDF;
    border-radius: 4px;
    margin-bottom: 2rem;
}

.logo-frame {
    width: 100%;
    max-width: 280px;
    min-height: 72px;
    max-height: 240px;
    background: var(--color-button-symbol-disabled-surface);
    border-radius: 4px;
    padding: 12px 32px 12px 32px;
    margin-right: 16px;
}

.hanako-readonly-input {
    display: inline-block !important;
    background: var(--color-button-symbol-disabled-surface) !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0px 16px 0px 0px;
    background-color: var(--color-button-symbol-disabled-surface);
}

.hanako-input {
    display: inline-block !important;
    margin: 0px 16px 0px 0px;
}

.hanako-readonly-input:focus {
    box-shadow: none;
}

.hanako-placeholder-text {
    color: #CED2D6; /* hint grey */
    margin-left: -12px;
}

.hanako-legend {
    color: #CED2D6; /* hint grey */
    margin-top: 8px;
}

.hanako-legend-error {
    color: #EB5757; /* error red */
    margin-top: 8px;
    display: flex;
    align-items: center;
}

.logo-image {
    max-width: 216px;
    max-height: 216px;
    margin: auto;
    display: block;
}

break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.hanako-modal-header {
    background: var(--color-surface-primary) !important;
    padding: 12px 24px !important;
    min-height: 64px;
}

.hanako-modal-header .modal-title {
    margin: 0;
}

.hanako-modal-content {
    border: none !important;
}

.hanako-modal-body {
    padding: 24px !important;
}

.hanako-modal-footer {
    padding: 16px 24px 16px 24px !important;
}

/* Hilfe-zum-Zugangscode-Modal (Bug #8444) - Figma pixel-perfect overrides.
   Scoped to #helpModal so other modals using .hanako-modal-* are unaffected.
   Header and footer both 64px tall: 16px vertical padding + 32px content = 64px. */
#helpModal .modal-dialog {
    width: calc(100% - 32px);
    max-width: 560px;
    margin: 64px auto;
}

#helpModal .hanako-modal-header {
    /* 16px + Title (24px / 32px line-height) + 16px = 64px */
    box-sizing: border-box;
    min-height: 64px;
    height: 64px;
    padding: 16px 24px !important;
    border-bottom: 1px solid var(--color-line-dividing);
}

#helpModal .modal-footer {
    /* 16px + Button (32px) + 16px = 64px. Override BS5 child-gap margins. */
    box-sizing: border-box;
    min-height: 64px;
    height: 64px;
    padding: 16px 24px !important;
    gap: 0;
    border-top: 1px solid var(--color-line-dividing);
}

#helpModal .modal-footer > * {
    margin: 0 !important;
}

#helpModal .modal-footer .btn {
    display: inline-flex;
    align-items: center;
    height: 32px !important;
    min-height: 32px;
    padding: 4px 14px !important;
    font-family: var(--font-button);
    font-size: 14px;
    line-height: 20px !important;
}

.hanako-input-label {
    margin: 0px 16px 0px 0px !important;
}

.hanako-dialog-input {
    max-width: 100% !important;
}

.hanako-dialog-row {
    margin-bottom: 16px;
}

[x-cloak] {
    display: none !important;
}

.hanakoPostLabel {
    padding: 7px 15px;
}

.hanakoPostLabelLeft0 {
    padding: 7px 15px 7px 0px;
}

.hanakoLabel {
    padding: 7px 15px 7px 0px;
}

.hanakoCheckBoxMiddleLabel {
    margin-left: -4px;
}

.hanako-same-line {
    padding-top: 8px;
}

.hanako-bg-light {
    background-color: #f2f5f8 !important;
}

a.hanako-bg-light:hover, a.hanako-bg-light:focus, button.hanako-bg-light:hover, button.hanako-bg-light:focus {
    background-color: #dfdfdf !important;
}

.hanakoTableButtonH24 {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: #F2F5F8;
    padding: 0rem;
    width: 32px;
    height: 24px;
    cursor: pointer;
    margin: 0rem;
}

    .hanakoTableButtonH24:hover {
        background-color: #E6E9EC;
    }

    .hanakoTableButtonH24:focus {
        outline: none;
    }

.section-title-border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.hanako-blue {
    color: #175974;
}

.hanako-cursor-pointer {
    cursor: pointer;
}

.hanako-select option:disabled {
    color: rgba(0, 0, 0, 0.2)
}

.hanako-allocation-label {
    padding-top: 18px;
    margin-top: 3px;
}

.hanako-allocation-thead-tr {
    height: 41px;
    border-style: none;
    border-bottom: 1px solid var(--color-line-default);
}

.hanako-col-form-label-left {
    text-align: left !important;
    padding-bottom: 12px !important;
}

.hanako-icon-button-32 {
    width: 32px;
    height: 32px;
    padding: 0px;
    border: none;
    border-radius: 4px;
}

    .hanako-icon-button-32:hover, .hanako-icon-button-32:focus {
        border: none;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(42, 108, 135, 0.25);
        border-radius: 4px;
        filter: brightness(105%);
        transition: all 0.2s linear;
    }

    .hanako-icon-button-32:disabled {
        border: none;
        outline: 0;
        box-shadow: none;
        border-radius: 4px;
        cursor: not-allowed;
        filter: brightness(130%);
        transition: all 0.2s linear;
    }

.bg-hanako-blue {
    background-color: #175974;
}

.hanako-margin-bottom32 {
    margin-bottom: 32px !important;
}

.hanako-table-select-button {
    border: 2px solid transparent;
    border-radius: 0.25rem;
    background-color: var(--color-button-primary-enabled-surface);
    color: var(--color-button-primary-enabled-labeling);
    font-weight: 600;
    font-family: var(--font-standard);
    padding: 0rem;
    height: 24px;
    cursor: pointer;
    margin: 0 0 0 8px;
    padding: 0px 8px 0px 8px;
}

.hanako-table-select-button:hover, .hanako-table-select-button:focus {
    border: 2px solid var(--color-button-primary-hover-border);
    outline: none;
    background-color: var(--color-button-primary-hover-surface);
    color: var(--color-button-primary-hover-labeling);
    box-shadow: none;
    border-radius: 4px;
    filter: none;
    transition: all 0.2s linear;
}

.hanako-table-select-button:disabled {
    border: none;
    outline: 0;
    box-shadow: none;
    border-radius: 4px;
    background-color: var(--color-button-primary-disabled-surface);
    color: var(--color-button-primary-disabled-labeling);
    cursor: not-allowed;
    filter: none;
    transition: all 0.2s linear;
}


.hanako-btn-dimmed {
    border: none;
    border-radius: 4px;
    outline: none;
    height: 32px !important;
    cursor: pointer;
    background: #F2F5F8;
    color: #175974; /* hanako blue */
    padding: 6px 8px;
}

    .hanako-btn-dimmed:hover, .hanako-btn-dimmed:focus {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(42, 108, 135, 0.25);
        filter: brightness(99%);
        transition: all 0.2s linear;
    }

    .hanako-btn-dimmed:disabled {
        border: none;
        outline: 0;
        box-shadow: none;
        border-radius: 4px;
        cursor: not-allowed;
        filter: brightness(95%);
        transition: all 0.2s linear;
    }

.hanako-hint {
    color: #CED2D6; /* hanako hint grey */
    margin-top: -16px;
}

.hanako-hint-title {
    color: #CED2D6; /* hanako hint grey */
}

.pb-12 { /* Mathias Terminslots labels for the filter */
    padding-bottom: 12px;
}

.pb-1px { /* Mathias Terminslots progress bar */
    padding-bottom: 1px;
}

.ml-8 {
    margin-left: 8px;
}

.ml-16 { /* Mathias distance between elements */
    margin-left: 16px;
}

.mr-6 { /* Mathias distance between elements */
    margin-right: 6px;
}

.mr-8 { /* Mathias distance between elements */
    margin-right: 8px;
}

.mr-12 { /* Mathias distance between elements */
    margin-right: 12px;
}

.mr-16 { /* Mathias distance between elements */
    margin-right: 16px;
}

.mb-8 { /* Mathias distance between elements */
    margin-bottom: 8px;
}

.mt-16 { /* Mathias distance between elements */
    margin-right: 16px;
}

.mr-24 { /* Mathias distance between elements */
    margin-right: 24px;
}

.mb-24 { /* Mathias distance between elements */
    margin-bottom: 24px;
}

.mt-6 {
    margin-top: 6px;
}

.mt-32 { /* Mathias distance between elements */
    margin-top: 32px;
}

.mb-32 { /* Mathias distance between elements */
    margin-bottom: 32px;
}

.mt-minus-1px {
    margin-top: -1px;
}

.pt-4px {
    padding-top: 4px;
}

.pt-7px {
    padding-top: 7px;
}

.pt-8px {
    padding-top: 8px;
}

.min-width-104 {
    min-width: 104px;
}

.control35 { /* simulate the bootstrap form controls 35 for custom controls*/
    height: 35px;
}

.control32 {
    height: 32px;
}

.hanako-info-badge {
    color: #4D545B;
    background: #F2F5F8;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    height: 28px;
}

[data-theme="theme-AOK"] .hanako-info-badge {
    line-height: 24px;
    color: var(--color-text-onLight-link);
    background-color: var(--color-surface-primary);
}

.hanako-info-badge-waiting-list {
    color: #4D545B;
    background: #F2F5F8;
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    height: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

[data-theme="theme-AOK"] .hanako-info-badge-waiting-list {
    line-height: 24px;
}

.hanako-timeslot-badge-free {
    color: var(--color-text-onLight-link);
    background: var(--color-surface-primary);
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    height: 32px;
    width: 51px;
}

.hanako-timeslot-badge-partly {
    color: var(--color-text-onLight-link);
    background: var(--color-surface-primary);
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    height: 32px;
    width: 51px;
}

.hanako-timeslot-badge-booked {
    color: var(--color-text-onDark);
    background: var(--color-surface-secondary);
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    height: 32px;
    width: 51px;
}

.hanako-text-height-exact {
    line-height: 1;
}

.hanako-date-field-width {
    width: 178px;
    min-width: 178px;
}

[data-theme="theme-AOK"] .hanako-date-field-width {
    width: 194px;
    min-width: 194px;
}

.hanako-progress-bottom {
    border-bottom: 1px solid;
    /*border-image: linear-gradient(to right, #ffffff 80%, transparent 20%) 100% 1;*/
}

.hanako-pointer {
    cursor: pointer;
}

.hanako-color-dark-grey {
    color: #4D545B;
}

.maxw-160 { /* Mathias terminslots */
    max-width: 160px;
}

.maxw-122 { /* Mathias terminslots for the fields with icon (calendar) - sodass sie auf gesamt width von 160px kommen */
    max-width: 122px;
}

.w-32 {
    width: 32px;
}

.h-32 {
    height: 32px;
}

.hanako_AddSecondary {
    border: 0px solid transparent;
    border-radius: 0.25rem;
    background-color: #F2F5F8;
    color: #175974;
    padding: 0rem;
    width: 32px;
    height: 32px;
    cursor: pointer;
    margin: 0rem;
}

    .hanako_AddSecondary svg,
    .hanako_AddSecondary svg use,
    .hanako_AddSecondary svg path {
        fill: var(--color-icon-onLight-primary);
    }

    .hanako_AddSecondary:hover {
        filter: brightness(97%);
        transition: all 0.5s linear;
    }

    .hanako_AddSecondary:focus {
        outline: none;
        filter: brightness(97%);
        transition: all 0.5s linear;
    }

.b-t-r-r-0 {
    border-top-right-radius: 0px;
}

.b-b-r-r-0 {
    border-bottom-right-radius: 0px;
}

.b-t-l-r-0 {
    border-top-left-radius: 0px;
}

.b-b-l-r-0 {
    border-bottom-left-radius: 0px;
}

.b-l-none {
    border-left: none;
}

.hka--h1 {
    font-size: 28px;
    line-height: 32px;
    color: #333333;
    font-weight: 400;
}

.hka--h2 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #333333;
}

.hka--h4 {
    font-size: 18px;
    line-height: 20px;
    color: #333333;
    font-weight: 500;
}

.hka--p {
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    font-weight: 400;
    margin-bottom: 0;
}

.portal-header-section h2 {
    font-size: 28px;
    line-height: 32px;
    color: var(--color-text-onLight-headline);
}

.portal-header-section h4 {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-onLight-default);
}

.portal-header-section h4 {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text-onLight-default);
}

.tiles-row-container {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    justify-content: space-around;
}

.tilesRow {
    display: grid;
    grid-template-columns: repeat(4, 273px);
    gap: 10px;
}

@media(max-width:1200px) {
    .tilesRow {
        grid-template-columns: repeat(3, 273px);
    }
}

@media(max-width:1000px) {
    .tilesRow {
        grid-auto-rows: minmax(100px, auto);
        grid-template-columns: repeat(2, 273px);
    }
}

.tile-container {
    width: 273px;
    height: 200px;
}

    .tile-container > a {
        text-decoration: none;
    }

.tile {
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--color-surface-primary);
}

.tile-section-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

    .tile-section-icon svg {
        width: 40px;
        height: 40px;
    }

.tile-section-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .tile-section-text p {
        width: 225px;
        text-align: center;
    }

.portal-footer-section {
    padding-top: 32px;
    padding-bottom: 48px;
}

    .portal-footer-section > h4 {
        margin-bottom: 16px;
    }

.card-img-placeholder {
    content: url("/Content/Image/empty-photo-hanako.png");
}

[data-theme="theme-AOK"] .card-img-placeholder {
    content: url("/Content/Image/empty-photo-aok.png");
}

.card-pdf-placeholder {
    content: url("/Content/Image/empty-pdf.png");
    display: inline-block;
}

[data-theme="theme-AOK"] .card-pdf-placeholder {
    content: url("/Content/Image/empty-pdf-aok.png");
    display: inline-block;
}

.card-word-placeholder {
    content: url("/Content/Image/empty-word.png");
    display: inline-block;
}

[data-theme="theme-AOK"] .card-word-placeholder {
    content: url("/Content/Image/empty-word-aok.png");
    display: inline-block;
}

.card-excel-placeholder {
    content: url("/Content/Image/empty-excel.png");
    display: inline-block;
}

[data-theme="theme-AOK"] .card-excel-placeholder {
    content: url("/Content/Image/empty-excel-aok.png");
    display: inline-block;
}

.card-powerpoint-placeholder {
    content: url("/Content/Image/empty-powerpoint.png");
    display: inline-block;
}

[data-theme="theme-AOK"] .card-powerpoint-placeholder {
    content: url("/Content/Image/empty-powerpoint-aok.png");
    display: inline-block;
}

.card-video-placeholder {
    content: url("/Content/Image/empty-video.png");
    display: inline-block;
}

[data-theme="theme-AOK"] .card-video-placeholder {
    content: url("/Content/Image/empty-video-aok.png");
    display: inline-block;
}

.card-word-file {
    content: url("/Content/Image/word-file.png");
    width: 75px;
    display: inline-block;
}

[data-theme="theme-AOK"] .card-word-file {
    content: url("/Content/Image/word-file.png");
}

.card-excel-file {
    content: url("/Content/Image/excel-file.png");
    width: 75px;
    display: inline-block;
}

[data-theme="theme-AOK"] .card-excel-file {
    content: url("/Content/Image/excel-file-aok.png");
    width: 75px;
    display: inline-block;
}

.card-powerpoint-file {
    content: url("/Content/Image/powerpoint-file.png");
    width: 75px;
    display: inline-block;
}

[data-theme="theme-AOK"] .card-powerpoint-file {
    content: url("/Content/Image/powerpoint-file-aok.png");
    width: 75px;
    display: inline-block;
}

[data-theme="theme-AOK"] .bg-info {
    background-color: var(--color-surface-secondary) !important;
}

[data-theme="theme-AOK"] .border-info {
    border-color: var(--color-surface-secondary) !important;
}

[data-theme="theme-AOK"] .alert-warning {
    background-color: var(--color-surface-primary);
    color: var(--color-text-onLight-headline);
    border-color: var(--color-surface-primary);
}

[data-theme="theme-AOK"] .btn-danger {
    background-color: var(--color-button-secondary-enabled-surface);
    color: var(--color-button-secondary-enabled-labeling);
    border-color: var(--color-button-secondary-enabled-surface);
}

[data-theme="theme-AOK"] .btn-danger:hover {
    background-color: var(--color-button-secondary-hover-surface);
    color: var(--color-button-secondary-hover-labeling);
    border-color: var(--color-button-secondary-hover-border);
}

[data-theme="theme-AOK"] .btn-danger:disabled,
[data-theme="theme-AOK"] .btn-danger.disabled {
    background-color: var(--color-button-secondary-disabled-surface);
    color: var(--color-button-secondary-disabled-labeling);
}

.validation-with-icons ul {
    list-style: none;
    padding-left: 0;
}

.validation-with-icons li::before {
    font-family: "FontAwesome";
    content: "\f071";
    font-weight: 900;
    color: var(--color-error);
    margin-right: 8px;
}

.default-distance-to-header {
    height: 10px;
}

/* Form layout classes retained for existing markup. */
.form-group {
  margin-bottom: 1rem;
  padding-top: 8px;
  padding-bottom: 8px;
}
.form-group :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
}
.form-group .HanakoCheckbox label {
  margin-bottom: 0;
}

.form-group-header {
  margin-top: 16px;
}

.form-horizontal {
  font-family: var(--font-standard);
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--color-text-onLight-default);
}

.form-horizontal .row {
  --bs-gutter-x: 30px;
}

/* Rich-text-editor "Externen Link hinzufügen / ändern" dialog header —
   design spec is exactly 64px. The BBCode-Editor partial (_BBCodeEditor.cshtml)
   renders this modal with id #insertLinkModal whenever the editor is embedded
   (Company Service, Company Service General Page, Feed, Infos, Learning, Offer,
   Reward, etc.). */
#insertLinkModal .modal-header {
    height: 64px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
}

/* Active list-group item used as a question heading (TnTerminNeu/Index — e.g.
   "Wie alt sind Sie?"). BS5 falls back to its info-emphasis token, which on
   Hanako is the wrong shade and on AOK is green. Force the brand surface
   color and white text per Figma. */
.list-group-item.list-group-item-info.active {
    background-color: var(--color-surface-secondary);
    color: var(--color-text-onDark, #fff);
    border-color: var(--color-surface-secondary);
}

.answer-container {
    padding-top: 10px;
}
.answer-beschreibung {
    padding-top: 0px !important;
    padding-bottom: 3px;
}
.fragekatalog .question-container h1,
.fragekatalog .question-container h2,
.fragekatalog .question-container h3,
.fragekatalog .question-container h4,
.fragekatalog .question-container h5 {
    margin-top:8px;
}
.question-container {
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom: 10px;
    background-color: #f2f5f8;
    margin-top:20px;
    border-top-color: #E0E0E0;
    border-top-style: solid;
    border-top-width: 0.5px;
    border-color: #E0E0E0;
    border-style: solid;
    border-width: 0.5px;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.fragekatalog textarea {
    width: 100%;
    max-width: 100%;
}
.fragekatalog input, .fragekatalog select, .fragekatalog textarea {
    margin-bottom:5px;
}
.fragekatalog h1,
.fragekatalog h2,
.fragekatalog h3,
.fragekatalog h4,
.fragekatalog h5,
.fragekatalog h6,
.fragekatalog .h1,
.fragekatalog .h2,
.fragekatalog .h3,
.fragekatalog .h4,
.fragekatalog .h5,
.fragekatalog .h6 
.fragekatalog {
    font-family: "Roboto", sans-serif, "google"
}
.fragekatalog {
    padding-bottom: 20px;
}


.fragekatalog .fragekatalog-font-theme {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}
table.fragekatalog-table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.fragekatalog-table, .fragekatalog-table caption, .fragekatalog-table tbody, .fragekatalog-table tfoot, .fragekatalog-table thead, .fragekatalog-table tr, .fragekatalog-table th, .fragekatalog-table td {
    margin: 0;
    padding: 0px;
    border: 0px;
    font-size: 100%;
    font: inherit;
}
table.fragekatalog-table label {
    margin-bottom: 0;
}
.touchable:focus {
    background-color: #E8E8E8;
    border-radius: 4px;
    outline:none !important;
}
.fragekatalog td.frage-box-radio-container:focus {
    background-color: #E8E8E8;
    border-radius: 4px;
    outline:none !important;
}
button::-moz-focus-inner {
  border: 0;
}
.frage-standard-table {
    margin: 0 0 5px 0;
    width: 100%;
}
.antwort-label {
    display: block;
    padding: 0 0 5px 0;
    word-wrap: break-word;
    white-space: normal;
    display: block;
}
.radio-label, .checkbox-label {
    padding: 4px;
    cursor: pointer;
    border-radius: 4px;
    background-clip: padding-box;
}
.fragekatalog-font-theme {
    color: #000000;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    text-decoration: none;
}
.frage-standard-table.hflow .radio-span-text {
    display: block;
    margin-left: 30px;
    margin-top: 2px;
    line-height: 1.5;
}
.frage-standard-table.hflow .radio-span-text {
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.radio-span-text, .checkbox-span-text {
    display: block;
    margin-left: 30px;
    margin-top: 0px;
    line-height: 1.5;
}
.frage-row td {
    background-color: #EFEFEF;
}
.frage-standard-table .radio-span-position, .frage-standard-table .checkbox-span-position {
    margin: 0 auto;
}
.frage-standard-table .radio-span-position, .frage-standard-table .checkbox-span-position {
    margin: 0 auto;
}
.radio-span-position {
    border-radius: 10px;
}
.frage-standard-table .radio-span-position, .frage-standard-table .checkbox-span-position {
    float: none;
    margin: 0 auto;
}
.radio-button-container, .checkbox-button-container{
    position: relative;
}
.radio-button-input,.checkbox-button-input{
    position:absolute;
    overflow:hidden;
    opacity:0;
    filter:alpha(opacity=0);
    outline:0;
    width:1px;
    height:1px;
    top:8px;
    left:0;
}
.radio-span-position,.checkbox-span-position{
    background:#fff;
    border:1px solid #999;
    width:20px;
    height:20px;
    margin:3px 10px 0 0;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 0.1s linear;
    transition:all 0.1s linear;
    position: relative;
    z-index: 11;
    display: block;
    float: left;
    margin: 0 8px 0 0; 
}
.frage-standard-table .radio-span-position,.frage-standard-table .checkbox-span-position{
    margin:0 auto
}
.radio-span-position {
    border-radius:10px;
}
.checkbox-span-position {
    border-radius:3px;
}
.checked .radio-span-position, .checked .checkbox-span-position {
    color: #fff;
    background-color: var(--color-icon-onLight-primary);
    border-color: #245c74;
}
.radio-span-position:after,.checkbox-span-position:after {
    border:3px solid #fff;
    border-top:none;
    border-left:none;
    width:6px;
    height:12px;
    position:absolute;
    top:2px;
    left:6px;
    content: "";
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    opacity:0;
    filter:alpha(opacity=0);
    -webkit-transform:scale(0.7) rotate(50deg);
    -ms-transform:scale(0.7) rotate(50deg);
    transform:scale(0.7) rotate(50deg);
    -webkit-transition:all 0.1s linear;
    transition:all 0.1s linear;
    border-radius:2px 0px;
}
.checked .radio-span-position:after,.checked .checkbox-span-position:after {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:rotate(50deg);
    -ms-transform:rotate(50deg);
    transform:rotate(50deg)
}
.frage-standard-table{margin:0 0 5px 0;width:100%}
.frage-standard-table td{padding:3px;vertical-align:middle;cursor:pointer}
.frage-standard-table th{padding:3px;text-align:center;vertical-align:bottom}
.frage-standard-table .frage-row:first-child th:first-child,.frage-standard-table .frage-row:first-child td:first-child{border-top-left-radius:3px}
.frage-standard-table .frage-row:first-child th:last-child,.frage-standard-table .frage-row:first-child td:last-child{border-top-right-radius:3px}
.frage-standard-table .frage-row.frage-row-last th:first-child,.frage-standard-table .frage-row.frage-row-last td:first-child{border-bottom-left-radius:3px}
.frage-standard-table .frage-row.frage-row-last th:last-child,.frage-standard-table .frage-row.frage-row-last td:last-child{border-bottom-right-radius:3px}
.frage-standard-table .checkbox-span-text,.frage-standard-table .radio-span-text{position:absolute;top:-9999px;left:-9999px}
.frage-standard-table .radio-span-position,.frage-standard-table .checkbox-span-position{float:none;margin:0 auto}
table.frage-box-table{clear:both;margin:0 0 5px 0;width:100%;border-collapse:separate}
table.frage-box-table td{vertical-align:middle;text-align:center;}
table.frage-box-table th{padding:3px;vertical-align:bottom}
table.frage-box-table .radio-label{border-radius:0;background-clip:padding-box}
table.frage-box-table .checkbox-span-text,table.frage-box-table .radio-span-text{position:absolute;top:-9999px;left:-9999px}
table.frage-box-table .radio-span-position,table.frage-box-table .checkbox-span-position{float:none;margin:0 auto;}
table.frage-box-table .checkbox-button-input,table.frage-box-table .radio-button-input{top:50%;left:50%;margin:-8px 0 0 -7px}
.fragekatalog .box-text-left{float:left;margin-left:4px;margin-bottom:6px;width:45%}
.fragekatalog .box-text-right{float:right;margin-right:4px;margin-bottom:6px;text-align:right;width:45%}
.fragekatalog td.frage-box-radio-container{border:1px solid #999;background-color:#fff;border-right-style:none;width:5%}
.fragekatalog td.frage-box-radio-container:last-child{border-right-style:solid}
.fragekatalog td.frage-box-radio-container:first-child{border-radius:4px 0 0 4px;background-clip:padding-box;}
.fragekatalog td.frage-box-radio-container:first-child .antwort-label{border-radius:3px 0 0 3px;background-clip:padding-box;}
.fragekatalog td.frage-box-radio-container:last-child{border-radius:0 4px 4px 0;background-clip:padding-box}
.fragekatalog td.frage-box-radio-container:last-child .antwort-label{border-radius:0 3px 3px 0;background-clip:padding-box}
.fragekatalog td.frage-box-radio-container .antwort-label{padding:10px 0;border:none;font-size:12px;color:#000;margin-right:0;}
.fragekatalog td.frage-box-radio-container .antwort-label.checked{
    color:#fff;
    background-color: #175974;
    border-color: #245c74;
}
.fragekatalog td.frage-box-radio-container .radio-span-position{background:none;font-weight:bold;border:none;height:auto;width:auto;margin:0;left:auto;display:inline-block;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none;}
.fragekatalog td.frage-box-radio-container .radio-span-position:after{content:attr(data-position);font-weight:bold;border:none;position:static;width:auto;height:auto;opacity:1;filter:alpha(opacity=100);-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;transition:none;}
@media only screen and (max-width: 480px){
  .frage-standard-table.hflow{display:block}
  .frage-standard-table.hflow thead{display:none}
  .frage-standard-table.hflow tbody,.frage-standard-table.hflow tr,.frage-standard-table.hflow td{display:block;margin:5px 0;border-radius:4px}
  .frage-standard-table.hflow th{display:block;padding-left:0;margin:10px 0 5px;border-radius:4px}
  .frage-standard-table.hflow .radio-span-position,.frage-standard-table.hflow .checkbox-span-position{float:left;margin:0}
  .frage-standard-table.hflow .radio-row-text,.frage-standard-table.hflow .checkbox-row-text,.frage-standard-table.hflow .smusr_radio-row-text,.frage-standard-table.hflow .checkbox-row-text-off{position:absolute;top:-9999px;left:-9999px}
  .ie .frage-standard-table.hflow .checkbox-button-input,.ie .frage-standard-table.hflow .radio-button-input{opacity:0;filter:alpha(opacity=0)}
  .frage-standard-table.hflow .checkbox-span-text,.frage-standard-table.hflow .radio-span-text{position:static;left:auto;top:auto}
  .fragekatalog .box-text-right{margin-right:0}
  .fragekatalog td.frage-box-radio-container .antwort-label{font-size:11px}
  .fragekatalog td.frage-box-radio-container .radio-button-input{visibility:hidden}
}

div.frage-optional-prefix {
    margin-top: -5px;
}
div.frage-optional-prefix div, div.frage-optional-prefix span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
}
div.frage-optional-prefix span {
    margin-top: -3px;
}

/*  Prerequisite:
    Bootstrap with the Glyphicons Halflings set
*/

/* Usage: 
    <div class="glyphCheckbox">
        <input id="chk" name="chk" type="checkbox" checked>
        <label for="chk">
            Checkbox label text
        </label>
    </div>
*/

/*  enable this only if you wish the checkbox to fit its content.
    otherwise it would have the width of the container.
*/
.glyphCheckbox {
    display: inline-block;
}

/*  flex allow us to align vertical so we can
    keep the label text always aligned with the icon
    no matter what size the icon has
*/
.glyphCheckbox label {
    display: flex;
    align-items: center;
    /*padding-left: 5px;*/
    padding-right: 5px;
}

/*  do not use hidden or display:none to hide the original check box
    so we can get focus on it and used it with the keyboard
*/
.glyphCheckbox input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

/*  use the font-size to set the size of the icon 
    letter-spacing - the space between the icon and the label
*/
.glyphCheckbox label:before {
    font-size: 1.3em;
    letter-spacing: 8px;
    font-family: "Glyphicons Halflings";
    color: #606060;
    content: "\e157"; /*glyphicon glyphicon-unchecked*/
}

/*  checked icon */
.glyphCheckbox input[type="checkbox"]:checked ~ label:before {
    color: #000000;
    content: "\e067"; /*glyphicon glyphicon-check*/
}

/*  the border which visualises the selected checkbox */
.glyphCheckbox input[type="checkbox"]:focus ~ label {
    /*border: 1px dotted #a0a0a0;*/ /*this is a standard dotted border*/
    
    /* the effect below is copied from bootstrap glow blue*/
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/*disabled style*/ 
.glyphCheckbox input[type="checkbox"]:disabled ~ label {
    opacity: .4;
    cursor: not-allowed;
}

/*  use transparent border to avoid the "shaking" by
    showing/hiding the border. ToDo: see if you can acheive the same with outline
*/
.glyphCheckbox input[type="checkbox"]:not(:focus) ~ label {
    /*border: 1px dotted transparent;*/ /*needed only for the standard dotted border*/
}

.nomarginbottom {
    margin-bottom: 0px;
}

/*  Prerequisite:
    Bootstrap with the Glyphicons Halflings set
*/

/* Usage: 
    <div class="HanakoCheckbox">
        <input id="chk" name="chk" type="checkbox" checked>
        <label for="chk">
            Checkbox label text
        </label>
    </div>
*/

/*  enable this only if you wish the checkbox to fit its content. (inline-block)
    otherwise it would have the width of the container.
*/
.HanakoCheckbox {
    display: block;
}

/*  flex allow us to align vertical so we can
        keep the label text always aligned with the icon
        no matter what size the icon has
    */
.HanakoCheckbox label {
    display: flex;
    align-items: center; /*if one wants it in the middle */
     padding: 5px; 
    border-radius: 3px;
    /* style the text as in the body*/
    font-weight: normal;
}

    /* limit clickable area to the icon when label has no text */
    .HanakoCheckbox label:empty {
        width: fit-content;
    }

    /*  do not use hidden or display:none to hide the original check box
    so we can get focus on it and used it with the keyboard
*/
    .HanakoCheckbox input[type="checkbox"] {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    /*  use the font-size to set the size of the icon 
    letter-spacing - the space between the icon and the label
*/
    .HanakoCheckbox label:before {
        color: #fff;
        background: #fff;
        border: 1px solid #999;
        position: relative;
        display: block;
        float: left;
        width: 20px; /* set for 20 px*/
        height: 20px; /* set for 20 px*/
        min-width: 20px; /* IE fix */
        border-radius: 3px;
        padding-left: 3px; /* set for 20 px*/
        padding-top: 1px;
        font-size: 0.8em; /* set for 20 px*/
        margin-bottom: 3px;
        font-family: "Glyphicons Halflings";
        letter-spacing: 8px;
        content: "\e013";
        margin-right: 10px;
        transition: all 0.2s ease-in-out;
        line-height: 16px;
    }

    .HanakoCheckbox.templateActivity label:before {
        /*color: #fff;
        background: #fff;
        border: 1px solid #999;
        position: relative;
        display: block;
        float: left;
        width: 20px;*/ /* set for 20 px*/
        /*height: 20px;*/ /* set for 20 px*/
        /*min-width: 20px;*/ /* IE fix */
        /*border-radius: 3px;
        padding-left: 3px;*/ /* set for 20 px*/
        /*padding-top: 1px;*/ /* set for 20 px*/
        /*font-size: 0.8em;*/ /* set for 20 px*/
        /*font-family: "Glyphicons Halflings";
        letter-spacing: 8px;
        content: "\e013";
        margin-right: 10px;
        margin-top: 3px;
        transition: all 0.2s ease-in-out;*/
        cursor: pointer
    }

    /*  checked icon */
    .HanakoCheckbox input[type="checkbox"]:checked ~ label:before {
        color: #fff;
        background-color: var(--color-surface-secondary);
        border: 1px solid var(--color-surface-secondary);
        position: relative;
        display: block;
        float: left;
        width: 20px; /* set for 20 px*/
        height: 20px; /* set for 20 px*/
        border-radius: 3px;
        padding-left: 3px; /* set for 20 px*/
        padding-bottom: 2px; /* set for 20 px*/
        font-size: 0.8em;
        letter-spacing: 8px;
        font-family: "Glyphicons Halflings";
        content: "\e013"; /* \e157 glyphicon glyphicon-unchecked*/
        transition: all 0.2s ease-in-out;
        line-height: 16px;
    }

table .HanakoCheckbox input[type="checkbox"]:checked ~ label:before {

}

.HanakoCheckbox.templateActivity input[type="checkbox"]:checked ~ label:before {
    /*color: #fff;
        background-color: #175974;
        border: 1px solid #245c74;
        position: relative;
        display: block;
        float: left;
        width: 20px;*/ /* set for 20 px*/
    /*height: 20px;*/ /* set for 20 px*/
    /*border-radius: 3px;
        padding-left: 3px;*/ /* set for 20 px*/
    /*padding-top: 1px;*/ /* set for 20 px*/
    /*font-size: 0.8em;
        letter-spacing: 8px;
        font-family: "Glyphicons Halflings";
        content: "\e013";*/ /* \e157 glyphicon glyphicon-unchecked*/
    /*transition: all 0.2s ease-in-out;
        margin-top: 3px;*/
    line-height: 16.5px;
    cursor: pointer
}


    .HanakoCheckbox.templateActivity
    /*  the border which visualises the selected checkbox */
    .HanakoCheckbox input[type="checkbox"]:focus ~ label {
        /*border: 1px dotted transparent; */ /*this is a standard dotted border*/
        /*background-color: #e4e4e4;*/
    }

    /*disabled style*/
    .HanakoCheckbox input[type="checkbox"]:disabled ~ label {
        opacity: .4;
        cursor: not-allowed;
    }

    /*  use transparent border to avoid the "shaking" by
    showing/hiding the border. ToDo: see if you can acheive the same with outline
*/
    .HanakoCheckbox input[type="checkbox"]:not(:focus) ~ label {
        /*border: 1px dotted transparent;*/ /*needed only for the standard dotted border*/
    }

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

:root{--iti-flag-width: 20px;--iti-flag-count: 244}.iti__ac{--iti-flag-offset: 0}.iti__ad{--iti-flag-offset: -1}.iti__ae{--iti-flag-offset: -2}.iti__af{--iti-flag-offset: -3}.iti__ag{--iti-flag-offset: -4}.iti__ai{--iti-flag-offset: -5}.iti__al{--iti-flag-offset: -6}.iti__am{--iti-flag-offset: -7}.iti__ao{--iti-flag-offset: -8}.iti__ar{--iti-flag-offset: -9}.iti__as{--iti-flag-offset: -10}.iti__at{--iti-flag-offset: -11}.iti__au{--iti-flag-offset: -12}.iti__aw{--iti-flag-offset: -13}.iti__ax{--iti-flag-offset: -14}.iti__az{--iti-flag-offset: -15}.iti__ba{--iti-flag-offset: -16}.iti__bb{--iti-flag-offset: -17}.iti__bd{--iti-flag-offset: -18}.iti__be{--iti-flag-offset: -19}.iti__bf{--iti-flag-offset: -20}.iti__bg{--iti-flag-offset: -21}.iti__bh{--iti-flag-offset: -22}.iti__bi{--iti-flag-offset: -23}.iti__bj{--iti-flag-offset: -24}.iti__bl{--iti-flag-offset: -25}.iti__bm{--iti-flag-offset: -26}.iti__bn{--iti-flag-offset: -27}.iti__bo{--iti-flag-offset: -28}.iti__bq{--iti-flag-offset: -29}.iti__br{--iti-flag-offset: -30}.iti__bs{--iti-flag-offset: -31}.iti__bt{--iti-flag-offset: -32}.iti__bw{--iti-flag-offset: -33}.iti__by{--iti-flag-offset: -34}.iti__bz{--iti-flag-offset: -35}.iti__ca{--iti-flag-offset: -36}.iti__cc{--iti-flag-offset: -37}.iti__cd{--iti-flag-offset: -38}.iti__cf{--iti-flag-offset: -39}.iti__cg{--iti-flag-offset: -40}.iti__ch{--iti-flag-offset: -41}.iti__ci{--iti-flag-offset: -42}.iti__ck{--iti-flag-offset: -43}.iti__cl{--iti-flag-offset: -44}.iti__cm{--iti-flag-offset: -45}.iti__cn{--iti-flag-offset: -46}.iti__co{--iti-flag-offset: -47}.iti__cr{--iti-flag-offset: -48}.iti__cu{--iti-flag-offset: -49}.iti__cv{--iti-flag-offset: -50}.iti__cw{--iti-flag-offset: -51}.iti__cx{--iti-flag-offset: -52}.iti__cy{--iti-flag-offset: -53}.iti__cz{--iti-flag-offset: -54}.iti__de{--iti-flag-offset: -55}.iti__dj{--iti-flag-offset: -56}.iti__dk{--iti-flag-offset: -57}.iti__dm{--iti-flag-offset: -58}.iti__do{--iti-flag-offset: -59}.iti__dz{--iti-flag-offset: -60}.iti__ec{--iti-flag-offset: -61}.iti__ee{--iti-flag-offset: -62}.iti__eg{--iti-flag-offset: -63}.iti__eh{--iti-flag-offset: -64}.iti__er{--iti-flag-offset: -65}.iti__es{--iti-flag-offset: -66}.iti__et{--iti-flag-offset: -67}.iti__fi{--iti-flag-offset: -68}.iti__fj{--iti-flag-offset: -69}.iti__fk{--iti-flag-offset: -70}.iti__fm{--iti-flag-offset: -71}.iti__fo{--iti-flag-offset: -72}.iti__fr{--iti-flag-offset: -73}.iti__ga{--iti-flag-offset: -74}.iti__gb{--iti-flag-offset: -75}.iti__gd{--iti-flag-offset: -76}.iti__ge{--iti-flag-offset: -77}.iti__gf{--iti-flag-offset: -78}.iti__gg{--iti-flag-offset: -79}.iti__gh{--iti-flag-offset: -80}.iti__gi{--iti-flag-offset: -81}.iti__gl{--iti-flag-offset: -82}.iti__gm{--iti-flag-offset: -83}.iti__gn{--iti-flag-offset: -84}.iti__gp{--iti-flag-offset: -85}.iti__gq{--iti-flag-offset: -86}.iti__gr{--iti-flag-offset: -87}.iti__gt{--iti-flag-offset: -88}.iti__gu{--iti-flag-offset: -89}.iti__gw{--iti-flag-offset: -90}.iti__gy{--iti-flag-offset: -91}.iti__hk{--iti-flag-offset: -92}.iti__hn{--iti-flag-offset: -93}.iti__hr{--iti-flag-offset: -94}.iti__ht{--iti-flag-offset: -95}.iti__hu{--iti-flag-offset: -96}.iti__id{--iti-flag-offset: -97}.iti__ie{--iti-flag-offset: -98}.iti__il{--iti-flag-offset: -99}.iti__im{--iti-flag-offset: -100}.iti__in{--iti-flag-offset: -101}.iti__io{--iti-flag-offset: -102}.iti__iq{--iti-flag-offset: -103}.iti__ir{--iti-flag-offset: -104}.iti__is{--iti-flag-offset: -105}.iti__it{--iti-flag-offset: -106}.iti__je{--iti-flag-offset: -107}.iti__jm{--iti-flag-offset: -108}.iti__jo{--iti-flag-offset: -109}.iti__jp{--iti-flag-offset: -110}.iti__ke{--iti-flag-offset: -111}.iti__kg{--iti-flag-offset: -112}.iti__kh{--iti-flag-offset: -113}.iti__ki{--iti-flag-offset: -114}.iti__km{--iti-flag-offset: -115}.iti__kn{--iti-flag-offset: -116}.iti__kp{--iti-flag-offset: -117}.iti__kr{--iti-flag-offset: -118}.iti__kw{--iti-flag-offset: -119}.iti__ky{--iti-flag-offset: -120}.iti__kz{--iti-flag-offset: -121}.iti__la{--iti-flag-offset: -122}.iti__lb{--iti-flag-offset: -123}.iti__lc{--iti-flag-offset: -124}.iti__li{--iti-flag-offset: -125}.iti__lk{--iti-flag-offset: -126}.iti__lr{--iti-flag-offset: -127}.iti__ls{--iti-flag-offset: -128}.iti__lt{--iti-flag-offset: -129}.iti__lu{--iti-flag-offset: -130}.iti__lv{--iti-flag-offset: -131}.iti__ly{--iti-flag-offset: -132}.iti__ma{--iti-flag-offset: -133}.iti__mc{--iti-flag-offset: -134}.iti__md{--iti-flag-offset: -135}.iti__me{--iti-flag-offset: -136}.iti__mf{--iti-flag-offset: -137}.iti__mg{--iti-flag-offset: -138}.iti__mh{--iti-flag-offset: -139}.iti__mk{--iti-flag-offset: -140}.iti__ml{--iti-flag-offset: -141}.iti__mm{--iti-flag-offset: -142}.iti__mn{--iti-flag-offset: -143}.iti__mo{--iti-flag-offset: -144}.iti__mp{--iti-flag-offset: -145}.iti__mq{--iti-flag-offset: -146}.iti__mr{--iti-flag-offset: -147}.iti__ms{--iti-flag-offset: -148}.iti__mt{--iti-flag-offset: -149}.iti__mu{--iti-flag-offset: -150}.iti__mv{--iti-flag-offset: -151}.iti__mw{--iti-flag-offset: -152}.iti__mx{--iti-flag-offset: -153}.iti__my{--iti-flag-offset: -154}.iti__mz{--iti-flag-offset: -155}.iti__na{--iti-flag-offset: -156}.iti__nc{--iti-flag-offset: -157}.iti__ne{--iti-flag-offset: -158}.iti__nf{--iti-flag-offset: -159}.iti__ng{--iti-flag-offset: -160}.iti__ni{--iti-flag-offset: -161}.iti__nl{--iti-flag-offset: -162}.iti__no{--iti-flag-offset: -163}.iti__np{--iti-flag-offset: -164}.iti__nr{--iti-flag-offset: -165}.iti__nu{--iti-flag-offset: -166}.iti__nz{--iti-flag-offset: -167}.iti__om{--iti-flag-offset: -168}.iti__pa{--iti-flag-offset: -169}.iti__pe{--iti-flag-offset: -170}.iti__pf{--iti-flag-offset: -171}.iti__pg{--iti-flag-offset: -172}.iti__ph{--iti-flag-offset: -173}.iti__pk{--iti-flag-offset: -174}.iti__pl{--iti-flag-offset: -175}.iti__pm{--iti-flag-offset: -176}.iti__pr{--iti-flag-offset: -177}.iti__ps{--iti-flag-offset: -178}.iti__pt{--iti-flag-offset: -179}.iti__pw{--iti-flag-offset: -180}.iti__py{--iti-flag-offset: -181}.iti__qa{--iti-flag-offset: -182}.iti__re{--iti-flag-offset: -183}.iti__ro{--iti-flag-offset: -184}.iti__rs{--iti-flag-offset: -185}.iti__ru{--iti-flag-offset: -186}.iti__rw{--iti-flag-offset: -187}.iti__sa{--iti-flag-offset: -188}.iti__sb{--iti-flag-offset: -189}.iti__sc{--iti-flag-offset: -190}.iti__sd{--iti-flag-offset: -191}.iti__se{--iti-flag-offset: -192}.iti__sg{--iti-flag-offset: -193}.iti__sh{--iti-flag-offset: -194}.iti__si{--iti-flag-offset: -195}.iti__sj{--iti-flag-offset: -196}.iti__sk{--iti-flag-offset: -197}.iti__sl{--iti-flag-offset: -198}.iti__sm{--iti-flag-offset: -199}.iti__sn{--iti-flag-offset: -200}.iti__so{--iti-flag-offset: -201}.iti__sr{--iti-flag-offset: -202}.iti__ss{--iti-flag-offset: -203}.iti__st{--iti-flag-offset: -204}.iti__sv{--iti-flag-offset: -205}.iti__sx{--iti-flag-offset: -206}.iti__sy{--iti-flag-offset: -207}.iti__sz{--iti-flag-offset: -208}.iti__tc{--iti-flag-offset: -209}.iti__td{--iti-flag-offset: -210}.iti__tg{--iti-flag-offset: -211}.iti__th{--iti-flag-offset: -212}.iti__tj{--iti-flag-offset: -213}.iti__tk{--iti-flag-offset: -214}.iti__tl{--iti-flag-offset: -215}.iti__tm{--iti-flag-offset: -216}.iti__tn{--iti-flag-offset: -217}.iti__to{--iti-flag-offset: -218}.iti__tr{--iti-flag-offset: -219}.iti__tt{--iti-flag-offset: -220}.iti__tv{--iti-flag-offset: -221}.iti__tw{--iti-flag-offset: -222}.iti__tz{--iti-flag-offset: -223}.iti__ua{--iti-flag-offset: -224}.iti__ug{--iti-flag-offset: -225}.iti__us{--iti-flag-offset: -226}.iti__uy{--iti-flag-offset: -227}.iti__uz{--iti-flag-offset: -228}.iti__va{--iti-flag-offset: -229}.iti__vc{--iti-flag-offset: -230}.iti__ve{--iti-flag-offset: -231}.iti__vg{--iti-flag-offset: -232}.iti__vi{--iti-flag-offset: -233}.iti__vn{--iti-flag-offset: -234}.iti__vu{--iti-flag-offset: -235}.iti__wf{--iti-flag-offset: -236}.iti__ws{--iti-flag-offset: -237}.iti__xk{--iti-flag-offset: -238}.iti__ye{--iti-flag-offset: -239}.iti__yt{--iti-flag-offset: -240}.iti__za{--iti-flag-offset: -241}.iti__zm{--iti-flag-offset: -242}.iti__zw{--iti-flag-offset: -243}:root{--iti-hover-color: rgba(0, 0, 0, .05);--iti-border-color: #ccc;--iti-country-selector-bg: white;--iti-icon-color: #555;--iti-spacer-horizontal: 10px;--iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size: 17px;--iti-clear-icon-size: 15px;--iti-border-width: 1px;--iti-arrow-size: 5px;--iti-arrow-width: 1.5px;--iti-arrow-padding: 7px;--iti-mobile-popup-margin: 30px;--iti-strict-reject-flash-color: rgba(255, 0, 0, .12)}.iti{position:relative;display:inline-block;*{box-sizing:border-box}input.iti__tel-input,input.iti__tel-input[type=text],input.iti__tel-input[type=tel]{position:relative;z-index:0;display:block;min-width:100%;margin:0!important}}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:none;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__selected-dial-code{margin-left:4px}.iti__arrow{margin-left:var(--iti-arrow-padding);margin-top:-2px;width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__country-selector{border-radius:3px;background-color:var(--iti-country-selector-bg);.iti--inline-country-selector &{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-country-selector:not(.iti--detached-country-selector) &{position:absolute;z-index:2;left:0}}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));[dir=rtl] &{padding-left:inherit;padding-right:30px;background-position:right 8px center}&::-webkit-search-cancel-button{appearance:none}}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:var(--iti-spacer-horizontal);display:flex;pointer-events:none;[dir=rtl] &{left:auto;right:var(--iti-spacer-horizontal)}}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:calc(var(--iti-spacer-horizontal) / 2);background:transparent;border:0;border-radius:3px;cursor:pointer;padding:calc(var(--iti-spacer-horizontal) / 2);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;.iti__search-clear-x{stroke-width:2}.iti__search-clear-bg{fill:var(--iti-icon-color)}[dir=rtl] &{right:auto;left:var(--iti-spacer-horizontal)}&:hover,&:focus-visible{background:var(--iti-hover-color);outline:none}}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch;.iti--inline-country-selector &{max-height:185px}}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap;@media(max-width:500px){white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:none;&.iti__highlight{background-color:var(--iti-hover-color)}}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal);flex-shrink:0;[dir=rtl] &{margin-right:0;margin-left:var(--iti-spacer-horizontal)}}.iti--has-country-selector{.iti__country-container:has(+input[disabled]),.iti__country-container:has(+input[readonly]){button.iti__selected-country{cursor:not-allowed;.iti__arrow{visibility:hidden}}}.iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])){.iti__selected-country-primary:hover,.iti__selected-country:has(+.iti__country-selector:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}}}.iti--detached-country-selector{position:fixed;top:-1000px;left:-1000px;z-index:1060;&:hover{cursor:pointer}}.iti--detached-country-selector{top:calc(anchor(bottom) + 3px);left:anchor(left);position-try-fallbacks:--iti-flip-above}@position-try --iti-flip-above{top:auto;bottom:calc(anchor(top) + 3px)}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup{&.iti--detached-country-selector{background-color:#00000080;inset:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti__country-selector{display:flex;flex-direction:column;max-height:100%;position:relative}.iti__country,.iti__search-input{padding-top:10px;padding-bottom:10px}.iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}}.iti__flag{height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height)}.iti__loading{position:relative;background:none;box-shadow:none;&:after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__strict-reject-animation{.iti__tel-input,.iti__selected-country{animation:iti-strict-reject-shake .3s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.iti__tel-input{animation:iti-strict-reject-flash .3s ease-out both}.iti__selected-country{animation:none}}}@keyframes iti-strict-reject-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes iti-strict-reject-flash{40%{background-color:var(--iti-strict-reject-flash-color)}}.iti__globe{background:none;box-shadow:none;height:var(--iti-globe-icon-size);display:flex;align-items:center;justify-content:center;padding:0;.iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}}@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x: url(../img/flags.webp);--iti-path-flags-2x: url(../img/flags@2x.webp)}

:root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-focus-color: var(--ss-primary-color);--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-main-height: 40px;--ss-content-height: 300px;--ss-search-height: 40px;--ss-option-height: auto;--ss-spacing-l: 9px;--ss-spacing-m: 7px;--ss-spacing-s: 5px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%;min-width:0;max-width:100%;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){flex-wrap:nowrap;gap:0;align-items:center}.ss-main .ss-values .ss-placeholder{display:block;width:100%;min-width:0;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;color:var(--ss-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:block;margin:auto 0px auto var(--ss-spacing-s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;max-width:calc(100% - 20px)}.ss-main .ss-values .ss-multi-string{display:block;width:100%;min-width:0;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;max-width:calc(100% - 20px)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{flex:0 1 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{transform-origin:center bottom;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;transform:scaleY(1)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;height:var(--ss-search-height);padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:none}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{transition:max-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;align-items:center;min-height:var(--ss-option-height);padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:flex;flex-direction:row;align-items:center;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}/*# sourceMappingURL=slimselect.css.map */

:root {
    --container-max-w: 1204; /* N.B. no unit so we could use it in calc() division!! */
    --container-min-mlr: 32; /* total minimum margin around the container ml + mr  = 16 + 16 */
    /* to be perfect we need to count for the scrollbar width - it is not possible without js */
    --container-full-max-w: calc(var(--container-max-w) + var(--container-min-mlr)); /* adjusted max width for the fluid calculations */
    --color-status-green: #2AA32A;
    --color-status-green-light: #E5F4E5;
    --color-status-red: #EF3838;
    --color-background: #FFFFFF;
    --color-surface-primary: #F2F5F8;
    --color-surface-secondary: #175974;
    --color-surface-tertiary: #333333;
    --color-surface-subdued: #CED2D6;
    --color-text-onDark: #FFFFFF;
    --color-text-onLight-default: #333333;
    --color-text-onLight-headline: #333333;
    --color-text-onLight-secondary: #585F66; /* Figma wp-standard/wp-label dark-grey (Hilfe-Modal #8444) */
    --color-text-headline-colored: #286A88;
    --color-text-onLight-link: #175974;
    --color-text-onLight-highlight: #333333;
    --color-text-onLight-subdued: #71777D;
    --color-icon-onDark-primary: #FFFFFF;
    --color-icon-onDark-reverse: #FFFFFF;
    --color-icon-onLight-primary: #175974;
    --color-icon-onLight-secondary: #333333;
    --color-icon-onLight-subdued: #71777D;
    --color-line-default: #9B9FA3;
    --color-line-subdued: #CED2D6;
    --color-line-dividing: #DFE3E6;
    --color-button-primary-enabled-surface: #175974;
    --color-button-primary-enabled-labeling: #FFFFFF;
    --color-button-primary-hover-labeling: #175974;
    --color-button-primary-hover-border: #175974;
    --color-button-primary-hover-surface: white;
    --color-button-primary-disabled-surface: #CED2D6;
    --color-button-primary-disabled-labeling: #FFFFFF;
    --color-button-secondary-enabled-surface: #F2F5F8;
    --color-button-secondary-enabled-labeling: #175974;
    --color-button-secondary-hover-labeling: #175974;
    --color-button-secondary-hover-border: #F2F5F8;
    --color-button-secondary-hover-surface: white;
    --color-button-secondary-disabled-surface: #F2F5F8;
    --color-button-secondary-disabled-labeling: #9B9FA3;
    --color-button-symbol-enabled-surface: #175974;
    --color-button-symbol-enabled-labeling: #FFFFFF;
    --color-button-symbol-disabled-surface: #CED2D6;
    --color-button-symbol-disabled-labeling: #FFFFFF;
    --color-editor-background-link: #F2F5F8;
    --color-input-field-focused-input-shadow: #0072CA40;
    --color-input-field-focused-input-border: #0072CA;
    --color-input-field-focused-button: #4D545B;
    --color-footer-background: #175974;
    --color-error: #EB0047;
    --font-standard-flat: 'hanako-font-standard';
    --font-standard: 'hanako-font-standard';
    --font-highlight-flat: 'hanako-font-bold';
    --font-highlight: 'hanako-font-bold';
    --font-link: 'hanako-font-medium';
    --font-button: 'hanako-font-medium';
    --font-label: 'hanako-font-medium';
    --font-heading1: 'hanako-font-standard';
    --font-heading2: 'hanako-font-standard';
    --font-heading3: 'hanako-font-standard';
    --font-subheading: 'hanako-font-medium';
    --font-tooltip: 'hanako-font-standard';
    --color-background-body: #CED2D6;
    --headline-font-weight: 400;
    --hk-hint-grey: #CED2D6;
    --hk-link: #0072CA;
    --hk-navbar-pt: 16px;
    --hk-navbar-pb: 16px;
    --hk--logo-height: 40px;
    --hk--logo-height-sm: 32px;
    --hk-navbar-color: white;
    --hk-bg-color: #175974;
    --hk-secondary-container-bg-color: white;
    --hk-dark-gray: #4D545B;
    --hk-darker-grey: #4D545B; /*#2C3034*/
    --hk-light-grey: #9B9FA3;
    --hk-container-padding-lr: clamp(24px, calc((100vw - var(--hk-container-mlr)) * 40/ 1204), 40px);
    --hk-navbar-padding-lr: var(--hk-container-padding-lr);
    --hk-container-padding-top: 40px;
    --hk-container-max-width: 1204px;
    --hk-container-mlr: 32px;
    --hk-backbutton-ml: clamp(18px, calc((100vw - var(--hk-container-mlr)) * 34/ 1204), 34px);
    --hk-bullet-color: white;
    --hk-danger: #EB7F49;
    --hk-mid-gray: #71777D;
    --checkbox-size: var(--hk-fluent-24-40);
    --checkmark-width: calc( (24 / 40) * var(--checkbox-size) );
    --hk-fs-standard: clamp(14px, calc((18 * 100vw) / (1204 + 36)), 18px);
    --hk-lh-standard: clamp(20px, calc((26 * 100vw) / (1204 + 36)), 26px);
    --hk-fs-subh: clamp(16px, calc((22 * 100vw) / (1204 + 36)), 22px);
    --hk-lh-subh: clamp(20px, calc((26 * 100vw) / (1204 + 36)), 26px);
    --hk-fs-heading: clamp(32px, calc((42 * 100vw) / (1204 + 36)), 42px);
    --hk-lh-heading: clamp(38px, calc((48 * 100vw) / (1204 + 36)), 48px);
    --hk-fs-h2: clamp(18px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-lh-h2: clamp(20px, calc((26 * 100vw) / (1204 + 36)), 26px);
    --hk-fluent-14-18: clamp(14px, calc((18 * 100vw) / (1204 + 36)), 18px);
    --hk-fluent-16-18: clamp(16px, calc((18 * 100vw) / (1204 + 36)), 18px);
    --hk-fluent-20-26: clamp(20px, calc((26 * 100vw) / (1204 + 36)), 26px);
    --hk-img24-side: clamp(20px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-home-img-width: clamp(210px, calc((383 * 100vw) / (1204 + 36)), 383px);
    --hk-fluent-1-2: clamp(1px, calc((2 * 100vw) / (1204 + 36)), 2px);
    --hk-fluent-2-4: clamp(2px, calc((4 * 100vw) / var(--container-full-max-w)), 4px);
    --hk-fluent-4-8: clamp(4px, calc((8 * 100vw) / (1204 + 36)), 8px);
    --hk-fluent-6-8: clamp(6px, calc((8 * 100vw) / (1204 + 36)), 8px);
    --hk-fluent-6-11: clamp(6px, calc((11 * 100vw) / (1204 + 36)), 11px);
    --hk-fluent-7-11: clamp(7px, calc((11 * 100vw) / (1204 + 36)), 11px);
    --hk-fluent-8-12: clamp(8px, calc((12 * 100vw) / (1204 + 36)), 12px);
    --hk-fluent-11-13: clamp(11px, calc((13 * 100vw) / (1204 + 36)), 13px);
    --hk-fluent-11-15: clamp(11px, calc((15 * 100vw) / (1204 + 36)), 15px);
    --hk-fluent-8-16: clamp(8px, calc((16 * 100vw) / (1204 + 36)), 16px);
    --hk-fluent-14-16: clamp(14px, calc((16 * 100vw) / (1204 + 36)), 16px);
    --hk-fluent-12-16: clamp(12px, calc((16 * 100vw) / (1204 + 36)), 16px);
    --hk-fluent-11-22: clamp(11px, calc((22 * 100vw) / (1204 + 36)), 22px);
    --hk-fluent-12-24: clamp(12px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-fluent-14-15: clamp(14px, calc((15 * 100vw) / var(--container-full-max-w)), 15px);
    --hk-fluent-16-24: clamp(16px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-fluent-18-24: clamp(18px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-fluent-20-24: clamp(20px, calc((24 * 100vw) / (1204 + 36)), 24px);
    --hk-fluent-8-32: clamp(8px, calc((32 * 100vw) / (1204 + 36)), 32px);
    --hk-fluent-8-64: clamp(8px, calc((64 * 100vw) / (1204 + 36)), 64px);
    --hk-fluent-16-32: clamp(16px, calc((32 * 100vw) / (1204 + 36)), 32px);
    --hk-fluent-24-32: clamp(24px, calc((32 * 100vw) / (1204 + 36)), 32px);
    --hk-fluent-18-34: clamp(18px, calc((34 * 100vw) / (1204 + 36)), 34px);
    --hk-fluent-16-40: clamp(16px, calc((40 * 100vw) / (1204 + 36)), 40px);
    --hk-fluent-24-40: clamp(24px, calc((40 * 100vw) / (1204 + 36)), 40px);
    --hk-fluent-32-40: clamp(32px, calc((40 * 100vw) / (1204 + 36)), 40px);
    --hk-fluent-36-40: clamp(36px, calc((40 * 100vw) / (1204 + 36)), 40px);
    --hk-fluent-24-48: clamp(24px, calc((48 * 100vw) / (1204 + 36)), 48px);
    --hk-fluent-32-48: clamp(32px, calc((48 * 100vw) / (1204 + 36)), 48px);
    --hk-fluent-34-48: clamp(34px, calc((48 * 100vw) / (1204 + 36)), 48px);
    --hk-fluent-36-52: clamp(36px, calc((52 * 100vw) / (1204 + 36)), 52px);
    --hk-fluent-24-54: clamp(24px, calc((54 * 100vw) / (1204 + 36)), 54px);
    --hk-fluent-14-56: clamp(14px, calc((56 * 100vw) / (1204 + 14)), 56px);
    --hk-fluent-24-56: clamp(24px, calc((56 * 100vw) / (1204 + 36)), 56px);
    --hk-fluent-4-64: clamp(4px, calc((32 * 100vw) / (1204 + 36)), 64px);
    --hk-fluent-24-64: clamp(24px, calc((64 * 100vw) / (1204 + 36)), 64px);
    --hk-fluent-24-240: clamp(24px, calc((240 * 100vw) / (1204 + 36)), 240px);
    --hk-fluent-36-59: clamp(36px, calc((59 * 100vw) / (1204 + 36)), 59px);
    --hk-fluent-32-64: clamp(32px, calc((64 * 100vw) / (1204 + 36)), 64px);
    --hk-fluent-40-48: clamp(40px, calc((48 * 100vw) / var(--container-full-max-w)), 48px);
    --hk-fluent-40-64: clamp(40px, calc((64 * 100vw) / (1204 + 36)), 64px);
    --hk-fluent-47-62: clamp(47px, calc((62 * 100vw) / (1204 + 36)), 62px);
    --hk-fluent-48-72: clamp(48px, calc((72 * 100vw) / var(--container-full-max-w)), 72px);
    --hk-fluent-40-80: clamp(40px, calc((80 * 100vw) / (1204 + 36)), 80px);
    --hk-fluent-48-80: clamp(48px, calc((80 * 100vw) / (1204 + 36)), 80px);
    --hk-fluent-48-240: clamp(48px, calc((240 * 100vw) / (1204 + 36)), 240px);
    --hk-fluent-50-75: clamp(50px, calc((75 * 100vw) / (1204 + 36)), 75px);
    --hk-fluent-56-80: clamp(56px, calc((80 * 100vw) / (1204 + 36)), 80px);
    --hk-fluent-60-80: clamp(60px, calc((80 * 100vw) / (1204 + 36)), 80px);
    --hk-fluent-64-96: clamp(64px, calc((96 * 100vw) / (1204 + 36)), 96px);
    --hk-fluent-64-128: clamp(64px, calc((128 * 100vw) / var(--container-full-max-w)), 128px);
    --hk-fluent-88-112: clamp(88px, calc((112 * 100vw) / (1204 + 36)), 112px);
    --hk-fluent-88-112: clamp(88px, calc((112 * 100vw) / (1204 + 36)), 112px);
    --hk-fluent-96-144: clamp(96px, calc((144 * 100vw) / (1204 + 36)), 144px);
    --hk-fluent-112-160: clamp(112px, calc((160 * 100vw) / (1204 + 36)), 160px);
    --hk-fluent-112-224: clamp(112px, calc((224 * 100vw) / (1204 + 36)), 224px);
    --hk-fluent-120-240: clamp(120px, calc((240 * 100vw) / (1204 + 36)), 240px);
    --hk-fluent-150-272: clamp(150px, calc((272 * 100vw) / (1204 + 36)), 272px);
    --hk-fluent-216-272: clamp(216px, calc((272 * 100vw) / (1204 + 36)), 272px);
    --hk-fluent-156-276: clamp(156px, calc((276 * 100vw) / (1204 + 36)), 276px);
    --hk-fluent-210-276: clamp(210px, calc((276 * 100vw) / (1204 + 36)), 276px);
    --hk-fluent-104-362: clamp(104px, calc((362 * 100vw) / (1204 + 36)), 362px);
    --hk-fluent-296-444: clamp(296px, calc((444 * 100vw) / (1204 + 36)), 444px);
    --hk-fluent-minus-8-16: clamp(-16px, calc((-16 * 100vw) / (1204 + 36)), -8px);
    --hk-fluent-minus-12-16: clamp(-16px, calc((-16 * 100vw) / (1204 + 36)), -12px);
    --hk-fluent-minus-16-37: clamp(-37px, calc((-37 * 100vw) / (1204 + 36)), -16px);
    --hk-fluent-minus-24-48: clamp(-48px, calc((-48 * 100vw) / (1204 + 36)), -24px);
    --hk-fluent-12-64: clamp(12px, calc((64 * 100vw) / (1204 + 36)), 64px); /* needs faster decline */
    --hk-fluent-16-80: clamp(16px, calc((80 * 100vw) / (1204 + 36)), 80px); /* needs faster decline */
    --hk-fluent-24-80: clamp(24px, calc((80 * 100vw) / (1204 + 36)), 80px); /* needs faster decline */
    --hk-fluent-16-160: clamp(16px, calc((160 * 100vw) / (1204 + 36)), 160px); /* needs faster decline */
    --hk-fluent-0-33: clamp(0px, calc((33 * 100vw) / (1204 + 36)) / 3, 33px);
    --hk-fluent-bullet-20: clamp(14px, calc((20 * 100vw) / (1204 + 36)), 20px);
    --hk-fluent-bullet-fs: clamp(14px, calc((22 * 100vw) / (1204 + 36)), 22px);
    --fl-2-4: clamp(2px, calc((4 * 100vw) / var(--container-full-max-w)), 4px);
    --fl-11-13: clamp(11px, calc((13 * 100vw) / var(--container-full-max-w)), 13px);
    --fl-12-20: clamp(12px, calc((20 * 100vw) / var(--container-full-max-w)), 20px);
    --fl-12-24: clamp(12px, calc((24 * 100vw) / var(--container-full-max-w)), 24px);
    --fl-14-16: clamp(14px, calc((16 * 100vw) / var(--container-full-max-w)), 16px);
    --fl-14-18: clamp(14px, calc((18 * 100vw) / var(--container-full-max-w)), 18px);
    --fl-16-18: clamp(16px, calc((18 * 100vw) / var(--container-full-max-w)), 18px);
    --fl-16-22: clamp(16px, calc((22 * 100vw) / var(--container-full-max-w)), 22px);
    --fl-18-24: clamp(18px, calc((24 * 100vw) / var(--container-full-max-w)), 24px);
    --fl-20-26: clamp(20px, calc((26 * 100vw) / var(--container-full-max-w)), 26px);
    --fl-24-32: clamp(24px, calc((32 * 100vw) / var(--container-full-max-w)), 32px);
    --fl-24-40: clamp(24px, calc((40 * 100vw) / var(--container-full-max-w)), 40px);
    --fl-28-32: clamp(28px, calc((32 * 100vw) / var(--container-full-max-w)), 32px);
    --fl-28-38: clamp(28px, calc((38 * 100vw) / var(--container-full-max-w)), 38px);
    --fl-32-42: clamp(32px, calc((42 * 100vw) / var(--container-full-max-w)), 42px);
    --fl-32-48: clamp(32px, calc((48 * 100vw) / var(--container-full-max-w)), 48px);
    --fl-36-44: clamp(36px, calc((44 * 100vw) / var(--container-full-max-w)), 44px);
    --fl-38-48: clamp(38px, calc((48 * 100vw) / var(--container-full-max-w)), 48px);
    --fl-48-72: clamp(48px, calc((72 * 100vw) / var(--container-full-max-w)), 72px);
    --fl-48-80: clamp(48px, calc((80 * 100vw) / var(--container-full-max-w)), 80px);
    --fl-96-144: clamp(96px, calc((144 * 100vw) / var(--container-full-max-w)), 144px);
    --fl-185-320: clamp(185px, calc((320 * 100vw) / var(--container-full-max-w)), 320px);
    --wa-surface-primary: #F2F5F8;
    --wa-surface-switch-primary: #F2F5F8;
    --wa-surface-secondary: white;
    --wa-surface-switch-secondary: white;
    --wa-surface-interactive: #0072CA;
    --wa-text-onLight-headline: #4D545B;
    --wa-text-onLight-link: #0072CA;
    --wa-text-onLight-default: #4D545B;
    --wa-text-onLight-highlight: #4D545B;
    --wa-text-onLight-interactive: #4D545B;
    --wa-text-onLight-subdued: #9B9FA3;
    --wa-text-onDark-primary: #FFFFFF;
    --wa-icon-onLight-primary: #0072CA;
    --wa-icon-onLight-secondary: #4D545B;
    --wa-icon-onLight-tertiary: #4D545B;
    --wa-icon-onLight-subdued: #9B9FA3;
    --wa-icon-onDark-reverse: #FFFFFF;
    --wa-icon-chat-info: #CED2D6;
    --wa-background-primary: #FFFFFF;
    --wa-background-secondary: #F2F5F8;
    --wa-button-primary-enabled-text: #FFFFFF;
    --wa-button-primary-enabled-surface: #0072CA;
    --wa-button-secondary-enabled-surface: #FFFFFF;
    --wa-button-secondary-enabled-text: #0072CA;
    --wa-special-search: #E3E5E9;
    --wa-inputfield-focused-text: #4D545B;
    --wa-inputfield-filled-border: #4D545B;
    --wa-inputfield-filled-label: #4D545B;
    --wa-inputfield-filled-text: #4D545B;
    --wa-linkcell-primary-text: #0072CA;
    --wa-linkcell-primary-surface: #F2F5F8;
    --wa-special-diagram-neutral: #E1E5E9;
    --wa-filter-inactive-text: #0072CA;
    --wa-filter-inactive-surface: #FFFFFF;
    --wa-filter-active-text: #FFFFFF;
    --wa-filter-active-surface: #0072CA;
    --wa-button-tertiary-enabled-surface: #F2F5F8;
    --wa-button-tertiary-enabled-text: #0072CA;
    --wa-button-switch-enabled-surface: #FFFFFF;
    --wa-button-switch-enabled-text: #0072CA;
    --wa-brand-white: #ffffff;
    --wa-shape-interactive-active: #0072CA;
    --wa-shape-universal-primary: #4D545B;
    --wa-shape-universal-tertiary: #0072CA;
    --wa-shape-universal-subdued: #CED2D6;
    --wa-text-onDark-reverse: #FFFFFF;
    --wp-inputfield-filled-error: #EB7F49;
    --corner-s: 8px;
    --corner-l: 16px;
    --corner-floating: 8px;
    --footer-hr-color: #CED2D6;
    --footer-section-title: #FFFFFF;
    --btn-border-radius: 8px;
}

[data-theme="theme-AOK"] {
    --color-background: #FFFFFF;
    --color-status-green: #18AB42;
    --color-status-red: #FA545E;
    --color-surface-primary: #E8F4F2;
    --color-surface-secondary: #005E3F;
    --color-surface-tertiary: #293033;
    --color-surface-subdued: #DFE3E6;
    --color-text-onDark: #FFFFFF;
    --color-text-onLight-default: #293033;
    --color-text-onLight-headline: #005E3F;
    --color-text-onLight-secondary: #6D767C; /* AOK dark grey for wp-standard/wp-label */
    --color-text-headline-colored: #005E3F;
    --color-text-onLight-link: #005E3F;
    --color-text-onLight-highlight: #18AB42;
    --color-text-onLight-subdued: #6D767C;
    --color-icon-onDark-primary: #FFFFFF;
    --color-icon-onDark-reverse: #004730;
    --color-icon-onLight-primary: #005E3F;
    --color-icon-onLight-secondary: #293033;
    --color-icon-onLight-subdued: #6D767C;
    --color-line-default: #6D767C;
    --color-line-subdued: #DFE3E6;
    --color-line-dividing: #DFE3E6;
    --color-button-primary-enabled-surface: #91F54A;
    --color-button-primary-enabled-labeling: #004730;
    --color-button-primary-hover-labeling: #004730;
    --color-button-primary-hover-border: #91F54A;
    --color-button-primary-hover-surface: white;
    --color-button-primary-disabled-surface: #D3FBB7;
    --color-button-primary-disabled-labeling: #99B5AC;
    --color-button-secondary-enabled-surface: #E8F4F2;
    --color-button-secondary-enabled-labeling: #004730;
    --color-button-secondary-hover-labeling: #004730;
    --color-button-secondary-hover-border: #E8F4F2;
    --color-button-secondary-hover-surface: white;
    --color-button-secondary-disabled-surface: #E8F4F2;
    --color-button-secondary-disabled-labeling: #99B5AC;
    --color-button-symbol-enabled-surface: #E8F4F2;
    --color-button-symbol-enabled-labeling: #004730;
    --color-button-symbol-disabled-surface: #E8F4F2;
    --color-button-symbol-disabled-labeling: #99B5AC;
    --color-editor-background-link: #E8F4F2;
    --color-input-field-focused-input-shadow: #005E3F40;
    --color-input-field-focused-input-border: #005E3F;
    --color-input-field-focused-button: #6D767C;
    --color-footer-background: #004730;
    --font-standard-flat: 'aok-text-font';
    --font-standard: 'aok-text-font';
    --font-highlight-flat: 'aok-text-font-bold';
    --font-highlight: 'aok-text-font-bold';
    --font-link: 'aok-text-font-semibold';
    --font-button: 'aok-text-font-semibold';
    --font-label: 'aok-text-font-semibold';
    --font-heading1: 'aok-font-semibold';
    --font-heading2: 'aok-font-semibold';
    --font-heading3: 'aok-font-semibold';
    --font-subheading: 'aok-font-semibold';
    --font-tooltip: 'aok-font';
    --color-background-body: #F7F8F9;
    --headline-font-weight: 600;
    --wa-surface-primary: #E8F4F2;
    --wa-surface-switch-primary: white;
    --wa-surface-switch-secondary: #E8F4F2;
    --wa-surface-interactive: #91F54A;
    --wa-text-onLight-headline: #005E3F;
    --wa-text-onLight-link: #005E3F;
    --wa-text-onLight-default: #293033;
    --wa-text-onLight-highlight: #18AB42;
    --wa-text-onLight-interactive: #004730;
    --wa-text-onLight-subdued: #6D767C;
    --wa-text-onDark-primary: #FFFFFF;
    --wa-icon-onLight-primary: #005E3F;
    --wa-icon-onLight-secondary: #005E3F;
    --wa-icon-onLight-tertiary: #4D545B;
    --wa-icon-onLight-subdued: #6D767C;
    --wa-icon-onDark-reverse: #004730;
    --wa-background-primary: #FFFFFF;
    --wa-background-secondary: #E8F4F2;
    --wa-button-primary-enabled-text: #004730;
    --wa-button-primary-enabled-surface: #91F54A;
    --wa-button-primary-enabled-hover-text: #004730;
    --wa-button-primary-enabled-hover-border: #91F54A;
    --wa-button-primary-enabled-hover-surface: white;
    --wa-button-secondary-enabled-surface: #FFFFFF;
    --wa-button-secondary-enabled-text: #004730;
    --wa-icon-chat-info: #C0DFDA;
    --wa-special-search: #DAE4E4;
    --wa-inputfield-focused-text: #293033;
    --wa-linkcell-primary-text: #004730;
    --wa-linkcell-primary-surface: #E8F4F2;
    --wa-special-diagram-neutral: #C0DFDA;
    --wa-filter-inactive-text: #005E3F;
    --wa-filter-inactive-surface: #FFFFFF;
    --wa-filter-active-text: #FFFFFF;
    --wa-filter-active-surface: #005E3F;
    --wa-button-tertiary-enabled-surface: #E8F4F2;
    --wa-button-tertiary-enabled-text: #004730;
    --wa-button-switch-enabled-surface: #E8F4F2;
    --wa-button-switch-enabled-text: #004730;
    --wa-shape-interactive-active: #18AB42;
    --wa-shape-universal-primary: #005E3F;
    --wa-shape-universal-tertiary: #005E3F;
    --wa-shape-universal-subdued: #C0DFDA;
    --wa-text-onDark-reverse: #004730;
    --wa-inputfield-filled-border: #6D767C;
    --wa-inputfield-filled-label: #293033;
    --wa-inputfield-filled-text: #293033;
    --wp-inputfield-filled-error: #EB0047;
    --corner-floating: 9999px;
    --footer-hr-color: #4D7E6E;
    --footer-section-title: #50EB5D;
    --btn-border-radius: 4px;
}

.textstyle-heading-1 {
    font-family: var(--font-heading1);
    font-size: 28px;
    line-height: 32px;
    color: var(--color-text-onLight-headline);
}

.textstyle-heading-2 {
    font-family: var(--font-heading2);
    font-size: 24px;
    line-height: 32px;
    color: var(--color-text-onLight-headline);
    margin-top: 32px;
    margin-bottom: 16px;
}

.textstyle-heading-3 {
    font-family: var(--font-subheading);
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: var(--color-text-onLight-headline);
    margin-top: 24px;
    margin-bottom: 16px;
}

.textstyle-subheading-primary {
    font-family: var(--font-subheading);
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-text-onLight-headline);
}

/*Sometimes the color changes (p.e. Admin Dashboard)*/
.textstyle-subheading-secondary {
    font-family: var(--font-subheading);
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: var(--color-text-onLight-link);
}

[data-theme="theme-AOK"] .textstyle-subheading-secondary {
    color: var(--color-text-onLight-headline);
}

.textstyle-standard-flat {
    font-family: var(--font-standard-flat);
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-text-onLight-default);
}

.textstyle-standard {
    font-family: var(--font-standard);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-text-onLight-default);
}

.textstyle-highlight-flat {
    font-family: var(--font-highlight-flat);
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: var(--color-text-onLight-default);
}

[data-theme="theme-AOK"] .textstyle-highlight-flat {
    font-weight: 800;
}

.textstyle-highlight {
    font-family: var(--font-highlight);
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    color: var(--color-text-onLight-default);
}

[data-theme="theme-AOK"] .textstyle-highlight-flat {
    font-weight: 800;
}

.textstyle-link-primary {
    font-family: var(--font-link);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-text-onLight-default);
}

.textstyle-link-secondary {
    font-family: var(--font-link);
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    color: var(--color-text-onLight-link);
}

    .textstyle-link-secondary:hover {
        color: var(--color-text-onLight-link) !important;
    }

.textstyle-button {
    font-family: var(--font-button);
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    color: var(--color-text-onLight-default);
}

.textstyle-label {
    font-family: var(--font-label);
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-text-onLight-default);
}

.textstyle-tooltip {
    font-family: var(--font-tooltip);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--color-text-onLight-default);
}

.hk--text-standard {
    font-size: var(--hk-fs-standard);
    font-style: normal;
    font-weight: 300;
    line-height: var(--hk-lh-standard);
}

.hk--text-standard-400 {
    font-size: var(--hk-fs-standard);
    font-style: normal;
    font-weight: 400;
    line-height: var(--hk-lh-standard);
}

.hk--text-subh {
    font-size: var(--hk-fs-subh);
    font-style: normal;
    font-weight: 600; /* 500 (Figma) is not bold */
    line-height: var(--hk-lh-subh);
}

.wa-heading-1 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-32-42);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-38-48);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-heading-1 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.wa-heading-1-sm-heading-2 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-32-42);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-38-48);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-heading-1-sm-heading-2 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

@media (max-width: 768px) {
    .wa-heading-1-sm-heading-2 {
        font-family: 'hanako-font-standard';
        font-size: var(--fl-24-32);
        line-height: var(--fl-28-38);
    }
}


.wa-heading-2 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-24-32);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-28-38);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-heading-2 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.wa-heading-3 {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-18-24);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-heading-3 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.wa-heading-4 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-heading-4 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.wa-subheading {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-16-22);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-subheading {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.wa-subheading-sm-heading-4 {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-16-22);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .wa-subheading-sm-heading-4 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

@media (max-width: 768px) {
    .wa-subheading-sm-heading-4 {
        font-family: 'hanako-font-standard';
        font-size: var(--fl-14-18);
        font-style: normal;
        font-weight: 400;
        line-height: var(--fl-20-26);
        color: var(--wa-text-onLight-headline);
    }

    [data-theme="theme-AOK"] .wa-subheading-sm-heading-4 {
        font-family: 'aok-font-semibold';
        font-weight: 600;
    }
}

.wa-tabs {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-16-22);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-link);
}

[data-theme="theme-AOK"] .wa-tabs {
    font-family: 'aok-text-font';
}

.wa-body {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-default);
}

[data-theme="theme-AOK"] .wa-body {
    font-family: 'aok-text-font';
}

.wa-body a {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-link);
}

[data-theme="theme-AOK"] .wa-body a {
    font-family: 'aok-text-font';
}

@media (min-width: 768px) {
    .wa-body a {
        font-family: 'hanako-font-bold';
        font-size: var(--fl-14-18);
        font-style: normal;
        font-weight: 700;
        line-height: var(--fl-20-26);
        color: var(--wa-text-onLight-link);
    }

    [data-theme="theme-AOK"] .wa-body a {
        font-family: 'aok-text-font-bold';
        font-weight: 800;
    }
}

.wa-overline-1 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-highlight);
}

[data-theme="theme-AOK"] .wa-overline-1 {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

.wa-overline-1-bold {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-highlight);
}

[data-theme="theme-AOK"] .wa-overline-1-bold {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

.wa-overline-1-bold-sm-overline-2 {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-highlight);
}

[data-theme="theme-AOK"] .wa-overline-1-bold-sm-overline-2 {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

.wa-overline-1-bold-sm-not-bold {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-highlight);
}

[data-theme="theme-AOK"] .wa-overline-1-bold-sm-not-bold {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}


@media (max-width: 768px) {
    .wa-overline-1-bold-sm-overline-2 {
        font-family: 'hanako-font-standard';
        font-size: var(--fl-11-13);
        font-style: normal;
        font-weight: 400;
        line-height: var(--fl-14-16);
        color: var(--wa-text-onLight-highlight);
    }

    .wa-overline-1-bold-sm-not-bold {
        font-family: 'hanako-font-standard';
    }
}



.wa-overline-2 {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-11-13);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-14-16);
    color: var(--wa-text-onLight-highlight);
}

[data-theme="theme-AOK"] .wa-overline-2 {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

.wa-body-highlight {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-button-primary-enabled-text);
}

.wa-body-highlight-nr {
    font-family: 'hanako-font-bold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: var(--wa-button-primary-enabled-text);
}

[data-theme="theme-AOK"] .wa-body-highlight,
[data-theme="theme-AOK"] .wa-body-highlight-nr {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

.wa-caption {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-11-13);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-14-16);
    color: var(--color-text-onLight-subdued);
}

[data-theme="theme-AOK"] .wa-caption {
    font-family: 'aok-text-font';
}

.wp-standard-flat {
    font-family: var(--font-standard-flat);
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    color: var(--wp-inputfield-filled-error);
}

.wp-hamburger-title-item {
    font-family: 'hanako-font-standard';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px;
    color: var(--wa-text-onLight-default);
}

[data-theme="theme-AOK"] .wp-hamburger-title-item {
    font-family: 'aok-text-font';
}

.hk--text-heading {
    font-size: var(--hk-fs-heading);
    font-style: normal;
    font-weight: 300;
    line-height: var(--hk-lh-heading);
}

.text-headline {
    font-family: var(--font-heading1);
    font-size: var(--hk-fs-heading);
    font-style: normal;
    font-weight: var(--headline-font-weight);
    line-height: var(--hk-lh-heading);
    color: var(--color-text-onLight-headline);
}

@media (max-width: 576px) {
    .hk--text-heading {
        font-size: 24px;
        line-height: 28px;
    }
}

.hk--text-btn {
    font-size: var(--hk-fluent-16-18);
    font-style: normal;
    font-weight: 300;
    line-height: var(--hk-fluent-20-26);
}

.hk--text-h2 {
    font-size: var(--hk-fs-h2);
    font-style: normal;
    font-weight: 700;
    line-height: var(--hk-lh-h2);
}

.hk--text-small {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

@media (max-width: 576px) {
    .hk--text-small {
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
    }
}

.hk--app-small-caption {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
}

.overline {
    font-size: var(--hk-fluent-11-13);
    line-height: var(--hk-fluent-14-16);
    font-weight: 400;
}

.hk--app-small-standard {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.hk--app-small-h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
}

.hk--training-mode-top-text {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

@media (max-width: 576px) {
    .hk--training-mode-top-text {
        font-size: 24px;
        font-weight: 400;
        line-height: 28px;
    }
}

.hk--training-heading {
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
}

@media (max-width: 576px) {
    .hk--training-heading {
        font-size: 32px;
        line-height: 38px;
    }
}

.hk--text-photo-credits {
    font-size: var(--hk-fluent-11-13);
    font-weight: 400;
    line-height: var(--hk-fluent-14-16);
    color: var(--hk-hint-grey);
}

@media (max-width: 768px) {
    :root {
        --hk-container-mlr: 0px;
        --hk-navbar-padding-lr: 8px; /*clamp(0px, calc(-24px + (100vw - var(--hk-container-mlr)) * 40/ 1204), 40px);*/
        --hk-navbar-pt: 12px;
        --hk-navbar-pb: 12px;
        --hk-container-padding-top: 32px;
    }
}

.hk--navbar-padding {
    padding-left: var(--hk-navbar-padding-lr) !important;
    padding-right: var(--hk-navbar-padding-lr) !important;
}

.hk--footer-margin {
}

/*@media (min-width: 576px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {
}*/

.hk--bg-color {
    background-color: var(--hk-bg-color);
}

.hk-navbar-ptb {
    padding-top: var(--hk-navbar-pt) !important;
    padding-bottom: var(--hk-navbar-pb) !important;
}

.hk--logo-height {
    height: var(--hk--logo-height);
}

@media (max-width: 768px) {
    .hk--logo-height {
        height: var(--hk--logo-height-sm);
    }
}

.hk--navbar-color {
    color: var(--hk-navbar-color) !important;
}

.hk--reset-no-border {
    border: none !important;
}

.hk--reset-navbar-toggler {
    color: white !important;
    border-color: white !important;
}

.hk--focus-outline-dotted:focus {
    outline: 1px dotted !important;
}

.hk--hamburger-btn,
.hk--hamburger-btn:focus {
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px;
    border: none;
    outline: none;
    background: none;
    cursor: pointer;
    color: white;
}

    .hk--hamburger-btn img {
        width: 24px;
        height: 24px;
    }

.hk--container {
    max-width: var(--hk-container-max-width);
    width: calc(100% - var(--hk-container-mlr));
    flex: 1;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: var(--wa-background-secondary);
    border-radius: 0px;
    overflow-x: hidden;
    display: grid; /* only to enable the full height secondary container */
    align-content: stretch;
    grid-template-rows: min-content;
    grid-template-columns: 100%; /* !!! otherwise the child elements overflow without scrollers */
}

@media (min-width: 768px) {
    .hk--container {
        margin-top: 24px;
        background-color: var(--wa-surface-switch-primary);
        border-top-left-radius: var(--corner-l);
        border-top-right-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--container {
        border-radius: 0;
    }
}

.hk--secondary-container {
    background-color: var(--hk-secondary-container-bg-color);
    border-radius: 0;
    padding-top: var(--hk-fluent-32-64);
    padding-left: var(--hk-fluent-24-80);
    padding-right: var(--hk-fluent-24-80);
    position: relative; /* because of the news photo credits*/
}

@media (min-width: 768px) {
    .hk--secondary-container {
        border-radius: 16px 16px 0px 0px;
        margin-left: var(--hk-fluent-16-160);
        margin-right: var(--hk-fluent-16-160);
        margin-top: var(--hk-fluent-minus-16-37); /* to come above the title section */
        z-index: 2; /* to come above the title section */
    }

    [data-theme="theme-AOK"] .hk--secondary-container {
        border-radius: 0;
        margin-top: 0;
    }
}

.hk--secondary-container-single-news {
    padding-top: var(--hk-fluent-40-64);
}

.hk--photo-credits {
    position: absolute;
    top: var(--hk-fluent-8-16);
    left: 0;
    right: 0;
    padding-left: var(--hk-fluent-24-80);
    padding-right: var(--hk-fluent-24-80);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

    .hk--photo-credits svg {
        width: 12px;
        height: 12px;
    }

        .hk--photo-credits svg * {
            fill: var(--wa-icon-onLight-subdued);
        }

.hk--secondary-container .hk--start-video {
    width: 100%;
    border-radius: var(--corner-l);
    clip-path: inset(0px);
}

[data-theme="theme-AOK"] .hk--secondary-container .hk--start-video {
    border-radius: 0;
}

.hk--secondary-container .hk--start-img {
    max-width: 100%;
    border-radius: var(--corner-l);
}

[data-theme="theme-AOK"] .hk--secondary-container .hk--start-img {
    border-radius: 0;
}

.hk--container-fit-content {
    height: fit-content;
    border-radius: 16px;
}

/* hamburger menu color*/
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

.hk--title {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-top: var(--hk-container-padding-top);
    margin-bottom: 0px !important;
}

.hk--title-with-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-top: var(--hk-container-padding-top);
    margin-bottom: 0px !important;
}

    .hk--title-with-search svg,
    .hk--dialog-header svg {
        width: 24px;
        height: 24px;
        min-width: 24px;
        cursor: pointer;
    }

        .hk--title-with-search svg *,
        .hk--dialog-header svg * {
            fill: var(--wa-icon-onLight-secondary);
        }

.hk--svg-fill-stroke-06 * {
    fill: var(--wa-icon-onLight-secondary);
    stroke: var(--wa-icon-onLight-secondary);
    stroke-width: 0.6;
}

.hk--title-description {
    padding: 0;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-top: var(--hk-fluent-12-24);
    margin-bottom: 0px !important;
}

.hk--error-msg {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-bottom: 0px !important;
}

.hk--my-data-section {
    margin-top: 0;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-bottom: 0px;
}

.hk--my-data-btn,
.hk--my-data-btn:focus,
.hk--my-data-btn:hover {
    border: none;
    outline: none;
    border-radius: 8px;
    padding: var(--hk-fluent-11-15) var(--hk-fluent-20-24);
    cursor: pointer;
    max-width: fit-content;
}

.hk--form-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--hk-fluent-8-16) 16px;
    margin-bottom: var(--hk-fluent-8-16);
}

.hk--form-row-layout-only {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--hk-fluent-8-16) 0px;
    margin-bottom: var(--hk-fluent-8-16);
}

.hk--form-row input:not([type="submit"]),
.hk--form-row select {
    width: 100% !important;
    max-width: 100% !important;
    height: var(--hk-fluent-34-48);
    padding: var(--hk-fluent-7-11) var(--hk-fluent-12-16);
    border-radius: 4px;
    border: 1px solid var(--hk-hint-grey);
}

    .hk--form-row input:not([type="submit"]):focus,
    .hk--form-row select:focus {
        border-color: var(--color-input-field-focused-input-border);
        outline: 0;
        box-shadow: 0 0 0 0.2rem var(--color-input-field-focused-input-shadow);
    }

.hk--form-input-col-width {
    width: 360px;
}

.hk--form-control-narrow {
    max-width: 280px;
}

.hk--form-buttons-section {
    display: flex;
    gap: 8px 8px;
}

    .hk--form-buttons-section > * {
        flex-shrink: 0;
    }

@media (max-width: 576px) {
    .hk--form-buttons-section {
        flex-wrap: wrap;
    }

        .hk--form-buttons-section > * {
            flex-shrink: 1;
        }
}

.hk--form-checkbox-section {
    display: flex;
    flex-wrap: wrap;
    gap: var(--hk-fluent-8-16) var(--hk-fluent-8-16);
}

    .hk--form-checkbox-section > * {
        flex-shrink: 0;
    }

@media (min-width: 881px) {
    .hk--form-input-col-width.hk--form-checkbox-section {
        overflow: visible;
    }

    .hk--form-checkbox-section .hk--checkboxContainer {
        /* magic - so the long text in the checkbox label wrap correctly before the right side of the screen */
        max-width: min(calc(1204px - 360px - 16px), calc(100vw - 200px));
    }

    .hk--form-checkbox-section .hk--checkbox-label {
        white-space: normal;
        word-wrap: break-word;
        overflow-wrap: break-word;
        min-width: 0;
        flex: 1;
    }
}

@media (max-width: 880px) {
    .hk--form-checkbox-section > * {
        flex-shrink: 1;
    }
}

@media (max-width: 768px) {
    .hk--form-row {
        flex-direction: column;
        align-items: flex-start;
    }

    .hk--form-input-col-width {
        width: 100%;
    }
}

.hk--datetime-picker-group {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    border-radius: 4px;
    border: 1px solid var(--hk-hint-grey);
}

    .hk--datetime-picker-group:focus-within {
        border-color: var(--color-input-field-focused-input-border);
        outline: 0;
        box-shadow: 0 0 0 0.2rem var(--color-input-field-focused-input-shadow);
    }

.hk--datetime-input,
.hk--datetime-input:focus {
    position: relative;
    z-index: 1;
    border: none !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

    .hk--datetime-input:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.hk--datetime-icon {
    border: none;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    background-color: Field;
}

.hk--tile-text {
    margin: 16px 0px 0px 0px;
    padding: 0px;
}

.hk--tile-text-section-padding {
    padding: var(--hk-fluent-16-24) var(--hk-fluent-16-32);
}

@media (min-width: 768px) {
    [data-theme="theme-AOK"] .hk--tile-text-section-padding {
        padding-left: 0px;
    }
}

.wa-tiles {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-top: var(--hk-fluent-24-32);
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    row-gap: var(--hk-fluent-24-32);
    column-gap: 24px;
}

@media (max-width: 576px) {
    .wa-tiles {
        grid-template-columns: 1fr;
    }
}

.hk--tile {
    position: relative;
    background-color: var(--hk-secondary-container-bg-color);
    border-radius: var(--corner-s);
    cursor: pointer;
}

    .hk--tile > img {
        width: 100%;
        display: block;
        border-top-left-radius: var(--corner-s);
        border-top-right-radius: var(--corner-s);
    }

@media (min-width: 768px) {
    .hk--tile {
        border-radius: var(--corner-l);
    }

        .hk--tile > img {
            border-top-left-radius: var(--corner-l);
            border-top-right-radius: var(--corner-l);
        }

    [data-theme="theme-AOK"] .hk--tile {
        border-radius: 0;
    }

        [data-theme="theme-AOK"] .hk--tile > img {
            border-radius: 0;
        }
}

.hk--tile-texts-part {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

    .hk--tile-texts-part img {
        margin-right: var(--hk-fluent-8-32);
        margin-left: auto;
    }

    .hk--tile-texts-part svg {
        width: 24px;
        height: 24px;
        margin-right: var(--hk-fluent-8-32);
        margin-left: auto;
    }

        .hk--tile-texts-part svg * {
            fill: var(--wa-icon-onLight-primary);
        }

.hk--tile-bullet {
    position: absolute;
    top: calc(var(--hk-fluent-bullet-20) * -1);
    right: calc(var(--hk-fluent-bullet-20) * -1);
    width: calc(var(--hk-fluent-bullet-20) * 2);
    height: calc(var(--hk-fluent-bullet-20) * 2);
    border-radius: var(--hk-fluent-bullet-20);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--wa-surface-interactive);
    color: var(--wa-text-onDark-reverse);
}

.hk--row-tile {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    margin-top: var(--hk-fluent-24-32);
    background-color: var(--hk-secondary-container-bg-color);
    border-radius: var(--corner-s);
    padding: var(--hk-fluent-16-32);
}

@media (min-width: 768px) {
    .hk--row-tile {
        border-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--row-tile {
        border-radius: 0;
    }
}

.hk--smartfone-img {
    display: block;
    width: var(--hk-home-img-width);
    max-width: 383px;
    max-height: 344px;
}

@media (max-width: 768px) {
    .hk--smartfone-img {
        display: none;
    }
}

.hk--row-tile ul {
    color: var(--wa-text-onLight-default);
    list-style: inside; /* ! so the bullets line on the ul padding */
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.hk--home-ul-section {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: var(--hk-fluent-8-16) 0px 33px 0px;
    gap: var(--hk-fluent-16-32) 16px;
}

    .hk--home-ul-section > img {
        margin-left: auto;
        max-width: 33%;
    }

@media (min-width: 768.1px) {
    .hk--home-ul-section > img {
        display: none;
    }
}

@media (max-width: 768px) {
    .hk--home-ul-section {
        margin-top: 16px;
        margin-bottom: 0;
    }
}

@media (max-width: 576px) {
    .hk--home-ul-section > img {
        display: none;
    }
}

.hk--row-tile video {
    width: 0;
    height: 0;
}

.hk--home-btn,
.hk--home-btn:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    border: none;
    outline: none;
    border-radius: 8px;
    padding: var(--hk-fluent-11-15) var(--hk-fluent-20-24);
    margin-top: var(--hk-fluent-8-16);
    cursor: pointer;
}

    .hk--home-btn:first-of-type {
        margin-top: 16px;
    }

    .hk--home-btn svg {
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

        .hk--home-btn svg * {
            fill: var(--wa-button-primary-enabled-text);
        }

    .hk--home-btn > * {
        vertical-align: middle;
    }

.wa-btn-primary,
.wa-btn-primary:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    border: none;
    outline: none;
    border-radius: var(--corner-floating);
    padding: 15px 24px;
    cursor: pointer;
}

.wa-btn-password-eye-toggle {
    margin-left: -41px;
}

    .wa-btn-password-eye-toggle .fa-eye {
        margin-top: 1px;
    }
    
.hk--contests-row-tile {
    flex-direction: row;
    padding: 0;
    cursor: pointer;
}

.hk--home-contests-img {
    max-width: 400px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: var(--corner-s);
    border-bottom-left-radius: var(--corner-s);
}

@media (max-width: 576px) {
    .hk--home-contests-img {
        display: none;
    }
}

@media (min-width: 768px) {
    .hk--home-contests-img {
        border-top-left-radius: var(--corner-l);
        border-bottom-left-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--home-contests-img {
        border-radius: 0;
    }
}

.hk--subheading-training {
    margin: 0px;
    text-align: center;
    margin-top: 47px; /* to be leveled with the buttons 60 (the top of the center of the round buttons) - (26line-height/2) */
}

@media (max-width: 576px) {
    .hk--subheading-training {
        margin-top: 44px; /* to be leveled with the buttons 60 (the top of the center of the round buttons) - (28line-height/2) - 2 (optic) */
    }
}

.hk--back-button,
.hk--back-button:hover {
    display: block;
    padding: 0;
    margin-right: auto;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

    .hk--back-button:focus {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

    .hk--back-button:focus:not(:focus-visible) {
        outline: none;
    }

    .hk--back-button:focus-visible {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

    .hk--back-button svg {
        width: 52px;
        height: 52px;
        margin-left: -6px; /* horizontal correction for the drop shadow 52 (width)- 40 (button circle size) / 2 (left and right) = 6 */
        filter: drop-shadow(0 2px 3px rgba(186, 186, 186, 0.5)); /* replaces the filter from the svg */
    }

        .hk--back-button svg * {
            fill: var(--wa-icon-onLight-secondary);
        }

.hk--print-button,
.hk--print-button:focus,
.hk--print-button:hover {
    display: block;
    padding: 0;
    margin-left: auto;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

    .hk--print-button svg {
        max-width: 52px;
        height: 52px;
        filter: drop-shadow(0 2px 3px rgba(186, 186, 186, 0.5)); /* replaces the filter from the svg */
    }

        .hk--print-button svg * {
            fill: var(--color-icon-onDark-reverse);
        }

        .hk--print-button:not(.hk--print-button-report) {
            --printButton-icon-fill: var(--wa-icon-onLight-secondary);
        }

        [data-theme="theme-AOK"] .hk--print-button:not(.hk--print-button-report) {
            --printButton-icon-fill: var(--color-icon-onDark-reverse); 
        }

.hk--back-button-wp,
.hk--back-button-wp:focus,
.hk--back-button-wp:hover {
    display: block;
    padding: 0;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

    .hk--back-button-wp svg {
        width: 36px;
        height: 36px;
        margin-left: -4px;
    }

.hk--close-button,
.hk--close-button:hover {
    display: block;
    padding: 0;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
}

    .hk--close-button:focus {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

    .hk--close-button:focus:not(:focus-visible) {
        outline: none;
    }

    .hk--close-button:focus-visible {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

    .hk--close-button svg {
        width: 52px;
        height: 52px;
        filter: drop-shadow(0 2px 3px rgba(186, 186, 186, 0.25));
    }

        .hk--close-button svg * {
            fill: var(--wa-icon-onLight-secondary);
        }

/* Bare icon-only button wrapper: button has no visual presence,
   only the SVG inside is visible. Used to make clickable SVG icons
   keyboard-accessible while preserving existing visuals. */
.hk--icon-button,
.hk--icon-button:hover {
    /* Focus-ring color, scoped to icon buttons only (NOT :root) so the shared
       .hk--back-button / .hk--close-button keep their existing currentColor behavior.
       Theme-adaptive via the per-theme primary icon color: default #0072CA, AOK #005E3F —
       both >=3:1 on the light WebApp surfaces. */
    --wa-focus-stroke: var(--wa-icon-onLight-primary);
    padding: 0;
    margin: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: inherit;
    font: inherit;
    outline: none;
    line-height: 0;
}

    /* Same robust focus pattern as .hk--back-button / .hk--close-button: a visible ring on
       :focus (so keyboard focus is indicated even without :focus-visible support), suppressed
       for pointer focus via :focus:not(:focus-visible). */
    .hk--icon-button:focus {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

    .hk--icon-button:focus:not(:focus-visible) {
        outline: none;
    }

    .hk--icon-button:focus-visible {
        outline: 2px solid var(--wa-focus-stroke, currentColor);
        outline-offset: 2px;
    }

.hk--icon-button-centered {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.hk--sub-title {
    margin-left: var(--hk-container-padding-lr);
    margin-bottom: 12px;
}

.hk--home-section {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    padding: var(--hk-fluent-16-32);
    background-color: var(--wa-surface-secondary);
    border-radius: var(--corner-s);
}

@media (min-width: 768px) {
    .hk--home-section {
        background-color: var(--wa-surface-switch-secondary);
        border-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--home-section {
        border-radius: 0;
    }
}

.home-section-inverted {
    background-color: var(--wa-surface-secondary);
}

@media (min-width: 768px) {
    .home-section-inverted {
        background-color: var(--wa-surface-switch-secondary);
    }
}

.hk--filter-container {
    display: flex;
    justify-content: center;
    margin-top: var(--hk-fluent-16-24);
    margin-bottom: 24px;
    height: fit-content;
}

.hk--filter-checkbox-label input {
    position: absolute;
    left: 0;
    opacity: 0;
}

.hk--filter-checkbox-label {
    margin-bottom: 0px !important;
    margin-left: 8px;
    cursor: pointer;
}

    .hk--filter-checkbox-label input + span {
        display: flex;
        align-items: center;
        color: var(--wa-filter-inactive-text);
        background-color: var(--wa-filter-inactive-surface);
        border: none;
        padding: 6px 16px;
        border-radius: 8px;
    }

@media (min-width: 768px) {
    .hk--filter-checkbox-label input + span {
        background-color: var(--wa-surface-switch-secondary);
    }
}

/* for responsive keyboard */
/*.hk--filter-checkbox-label [type="checkbox"]:not(:checked):focus + span {
    outline-style: solid;
    outline-color: var(--hk-link);
outline-width: 1px;
}

.hk--filter-checkbox-label [type="checkbox"]:checked:focus + span {
    outline-style: solid;
    outline-color: white;
    outline-width: 1px;
}*/

.hk--filter-checkbox-label input:checked + span {
    color: var(--wa-filter-active-text);
    background-color: var(--wa-filter-active-surface);
}

.hk--offerGroup {
    margin-top: var(--hk-fluent-12-24);
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
}

    .hk--offerGroup a img {
        width: 100%;
        border-radius: var(--corner-s);
        display: block;
        margin-bottom: 8px;
    }

[data-theme="theme-AOK"] .hk--offerGroup a img {
    border-radius: 0;
}

.hk--offerGroup-for-carousel {
    width: var(--hk-fluent-216-272);
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 12px;
}

.hk--carousel {
    overflow-x: hidden;
    display: grid;
    grid-template-areas: "prevBtn list nextBtn";
    margin-top: 0px;
    margin-bottom: 32px;
}

    .hk--carousel ul {
        grid-row: 1;
        grid-column: prevBtn / nextBtn;
        padding: 0px;
        margin: 0px;
        padding-left: var(--hk-container-padding-lr);
        padding-right: 28px; /* 40 - 12 padding right on the image*/
        display: flex;
        list-style-type: none;
        overflow-x: scroll;
        z-index: 1;
        scroll-snap-type: x mandatory;
        scroll-padding-left: var(--hk-container-padding-lr); /* fluent 16px to 40px */
    }

        .hk--carousel ul li {
            scroll-snap-align: start;
        }

    .hk--carousel button {
        background-color: transparent;
        z-index: 2;
        border: none;
        outline: none;
    }

        .hk--carousel button:nth-of-type(1) {
            grid-area: prevBtn;
            position: relative;
            margin-left: 10px;
            width: var(--hk-fluent-36-52);
        }

            .hk--carousel button:nth-of-type(1) svg,
            .hk--carousel button:nth-of-type(2) svg {
                --scrollLeft-circle-fill: var(--wa-button-tertiary-enabled-surface);
                --scrollLeft-arrow-fill: var(--wa-button-tertiary-enabled-text);
                position: absolute;
                /* find the vertical middle of the card's image knowing only it's width and put the middle of the svg on it */
                top: calc((var(--hk-fluent-216-272) * 9 / 16 / 2) - (var(--hk-fluent-36-52) / 2));
                left: 0;
                width: var(--hk-fluent-36-52);
                height: var(--hk-fluent-36-52);
                filter: drop-shadow(0 2px 3px rgba(186, 186, 186, 0.6));
            }

        .hk--carousel button:nth-of-type(2) {
            grid-area: nextBtn;
            justify-self: end;
            position: relative;
            margin-right: 10px;
            width: var(--hk-fluent-36-52);
        }

            .hk--carousel button:nth-of-type(1):hover svg,
            .hk--carousel button:nth-of-type(2):hover svg {
                /* invert the normal state */
                --scrollLeft-circle-fill: var(--wa-button-tertiary-enabled-text);
                --scrollLeft-arrow-fill: var(--wa-button-tertiary-enabled-surface);
                filter: drop-shadow(0 2px 3px rgba(186, 186, 186, 0.6));
            }

.hk--no-scrollbar::-webkit-scrollbar {
    display: none;
}

.hk--no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

div.hk-title-section {
    position: relative;
}

    div.hk-title-section img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    div.hk-title-section video {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: contain;
    }

        div.hk-title-section video,
        div.hk-title-section video:focus {
            display: block;
            margin-bottom: 32px;
            clip-path: inset(0px);
            background-color: black;
        }

@media (max-width: 768px) {
    div.hk-title-section video,
    div.hk-title-section video:focus {
        margin-bottom: 0px;
    }
}

.play_button_center {
    position: absolute;
    margin: auto;
    top: var(--hk-fluent-minus-24-48); /* because of the margin-bottom 48px of the div.hk-title-section video */
    right: 0;
    bottom: 0;
    left: 0;
    height: var(--hk-fluent-40-80);
    width: var(--hk-fluent-40-80);
    cursor: pointer;
    object-fit: contain !important;
    z-index: 5; /* to not get hidden under some *_container on small screen */
}

.hk--offer-card {
    display: flex;
    flex-direction: row;
    margin-bottom: 16px;
    gap: 0 16px;
}

    .hk--offer-card:last-of-type {
        margin-bottom: var(--hk-fluent-32-40);
    }

    .hk--offer-card-link,
    .hk--offer-card-link:hover,
    .hk--offer-card-link:focus {
        display: flex;
        flex-direction: row;
        gap: 0 16px;
        flex: 1;
        min-width: 0;
        text-decoration: none;
    }

    .hk--offer-card > a > img {
        width: 276px;
        height: 154px;
        border-radius: var(--corner-s);
        object-fit: cover;
    }

@media (max-width: 576px) {
    .hk--offer-card > a > img {
        width: 156px;
        height: 88px;
    }
}

[data-theme="theme-AOK"] .hk--offer-card > a > img {
    border-radius: 0;
}

.hk--offer-details a,
.hk--offer-details > span:first-child {
    margin-bottom: 8px;
}

.hk--offer-details-line {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

    .hk--offer-details-line img {
        width: 12px;
        height: 12px;
        margin: 0px 6px 0px 0px;
    }

.wa-svg-moreDetails {
    width: 24px;
    height: 24px;
    margin: 0px 0px 0px 8px;
    vertical-align: top; /* compensate for height 24 vs line-height 26 */
}

    .wa-svg-moreDetails * {
        fill: var(--wa-icon-onLight-primary);
    }

.hk--details {
    margin-top: var(--hk-fluent-16-24);
    margin-bottom: var(--hk-fluent-24-54);
}

.hk--default-card {
    display: flex;
    align-items: start;
    flex-direction: row;
    gap: 0 var(--hk-fluent-12-16);
}

.hk--default-card-play-title {
    display: flex;
    align-items: center;
    gap: 0 var(--hk-fluent-12-16);
}

.hk--media-img {
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    cursor: pointer;
}

.hk--media-video {
    width: 100%;
    border-radius: var(--corner-s);
}

[data-theme="theme-AOK"] .hk--media-video {
    border-radius: 0;
}

.hk--media-img,
.hk--media-video {
    width: var(--hk-fluent-104-362);
}

.hk--play-button {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    cursor: pointer;
}

.hk--round-training-button {
    display: block;
    margin: auto;
    width: 80px;
    height: 80px;
    cursor: pointer;
}

.hk--card-title-duration button {
    display: block;
    margin-bottom: 2px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
}

    .hk--card-title-duration button:focus {
        outline: none;
    }

.hk--card-title-duration img {
    width: 12px;
    height: 12px;
    margin: 0px 6px 0px 0px;
}

.hk--mb-160 {
    margin-bottom: 160px;
}

.hk--cursor-pointer {
    cursor: pointer;
}

.hk-cursor-no-pointer {
    cursor: default !important;
}

.hk--no-layout {
    display: contents;
}


@font-face {
    font-family: 'hanako-icons';
    src: url('fonts/hanako-icons.eot?dozrva');
    src: url('fonts/hanako-icons.eot?dozrva#iefix') format('embedded-opentype'), url('fonts/hanako-icons.woff?dozrva') format('woff'), url('fonts/hanako-icons.svg?dozrva#hanako-icons') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'aok-text-font';
    src: url('fonts/Aok/AOKBuenosAiresText-Regular.ttf') format('ttf'),url('fonts/Aok/AOKBuenosAiresText-Regular.woff') format('woff'),url('fonts/Aok/AOKBuenosAiresText-Regular.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'aok-text-font-semibold';
    font-weight: 600; /* FF cannot render it properly without it */
    src: url('fonts/Aok/AOKBuenosAiresText-SemiBold.woff2') format('woff2'), url('fonts/Aok/AOKBuenosAiresText-SemiBold.woff') format('woff'), url('fonts/Aok/AOKBuenosAiresText-SemiBold.ttf') format('ttf');
    font-display: block;
}

@font-face {
    font-family: 'aok-text-font-bold';
    font-weight: 400 800; /* FF cannot render it properly without it */
    src: url('fonts/Aok/AOKBuenosAiresText-Bold.ttf') format('ttf'),url('fonts/Aok/AOKBuenosAiresText-Bold.woff') format('woff'),url('fonts/Aok/AOKBuenosAiresText-Bold.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'aok-font';
    src: url('fonts/Aok/AOKBuenosAires-Regular.woff') format('woff'),url('fonts/Aok/AOKBuenosAires-Regular.woff2') format('woff2');
    font-display: block;
}


@font-face {
    font-family: 'aok-font-semibold';
    font-weight: 600; /* FF cannot render it properly without it */
    src: url('fonts/Aok/AOKBuenosAires-SemiBold.woff') format('woff'),url('fonts/Aok/AOKBuenosAires-SemiBold.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'aok-font-bold';
    src: url('fonts/Aok/AOKBuenosAires-Bold.woff') format('woff'),url('fonts/Aok/AOKBuenosAires-Bold.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'hanako-font-standard';
    font-weight: 400 600;
    src: url('fonts/Hanako/Roboto-Regular.woff') format('woff'),url('fonts/Hanako/Roboto-Regular.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'hanako-font-medium';
    font-weight: 600 700;
    src: url('fonts/Hanako/Roboto-Medium.woff') format('woff'),url('fonts/Hanako/Roboto-Medium.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'hanako-font-bold';
    font-weight: 600 700;
    src: url('fonts/Hanako/Roboto-Bold.woff') format('woff'),url('fonts/Hanako/Roboto-Bold.woff2') format('woff2');
    font-display: block;
}

@font-face {
    font-family: 'roboto-thin';
    src: url('fonts/Hanako/roboto-thin.woff2') format('woff2'), url('fonts/Hanako/roboto-thin.woff') format('woff');
    font-display: block;
}


/* bbCode definitions */
.hk--bbCode {
    color: var(--wa-text-onLight-default);
}

.hk--bbCode a {
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    padding: var(--hk-fluent-8-12) var(--hk-fluent-12-16);
    border-radius: 8px;
    background-color: var(--wa-linkcell-primary-surface);
    color: var(--wa-linkcell-primary-text);
    /* wa-body */
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
}

[data-theme="theme-AOK"] .hk--bbCode a {
    font-family: 'aok-text-font';
}

.hk--bbCode a::after {
    margin-left: auto; /* move it to the right */
    font-family: hanako-icons;
}

.hk--bbCode a.l1::after {
    content: "\e955";
}

.hk--bbCode a.l2::after {
    content: "\e957";
}

.hk--bbCode a.l3::after {
    content: "\e956";
}

.hk--bbCode a.l4::after {
    font-family: FontAwesome;
    content: "\f0c1";
}

.hk--bbCode h2.s1 { /* Title */
    margin-bottom: 0px;
    /* wa-subheading */
    font-family: 'hanako-font-bold';
    font-size: var(--fl-16-22);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-headline);
}

[data-theme="theme-AOK"] .hk--bbCode h2.s1 {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.hk--bbCode h2.s1:not(:first-child) {
    margin-top: var(--hk-fluent-24-40);
}

.hk--bbCode p {
    margin-bottom: 0px;
    min-height: var(--hk-fluent-12-24);
    /* wa-body */
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-default);
}

[data-theme="theme-AOK"] .hk--bbCode p {
    font-family: 'aok-text-font';
}

.hk--bbCode ul,
.hk--bbCode ol {
    list-style: inside; /* ! so the bullets line on the ul padding */
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    margin-bottom: 2rem;
    margin-top: 1rem;
    padding: var(--hk-fluent-12-16);
    border-radius: 8px;
    background-color: var(--wa-surface-primary);
    /* wa-body */
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-default);
}

[data-theme="theme-AOK"] .hk--bbCode ul,
[data-theme="theme-AOK"] .hk--bbCode ol {
    font-family: 'aok-text-font';
}

.hk--bbCode div.s4 {
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    margin-bottom: 0px;
    padding: var(--hk-fluent-12-16);
    border-radius: 8px;
    background-color: var(--wa-surface-primary);
}

.hk--bbCode li {
    margin-bottom: var(--hk-fluent-11-13);
    list-style-position: outside;
    margin-left: var(--hk-fluent-12-16);
    padding-left: 0px; /* increase for more left text ident */
}

    .hk--bbCode li:last-child {
        margin-bottom: 0px;
    }

.hk--bbCode ol li {
    list-style: outside decimal;
}

.hk--bbCode img {
    width: 100%;
    margin-bottom: var(--hk-fluent-16-24);
}

.hk--bbCode .h-bbCode-audio {
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    margin-bottom: var(--hk-fluent-16-24);
}

.hk--bbCode .h-bbCode-video {
    margin-bottom: var(--hk-fluent-16-24);
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent;
}

.hk--bbCode strong {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-default);
}

[data-theme="theme-AOK"] .hk--bbCode strong {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

@supports (-moz-appearance:none) {
    [data-theme="theme-AOK"] .hk--bbCode strong {
        font-family: 'aok-text-font-bold';
        font-weight: 400;
    }
}

.hk--bbCode img + h2.s1,
.hk--bbCode .h-bbCode-audio + h2.s1,
.hk--bbCode .h-bbCode-video + h2.s1 {
    margin-top: 16px !important; /* 24 img btm + 16 = 40px = A2 */
}

.hk--bbCode a + *:not(img):not(.h-bbCode-audio):not(.h-bbCode-video):not(p) {
    margin-top: var(--hk-fluent-8-12);
}

.hk--bbCode ul + ul,
.hk--bbCode ul + ol,
.hk--bbCode ul + div.s4,
.hk--bbCode ul + a,
.hk--bbCode ol + ul,
.hk--bbCode ol + ol,
.hk--bbCode ol + div.s4,
.hk--bbCode ol + a,
.hk--bbCode div.s4 + ol,
.hk--bbCode div.s4 + ul,
.hk--bbCode div.s4 + div.s4,
.hk--bbCode div.s4 + a {
    margin-top: var(--hk-fluent-8-12);
}

.hk--bbCode ul + img,
.hk--bbCode ul + .h-bbCode-audio,
.hk--bbCode ul + .h-bbCode-video,
.hk--bbCode ol + img,
.hk--bbCode ol + .h-bbCode-audio,
.hk--bbCode ol + .h-bbCode-video,
.hk--bbCode div.s4 + img,
.hk--bbCode div.s4 + .h-bbCode-audio,
.hk--bbCode div.s4 + .h-bbCode-video,
.hk--bbCode a + img,
.hk--bbCode a + .h-bbCode-audio,
.hk--bbCode a + .h-bbCode-video {
    margin-top: var(--hk-fluent-16-24);
}

.hk--bbCode h2.s1 + *:not(h2.s1) {
    margin-top: var(--hk-fluent-12-24);
}

.hk--bbCode *:not(p,img,.h-bbCode-audio,.h-bbCode-audio) + p,
.hk--bbCode p + *:not(p) {
    margin-top: var(--hk-fluent-16-24);
}

.hk--bbCode > *:last-child {
    margin-bottom: 0px;
}

/* bbCode in admin-portal context (e.g. help modal):
   - Typography matches Figma tokens wp-subheading / wp-standard (#8444)
   - Subheadings: wp-subheading (var(--font-subheading), 18px / 500 / 20px / headline color)
   - Paragraphs: wp-standard (var(--font-standard), 14px / 400 / 20px / #585F66)
   - Section gaps: paragraph -> subheading 24px, subheading -> paragraph 16px
   - Links render as small wp/button/secondary buttons (32px high) */
.hk--bbCode.hk--bbCode--admin {
    color: var(--color-text-onLight-secondary);
}

.hk--bbCode.hk--bbCode--admin h2.s1 {
    /* wp-subheading */
    font-family: var(--font-subheading);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-text-onLight-headline);
    margin: 24px 0 16px 0;
}

.hk--bbCode.hk--bbCode--admin p:has(> strong:only-child),
.hk--bbCode.hk--bbCode--admin p:has(> b:only-child) {
    margin: 24px 0 16px 0;
    min-height: 0;
}

.hk--bbCode.hk--bbCode--admin p:first-child:has(> strong:only-child),
.hk--bbCode.hk--bbCode--admin p:first-child:has(> b:only-child) {
    margin-top: 0;
}

.hk--bbCode.hk--bbCode--admin p > strong:only-child,
.hk--bbCode.hk--bbCode--admin p > b:only-child {
    /* wp-subheading fallback for imported rich text that was not saved as [S1]. */
    display: block;
    font-family: var(--font-subheading);
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: var(--color-text-onLight-headline);
}

.hk--bbCode.hk--bbCode--admin h2.s1:first-child {
    margin-top: 0;
}

.hk--bbCode.hk--bbCode--admin p {
    /* wp-standard */
    font-family: var(--font-standard);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-onLight-secondary);
    margin: 0 0 16px 0;
    min-height: 0;
}

.hk--bbCode.hk--bbCode--admin > *:last-child {
    margin-bottom: 0;
}

/* Override .hk--bbCode adjacent-sibling spacing rules to match Figma exactly:
   subheading -> paragraph 16px (from h2.s1 margin-bottom)
   paragraph -> subheading 24px (from h2.s1 margin-top)
   paragraph -> paragraph 16px (from p margin-bottom) */
.hk--bbCode.hk--bbCode--admin h2.s1 + *:not(h2.s1),
.hk--bbCode.hk--bbCode--admin *:not(p,img,.h-bbCode-audio) + p,
.hk--bbCode.hk--bbCode--admin p + *:not(p) {
    margin-top: 0;
}

.hk--bbCode.hk--bbCode--admin a {
    /* wp/button/secondary - 32px high: 4px + 20px line-height + 4px + borders = 32px */
    display: inline-flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    height: 32px;
    min-height: 32px;
    padding: 4px 14px;
    background-color: var(--color-button-secondary-enabled-surface);
    color: var(--color-button-secondary-enabled-labeling);
    font-family: var(--font-button);
    font-size: 14px;
    line-height: 20px;
    border-radius: 4px;
    border: 2px solid transparent;
}

.hk--bbCode.hk--bbCode--admin a:hover {
    border-color: var(--color-button-secondary-hover-border);
    background-color: var(--color-button-secondary-hover-surface);
    color: var(--color-button-secondary-hover-labeling);
}

.hk--bbCode.hk--bbCode--admin a::after {
    content: none;
}

.hk--img-height {
    margin-bottom: var(--hk-fluent-12-24);
}

.hk--img-height-hoch {
    height: 80px;
    max-width: 100%;
}

.hk--img-height-mittel {
    height: 60px;
    max-width: 100%;
}

.hk--img-height-flach {
    height: 40px;
    max-width: 100%;
}

a.wa-supplierLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    padding: var(--hk-fluent-8-12) var(--hk-fluent-12-16);
    border-radius: var(--corner-s);
    background-color: var(--wa-linkcell-primary-surface);
    color: var(--wa-linkcell-primary-text);
    /* wa-body */
    font-family: 'hanako-font-standard';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-20-26);
}

[data-theme="theme-AOK"] a.wa-supplierLink {
    font-family: 'aok-text-font';
}

a.wa-supplierLink::after {
    font-family: hanako-icons;
    content: "\e955";
}

.hk--details > *:last-child {
    margin-bottom: 0px;
}

.hk--duration-level-top-line {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
}

    .hk--duration-level-top-line img {
        width: 12px;
        height: 12px;
        margin: 0px 4px 0px 0px;
    }

        .hk--duration-level-top-line img:nth-of-type(2) {
            margin-left: 16px;
        }

.hk--nutrition-values {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: var(--hk-fluent-32-40);
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    border-radius: 8px;
    background-color: var(--wa-surface-switch-primary);
}

    .hk--nutrition-values b {
        color: var(--wa-text-onLight-default);
        font-weight: 600;
    }

@media (max-width: 576px) {
    .hk--nutrition-values b {
        font-weight: 400;
    }

    .hk--break-units-small-screen b:nth-child(1):before {
        content: "\a";
        white-space: pre;
    }
}

.hk--justify-content-start {
    justify-content: start;
}

.hk--ingredients-line {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
}

.hk--servings {
    display: flex;
    align-items: center;
}

    .hk--servings svg {
        --circle-fill: var(--wa-button-tertiary-enabled-surface);
        --path-fill: var(--wa-button-tertiary-enabled-text);
        width: var(--hk-fluent-20-24);
        height: var(--hk-fluent-20-24);
    }

.hk--ingredients-table {
    list-style: none;
    padding: 0;
    margin: 0px 0px var(--hk-fluent-32-40) 0px;
}

    .hk--ingredients-table li {
        display: flex;
        padding: 0;
        margin: 0;
    }

        .hk--ingredients-table li span:first-child { /* quantities section */
            flex-shrink: 0;
            width: 120px;
            text-align: right;
        }

        .hk--ingredients-table li span:nth-of-type(2) {
            padding-left: 16px;
        }

.hk--quote-section {
    margin-left: -16px;
    margin-right: -16px;
    padding: 0px 16px 0px 16px;
    display: flex;
    border-radius: 8px;
    background-color: var(--wa-linkcell-primary-surface);
}

    .hk--quote-section img {
        flex-shrink: 0;
        width: var(--hk-fluent-64-96);
        height: var(--hk-fluent-64-96);
        border-radius: 50%;
        object-fit: cover;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .hk--quote-section section {
        padding-top: var(--hk-fluent-16-24);
        padding-bottom: var(--hk-fluent-16-24);
        padding-left: var(--hk-fluent-16-24);
    }

.hk--audio-container {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: var(--hk-container-max-width);
    margin: 0 auto;
    z-index: 10;
}

.hk--audio-player {
    margin: 0 0; /* 160px the margins of the hk--secondary-container if the player should always have the width of the secondary container (on resize) */
}

    .hk--audio-player audio {
        width: 100%;
        display: block;
    }

audio::-webkit-media-controls-enclosure {
    border-radius: 0px;
}

.hk--start-workout-button,
.hk--start-workout-button:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    color: var(--wa-button-primary-enabled-text);
    border-radius: var(--corner-s);
    display: flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: none;
    outline: none;
    cursor: pointer;
}

[data-theme="theme-AOK"] .hk--start-workout-button,
[data-theme="theme-AOK"] .hk--start-workout-button:focus {
    border-radius: 4px;
}


.hk--start-workout-button:disabled {
    background-color: var(--color-button-primary-disabled-surface);
    color: var(--color-button-primary-disabled-labeling);
    cursor: not-allowed;
}

.hk--start-workout-button svg {
    width: var(--hk-fluent-20-24);
    height: var(--hk-fluent-20-24);
}

    .hk--start-workout-button svg * {
        fill: var(--wa-button-primary-enabled-text);
    }

.hk--start-exercise-button,
.hk--start-exercise-button:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    color: var(--wa-button-primary-enabled-text);
    border-radius: 8px;
    padding: 14px 24px;
    border: none;
    outline: none;
    cursor: pointer;
}

.hk--active-button,
.hk--active-button:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    color: var(--wa-button-primary-enabled-text);
}

.wa-standard-button,
.wa-standard-button:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    color: var(--wa-button-primary-enabled-text);
    border: none;
    outline: none;
    border-radius: 6px;
    padding: var(--hk-fluent-14-15) 24px;
    cursor: pointer;
}

    .wa-standard-button > * {
        vertical-align: middle;
    }

.wa-standard-button-deactivated,
.wa-standard-button-deactivated:focus {
    background-color: var(--wa-surface-primary) !important;
}

.hk--done {
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: var(--hk-fluent-24-40);
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px 8px;
    border-radius: var(--corner-s);
    background-color: var(--wa-linkcell-primary-surface);
}

@media (max-width: 576px) {
    .hk--break-done-summary-small-screen span:nth-child(1):before {
        content: "\a";
        white-space: pre;
    }
}

section.hk--fixed-nav-container {
    position: fixed;
    display: flex;
    width: calc(100% - var(--hk-container-mlr)); /* !not 100% (it won't get the direct parent because fixed!) - so use the hk--container's width - it will scale perfectly */
    /*top: 136px;*/
    padding-left: var(--hk-fluent-24-40);
    padding-right: var(--hk-fluent-24-40);
    z-index: 3; /* to be able to come above the secondary container on small screens */
}

@media (max-width: 768px) {
    section.hk--fixed-nav-container {
        /*top: 88px;*/ /* 88 small screen adj.| old ->  112 = 136(figma) - 4(padding top svg)) - 20 from the body padding for 768 media */
    }
}

@media (max-width: 576px) {
    section.hk--fixed-nav-container {
        /*top: 88px;*/
    }
}

@media (min-width: 1204px) {
    section.hk--fixed-nav-container {
        max-width: var(--hk-container-max-width);
    }
}

.hk--fixed-bottom-72 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 72px;
}

.hk--ingredients {
    list-style: none;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: var(--hk-fluent-16-40);
    padding: 16px;
    border-radius: 8px;
    background-color: var(--wa-surface-switch-primary);
    display: flex;
    flex-wrap: wrap;
}

    .hk--ingredients li {
        display: inline;
    }

.hk--oops-img {
    display: block;
    margin: 0 auto;
    max-width: 288px;
    max-height: 315px;
    width: 100%;
    height: 100%;
}

.hk--filter-no-results {
    text-align: center;
}

.hk--date-label {
    width: fit-content;
    height: fit-content;
    padding: var(--hk-fluent-1-2) 8px;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--hk-fluent-18-34);
    margin-bottom: var(--hk-fluent-18-34);
    text-align: center;
    background: var(--wa-surface-secondary);
    border-radius: var(--corner-s);
    color: var(--wa-text-onLight-subdued);
}

@media (max-width: 575.9px) {
    .hk--date-label {
        margin-top: 24px;
    }
}

@media (min-width: 768px) {
    .hk--date-label {
        background: var(--wa-surface-switch-secondary);
    }
}

.hk--news-card {
    display: flex;
    flex-direction: column;
    border-radius: var(--corner-s);
    background-color: white;
    margin-top: var(--hk-fluent-16-32);
    margin-left: var(--hk-fluent-24-40);
    margin-right: var(--hk-fluent-24-40);
    cursor: pointer;
}

@media (min-width: 768px) {
    .hk--news-card {
        border-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--news-card {
        border-radius: 0;
    }
}

@media (min-width: 576px) {
    .hk--news-card {
        flex-direction: row;
    }
}

@media (max-width: 575.9px) {
    .hk--news-card {
        margin-top: 24px;
        margin-left: 24px;
        margin-right: 24px;
    }
}

.hk--news-card-img-container {
    position: relative;
    flex-basis: 39.323%;
    flex-grow: 1;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: var(--hk-hint-grey);
}

.hk--news-card-img {
    width: 100%;
    height: 100%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

@media (min-width: 576px) {
    .hk--news-card-img-container {
        border-top-right-radius: 0;
        border-bottom-left-radius: inherit;
    }

    .hk--news-card-img {
        border-top-right-radius: 0;
        border-bottom-left-radius: inherit;
    }
}

.hk--favorites {
    position: absolute;
    top: 0px;
    left: 0px;
    border-top-left-radius: inherit;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.hk--play-news {
    position: absolute;
    top: calc(50% - 28px);
    left: calc(50% - 28px);
    width: 56px;
    height: 56px;
    z-index: 2;
}

.wa-feed-play-video {
    --side-w: 40px;
    position: absolute;
    top: calc(50% - var(--side-w) / 2);
    left: calc(50% - var(--side-w) / 2);
    width: var(--side-w);
    height: var(--side-w);
    z-index: 2;
}

@media (min-width: 768px) {
    .wa-feed-play-video {
        --side-w: 80px;
    }
}

.play-video-active {
    --circle-fill: var(--wa-button-primary-enabled-surface);
    --path-fill: var(--wa-button-primary-enabled-text);
    --rect-fill: var(--wa-button-primary-enabled-text);
}

.play-video-inactive {
    --circle-fill: var(--wa-button-tertiary-enabled-surface);
    --rect-fill: var(--wa-button-tertiary-enabled-text);
    --path-fill: var(--wa-button-tertiary-enabled-text);
}

.training-player-icon {
    --path-fill: var(--wa-text-onLight-headline);
}

.hk--news-card-text-section {
    flex-grow: 1;
    flex-basis: 60.677%;
    padding: var(--hk-fluent-12-24) var(--hk-fluent-16-32);
}

.hk--news-card-title {
    display: flex;
    margin-top: 8px;
}

.hk--news-card-title-img {
    width: var(--hk-fluent-20-24);
    height: var(--hk-fluent-20-24);
}

.hk--news-card-text-section-small {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}

.hk--answer-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .hk--answer-list li {
        display: block;
    }

div.hk--quizAnswer,
a.hk--quizAnswer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    margin-bottom: var(--hk-fluent-8-12);
    padding: 12px 16px;
    border-radius: 8px;
    background-color: var(--wa-surface-primary);
    color: var(--wa-text-onLight-link);
}

.hk--sources {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none !important;
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    margin-bottom: var(--hk-fluent-8-12);
    padding: var(--hk-fluent-8-12) var(--hk-fluent-12-16);
    border-radius: 8px;
    background-color: var(--wa-surface-primary);
    color: var(--wa-linkcell-primary-text);
    cursor: pointer;
}

    .hk--sources svg {
        width: var(--hk-fluent-18-24);
        height: var(--hk-fluent-18-24);
    }

        .hk--sources svg * {
            fill: var(--wa-icon-onLight-primary);
        }

.umfrageResultBar {
    display: flex;
    padding: var(--hk-fluent-12-16);
    margin-bottom: var(--hk-fluent-8-12);
    justify-content: space-between;
    border-radius: 4px;
    color: var(--wa-text-onLight-default);
    background-color: var(--wa-surface-primary);
}

.smoothLoad {
    background-repeat: no-repeat;
    background-image: linear-gradient(to left, var(--wa-special-diagram-neutral), var(--wa-special-diagram-neutral));
    background-size: var(--percent, 0%);
    animation: linear;
    animation-name: smoothLoad;
    animation-duration: 0.7s;
}

@keyframes smoothLoad {
    0% {
        background-size: 0%;
    }

    100% {
        background-size: var(--percent, 0%);
    }
}

.hk--qrcode-container {
    display: flex;
    justify-content: center;
    margin-top: 96px;
    margin-bottom: 32px;
    height: fit-content;
}

.hk--landing-p {
    color: var(--color-text-onLight-default);
    font-family: var(--font-standard);
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 26px;
    margin-top: 0px;
    margin-bottom: 16px;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    text-align: center;
}

.hk--landing-mobile-p,
.hk--landing-mobile-ol {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
}

.hk--landing-mobile-ol {
    list-style: inside decimal;
    padding: 0;
}

    .hk--landing-mobile-ol li {
        margin-bottom: 1rem;
    }

        .hk--landing-mobile-ol li p:first-of-type {
            display: inline;
        }

        .hk--landing-mobile-ol li p:nth-of-type(2) {
            margin-top: 1rem;
        }

        .hk--landing-mobile-ol li p:not(:first-of-type) {
            margin-left: 1rem;
        }

.hk--dialog-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--hk-fluent-16-24);
    border-bottom: 1px solid var(--hk-hint-grey);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.hk--dialog-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: var(--hk-fluent-16-24);
}

.img24 {
    width: var(--hk-fluent-18-24);
    height: var(--hk-fluent-18-24);
}

.hk--admin-table-cell {
    border: none !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 12px !important;
}

.hk--dark-gray {
    color: var(--hk-dark-gray) !important;
}

.hk--darker-grey {
    color: var(--hk-darker-grey) !important;
}

.hk--done-bold {
    font-weight: 600;
}

.hk--display-block {
    display: block;
}

.hk--position-relative {
    position: relative;
}

.hk--text-center {
    text-align: center;
}

.hk--border-radius-16 {
    border-radius: 16px;
}

.hk--pt-0 {
    padding-top: 0px;
}

@media (max-width: 576px) {
    .hk--pt-0-small-screen-only {
        padding-top: 0px;
    }
}

.hk--pt-36 {
    padding-top: 36px;
}

.hk--pt-48 {
    padding-top: 48px;
}

.hk--pb-0, .hk-pb-0 {
    padding-bottom: 0px !important;
}

.hk-pt-0 {
    padding-top: 0px !important;
}

.hk--pb-8 {
    padding-bottom: 8px;
}

.hk--pb-32 {
    padding-bottom: 32px;
}

.hk--pb-40 {
    padding-bottom: 40px;
}

.hk--pb-fluent-24-48 {
    padding-bottom: var(--hk-fluent-24-48);
}

.hk--pb-40-sm-0 {
    padding-bottom: 40px;
}

@media (max-width: 768px) {
    .hk--pb-40-sm-0 {
        padding-bottom: 0px;
    }
}


.hk--margin-lr-0 {
    margin-left: 0;
    margin-right: 0;
}

.hk--m-auto {
    margin: auto;
}

.hk--m-0 {
    margin: 0;
}

.hk-mt-0, .hk--mt-0 {
    margin-top: 0px;
}

.hk--mt-2 {
    margin-top: 2px;
}

[data-theme="theme-AOK"] .hk--mt-2-only-aok {
    margin-top: 2px;
}

.hk--mt-4 {
    margin-top: 4px;
}

.hk--mt-neg5 {
    margin-top: -5px;
}


.hk--mt-6 {
    margin-top: 6px;
}

.hk--mt-8 {
    margin-top: 8px;
}

.hk-mt-9 {
    margin-top: 9px;
}

.hk-mt-11 {
    margin-top: 11px;
}

.hk--mt-12 {
    margin-top: 12px;
}

.hk-mt-16, .hk--mt-16 {
    margin-top: 16px;
}

.hk--mt-22 {
    margin-top: 22px;
}

.hk--mt-24 {
    margin-top: 24px;
}

.hk--mt-32 {
    margin-top: 32px;
}

.hk--mt-40 {
    margin-top: 40px;
}

.hk--mt-48 {
    margin-top: 48px;
}

.hk--mt-64 {
    margin-top: 64px;
}

.hk--mt-96 {
    margin-top: 96px;
}

.hk--mt-112 {
    margin-top: 112px;
}

.hk--mt-fluent-4-8 {
    margin-top: var(--hk-fluent-4-8);
}

.hk--mt-fluent-8-16 {
    margin-top: var(--hk-fluent-8-16);
}

.hk--mt-fluent-12-24 {
    margin-top: var(--hk-fluent-12-24);
}

.hk--mt-fluent-16-24 {
    margin-top: var(--hk-fluent-16-24);
}

.hk--mt-fluent-16-32 {
    margin-top: var(--hk-fluent-16-32);
}

.hk--mt-fluent-24-32 {
    margin-top: var(--hk-fluent-24-32);
}

.hk--mt-fluent-16-40 {
    margin-top: var(--hk-fluent-16-40);
}

.hk--mt-fluent-24-40 {
    margin-top: var(--hk-fluent-24-40);
}

.hk--mt-fluent-32-40 {
    margin-top: var(--hk-fluent-32-40);
}

.hk--mt-fluent-24-48 {
    margin-top: var(--hk-fluent-24-48);
}

.hk--mt-fluent-24-64 {
    margin-top: var(--hk-fluent-24-64);
}

.hk--mt-fluent-88-112 {
    margin-top: var(--hk-fluent-88-112);
}

.hk-ml-8 {
    margin-left: 8px;
}

.hk-mr-8, .hk--mr-8 {
    margin-right: 8px;
}

.hk--mr-12 {
    margin-right: 12px;
}

.hk-mr-16 {
    margin-right: 16px;
}

.hk-mr-20 {
    margin-right: 20px;
}

[data-theme="theme-AOK"] .hk-mb-0-aok, .hk--mb-0-aok {
    margin-bottom: 0px !important;
}

.hk-mb-0, .hk--mb-0 {
    margin-bottom: 0px !important;
}

.hk-mb-4, .hk--mb-4 {
    margin-bottom: 4px !important;
}

.hk-mb-8, .hk--mb-8 {
    margin-bottom: 8px !important;
}

.hk-mb-16 {
    margin-bottom: 16px !important;
}

.hk--mb-12 {
    margin-bottom: 12px;
}

.hk--mb-16 {
    margin-bottom: 16px !important;
}

.hk--mb-24 {
    margin-bottom: 24px !important;
}

.hk--mb-32 {
    margin-bottom: 32px;
}

.hk--mb-32-aok-0 {
    margin-bottom: 32px;
}

[data-theme="theme-AOK"] .hk--mb-32-aok-0 {
    margin-bottom: 0px !important;
}

.hk--mb-neg32-aok-32 {
    margin-bottom: -32px;
}

[data-theme="theme-AOK"] .hk--mb-neg32-aok-32 {
    margin-bottom: 32px !important;
}

.hk--mb-33 {
    margin-bottom: 33px;
}

.hk--mb-40 {
    margin-bottom: 40px !important;
}

.hk--mb-49 {
    margin-bottom: 49px;
}

.hk--mb-56 {
    margin-bottom: 56px;
}

.hk-mb-64, .hk--mb-64 {
    margin-bottom: 64px !important;
}

@media (min-width: 768px) {
    .hk-minw-768-mb-64 {
        margin-bottom: 64px !important;
    }
}

@media (min-width: 768px) {
    .hk-minw-768-pb-64 {
        padding-bottom: 64px !important;
    }
}

.hk--mb-75 {
    margin-bottom: 75px;
}

.hk--mb-100 {
    margin-bottom: 100px !important;
}

.hk--mb-152 {
    margin-bottom: 152px;
}

.hk--mb-fluent-8-16 {
    margin-bottom: var(--hk-fluent-8-16);
}

.hk--mb-fluent-12-24 {
    margin-bottom: var(--hk-fluent-12-24);
}

.hk--mb-fluent-16-24 {
    margin-bottom: var(--hk-fluent-16-24);
}

.hk--mb-fluent-16-32 {
    margin-bottom: var(--hk-fluent-16-32);
}

.hk--mb-fluent-16-40 {
    margin-bottom: var(--hk-fluent-16-40);
}

.hk--mb-fluent-24-32 {
    margin-bottom: var(--hk-fluent-24-32);
}

.hk--mb-fluent-24-40 {
    margin-bottom: var(--hk-fluent-24-40);
}

.hk--mb-fluent-32-40 {
    margin-bottom: var(--hk-fluent-32-40);
}

.hk--mb-fluent-24-48 {
    margin-bottom: var(--hk-fluent-24-48) !important;
}

.hk--last-element-mb-fluent-24-48 {
    margin-bottom: var(--hk-fluent-24-48) !important;
}

.hk--mb-fluent-24-56 {
    margin-bottom: var(--hk-fluent-24-56);
}

.hk--mb-fluent-36-59 {
    margin-bottom: var(--hk-fluent-36-59);
}

.hk--mb-fluent-32-64 {
    margin-bottom: var(--hk-fluent-32-64);
}

.hk--ml-auto {
    margin-left: auto;
}

.hk--ms-auto {
    margin-left: auto;
}

.hk--ml-6 {
    margin-left: 6px;
}

.hk--ml-8 {
    margin-left: 8px;
}

.hk--ml-12 {
    margin-left: 12px;
}

.hk--ml-16 {
    margin-left: 16px;
}

.hk--ml-20 {
    margin-left: 20px;
}

.hk--ml-24 {
    margin-left: 24px;
}

.hk--ml-32 {
    margin-left: 32px;
}

.hk--ml-34 {
    margin-left: 34px;
}

.hk--ml-fluent-8-12 {
    margin-left: var(--hk-fluent-8-12);
}

.hk--mlr-fluent-16-24 {
    margin-left: var(--hk-fluent-16-24);
    margin-right: var(--hk-fluent-16-24);
}

.hk-container-fluent-margin-lr {
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
}

.hk--p-fluent-8-32 {
    padding: var(--hk-fluent-8-32);
}

.hk--p-fluent-16-32 {
    padding: var(--hk-fluent-16-32);
}

.hk--pt-16 {
    padding-top: 16px;
}

.hk-pt-40 {
    padding-top: 40px;
}

.hk--pt-64 {
    padding-top: 64px;
}

.hk--pt-fluent-16-40 {
    padding-top: var(--hk-fluent-16-40);
}

.hk-pt-fluent-40-64 {
    padding-top: var(--hk-fluent-40-64);
}

.hk--pr-0 {
    padding-right: 0px !important;
}

.hk--p-0 {
    padding: 0;
}

.hk--plr-16 {
    padding-left: 16px;
    padding-right: 16px;
}

.hk--plr-24 {
    padding-left: 24px;
    padding-right: 24px;
}

.hk--plr-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.hk--plr-fluent-24-40 {
    padding-left: var(--hk-fluent-24-40);
    padding-right: var(--hk-fluent-24-40);
}


.hk--plr-fluent-8-64 {
    padding-left: var(--hk-fluent-8-64);
    padding-right: var(--hk-fluent-8-64);
}

.hk--color-link {
    color: var(--hk-link);
}

.hk--bg-color-link {
    background-color: var(--hk-link);
}

.hk--bg-color-danger {
    background-color: var(--hk-danger);
}

@media (max-width: 576px) {
    .hk--bg-color-secondary-container {
        background-color: var(--hk-secondary-container-bg-color);
    }
}

.hk--color-light-grey {
    color: var(--hk-light-grey);
}

.hk--color-dark-gray {
    color: var(--hk-dark-gray);
}

.hk--color-mid-gray {
    color: var(--hk-mid-gray);
}

.hk--color-hint-grey {
    color: var(--hk-hint-grey);
}

.hk--opacity-1 {
    opacity: 1;
}

.hk--backbutton-ml {
    margin-left: var(--hk-backbutton-ml);
}

.hk--d-block {
    display: block;
}

.hk--bold {
    font-weight: 600;
}

.hk--text-align-left {
    text-align: left;
}


.hk--max-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hk--max-3-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hk--fluent-max-lines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 576px) {
    .hk--fluent-max-lines {
        -webkit-line-clamp: 2;
    }
}

.hk--fit-content {
    width: fit-content;
}

.hk--no-text-decoration,
.hk--no-text-decoration:hover {
    text-decoration: none !important;
}

.hk--gap-fluent-8-16 {
    gap: var(--hk-fluent-8-16) var(--hk-fluent-8-16);
}

.hk--no-decoration {
    text-decoration: none !important;
}

@media (max-width: 575.9px) {
    .hk--hide-below-576px {
        display: none;
    }
}

@media (min-width: 576px) {
    .hk--hide-above-576px {
        display: none !important;
    }
}

@media (max-width: 576px) {
    .hk--pt-88px-below-576px {
        padding-top: 88px;
    }
}

.hk--d-flex {
    display: flex;
}

.hk--align-items-center {
    align-items: center;
}

.hk--justify-content-center {
    justify-content: center;
}

.hk--admin-img {
    width: 32px;
    height: 32px;
}

.hk--border-bottom {
    border-bottom: 1px solid var(--color-line-default) !important;
}

.hk--test-border-1-red {
    border: 1px solid red;
}

/* moreOnTopicCard */
.hk--moreOnTopicCard-container {
    margin-left: calc(-1 * var(--hk-fluent-24-80));
    margin-right: calc(-1 * var(--hk-fluent-24-80));
    padding-bottom: 24px;
    padding-top: 24px;
    background-color: var(--wa-background-secondary);
}

@media (min-width: 768px) {
    .hk--moreOnTopicCard-container {
        padding-top: 0;
        background-color: var(--wa-background-primary);
    }
}

.hk--moreOnTopicCard {
    margin-left: var(--hk-fluent-24-80);
    margin-right: var(--hk-fluent-24-80);
    border-radius: var(--corner-s);
    background-color: var(--wa-surface-switch-primary);
    cursor: pointer;
}

@media (min-width: 768px) {
    [data-theme="theme-AOK"] .hk--moreOnTopicCard {
        border-radius: 0;
    }
}

.hk--moreOnTopicCard-img-section {
    position: relative;
}

.hk--moreOnTopicCard-img-section img {
    width: 100%;
    height: 100%;
    border-top-left-radius: var(--corner-s);
    border-top-right-radius: var(--corner-s);
}

@media (min-width: 768px) {
    [data-theme="theme-AOK"] .hk--moreOnTopicCard-img-section img {
        border-radius: 0;
    }
}

.hk--moreOnTopicCard-text-section {
    display: flex;
    padding: var(--hk-fluent-16-24);
    align-items: center;
    gap: 16px;
}

@media (min-width: 768px) {
    [data-theme="theme-AOK"] .hk--moreOnTopicCard-text-section {
        padding-left: 0;
    }
}
/* END: moreOnTopicCard */


/* Checkbox */
.hk--checkboxContainer {
    display: flex;
    align-items: center;
    gap: var(--hk-fluent-8-16);
    cursor: pointer !important;
}

.hk--checkbox-label {
    cursor: pointer;
}

.hk--checkbox {
    flex-shrink: 0;
    appearance: none;
    padding: 0;
    margin: 0;
}

    .hk--checkbox::before {
        content: '';
        display: block;
        width: var(--checkbox-size);
        height: var(--checkbox-size);
        box-sizing: border-box;
        border: 1px solid #CED2D6;
        border-radius: 4px;
        cursor: pointer;
        background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.60355 13.1036C2.40829 12.9083 2.40829 12.5917 2.60355 12.3964L4.14645 10.8536C4.34171 10.6583 4.65829 10.6583 4.85355 10.8536L8.64645 14.6464C8.84171 14.8417 9.15829 14.8417 9.35355 14.6464L19.1464 4.85355C19.3417 4.65829 19.6583 4.65829 19.8536 4.85355L21.3964 6.39645C21.5917 6.59171 21.5917 6.90829 21.3964 7.10355L9.35355 19.1464C9.15829 19.3417 8.84171 19.3417 8.64645 19.1464L2.60355 13.1036Z" fill="white"/></svg>');
        background-size: 0;
        background-color: var(--wa-surface-switch-secondary);
        transition: background-size .15s, background-color .3s;
        background-position: center;
        background-repeat: no-repeat;
    }

[data-theme="theme-AOK"] .hk--checkbox::before {
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.60355 13.1036C2.40829 12.9083 2.40829 12.5917 2.60355 12.3964L4.14645 10.8536C4.34171 10.6583 4.65829 10.6583 4.85355 10.8536L8.64645 14.6464C8.84171 14.8417 9.15829 14.8417 9.35355 14.6464L19.1464 4.85355C19.3417 4.65829 19.6583 4.65829 19.8536 4.85355L21.3964 6.39645C21.5917 6.59171 21.5917 6.90829 21.3964 7.10355L9.35355 19.1464C9.15829 19.3417 8.84171 19.3417 8.64645 19.1464L2.60355 13.1036Z" fill="%23E8F4F2"/></svg>');
}

.hk--checkbox:checked::before {
    background-color: var(--wa-icon-onLight-primary);
    border: none;
    background-size: var(--checkmark-width);
    transition: background-size 0.15s;
}
/* End: Checkbox */

/* Hack: fix bootstrap the 15px between nav and container vertical align in the range below*/
@media (max-width: 767.99px) and (min-width: 576px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
}

/* Admin hack */
@media (min-width: 768px) {
    .hk--admin-hack-ml-180 {
        margin-left: min(16.66667%, 180px);
    }
}

/* Search text input */
.hk--fluent-search {
    display: flex;
    align-items: center;
    background-color: var(--wa-special-search);
    border-radius: var(--corner-s);
    padding: var(--hk-fluent-6-11) var(--hk-fluent-12-16);
    margin-top: 8px;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    overflow: hidden;
}

    .hk--fluent-search svg {
        width: 16px;
        height: 16px;
        min-width: 16px;
    }

        .hk--fluent-search svg * {
            fill: var(--wa-icon-onLight-subdued);
        }

    .hk--fluent-search input {
        flex-grow: 1;
        min-width: 20px;
        max-width: 100%;
        padding: 0;
        margin: 0px var(--hk-fluent-6-8) 0px var(--hk-fluent-6-8);
        border: none;
        font-size: var(--hk-fluent-14-18);
        line-height: var(--hk-fluent-20-26);
        font-style: normal;
        font-weight: 400;
        color: var(--wa-inputfield-focused-text);
        background-color: var(--wa-special-search);
    }

        .hk--fluent-search input::placeholder {
            color: var(--wa-text-onLight-subdued);
            opacity: 1;
        }

        .hk--fluent-search input:focus {
            outline: none;
        }

        .hk--fluent-search input[type="search"]::-webkit-search-cancel-button,
        .hk--fluent-search input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
            appearance: none;
            display: none;
        }

    .hk--fluent-search button {
        display: flex;
        padding: 0;
        border: 0;
        background-color: transparent;
        outline: none;
        cursor: pointer;
        width: 16px;
        height: 16px;
        min-width: 16px;
    }

        .hk--fluent-search button:focus {
            filter: sepia(1);
            transform: scale(1.25);
        }

    .hk--fluent-search input:not(:valid) ~ button {
        display: none;
    }
/* End: Search text input */

/* Flex Card Container and Cards */
.hk--flex-cards-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: var(--hk-container-padding-lr);
    margin-right: var(--hk-container-padding-lr);
    --flex-card-gap: var(--hk-fluent-12-24);
    gap: var(--flex-card-gap);
}

.hk--flex-library-card {
    --flex-items: 2;
    aspect-ratio: 1;
    width: calc((100% / var(--flex-items)) - (((var(--flex-items) - 1) / var(--flex-items)) * var(--flex-card-gap)));
    overflow: hidden;
    background-color: var(--wa-surface-secondary);
    border-radius: var(--corner-s);
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

    .hk--flex-library-card > h4,
    .hk--flex-library-card > span {
        margin: auto;
        text-align: center;
    }

    /* AOK: category headings are left-aligned at every breakpoint; Hanako (and other themes) stay centered (see #8612) */
    [data-theme="theme-AOK"] .hk--flex-library-card > h4,
    [data-theme="theme-AOK"] .hk--flex-library-card > span {
        margin-inline: 0;
        text-align: left;
    }

@media (min-width: 576px) {
    .hk--flex-library-card {
        --flex-items: 3;
    }
}

@media (min-width: 768px) {
    .hk--flex-library-card {
        --flex-items: 4;
    }

    .hk--flex-library-card {
        border-radius: var(--corner-l);
    }

    [data-theme="theme-AOK"] .hk--flex-library-card {
        border-radius: 0;
    }
}
/* End: Flex Card Container and Cards */

/* Small screen hamburger menu (abbr. hm) adjustments */
@media (max-width: 768px) {
    .hk--hm-768-mt-12 {
        margin-top: 12px;
    }

    .hk--hm-768-hide-img {
        display: none;
    }

    .hk--hm-768-show-label {
        display: inline !important;
    }

    .hk--hm-768-pt-8 {
        padding-top: 8px !important;
    }

    .hk--hm-768-mtb-8 {
        margin: 8px 0px !important;
    }
}


/* common variables */
:root {
    --header-z: 1000;
    --nav-menu-z: 100000;
    --modal-z: 100001;
    --media-modal-z: 100002;
    --content-margin-to-header: 40px;
    --text-onLight-default-fs: 16px;
    --text-onLight-default-lh: 24px;
    --text-onLight-default-fw: 600;
    --navbar-bgColor: #ffffff;
    --navbar-min-margin-lr-webapp: 32px;
    --navbar-min-margin-lr-admin: 30px;
}

/* Body */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

/* Header */
header {
    flex-shrink: 0;
    position: sticky;
    top: 0px;
    z-index: var(--header-z);
    background-color: var(--navbar-bgColor);
    box-shadow: 0px 4px 24px rgba(41, 48, 51, 0.08);
}

/* Logo */
.logo {
    --fluent-143-182: clamp(143px, calc((182 * 100vw) / (var(--container-max-w) + 36)), 182px);
    --fluent-32-40: clamp(32px, calc((40 * 100vw) / (var(--container-max-w) + 36)), 40px);
    --logo-fill: var(--color-icon-onLight-primary);
    width: var(--fluent-143-182);
    height: var(--fluent-32-40);
}

[data-theme="theme-AOK"] .logo {
    --fluent-102-127: clamp(102px, calc((127 * 100vw) / (var(--container-max-w) + 36)), 127px);
    width: var(--fluent-102-127);
}

[data-theme="theme-VW"] .logo {
    --logo-fill: #001E50; /* VW custom color! */
    --fluent-112-140: clamp(112px, calc((140 * 100vw) / (var(--container-max-w) + 36)), 140px);
    width: var(--fluent-112-140);
}

[data-logo-color-test] .logo {
    --logo-fill: orange;
}

[data-logo-color-development] .logo {
    --logo-fill: blue;
}

[data-logo-color-integration] .logo {
    --logo-fill: red;
}

.logo {
    overflow: visible;
}

    .logo * {
        fill: var(--logo-fill);
    }

/* #8541: company logo in the WebApp header — max 248×40, logo right-aligned (the img hugs
   its own width, capped at 248), 64px gap to the first meta-nav icon. WebApp header only;
   hidden below 980px (incl. the hamburger / "Web klein" view). */
.company-logo {
    height: 40px;
    max-width: 248px;
    margin-right: 64px;
    object-fit: contain;
    flex: 0 0 auto;
}

@media (max-width: 979px) {
    .company-logo {
        display: none;
    }
}

.logo-title,
.logo-title:visited,
.logo-title:hover,
.logo-title:active {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

/* END: Logo */

.title {
    margin-left: 24px;
    font-family: var(--font-standard-flat);
    font-size: var(--text-onLight-default-fs);
    line-height: var(--text-onLight-default-lh);
    font-weight: var(--text-onLight-default-fw);
    color: var(--color-text-onLight-default);
}

.navbar-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease-in-out;
}

    .navbar-icon * {
        fill: var(--color-icon-onLight-subdued);
    }

.hk--meta-nav-list {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 0;
    margin: 0;
}

    .hk--meta-nav-list li {
        display: flex;
        align-items: center;
    }

    /* Responsive visibility on the <li> wins over the rule above.
       Required so a hidden <li> takes no flex gap and the right-edge
       items (Sprache/Konto) stay flush with the container. */
    .hk--meta-nav-list li.large-screen-only,
    .hk--meta-nav-list li.large-screen-only-flex {
        display: none;
    }

@media (min-width: 768px) {
    .hk--meta-nav-list li.large-screen-only {
        display: block;
    }

    .hk--meta-nav-list li.large-screen-only-flex {
        display: flex;
    }

    .hk--meta-nav-list li.small-screen-only {
        display: none;
    }
}

.navbar-link,
.navbar-link:visited,
.navbar-link:hover,
.navbar-link:active {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-decoration: none;
    color: var(--color-text-onLight-subdued);
    gap: 2px 8px; /* v h */
    font-family: var(--font-standard-flat);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

    .navbar-link:hover {
        color: var(--color-text-onLight-link);
    }

        .navbar-link:hover .navbar-icon {
            transform: scale(1.2);
        }

            .navbar-link:hover .navbar-icon * {
                fill: var(--color-icon-onLight-primary);
            }

@media (min-width: 768px) {
    .navbar-link,
    .navbar-link:visited,
    .navbar-link:hover,
    .navbar-link:active {
        flex-direction: row;
    }
}

.header-hr {
    margin: 0;
    border: 0;
    border-top: 2px solid #DFE3E6;
    opacity: 1;
}

.navbar-menu {
    display: none;
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%; /* not vh so it accounts for the vertical scrollbar */
    padding-bottom: 32px;
    z-index: var(--nav-menu-z);
    background-color: var(--navbar-bgColor);
    transition: height 0.3s cubic-bezier(0, 0, 0.2, 1);
    box-shadow: 0px 8px 24px rgba(41, 48, 51, 0.08);
}

.nav-menu-content {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 768px) {
    .nav-menu-content {
        min-height: 20vh;
    }
}

.nav-menu-content ul {
    margin: 0px auto 0px auto;
    padding: 0;
    max-width: 768px;
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
}

    .nav-menu-content ul li {
        border-bottom: 2px solid var(--color-line-subdued);
        height: 56px;
        display: flex;
        align-items: center;
        color: var(--color-text-onLight-default);
    }

        .nav-menu-content ul li:hover {
            border-color: var(--color-icon-onLight-primary);
            color: var(--color-icon-onLight-primary);
        }

        .nav-menu-content ul li a {
            flex: 1;
            text-decoration: none;
            font-family: var(--font-standard-flat);
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            color: inherit;
        }

    /* #7959 wrapped each accessibility-link <a> in <li><a></li> instead of the
       previous flat <section> > <a>. 
       Adjust both accessibility items so the visual matches pre-#7959. */
    .nav-menu-content ul.hamburger-accessibility {
        padding-top: 40px;
    }

    .nav-menu-content ul.hamburger-accessibility li {
        border-bottom: 0;
        height: auto;
    }

        .nav-menu-content ul.hamburger-accessibility li:hover {
            border-color: transparent;
            color: inherit;
        }

.menu-level-1-content {
    display: none;
    flex-direction: row;
    align-items: center;
}

@media (min-width: 768px) {
    .menu-level-1-content {
        display: flex;
    }
}

.menu-level-1-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 24px;
    align-self: stretch;
}

    /* The .hamburger-accessibility <ul> (Leichte Sprache / Gebärdensprache) is
       only meant for the mobile hamburger menu and the top meta-nav icons. The
       rule above unintentionally turned it on inside .menu-level-1-content on
       desktop — beats .hamburger-accessibility { display: none } on specificity. */
    @media (min-width: 768px) {
        .menu-level-1-content ul.hamburger-accessibility {
            display: none;
        }
    }

    .menu-level-1-content ul li {
        position: relative;
        color: var(--color-text-onLight-default);
        display: flex;
        align-items: center;
        padding: 12px 0px 12px 0px;
    }

.menu-level-1-selected {
    color: var(--color-text-onLight-link) !important;
    border-bottom: 2px solid var(--color-text-onLight-link);
}

.menu-level-1-content ul li:hover {
    color: var(--color-text-onLight-link);
}

.menu-level-1-content ul li:not(.menu-level-1-selected)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    height: 2px;
    width: 100%;
    background-color: currentColor;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.35s ease-in-out;
}

.menu-level-1-content ul li:hover::after {
    height: 2px;
    transform: scaleX(1.0001);
    transform-origin: bottom left;
}

.menu-level-1-content ul li a {
    text-decoration: none;
    font-family: var(--font-standard-flat);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: inherit;
}

.menu-level-1-content .menu-level-1-content-btn {
    margin-top: 12px;
    margin-bottom: 12px;
    /* #8535: keep each label on one line; in the ~768-774px band the buttons nudge
       slightly instead of wrapping to two lines (barely visible, no layout break). */
    white-space: nowrap;
}

/* #8535: push the button group to the right via the nav list, so the group stays
   right-aligned even when the admin button is hidden on narrower screens. */
.menu-level-1-content > ul:first-of-type {
    margin-right: auto;
}

/* #8535: gap between the admin button (left) and the AOK member button (right). */
.menu-level-1-content .menu-level-1-content-btn + .menu-level-1-content-btn {
    margin-left: 12px;
}

.navbar-menu .menu-level-1-content-btn {
    align-self: center;
    margin-top: 40px;
}

/* #8535: tighter gap when both buttons stack in the hamburger menu. */
.navbar-menu .menu-level-1-content-btn + .menu-level-1-content-btn {
    margin-top: 16px;
}

.menu-level-1-btn,
.menu-level-1-btn:hover,
.menu-level-1-btn:focus,
.menu-level-1-btn:focus-visible {
    padding: 8px 24px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    border: 0;
    outline: 0;
    border-radius: var(--btn-border-radius);
    color: var(--wa-button-primary-enabled-text);
    background-color: var(--wa-button-primary-enabled-surface);
    font-family: var(--font-button);
    font-size: var(--hk-fluent-14-16);
    font-weight: 600;
    line-height: var(--hk-fluent-20-24);
}

@media (max-width: 768px) {
    .menu-level-1-btn,
    .menu-level-1-btn:hover,
    .menu-level-1-btn:focus,
    .menu-level-1-btn:focus-visible {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Primary button AOK */
.btn-pr {
    padding: 8px 24px;
    font-family: var(--font-button);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: var(--color-button-primary-enabled-labeling);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0;
    box-shadow: inset 0 0 0 2px #91f54a, 0 0 0 3px transparent;
    background-image: linear-gradient(90deg,transparent 50%,#91f54a 0);
    background-color: transparent;
    background-position: 100% 100%;
    background-size: 200% 100%;
    border-radius: 4px;
    transition: background-position .35s ease-in-out
}

    .btn-pr:hover {
        color: var(--color-button-primary-enabled-labeling);
        text-decoration: none;
        background-position: 0 100%;
    }

    .btn-pr:focus-visible {
        color: var(--color-button-primary-enabled-labeling);
        outline: 1px solid #18ab42;
        outline-offset: 3px;
        background-position: 0 100%;
    }
/* END: Primary button AOK */

/* Primary button non responsive font properties to be set separately (wa-body-highlight-nr) */
.btn-pr-nr {
    padding: 15px 24px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0;
    box-shadow: inset 0 0 0 2px var(--wa-button-primary-enabled-surface), 0 0 0 3px transparent;
    border-radius: var(--corner-s);
    background-image: linear-gradient(90deg,transparent 50%,var(--wa-button-primary-enabled-surface) 0);
    background-color: transparent;
    background-position: 100% 100%;
    background-size: 200% 100%;
}

[data-theme="theme-AOK"] .btn-pr-nr {
    transition: background-position .35s ease-in-out;
}

.btn-pr-nr:hover {
    text-decoration: none;
}

[data-theme="theme-AOK"] .btn-pr-nr:hover {
    background-position: 0 100%;
}

[data-theme="theme-AOK"] .btn-pr-nr:focus-visible {
    background-position: 0 100%;
    outline: 1px solid var(--wa-text-onLight-highlight);
    outline-offset: 3px;
}
/* END: Primary button non responsive */

.menu-level-1-dropdown {
    display: none;
    position: absolute;
    left: 0;
    overflow: hidden;
    width: 100%; /* not vh so it accounts for the vertical scrollbar */
    z-index: 3;
    background-color: var(--navbar-bgColor);
    box-shadow: 0px 8px 24px rgba(41, 48, 51, 0.08);
}

@media (min-width: 768px) {
    .menu-level-1-dropdown {
        display: block;
    }
}

.menu-level-1-dropdown::before {
    content: "";
    position: absolute;
    width: 100%;
    top: -24px; /* so the shadow starts exactly at the top */
    height: 24px;
    box-shadow: 0px 8px 24px rgba(41, 48, 51, 0.08);
    pointer-events: none;
}

[x-collapse-аок] {
    transition: height 0.3s cubic-bezier(0, 0, 0.2, 1) !important;
}

.menu-level-1-dropdown ul {
    padding: 0;
    padding-bottom: 80px;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    column-gap: var(--fl-24-32);
}

.menu-level-1-dropdown ul li {
    border-bottom: 2px solid var(--color-line-subdued);
    height: 56px;
    display: flex;
    align-items: center;
    color: var(--color-text-onLight-default);
}

.menu-level-1-dropdown ul li:hover {
    border-color: var(--color-icon-onLight-primary);
    color: var(--color-icon-onLight-primary);
}

.menu-level-1-dropdown ul li a {
    flex: 1;
    display: flex;
    align-items: center;
    align-self: stretch;
    text-decoration: none;
    font-family: var(--font-standard-flat);
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: inherit;
}

.section-close-button {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    height: 84px;
    margin: 0;
    padding: 0;
}

.close-menu-icon {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease-in-out;
    margin-bottom: 22px;
    cursor: pointer;
}

    .close-menu-icon:hover {
        transform: scale(1.2);
    }

    .close-menu-icon * {
        fill: var(--wa-icon-onLight-secondary);
    }

.hamburger-accessibility {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .hamburger-accessibility {
        display: none;
    }
}

.hamburger-accessibility a,
.hamburger-accessibility a:visited,
.hamburger-accessibility a:hover,
.hamburger-accessibility a:active {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-decoration: none;
    color: #6d767c;
    gap: 2px 8px; /* v h */
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

    .hamburger-accessibility a .navbar-icon {
        width: 16px;
        height: 16px;
    }

    .hamburger-accessibility a:hover .navbar-icon {
        transform: scale(1.2);
    }

        .hamburger-accessibility a:hover .navbar-icon * {
            fill: var(--color-icon-onLight-subdued);
        }

.hamburger-expand-icon {
    width: 16px;
    height: 16px;
}

    .hamburger-expand-icon * {
        fill: var(--wa-text-onLight-default);
    }

.hamburger-menu-title-item {
    border-bottom: 2px solid var(--color-line-subdued);
    height: 56px;
    display: flex;
    align-items: center;
    color: var(--color-text-onLight-default);
    cursor: pointer;
}

    .hamburger-menu-title-item:hover {
        border-bottom: 2px solid var(--color-line-subdued) !important;
        color: var(--color-icon-onLight-primary);
    }

.hamburger-menu-title-item-active {
    font-weight: 600;
}

/* accordion */
.wa-accordion {
    color: var(--wa-brand-white);
    padding-top: 0px;
}

@media (min-width: 999px) {
    .wa-accordion {
        padding-top: 40px;
        display: flex;
        justify-content: space-between;
    }
}

.wa-accordion-item {
    border-bottom: 2px solid var(--footer-hr-color);
}

@media (min-width: 999px) {
    .wa-accordion-item {
        border-bottom: none;
    }
}

.wa-accordion-item-title {
    /* resets */
    padding: 0;
    margin: 0;
    font-size: inherit;
}

    .wa-accordion-item-title .footer-section-title {
        display: none;
    }

@media (min-width: 999px) {
    .wa-accordion-item-title .footer-section-title {
        display: block;
    }
}

.wa-accordion-item-title button {
    background-color: transparent;
    border: none;
    outline: 0;
    padding: 18px 8px;
    margin: 0;
    display: flex;
    width: 100%;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    transition: transform 0.35s ease-in-out;
}

@media (min-width: 999px) {
    .wa-accordion-item-title button {
        display: none;
    }
}

.wa-accordion-item-title button:focus-visible {
    border: 2px solid var(--wa-shape-interactive-active);
    outline: 2px solid var(--wa-shape-interactive-active);
}

.wa-accordion-item-title button svg {
    width: 16px;
    height: 16px;
    transition: transform .35s ease-in-out;
}

    .wa-accordion-item-title button svg.expanded {
        transform: rotate(-180deg);
    }

    .wa-accordion-item-title button svg * {
        fill: var(--footer-section-title);
    }

.wa-accordion-item-content {
    padding: 0px 16px 0px 24px; /* parent top/bottom 0 for smooth collapse transition */
}

@media (min-width: 999px) {
    .wa-accordion-item-content {
        padding-left: 0px;
    }
}

.wa-accordion-item-content ul {
    list-style: none;
    padding: 14px 0px 32px 0px; /* top/bottom here on the child for smooth collapse transition */
    margin: 0px;
}

@media (min-width: 999px) {
    .wa-accordion-item-content ul {
        padding-bottom: 0px;
    }
}

.wa-accordion-item-content ul li:not(:last-child) {
    margin-bottom: 8px;
}

.wa-accordion-item-content a {
    position: relative;
    color: var(--wa-text-onDark-primary);
    text-decoration: none;
}

    .wa-accordion-item-content a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -3px;
        height: 1px;
        width: 100%;
        background-color: currentColor;
        transform: scaleX(0);
        transform-origin: bottom left;
        transition: transform 0.35s ease-in-out;
    }

    .wa-accordion-item-content a:hover::after {
        height: 1px;
        transform: scaleX(1.0001);
        transform-origin: bottom left;
    }
/* END: accordion */

/* Footer */
.footer {
    margin-top: auto;
    background-color: var(--color-surface-secondary);
    height: auto;
}

.footer-header {
    padding: 0;
    padding-top: var(--fl-48-80);
    padding-bottom: var(--fl-24-40);
    margin: 0;
}

    .footer-header > :first-child {
        margin-bottom: 16px;
    }

.footer-separator {
    border: none;
    height: 2px;
    margin: 0px;
    background-color: var(--footer-hr-color);
}

/* AOK definition */
@media (min-width: 600px) {
    .footer-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .footer-header > :first-child {
            margin-bottom: 0px;
        }
}

.footer-title {
    font-family: 'hanako-font-medium';
    font-size: var(--fl-28-32);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-36-44);
    color: var(--wa-text-onDark-primary);
}

[data-theme="theme-AOK"] .footer-title {
    font-family: 'aok-font-semibold';
    font-weight: 600;
}

.footer-copyright {
    font-family: 'hanako-font-standard';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    color: var(--wa-text-onDark-primary);
}

[data-theme="theme-AOK"] .footer-copyright {
    font-family: 'aok-text-font';
}

.footer-section-title-text {
    font-family: 'hanako-font-medium';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    color: var(--footer-section-title);
}

[data-theme="theme-AOK"] .footer-section-title-text {
    font-family: 'aok-text-font-semibold';
}

.footer-section-item-text {
    font-family: 'hanako-font-standard';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: var(--wa-text-onDark-primary);
}

[data-theme="theme-AOK"] .footer-section-item-text {
    font-family: 'aok-text-font-semibold';
}


/* END: Footer */

.modal {
    z-index: var(--modal-z);
}

.content-margin-to-header {
    margin-top: var(--content-margin-to-header);
}

.v-center-flex {
    align-items: center;
}

.hor-gap-24px {
    gap: 24px;
}

.navbar-width-webapp {
    max-width: 1204px;
    width: calc(100% - var(--navbar-min-margin-lr-webapp)); /* 2x16 padding left and right as by the content section */
}

.navbar-width-admin-portal {
    max-width: calc(540px - 30px);
    width: calc(100% - var(--navbar-min-margin-lr-admin)); /* 2x15 padding left and right */
}

@media (min-width: 768px) {
    .navbar-width-admin-portal {
        max-width: calc(720px - 30px); /* 2x15 padding left and right */
    }
}

@media (min-width: 992px) {
    .navbar-width-admin-portal {
        max-width: calc(960px - 30px); /* 2x15 padding left and right */
    }
}

@media (min-width: 1200px) {
    .navbar-width-admin-portal {
        max-width: 1140px;
    }
}

.m-h-center {
    margin-left: auto;
    margin-right: auto;
}

.p-fluent-16-24 {
    padding: var(--hk-fluent-16-24);
}

.p-tb-fluent-12-24 {
    padding-top: var(--hk-fluent-12-24);
    padding-bottom: var(--hk-fluent-12-24);
}

.header-vertical-separator {
    border-left: 2px solid #DFE3E6;
    height: 24px;
}

.large-screen-only,
.large-screen-only-flex {
    display: none;
}

@media (min-width: 768px) {
    .large-screen-only {
        display: block;
    }

    .large-screen-only-flex {
        display: flex;
    }

    .small-screen-only {
        display: none;
    }
}

#hamburger_menu_btn[data-open] svg[data-close] {
    display: none;
}

#hamburger_menu_btn:not([data-open]) svg[data-open] {
    display: none;
}

.wa-text-onLight-link {
    color: var(--wa-text-onLight-link);
}

.wa-text-onLight-subdued {
    color: var(--wa-text-onLight-subdued);
}

.wa-text-onLight-default {
    color: var(--wa-text-onLight-default);
}

.wa-text-onLight-headline {
    color: var(--wa-text-onLight-headline);
}

.wa-text-onLight-interactive {
    color: var(--wa-text-onLight-interactive);
}

.wa-text-onDark-primary {
    color: var(--wa-text-onDark-primary);
}

.wa-surface-primary {
    background-color: var(--wa-surface-primary);
}

.wa-align-items-center {
    align-items: center;
}

.wa-button-tertiary-enabled-surface {
    background-color: var(--wa-button-tertiary-enabled-surface) !important;
}

.wa-button-tertiary-enabled-text {
    color: var(--wa-button-tertiary-enabled-text) !important;
}

.wa-button-primary-enabled-surface {
    background-color: var(--wa-button-primary-enabled-surface);
}

.wa-shape-universal-subdued {
    background-color: var(--wa-shape-universal-subdued) !important;
}

.wa-button-switch-enabled,
.wa-button-switch-enabled:hover {
    background-color: var(--wa-button-switch-enabled-surface);
    color: var(--wa-button-switch-enabled-text);
}

.wp-bg-error {
    background-color: var(--wp-inputfield-filled-error);
}

.wp-border-info {
    border-color: #175974;
}

[data-theme="theme-AOK"] .wp-border-info {
    border-color: var(--wp-inputfield-filled-error);
}

.wp-border-error {
    border-color: var(--wp-inputfield-filled-error) !important;
}

.wp-bg-info {
    background-color: #175974;
}

[data-theme="theme-AOK"] .wp-bg-info {
    background-color: var(--wp-inputfield-filled-error);
}

.wa-p-i-0 {
    padding-inline: 0px;
}

.wa-pb-48 {
    padding-bottom: 48px;
}

/* h-toggle component*/
.h-toggle {
    display: flex;
    min-width: 0;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

    .h-toggle button {
        position: relative;
        display: inline-flex;
        height: 20px;
        width: 32px;
        align-items: center;
        padding: 0;
        border-radius: 9999px;
        border: none;
        outline: none;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

        .h-toggle button span {
            background-color: #ffffff;
            width: 0.875rem;
            height: 0.875rem;
            border-radius: 9999px;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }

    .h-toggle label {
        user-select: none;
        margin: 0;
    }

.wa-translate-x-15px {
    transform: translateX(15px);
}

.wa-translate-x-3px {
    transform: translateX(3px);
}

.wa-h-toggle-active {
    background-color: var(--wa-text-onLight-link);
}

.wa-h-toggle-inactive {
    background-color: var(--color-surface-subdued);
}
/* END: h-toggle component*/

.hk-fs-16 {
    font-size: 16px;
}

.hk-m-48 {
    margin: 48px;
}

.hk-p-14 {
    padding: 14px;
}

.hk-bg-white {
    background-color: white;
}

/*Divider new*/
.divider-with-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 30px 0;
}

[data-theme="theme-AOK"] .divider-with-text {
    background-color: white;
}

.divider-with-text span {
    font-family: var(--font-standard);
    padding: 0 10px;
    color: var(--wa-text-onLight-subdued);
    font-size: 14px;
    background-color: var(--wa-surface-secondary);
    border-radius: 10px;
}

[data-theme="theme-AOK"] .divider-with-text span {
    background-color: white;
    padding-top: 2px;
}

.divider-with-text::before,
.divider-with-text::after {
    content: '';
    flex: 1;
}

[data-theme="theme-AOK"] .divider-with-text::before,
[data-theme="theme-AOK"] .divider-with-text::after {
    height: 2px;
    background-color: var(--color-line-subdued);
}

@media (max-width: 768px) {
    [data-theme="theme-AOK"] .divider-with-text {
        background-color: var(--wa-background-secondary);
    }

        [data-theme="theme-AOK"] .divider-with-text::before,
        [data-theme="theme-AOK"] .divider-with-text::after {
            height: 0px;
        }
}

.bubble-divider-with-text {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 30px 0;
}

    .bubble-divider-with-text span {
        font-family: var(--font-standard);
        padding: 0 12px;
        color: var(--wa-text-onLight-subdued);
        font-size: 14px;
        background-color: var(--wa-surface-secondary);
        border-radius: 8px;
    }

[data-theme="theme-AOK"] .bubble-divider-with-text span {
    background-color: white;
    padding-top: 2px;
}

.bubble-divider-with-text::before,
.bubble-divider-with-text::after {
    content: '';
    flex: 1;
}

/*Activity*/

.activity-container {
    margin: var(--hk-fluent-24-40);
}

.activity-no-challenge-info-container {
}

.activity-challenge-card {
    display: flex;
    min-height: 248px;
    margin-bottom: 32px;
    border-radius: var(--corner-l);
    overflow: hidden;
    background-color: var(--wa-surface-secondary);
}

[data-theme="theme-AOK"] .activity-challenge-card {
    border-radius: 0;
}

.activity-challenge-card-overline {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-14-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-highlight);
}

.activity-challenge-card-image-web {
    width: 441px;
    height: 248px;
    flex-shrink: 0;
}

.wa-activity-subheading {
    font-family: 'hanako-font-bold';
    font-size: var(--fl-16-22);
    font-style: normal;
    font-weight: 700;
    line-height: var(--fl-20-26);
    color: var(--wa-text-onLight-link);
    margin-top: 4px;
}

.activity-challenge-card-image-smartphone {
    display: none;
}

.activity-challenge-card-content {
    flex-grow: 1;
    padding: var(--hk-fluent-16-24) var(--hk-fluent-16-32);
}

.activity-challenge-card-btn-container {
    margin-top: 35px;
}

.activity-challenge-card-btn,
.activity-challenge-card-btn:focus {
    background-color: var(--wa-button-primary-enabled-surface);
    color: var(--wa-button-primary-enabled-text);
    border: none;
    outline: none;
    border-radius: 6px;
    padding: 15px var(--hk-fluent-20-24);
    cursor: pointer;
}

    .activity-challenge-card-btn > * {
        vertical-align: middle;
    }

@media (max-width: 768px) {

    .activity-challenge-card {
        background: var(--wa-surface-secondary);
        max-height: 156px;
        min-height: 156px;
        margin-bottom: 24px;
    }

    .activity-challenge-card-overline {
        font-family: 'hanako-font-standard';
        font-size: var(--fl-11-13);
        font-style: normal;
        font-weight: 400;
        line-height: var(--fl-14-16);
        color: var(--wa-text-onLight-highlight);
    }

    .activity-challenge-card-explanation {
        display: none;
    }

    .wa-activity-subheading {
        font-family: 'hanako-font-standard';
        font-size: var(--fl-14-18);
        font-style: normal;
        font-weight: 400;
        line-height: var(--fl-20-26);
        margin-top: 0;
    }

    .activity-challenge-card-image-web {
        display: none;
    }

    .activity-challenge-card-image-smartphone {
        display: block;
        width: 104px;
        height: 156px;
        flex-shrink: 0;
    }


    .activity-challenge-card-btn-container {
        margin-top: 32px;
    }

    .bold-on-small-screen * {
        font-weight: bold;
    }
}

/*Challenge Invitation*/
.challenge-invitation-overline {
    display: inline-block;
    margin-bottom: 4px;
    margin-top: 64px;
}

[data-theme="theme-AOK"] .challenge-invitation-overline {
    margin-top: 0px;
}

.challenge-invitation-container {
    background-color: var(--wa-background-primary);
    /*    background-color: lightgray;*/
    padding: 0 var(--hk-fluent-24-80);
    margin: 0 var(--hk-fluent-112-160);
    border-radius: 16px 16px 0 0;
}

    .challenge-invitation-container h1 {
        margin-bottom: 40px;
    }

[data-theme="theme-AOK"] .challenge-invitation-container {
    margin-top: 8px;
    border-radius: 0;
}

.challenge-invitation-info-row {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 24px;
    margin-bottom: 32px;
}

.challenge-invitation-info-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
}

.challenge-invitation-info-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.challenge-invitation-icon {
    width: 48px;
    height: 48px;
    margin-bottom: 12px;
}

.challenge-invitation-icon-small {
    display: none;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
}

.challenge-invitation-badge {
    width: 56px;
    height: 56px;
    margin-bottom: 12px;
}

.challenge-invitation-badge-small {
    width: 40px;
    height: 40px;
    margin-bottom: 12px;
    display: none;
}

.challenge-invitation-btn-container {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {

    .challenge-invitation-container {
        margin: 0;
    }

    [data-theme="theme-AOK"] .challenge-invitation-container {
        margin-top: 0;
        padding-top: 24px;
    }

    .challenge-invitation-icon {
        display: none;
    }

    .challenge-invitation-icon-small {
        display: block;
    }

    .challenge-invitation-badge {
        display: none;
    }

    .challenge-invitation-badge-small {
        display: block;
    }
}

/* h-portait-selector */
.h-portrait-selector {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--hk-fluent-8-16);
}

.h-portrait-selector img {
    border-radius: 50%;
    object-fit: cover;
    width: var(--hk-fluent-64-128);
    height: var(--hk-fluent-64-128);
}

.h-portrait-selector svg {
    width: var(--hk-fluent-64-128);
    height: var(--hk-fluent-64-128);
}

.h-portrait-selector button,
.h-portrait-selector button:focus {
    background: transparent;
    display: flex;
    gap: 4px;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    border: 0px;
    border: none;
    outline: none;
    cursor: pointer;
}

.h-portrait-selector button svg {
    width: 24px;
    height: 24px;
}

.h-portrait-selector button span {
    margin-top: 4.5px;
}

.h-portrait-selector button svg * {
    fill: var(--wa-text-onLight-link);
}
/* END: h-portait-selector */

/* h-nickname-input-group */
.h-nickname-input-group {
    margin-top: var(--hk-fluent-32-40);
    text-align: left; /* keep the label to the left side of the input */
}

.h-nickname-input-group label {
    display: block;
    max-width: 360px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 4px;
}

    .h-nickname-input-group input {
        box-sizing: border-box;
        max-width: 360px;
        width: 100%;
        height: var(--hk-fluent-40-48);
        margin-inline: auto;
        padding-inline: 16px;
        border: 1px solid var(--wa-inputfield-filled-border);
        border-radius: 4px;
        display: block;
        outline: none;
        color: var(--wa-inputfield-filled-text);
    }

        .h-nickname-input-group input:focus {
            border-color: var(--color-input-field-focused-input-border);
            box-shadow: 0 0 0 2px var(--color-input-field-focused-input-shadow);
        }

        .h-nickname-input-group input::placeholder {
            opacity: 0.3;
        }

    /* error message dislpay - copied from admin */
    .h-nickname-input-group span {
        display: block;
        max-width: 360px;
        margin-inline: auto;
        font-family: var(--font-standard-flat) !important;
        font-size: 14px !important;
        line-height: 16px !important;
        font-style: normal !important;
        position: relative;
        border: 1px solid var(--wp-inputfield-filled-error);
        border-radius: 4px;
        background-color: #fff;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        top: 16px;
        color: var(--wp-inputfield-filled-error) !important;
    }

        .h-nickname-input-group span:before {
            border-color: transparent transparent var(--wp-inputfield-filled-error);
        }

        .h-nickname-input-group span:after {
            margin-bottom: -2px;
            border-color: transparent transparent #fff;
        }

        .h-nickname-input-group span:before,
        .h-nickname-input-group span:after {
            content: "";
            border-style: solid;
            border-width: 10px;
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            left: 20px;
        }
/* End: h-nickname-input-group */

@media (max-width: 768px) {
    .wa-profile-bgcolor-sm {
        background-color: #ffffff;
    }
}

.challenge-profile-header-container {
    margin-top: 112px
}

.challenge-profile-description-text {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .challenge-profile-header-container {
        margin-top: 88px
    }
}

/* Primary button for join challenge screen */
.btn-pr-joinc {
    padding: var(--hk-fluent-14-15) 24px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0;
    box-shadow: inset 0 0 0 2px var(--wa-button-primary-enabled-surface), 0 0 0 3px transparent;
    border-radius: var(--corner-s);
    background-color: var(--wa-button-primary-enabled-surface);
    font-family: 'hanako-font-bold';
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    color: var(--wa-button-primary-enabled-text);
}

[data-theme="theme-AOK"] .btn-pr-joinc {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

@media (max-width: 576px) {
    .btn-pr-joinc {
        font-size: 16px;
        line-height: 20px;
    }
}

.btn-pr-joinc:hover {
    text-decoration: none;
}

[data-theme="theme-AOK"] .btn-pr-joinc:focus-visible {
    background-position: 0 100%;
    outline: 1px solid var(--wa-text-onLight-highlight);
    outline-offset: 3px;
}

.btn-pr-joinc:disabled,
.btn-pr-joinc[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
    filter: grayscale(40%);
    pointer-events: none;
}
/* END: Primary button for join challenge screen */

.wa-inputfield-filled-label-color {
    color: var(--wa-inputfield-filled-label);
}

.wa-ta-center {
    text-align: center;
}

/* h-tabs */
.h-tabs {
    height: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
}

.h-tabs div[role="tabpanels"] > section {
    height: 100%;
    padding-bottom: var(--hk-fluent-48-240);
    background-color: var(--wa-surface-primary);
}

/* special formatting for the chat tab */
.h-tabs div[role="tabpanels"] > section:last-of-type {
    padding-bottom: var(--hk-fluent-32-48);
}

.h-tabs ul:first-child {
    display: flex;
    width: 100%;
    justify-content: space-between;
    list-style: none;
    padding-inline: 0;
    margin-bottom: 0;
    background-color: #ffffff;
}

.h-tabs ul:first-child li {
    flex: 0 0 33.333%;
    display: flex;
    justify-content: center;
}

.h-tabs ul:first-child li button,
.h-tabs ul:first-child li button:focus,
.h-tabs ul:first-child li button:hover {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    outline: none;
    border: none;
}

.h-tabs .selected-btn {
    color: var(--wa-text-onLight-headline);
    border-bottom: var(--hk-fluent-2-4) solid var(--wa-shape-universal-primary) !important;
}

.h-tabs .not-selected-btn {
    border-bottom: var(--hk-fluent-2-4) solid transparent !important;
}

.bottom-background {
    /*background-image: url("https://picsum.photos/1300/250"); to be set in the template through alpine.js binding */
    background-image: var(--challenge-bg-lg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto; /* default: no scaling */
    overflow: hidden;
}

@media (max-width: 768px) {
    .bottom-background {
        background-image: var(--challenge-bg-sm);
        background-size: contain; /* scale while preserving the aspect-ratio */
        overflow: hidden;
    }
}
/* END: h-tabs */

.status-icon {
    width: var(--hk-fluent-48-72);
    height: var(--hk-fluent-48-72);
}

    .status-icon * {
        fill: var(--color-status-green);
    }

.wa-challenge-title-section {
    position: relative;
    height: 320px;
    background-color: #ffffff;
    background-image: var(--challenge-head-lg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 768px) {
    .wa-challenge-title-section {
        width: 100%;
        height: auto;
        background-size: cover;
        aspect-ratio: 720 / 370;
        background-image: var(--challenge-head-sm);
    }
}

.wa-bg-color-invitation {
    background-color: transparent;
}

@media (max-width: 768px) {
    .wa-bg-color-invitation {
        background-color: #ffffff;
    }
}

.wa-mb-2-4 {
    margin-bottom: var(--fl-2-4);
}

/* daily goals section */
.wa-daily-goals {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--fl-12-24);
    margin-inline: auto;
    width: fit-content;
    margin-top: var(--fl-32-48);
}

.wa-daily-goal {
    width: var(--fl-96-144);
    height: var(--fl-96-144);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

    .wa-daily-goal.active {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        overflow: hidden;
    }

        .wa-daily-goal.active:hover {
            cursor: pointer;
        }

    .wa-daily-goal img,
    .wa-daily-goal svg {
        width: var(--fl-48-72);
        height: var(--fl-48-72);
    }
/* End: daily goals section */

/* Challenge Result section */

.challenge-result-circle {
    width: 72px;
    height: 72px;
    background-color: var(--wa-surface-secondary);
    color: var(--wa-text-onLight-highlight);
    clip-path: circle(50%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
}

[data-theme="theme-AOK"] .challenge-result-circle {
    padding-top: 4px;
}

.challenge-result-circle-inactive {
    background-color: var(--wa-shape-universal-subdued);
    color: var(--wa-text-onDark-primary);
}

.challenge-result-circle-label {
    color: var(--wa-text-onLight-default);
}

.challenge-result-circle-label-inactive {
    color: var(--wa-text-onLight-subdued);
}

.challenge-result-heading-container {
    margin-left: 20%;
}

.challenge-participants-container {
    background-color: var(--wa-surface-primary);
    padding-left: var(--hk-fluent-112-224);
    padding-right: var(--hk-fluent-112-224);
}

.challenge-result-overall-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

    .challenge-result-overall-container > svg {
        width: var(--hk-fluent-296-444);
        height: var(--hk-fluent-96-144);
    }

    .challenge-result-overall-container > div {
        margin-top: 32px;
    }

.challenge-result-overall-score {
    position: absolute;
    top: var(--hk-fluent-50-75);
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    font-weight: 500;
    font-size: var(--hk-fluent-34-48);
    color: var(--wa-text-onDark-primary);
}

.challenge-result-achieved-together-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.challenge-result-achieved-together {
    text-align: center;
}

.challenge-result-grid-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.challenge-result-circle-container {
    display: grid;
    grid-template-columns: repeat(3, var(--hk-fluent-96-144));
    column-gap: 24px;
    justify-items: center;
    align-items: center;
}

    .challenge-result-circle-container > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: var(--hk-fluent-96-144);
        height: var(--hk-fluent-96-144);
    }

.challenge-result-heading-section {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 16px;
    margin-bottom: 8px;
}

    .challenge-result-heading-section > div {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--wa-surface-secondary);
        border-radius: 8px;
        width: 24px;
        height: 20px;
    }

.challenge-result-heading-bottom-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 16px;
    margin-left: 16px;
}

.challenge-participants-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
}

.challenge-participants-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: var(--hk-fluent-48-80);
    padding: 0 16px;
}

.challenge-participants-list-item-highlighted {
    background-color: var(--wa-surface-secondary);
    border-radius: 8px;
}

.challenge-participants-list-item-info {
    display: flex;
    justify-content: center;
    align-items: center;
}

.challenge-participants-list-item-picture {
    margin-right: 16px;
    height: var(--hk-fluent-32-64);
    width: var(--hk-fluent-32-64);
}

.challenge-participants-list-item img {
    border-radius: 50%;
    object-fit: cover;
}

.challenge-participants-list-item-rank {
    display: inline-block;
    width: var(--hk-fluent-47-62);
}


.challenge-resultanchor-bottom {
    bottom: 64px;
}


@media (max-width: 768px) {
    .challenge-result-heading-container {
        margin-left: 5%;
    }


    .challenge-participants-container {
        margin: 0;
        padding-right: 8px;
        padding-left: 8px;
    }

    .challenge-result-circle {
        width: 48px;
        height: 48px;
    }

    .challenge-result-heading-section > div {
        border-radius: 8px;
        width: 26px;
        height: 18px
    }

    .challenge-result-achieved-together {
        margin: 0 24px;
        width: 260px;
    }
}
/* End: daily goals section */

/*Section challenge chat*/

.webapp-chat-container {
    padding: 48px var(--hk-fluent-24-240) 0px;
}

.webapp-chat-message {
    display: flex;
    gap: var(--hk-fluent-8-16);
    min-height: var(--hk-fluent-60-80);
    align-items: flex-end;
    margin-bottom: var(--hk-fluent-12-24);
}

.webapp-chat-my-message {
    flex-direction: row-reverse;
}

.webapp-chat-info-message {
    align-items: flex-start;
}

.webapp-chat-message-header {
    /*    margin-bottom: 8px;*/
    display: flex;
}

.webapp-chat-my-message-header {
    justify-content: end;
}

.webapp-chat-message-header-info {
    color: var(--wa-text-onLight-default);
}

.webapp-chat-message-content {
    align-self: flex-start;
}

.webapp-chat-message-body {
    margin-top: 8px;
}

.webapp-chat-message-bubble {
    padding: 8px;
    background-color: var(--wa-surface-secondary);
    border-radius: 8px;
}

.webapp-chat-message-text {
    white-space: pre-wrap;
    display: inline-block;
}

.webapp-chat-message-image {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.webapp-chat-my-message-text {
    background-color: var(--color-status-green-light);
}

.webapp-chat-message-status-text {
    color: var(--wa-text-onLight-default);
}

.webapp-chat-message-avatar > * {
    height: var(--hk-fluent-32-48);
    width: var(--hk-fluent-32-48);
}

.webapp-chat-message-avatar img,
.webapp-chat-message-placeholder {
    border-radius: 50%;
    object-fit: cover;
    height: var(--hk-fluent-32-64);
    width: var(--hk-fluent-32-64);
}

.webapp-chat-input-container {
    min-height: var(--hk-fluent-40-64);
    margin-top: var(--hk-fluent-32-48);
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    background: var(--wa-surface-secondary);
    border: 1px solid var(--color-line-dividing);
    border-radius: 8px;
}

.webapp-chat-attach-btn,
.webapp-chat-send-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: transparent;
    border-style: none;
}

.webapp-chat-input-container svg {
    width: 32px;
    height: 32px;
}

.webapp-chat-input {
    flex: 1;
    max-width: 100%;
    border: none;
    outline: none;
    padding: 8px 0;
    background: transparent;
    max-height: 400px;
    overflow-y: hidden;
    transition: height 0.1s ease;
    resize: none;
}


    .webapp-chat-input::placeholder {
        color: var(--wa-text-onLight-subdued);
    }

.webapp-chat-fixed-button-container {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 64px;
    width: calc(100% - var(--hk-container-mlr)); /* !not 100% (it won't get the direct parent because fixed!) - so use the hk--container's width - it will scale perfectly */
    padding-left: var(--hk-fluent-24-40);
    padding-right: var(--hk-fluent-24-40);
    z-index: 3;
}

@media (max-width: 768px) {
    .webapp-chat-container {
        padding: 48px 24px 24px;
    }
}

/* spins an element (normally svg sprite) */
.spin {
    animation: spinner-rot 1.4s steps(10, end) infinite;
    transform-box: fill-box;
    transform-origin: center;
}

@keyframes spinner-rot {
    to {
        transform: rotate(-360deg);
    }
}
/* End: spins an element (normally svg sprite) */

.status_badge_section {
    margin-top: var(--hk-fluent-32-40);
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .status_badge_section img {
        height: var(--hk-fluent-48-72);
    }

.wa-mt-fl-12-20 {
    margin-top: var(--fl-12-20);
}

.wa-text-pre {
    white-space: pre-line; /* treats \n as a line break */
    overflow-wrap: anywhere; /* prevent overflow on long words */
}

.wa-text-align-center {
    text-align: center;
}

.wa-status-primary,
.wa-status-primary:focus,
.wa-status-primary:hover {
    background-color: var(--wa-button-primary-enabled-surface);
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 15px 24px;
    cursor: pointer;
    max-width: fit-content;
    font-size: var(--fl-16-18);
}

.wa-status-secondary,
.wa-status-secondary:focus,
.wa-status-secondary:hover {
    background-color: var(--wa-button-secondary-enabled-surface);
    color: var(--wa-button-secondary-enabled-text);
    border: none;
    outline: none;
    border-radius: 8px;
    padding: 15px 24px;
    cursor: pointer;
    max-width: fit-content;
    font-size: var(--fl-16-18);
}

.wa-mb-48 {
    margin-bottom: 48px;
}

/* h-bbCode-audio component */
.h-bbCode-audio {
    background-color: var(--wa-surface-primary);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: var(--hk-fluent-16-24);
}

.h-bbCode-audio button,
.h-bbCode-audio button:focus,
.h-bbCode-audio button:hover {
    margin-top: var(--hk-fluent-20-24);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: var(--wa-surface-interactive);
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-bbCode-audio button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.h-bbCode-audio button svg {
    width: 80px;
    height: 80px;
    --circle-fill: var(--wa-button-primary-enabled-surface);
    --path-fill: var(--wa-icon-onDark-reverse);
    --rect-fill: var(--wa-icon-onDark-reverse);
}

.h-bbCode-audio input[type="range"] {
    width: 100%;
    height: 14px;
    max-width: 100%; /* overwrite bootstrap */
    margin-top: var(--hk-fluent-20-24);
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}

/* Track styling Chrome/Safari*/
.h-bbCode-audio input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient( to right, var(--wa-shape-interactive-active) 0%, var(--wa-shape-interactive-active) var(--progress, 0%), #ffffff var(--progress, 0%), #ffffff 100% );
}

.h-bbCode-audio input[type="range"]::-moz-range-track {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient( to right, var(--wa-shape-interactive-active) 0%, var(--wa-shape-interactive-active) var(--progress, 0%), #ffffff var(--progress, 0%), #ffffff 100% );
}

/* Thumb (scrubber) styling */
.h-bbCode-audio input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: var(--wa-shape-interactive-active);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -5px; /* Center on track (14-4)/2 = 5 */
}

.h-bbCode-audio input[type="range"]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: var(--wa-shape-interactive-active);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    /* Firefox doesn't need margin-top, it centers automatically */
}

.h-bbCode-audio section {
    margin-top: var(--hk-fluent-12-16);
}
/* End: h-bbCode-audio component */

/* h-bbCode-video component */
.h-bbCode-video {
    background-color: var(--wa-surface-primary);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
}

.h-bbCode-video-inner {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
}

.h-bbCode-video video {
    display: block;
    max-width: 100%;
    object-fit: cover; /* fills the box without letterboxing — poster and video frames share the same aspect ratio box, so cover = contain during playback; fullscreen overrides with contain */
}

.h-bbCode-video > .h-bbCode-video-inner > button,
.h-bbCode-video > .h-bbCode-video-inner > button:focus,
.h-bbCode-video > .h-bbCode-video-inner > button:hover {
    width: var(--hk-fluent-40-80);
    height: var(--hk-fluent-40-80);
    padding: 0;
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.h-bbCode-video > .h-bbCode-video-inner > button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.h-bbCode-video > .h-bbCode-video-inner > button.explode {
    animation: explode 250ms ease-out;
}

.h-bbCode-video > .h-bbCode-video-inner > button svg {
    width: var(--hk-fluent-40-80);
    height: var(--hk-fluent-40-80);
    --circle-fill: var(--wa-button-primary-enabled-surface);
    --path-fill: var(--wa-icon-onDark-reverse);
    --rect-fill: var(--wa-icon-onDark-reverse);
}

/* Loading spinner - centered like play button */
.h-bbCode-video-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-bbCode-video-spinner-circle {
    width: 32px;
    height: 32px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top-color: var(--wa-shape-interactive-active);
    border-radius: 50%;
    animation: h-bbCode-video-spin 0.8s linear infinite;
}

@keyframes h-bbCode-video-spin {
    to {
        transform: rotate(360deg);
    }
}
/* END: Loading spinner - centered like play button */

.h-bbCode-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient( to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 20%, rgba(0, 0, 0, 0.6) 100% );
    padding-top: 8px;
    padding-left: 14px;
    padding-right: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    z-index: 2;
    height: 56px;
}

.h-bbCode-video-controls button {
      background: transparent;
      border: none;
      outline: none;
      padding: 0;
      cursor: pointer;
      display: flex;
      align-items: center;
  }

.h-bbCode-video-controls button:focus,
.h-bbCode-video-controls button:active {
    outline: none;
    box-shadow: none;
}

.h-bbCode-video-controls button svg {
    width: 24px;
    height: 24px;
    color: #ffffff;
    transition: color 150ms ease;
}

.h-bbCode-video-controls button:hover svg {
    color: var(--wa-shape-interactive-active);
}

.h-bbCode-video-controls button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.h-bbCode-video-controls button:disabled:hover svg {
    color: #ffffff;
}

.h-bbCode-video input[type="range"] {
    width: 100%;
    height: 14px;
    max-width: 100%; /* overwrite bootstrap */
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    outline: none;
}

/* Track styling Chrome/Safari*/
.h-bbCode-video input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient( to right, var(--wa-shape-interactive-active) 0%, var(--wa-shape-interactive-active) var(--progress, 0%), #ffffff var(--progress, 0%), #ffffff 100% );
}

.h-bbCode-video input[type="range"]::-moz-range-track {
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background: linear-gradient( to right, var(--wa-shape-interactive-active) 0%, var(--wa-shape-interactive-active) var(--progress, 0%), #ffffff var(--progress, 0%), #ffffff 100% );
}

/* Thumb (scrubber) styling */
.h-bbCode-video input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: var(--wa-shape-interactive-active);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -5px; /* Center on track (14-4)/2 = 5 */
}

.h-bbCode-video input[type="range"]::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: var(--wa-shape-interactive-active);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    /* Firefox doesn't need margin-top, it centers automatically */
}

@keyframes explode {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -50%) scale(1.3);
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.wa-video-time-text {
    font-family: 'hanako-font-standard';
    font-size: var(--fl-11-13);
    font-style: normal;
    font-weight: 400;
    line-height: var(--fl-14-16);
    color: var(--wa-text-onDark-primary);
    white-space: nowrap;
}

[data-theme="theme-AOK"] .wa-video-time-text {
    font-family: 'aok-text-font';
}

/* Fullscreen mode */
.h-bbCode-video:fullscreen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    background: black;
}

.h-bbCode-video:fullscreen .h-bbCode-video-inner {
    width: 100%;
    height: 100%;
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.h-bbCode-video:fullscreen video {
    width: 100%;
    height: 100%;
    max-height: 100vh;
    object-fit: contain;
}

.h-bbCode-video:fullscreen > button {
    /* Keep centered play button positioned correctly */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.h-bbCode-video:fullscreen .h-bbCode-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
/* END: h-bbCode-video component */

/*Digital health day*/
/*Login*/

.wa-healthday-login-top-line {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .wa-healthday-login-top-line svg {
        width: 12px;
        height: 12px;
        margin: 0px 4px 0px 0px;
    }

.wa-healthday-login-infobox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: var(--wa-background-secondary);
    border-radius: 8px;
    padding-top: var(--hk-fluent-16-24);
    padding-bottom: var(--hk-fluent-16-24);
}

    .wa-healthday-login-infobox > div {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 112px;
    }

    .wa-healthday-login-infobox svg {
        height: var(--hk-fluent-32-48);
        width: var(--hk-fluent-32-48);
        margin-bottom: var(--hk-fluent-8-12);
    }

    .wa-healthday-login-infobox span {
        white-space: nowrap;
    }



@media (max-width: 768px) {
    .wa-healthday-login-infobox svg {
        height: 32px;
        width: 32px;
    }

    .wa-healthday-login-infobox {
        margin-left: var(--hk-fluent-minus-12-16);
        margin-right: var(--hk-fluent-minus-12-16);
    }
}

/*Timeline*/

.wa-healthday-timeline-start-dot {
    position: absolute;
    left: 31.5px;
    width: 16px;
    height: 16px;
    background-color: var(--wa-shape-universal-tertiary);
    border-radius: 50%;
}

.wa-healthday-list-station-line-segment-before {
    position: absolute;
    left: 38px;
    top: 0;
    bottom: 50%;
    width: 2px;
    background-color: var(--wa-shape-universal-tertiary);
}

.wa-healthday-list-station-marker-col {
    margin-right: 40px;
    display: flex;
    align-items: center;
}

.wa-healthday-list-station-line-segment-after {
    position: absolute;
    left: 38px;
    top: 50%;
    bottom: 0;
    width: 2px;
    background-color: var(--wa-shape-universal-tertiary);
}

.wa-healthday-list-station-marker {
    width: 80px;
    height: 36px;
    background-color: var(--wa-shape-universal-tertiary);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

    .wa-healthday-list-station-marker svg {
        height: 24px;
        width: 24px;
    }


.wa-healthday-list-station-card {
    background: var(--wa-surface-secondary);
    border-radius: 16px;
    border-style: none;
    height: 228px;
    width: 100%;
    display: flex;
    flex-direction: row;
    overflow: hidden;
}

[data-theme="theme-AOK"] .wa-healthday-list-station-card {
    border-radius: 0px;
}

.wa-healthday-list-station-card img {
    min-width: 400px;
    min-height: 228px;
}

.wa-healthday-list-station-card-content {
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
}

[data-theme="theme-AOK"] .wa-healthday-list-station-card-content {
    padding: 0 32px 24px 32px;
}

.wa-healthday-timeline-end {
    display: flex;
    align-items: center;
}

    .wa-healthday-timeline-end svg {
        width: 80px;
        height: 72px;
        margin-right: 40px;
    }

@media (max-width: 1052px) {
    .wa-healthday-list-station-card-content span:last-child {
        display: none;
    }
}

@media (max-width: 768px) {
    .wa-healthday-list-station-card {
        background-color: transparent;
        flex-direction: column;
        height: auto;
    }

        .wa-healthday-list-station-card img {
            min-width: auto;
            min-height: auto;
            border-radius: 16px;
        }

    .wa-healthday-list-station-card-content {
        padding: 8px 0 0 0;
    }

    [data-theme="theme-AOK"] .wa-healthday-list-station-card-content {
        padding: 8px 0 0 0;
    }

    .wa-healthday-list-station-marker {
        width: 56px;
        height: 28px;
    }

    .wa-healthday-list-station-marker-col {
        margin-right: 16px;
    }

    .wa-healthday-timeline-start-dot {
        left: 19px;
    }

    .wa-healthday-list-station-line-segment-before {
        left: 26px;
    }

    .wa-healthday-list-station-line-segment-after {
        left: 26px;
    }

    .wa-healthday-timeline-end svg {
        width: 56px;
        height: 50px;
        margin-right: 16px;
    }
}

/*Quiz*/

.wa-healthday-quiz-icon-size {
    width: 24px;
    height: 24px;
}

.wa-healthday-quiz-result-card {
    background-color: var(--wa-surface-primary);
    border-radius: 8px;
    padding: 20px 16px;
    margin-left: var(--hk-fluent-minus-12-16);
    margin-right: var(--hk-fluent-minus-12-16);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

[data-theme="theme-AOK"] .wa-healthday-quiz-result-card {
    gap: 10px;
}

.wa-healthday-quiz-result-card > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wa-healthday-quiz-result-card svg {
    width: 16px;
    height: 16px;
}

@media (max-width: 768px) {
    .wa-healthday-quiz-icon-size {
        width: 16px;
        height: 16px;
    }
}
/*END Digital health day*/

.explanation_img {
    width: 100%;
    max-width: 360px;
}

.mt-fluent-14-56 {
    margin-top: var(--hk-fluent-14-56);
}

.mt-fluent-36-40 {
    margin-top: var(--hk-fluent-36-40);
}

.mt-fluent-20-24 {
    margin-top: var(--hk-fluent-20-24);
}

.wa-max-width-772 {
    max-width: 772px;
}

.wa-plr-24 {
    padding-left: 24px;
    padding-right: 24px;
}

/* Primary button for Explanation */
.btn-pr-explanation,
.btn-pr-explanation:hover {
    display: inline-block;
    padding: 15px 24px;
    margin-top: 40px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 64px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0;
    box-shadow: inset 0 0 0 2px var(--wa-button-primary-enabled-surface), 0 0 0 3px transparent;
    border-radius: var(--corner-s);
    background-color: var(--wa-button-primary-enabled-surface);
    font-family: 'hanako-font-bold';
    font-size: var(--hk-fluent-16-18);
    font-style: normal;
    font-weight: 700;
    line-height: var(--hk-fluent-20-26);
    color: var(--wa-button-primary-enabled-text);
}

[data-theme="theme-AOK"] .btn-pr-explanation,
[data-theme="theme-AOK"] .btn-pr-explanation:hover {
    font-family: 'aok-text-font-bold';
    font-weight: 800;
}

@media (max-width: 360px) {
    .btn-pr-explanation,
    .btn-pr-explanation:hover {
        align-self: stretch;
        margin-top: auto;
        font-family: 'hanako-font-medium';
        font-weight: 600;
    }

    [data-theme="theme-AOK"] .btn-pr-explanation,
    [data-theme="theme-AOK"] .btn-pr-explanation:hover {
        font-family: 'aok-text-font-semibold';
    }
    
}

.explanation_container {
    background-color: var(--wa-surface-secondary);
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media print {
    /* Hide elements that shouldn't print */
    header, footer {
        display: none !important;
    }

    /* Reset page margins for the print */
    @page {
        margin: 1cm;
    }

    body {
        margin: 0;
        padding: 20px;
    }

    @page {
        size: A4;
    }

    .hk--print-sources h2,
    .hk--print-sources a {
        display: block;
        margin-bottom: 30px;
    }

    .hk--print-sources p {
        margin-bottom: 12px;
    }

    .hk--print-preview header {
        display: flex !important;
    }

    .hk--print-preview header nav {
        margin-left: 0;
        width: 100%;
    }

    .hk--print-preview .logo-title {
        display: flex;
        padding-left: 15px;
    }

    .hk--print-preview .logo-title .logo {
        --fluent-143-182: 300px !important;
        --fluent-32-40: 125px !important;
    }

    .hk--print-preview .menu-level-1-content {
        display: none;
    }

    .hk--print-preview #topNavMenu > section {
        display: none;
    }
}


.login-key-qr-form-group {
    padding-bottom: 0;
    margin-bottom: 32px;
}

.login-key-qr-label {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 12px;
}

.login-key-qr-scan-link {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 12px;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: var(--font-link);
    color: var(--color-text-onLight-link);
}

.login-key-qr-scan-link:hover,
.login-key-qr-scan-link:focus {
    color: var(--color-text-onLight-link);
    text-decoration: underline;
}

.login-key-qr-region {
    max-width: 400px;
    margin-top: 32px;
    margin-bottom: 32px;
}

.login-key-qr-cancel {
    margin-top: 12px;
}

.login-key-qr-error {
    white-space: normal;
}

.login-key-qr-preview-wrap {
    position: relative;
    width: 100%;
    max-width: 400px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background-color: #000;
    border-radius: 8px;
}

.login-key-qr-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Secondary button — portal (hp = hanako-portal) */
.hp-secondary-btn,
.hp-secondary-btn:focus {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    font-family: var(--font-button);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: var(--color-button-secondary-enabled-labeling);
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    border: 2px solid transparent;
    border-radius: 4px;
    background-color: var(--color-button-secondary-enabled-surface);
}

.hp-secondary-btn:hover {
    color: var(--color-button-secondary-hover-labeling);
    text-decoration: none;
    border-color: var(--color-button-secondary-hover-border);
    background-color: var(--color-button-secondary-hover-surface);
}

.hp-secondary-btn:disabled,
.hp-secondary-btn[aria-disabled="true"] {
    color: var(--color-button-secondary-disabled-labeling);
    background-color: var(--color-button-secondary-disabled-surface);
    cursor: not-allowed;
    pointer-events: none;
}

.hp-secondary-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
/* END: Secondary button — portal */

/* Bootstrap 5 alias utilities for custom Hanako classes.
 * These mirror existing hk_* L/R utilities using BS5 start/end naming.
 */

/* Margin start (left) aliases */
.hk--ms-auto {
    margin-left: auto;
}

.hk--ms-6 {
    margin-left: 6px;
}

.hk--ms-8 {
    margin-left: 8px;
}

.hk--ms-12 {
    margin-left: 12px;
}

.hk--ms-16 {
    margin-left: 16px;
}

.hk--ms-20 {
    margin-left: 20px;
}

.hk--ms-24 {
    margin-left: 24px;
}

.hk--ms-32 {
    margin-left: 32px;
}

/* Margin end (right) aliases */
.hk--me-8 {
    margin-right: 8px;
}

.hk--me-12 {
    margin-right: 12px;
}

.hk--me-16 {
    margin-right: 16px;
}

.hk--me-20 {
    margin-right: 20px;
}

/* Horizontal margin reset alias */
.hk--mx-0 {
    margin-left: 0;
    margin-right: 0;
}

/* Text alignment alias */
.hk--text-start {
    text-align: left;
}

/* intl-tel-input flag sprites: the vendored CSS defaults point to ../img/,
 * which does not resolve from our bundle URLs. Sprites live under
 * Content/img/intl-tel-input/ (this file loads after intlTelInput.css).
 * Use PNG, not WebP: WebP is not served by default IIS (returns 404 unless a
 * .webp MIME mapping is active on the server), which left the flags blank on
 * the deployed env. PNG is served everywhere and the sprite size is negligible. */
:root {
    --iti-path-flags-1x: url(/Content/img/intl-tel-input/flags.png);
    --iti-path-flags-2x: url(/Content/img/intl-tel-input/flags@2x.png);
}

/* Hanako-branded Bootstrap 5 toast variants.
 * Preserve the legacy toast colours by overriding Bootstrap 5's own
 * toast CSS variables (no bespoke properties, no !important). Used by the
 * transfer and company-allocation notifications. */
.toast.toast-hk-success {
    --bs-toast-bg: var(--color-surface-primary);
    --bs-toast-border-color: var(--color-surface-secondary);
    --bs-toast-color: var(--color-text-onLight-default);
}

.toast.toast-hk-error {
    --bs-toast-bg: #ff7946;
    --bs-toast-border-color: #f35818;
    --bs-toast-color: var(--color-text-onLight-default);
}

[data-theme="theme-AOK"] .toast.toast-hk-error {
    --bs-toast-bg: var(--color-error);
    --bs-toast-border-color: var(--color-error);
}