/* Minification failed. Returning unminified contents.
(109,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(110,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(111,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(127,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(128,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(133,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(147,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(165,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(167,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(169,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(179,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(192,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(193,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(197,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(200,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(205,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(211,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(221,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(228,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(228,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(228,63): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(231,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(232,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(233,30): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(240,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(241,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(242,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(265,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(267,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(269,30): run-time error CSS1039: Token not allowed after unary operator: '-level-1'
(273,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(277,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(283,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(291,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(292,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(301,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(302,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(316,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(321,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(323,36): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(327,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(335,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(336,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(338,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(362,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(368,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(369,45): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(374,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(375,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(375,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(384,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(394,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(396,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(411,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(415,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(424,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(456,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(465,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(507,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(519,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(600,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(614,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(622,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(633,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(634,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(635,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(636,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(639,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(643,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(645,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(656,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(657,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(666,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(667,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(681,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(682,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(683,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(688,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(693,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(695,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(696,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(697,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(698,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(700,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(701,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(702,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(706,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(707,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(708,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(710,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1038,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(1049,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(1068,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(1088,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(1092,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(1114,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(1118,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(1122,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(1126,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default-inverse'
(1130,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default-inverse'
(1134,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default-inverse'
(1138,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(1142,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(1150,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-inverse'
(1154,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-inverse'
(1158,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-inverse'
(1162,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(1166,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(1170,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(1174,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(1178,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(1182,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(1186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(1190,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(1194,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(1198,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(1202,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(1206,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(1210,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(1214,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(1218,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(1222,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(1226,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(1230,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(1234,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(1238,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(1242,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(1246,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(1250,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(1254,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(1258,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-triple-hover'
(1262,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-triple-hover'
(1266,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-triple-hover'
(1270,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(1274,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(1278,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(1282,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(1286,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(1290,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(1294,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-success'
(1298,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-success'
(1302,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-success'
(1306,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-warning'
(1310,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-warning'
(1314,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-warning'
(1318,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(1322,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(1326,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(1330,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-secondary'
(1334,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-secondary'
(1338,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-secondary'
(1342,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-alt'
(1346,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-alt'
(1350,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-alt'
(1354,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(1358,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(1362,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(1366,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(1370,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(1374,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(1378,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(1382,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(1386,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(1390,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(1394,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(1398,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(1402,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(1406,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(1410,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(1414,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(1418,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(1422,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(1426,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(1430,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(1434,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(1438,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(1442,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(1446,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(1450,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-success'
(1454,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-success'
(1458,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-success'
(1462,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(1466,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(1470,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(1474,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(1478,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(1482,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(1486,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary'
(1490,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary'
(1494,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary'
(1498,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary-inverse'
(1502,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary-inverse'
(1506,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary-inverse'
(1510,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary-inverse'
(1514,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary-inverse'
(1518,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-secondary-inverse'
(3394,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3398,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3399,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3403,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3404,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3408,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3412,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3416,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3420,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3424,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3428,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3429,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3433,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3434,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3438,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3442,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3446,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3450,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(3454,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3458,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3459,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3463,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3464,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3468,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3472,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3476,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3480,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3484,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3488,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3489,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3493,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3494,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3498,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3502,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3506,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3510,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3514,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3518,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3519,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3523,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3524,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3528,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3532,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3536,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3540,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3544,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3548,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3549,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3553,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3554,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3558,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3562,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3566,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3570,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(3574,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3578,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3579,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3583,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3584,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3588,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3592,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3596,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3600,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3604,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3608,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3609,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3613,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3614,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3618,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3622,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3626,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3630,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3634,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3638,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3639,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3643,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3644,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3648,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3652,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3656,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3660,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3664,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3668,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3669,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3673,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3674,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3678,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3682,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3686,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3690,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(3694,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3698,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3699,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3703,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3704,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3708,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3712,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3716,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3720,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3724,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3728,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3729,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3733,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3734,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3738,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3742,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3746,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3750,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3754,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3758,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3759,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3763,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3764,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3768,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3772,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3776,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3780,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3784,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3788,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3789,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3793,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3794,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3798,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3802,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3806,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3810,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(3814,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3818,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3819,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3823,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3824,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3828,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3832,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3836,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3840,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3844,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3848,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3849,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3853,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3854,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3858,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3862,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3866,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3870,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(3874,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-1'
(3878,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-2'
(3882,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(3886,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-4'
(3890,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-5'
(3894,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-6'
(3898,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-body-xs'
(3902,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-body-s'
(3906,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-body'
(3910,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-heading-s'
(3914,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-heading-m'
(3918,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-heading-l'
(3922,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-data'
(3926,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-subheading'
(3930,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-heading'
(3934,16): run-time error CSS1039: Token not allowed after unary operator: '-typography-large-heading'
(3938,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(3942,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(3946,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-3'
(3950,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(3954,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(3958,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(3962,22): run-time error CSS1039: Token not allowed after unary operator: '-level-1'
(3966,22): run-time error CSS1039: Token not allowed after unary operator: '-level-2'
(3970,22): run-time error CSS1039: Token not allowed after unary operator: '-level-3'
(3974,27): run-time error CSS1039: Token not allowed after unary operator: '-blur-1'
(3975,35): run-time error CSS1039: Token not allowed after unary operator: '-blur-1'
(3979,27): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(3980,35): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(3984,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(3988,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-2'
(3992,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(3996,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(4000,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(4004,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(4008,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(8033,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(8034,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(8035,35): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(8036,27): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(8037,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-inverse-rgb'
(8042,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(8048,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(8076,25): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8077,24): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8105,32): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-y'
(8106,35): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8107,34): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8259,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8263,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8267,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8275,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8279,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8283,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8287,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8299,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8311,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8476,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8480,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8484,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8488,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8492,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8496,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8500,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8504,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8508,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8512,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8516,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8520,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8524,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8528,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8532,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8536,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8694,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8698,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8702,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8706,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8710,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8714,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8718,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8722,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8726,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8730,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8734,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8738,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8742,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8746,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8750,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8754,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8912,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8916,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8920,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8924,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8928,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8932,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8936,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8940,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8948,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8952,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8956,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8960,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8964,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8968,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8972,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8980,30): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8981,29): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-x'
(8982,22): run-time error CSS1039: Token not allowed after unary operator: '-ap-gutter-y'
(8987,37): run-time error CSS1039: Token not allowed after unary operator: '-ap-rows'
(8988,40): run-time error CSS1039: Token not allowed after unary operator: '-ap-columns'
(8989,15): run-time error CSS1039: Token not allowed after unary operator: '-ap-gap'
(9368,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9372,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9376,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9377,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9378,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9386,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9390,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9394,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9395,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9396,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9404,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9408,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9412,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9413,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9414,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9422,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9426,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9430,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9431,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9432,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11688,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(11698,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(11702,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(11709,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(11712,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(11727,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(11728,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(11739,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(11743,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(11751,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(11751,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(11752,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(11758,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(11813,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(11814,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(11815,24): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(11817,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(11818,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(11837,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(11846,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(11846,80): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11852,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(11866,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(11873,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(11875,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11883,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(11883,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(11885,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(11898,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(11918,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(11919,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(11923,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(11923,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11924,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(11925,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(11930,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(11934,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11935,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(11945,48): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11946,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(11952,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(11956,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(11992,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(12001,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12002,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(12031,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12035,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12036,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12051,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12051,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12052,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12069,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12069,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12085,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12117,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12117,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12117,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12117,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12121,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12121,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12121,61): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12121,78): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12129,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(12137,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(12138,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(12142,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12153,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12165,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12165,84): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12171,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12175,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12177,47): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12181,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12181,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12185,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12185,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(12190,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12190,84): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12190,118): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12190,166): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12196,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12205,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12221,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(12233,60): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(12239,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12243,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(12248,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12248,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12252,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12252,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(12257,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12257,84): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12263,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12267,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(12268,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(12272,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12283,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12295,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(12295,83): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12301,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12306,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12310,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12310,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(12310,61): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12310,78): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12314,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12318,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12318,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(12318,65): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12318,82): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12326,30): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary-rgb'
(12326,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12327,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12327,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12331,30): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary-rgb'
(12331,60): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12333,56): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary-rgb'
(12333,86): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12337,39): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12338,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12342,30): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary-rgb'
(12342,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12343,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(12343,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12347,30): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary-rgb'
(12347,60): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12348,41): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body-rgb'
(12352,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12356,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12368,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12386,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12386,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12386,61): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12386,78): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12390,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12390,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12390,65): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12390,82): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12395,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12405,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12406,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(12408,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(12409,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12411,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12413,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(12428,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12432,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(12435,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(12436,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(12437,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(12443,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12456,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12456,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12457,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12457,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12462,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12462,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12466,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12466,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(12466,61): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12466,78): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12470,31): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12470,54): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12471,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12475,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12475,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12488,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12516,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12556,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12560,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12564,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12569,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(12577,25): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(12594,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12602,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12606,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12610,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12620,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12631,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12665,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(12666,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12667,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(12675,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12675,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(12675,61): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(12675,78): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12677,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12693,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(12702,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12704,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12713,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12717,39): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12725,35): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12734,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(12735,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(12755,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12756,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12760,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(12763,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12767,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(12779,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12797,56): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border-rgb'
(12797,91): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(12802,34): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading-rgb'
(12802,64): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12806,34): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(12806,62): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12810,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(12820,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(12825,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(12826,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(12830,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(12835,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(12835,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12836,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(12840,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(12841,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(12841,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12845,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(12845,97): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(12845,133): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12851,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12855,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(12859,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(12859,96): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(12859,131): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(12865,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(12889,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12890,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(12891,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(12892,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(12893,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12920,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(12921,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(12930,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(12931,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(12939,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12955,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(12975,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13045,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(13076,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13085,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13085,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13085,54): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13089,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(13110,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-mask-rgb'
(13110,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13135,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13156,57): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(13156,94): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(13163,58): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(13163,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(13170,58): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(13170,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(13177,57): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(13177,94): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(13193,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13193,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13193,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13193,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13200,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(13201,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13204,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13209,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13214,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13221,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13221,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13221,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13221,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13226,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13237,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13238,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13243,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13244,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13250,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(13251,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13259,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13271,30): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(13272,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(13336,49): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-rgb'
(13336,81): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13340,50): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-rgb'
(13340,82): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13344,50): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-rgb'
(13344,82): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13348,49): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-rgb'
(13348,81): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13352,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(13352,92): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(13352,127): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(13360,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13361,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13362,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(13367,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13372,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13372,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(13372,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13374,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13386,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13389,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(13390,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(13431,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(13435,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13443,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13468,55): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(13468,105): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(13468,141): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(13474,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(13482,55): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(13482,105): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(13482,141): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(13488,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(13496,55): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(13496,105): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(13496,141): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(13502,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(13510,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13511,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13514,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13518,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13526,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13531,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(13541,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13546,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13558,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13559,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(13560,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(13561,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13562,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13575,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13575,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13575,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13575,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13576,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13586,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13587,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13587,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13587,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13588,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13589,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13602,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13602,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13603,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13608,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13610,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13625,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13626,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13637,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13638,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13652,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(13656,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(13662,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13666,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13667,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(13671,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(13675,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(13679,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13683,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(13691,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(13696,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(13705,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13711,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13712,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13730,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(13731,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13740,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13745,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(13758,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13759,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(13760,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(13761,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13774,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13779,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13785,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13792,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13793,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13799,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13800,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13801,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13803,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13808,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13827,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13832,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13834,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13848,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13856,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13862,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13867,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13873,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(13877,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(13878,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(13882,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(13887,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13888,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13899,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(13903,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13909,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13914,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13918,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13922,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(13926,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13931,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13932,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(13933,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(13934,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(13938,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(13949,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13949,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13953,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13954,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(13956,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(13962,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(13970,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13970,47): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13972,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(13982,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(13983,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(13984,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(13997,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(13998,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14012,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14013,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14019,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14019,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14019,65): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14019,82): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14020,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(14025,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14029,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(14033,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14034,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14036,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14042,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14049,42): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14050,35): run-time error CSS1039: Token not allowed after unary operator: '-blur-1'
(14051,27): run-time error CSS1039: Token not allowed after unary operator: '-blur-1'
(14091,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14110,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14111,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(14117,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(14121,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14135,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14136,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(14141,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14155,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14156,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(14161,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14184,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(14185,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(14186,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(14203,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14216,47): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14220,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(14220,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14244,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14251,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14252,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(14256,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14260,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(14264,35): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14269,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14287,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(14296,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14297,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(14297,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14299,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14300,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(14301,34): run-time error CSS1039: Token not allowed after unary operator: '-level-3'
(14302,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(14310,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14311,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14315,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(14322,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14323,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(14330,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14334,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14334,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14339,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(14349,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14349,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14349,60): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14350,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14361,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14362,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14363,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(14366,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(14385,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14386,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14389,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(14390,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14396,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14397,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14398,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(14403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(14410,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14411,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(14414,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14420,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14421,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14422,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(14450,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14451,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(14459,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14461,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(14465,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(14471,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(14503,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(14509,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(14509,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14509,58): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14548,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(14552,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(14552,93): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(14552,129): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14558,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(14562,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(14566,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(14566,92): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(14566,127): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14572,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(14576,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(14576,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14577,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(14581,39): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14585,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14589,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(14589,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14593,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(14593,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14597,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14601,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14613,56): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border-rgb'
(14613,91): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14617,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14621,34): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading-rgb'
(14621,64): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14625,30): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(14625,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14629,30): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(14629,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14633,30): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border-rgb'
(14633,65): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14637,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14641,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(14641,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14649,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(14653,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14659,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14660,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14664,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14710,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14723,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14729,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(14729,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14737,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(14745,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(14745,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(14753,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14769,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14773,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(14774,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14779,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(14793,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(14796,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14797,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14798,22): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(14798,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(14810,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-3'
(14821,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(14832,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(14848,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(14863,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(14886,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14886,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14887,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(14888,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14889,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14895,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(14902,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14904,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14908,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14915,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14923,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(14931,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(14932,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14933,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14937,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14952,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14952,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(14952,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14952,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14953,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(14957,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(14961,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(14970,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(14979,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-success'
(14983,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-warning'
(14987,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(14991,36): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(14999,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15000,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15001,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15001,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15001,56): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15001,73): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15006,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15013,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15028,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(15048,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(15071,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15082,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15093,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15093,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15093,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15093,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15100,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected-rgb'
(15100,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(15127,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15131,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15162,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15166,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15180,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(15183,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(15193,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15202,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15210,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15214,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15222,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15223,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(15224,36): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15228,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15240,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15247,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15250,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15251,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(15256,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected-rgb'
(15256,80): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(15263,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15263,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15263,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15263,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15267,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15267,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15267,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15267,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15271,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15275,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15275,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15349,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15350,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15355,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(15384,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15397,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(15398,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(15399,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(15404,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(15409,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15416,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15417,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15418,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15423,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(15432,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(15433,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(15450,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(15461,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15472,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15476,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15478,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(15484,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15489,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15496,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(15501,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(15522,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(15527,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(15537,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(15541,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(15542,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(15546,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(15550,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15551,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15555,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15556,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(15566,45): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(15570,42): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(15578,45): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(15582,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15586,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15603,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15607,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15608,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(15610,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(15614,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15619,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15629,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(15644,22): run-time error CSS1039: Token not allowed after unary operator: '-level-1'
(15645,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(15649,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15650,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15658,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15669,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(15676,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15680,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15688,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(15696,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(15697,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(15703,25): run-time error CSS1039: Token not allowed after unary operator: '-linearLoadingWidth'
(15706,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(15707,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(15713,25): run-time error CSS1039: Token not allowed after unary operator: '-linearLoadingWidth'
(15715,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(15733,21): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15734,22): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15736,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(15736,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(15744,25): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15745,26): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15751,42): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15751,75): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15752,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(15756,33): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15756,61): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15756,94): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15765,30): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15766,31): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingWidth'
(15768,30): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(15777,25): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15778,26): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15780,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(15780,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(15788,29): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15789,30): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15795,46): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15795,86): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15796,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(15800,37): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15800,72): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15800,112): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15809,34): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15810,35): run-time error CSS1039: Token not allowed after unary operator: '-circularLoadingCompactWidth'
(15812,34): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(15814,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(15815,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(15830,21): run-time error CSS1039: Token not allowed after unary operator: '-linearLoadingWidth'
(15841,40): run-time error CSS1039: Token not allowed after unary operator: '-containerWidth'
(15841,64): run-time error CSS1039: Token not allowed after unary operator: '-linearLoadingWidth'
(15846,40): run-time error CSS1039: Token not allowed after unary operator: '-containerWidth'
(15846,64): run-time error CSS1039: Token not allowed after unary operator: '-linearLoadingWidth'
(15867,32): run-time error CSS1039: Token not allowed after unary operator: '-rotateDegree'
(15883,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(15884,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(15885,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(15896,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15896,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15896,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15896,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15900,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15901,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(15904,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15910,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15910,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15910,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15915,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15921,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15921,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15921,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15921,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(15922,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15929,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15930,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(15932,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15943,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15944,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15952,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(15957,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(15958,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(15963,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(15967,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(15978,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-mask-rgb'
(15978,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(15990,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(15991,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(15992,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16006,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16011,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16015,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16016,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16019,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(16024,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16024,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16024,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16033,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(16039,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16039,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16039,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16044,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16176,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16193,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16209,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16331,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16336,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16341,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16345,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16376,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16376,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16376,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16376,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(16377,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16378,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(16379,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(16388,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(16393,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(16397,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16401,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(16409,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(16418,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16424,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(16429,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(16435,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(16450,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16450,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16481,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(16502,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(16517,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-success'
(16521,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-warning'
(16538,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(16557,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(16573,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16577,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(16581,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-success'
(16585,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(16594,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16595,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16596,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16598,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(16610,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(16614,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16629,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(16633,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(16644,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16655,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16672,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16691,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16693,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16697,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16699,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(16701,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(16708,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16712,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16727,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(16732,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(16744,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(16744,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16748,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16755,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16755,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(16761,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16769,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16771,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16772,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16772,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16785,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16785,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16791,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(16792,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(16804,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(16805,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16809,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(16818,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-2'
(16823,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16823,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16823,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16824,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16825,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(16826,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16828,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(16829,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16829,48): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(16846,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(16851,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(16865,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16865,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16865,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16883,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16884,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(16888,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16888,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16888,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(16895,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(16902,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(16903,42): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(16908,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(16935,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(16940,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(16945,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(16946,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(16960,26): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(16961,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(16973,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17006,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17006,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17007,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(17008,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17022,26): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(17027,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17028,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17037,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17051,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17073,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17095,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17121,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17125,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17131,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(17138,25): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(17155,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(17163,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17165,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17177,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(17187,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(17193,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17198,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17201,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(17202,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17203,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(17210,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17229,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17230,50): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(17234,29): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(17242,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17258,29): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(17264,29): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17274,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17275,26): run-time error CSS1039: Token not allowed after unary operator: '-level-1'
(17276,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(17277,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17289,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17290,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17299,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17331,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17388,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(17389,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17390,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(17396,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17400,30): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(17405,47): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(17412,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17416,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(17420,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(17424,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(17430,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17431,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17435,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17439,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17452,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(17454,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17458,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17467,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17471,39): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17475,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(17480,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17486,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(17489,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17494,38): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17499,35): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(17504,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17509,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(17513,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17513,97): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(17513,133): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(17517,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17523,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(17532,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17536,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17540,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17549,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(17555,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17560,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17562,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17563,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17575,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(17576,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17585,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17591,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17597,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17597,45): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17607,46): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(17607,79): run-time error CSS1039: Token not allowed after unary operator: '-opacity-2'
(17614,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17622,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(17627,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(17628,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(17629,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(17641,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(17666,22): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(17667,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(17673,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17674,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(17690,22): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17717,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17725,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17726,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(17734,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(17735,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17749,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17756,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(17761,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17772,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17787,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(17791,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17808,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17813,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17830,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(17831,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-disabled'
(17834,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17842,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(17843,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17852,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(17858,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(17863,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17867,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17872,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(17872,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(17877,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(17877,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(17881,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(17893,25): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(17897,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17901,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(17902,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17906,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(17907,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17912,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17914,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(17917,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(17925,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17930,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(17941,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17962,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(17977,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(17980,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(17981,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(17990,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(18014,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(18015,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18017,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(18030,24): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(18034,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(18040,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18042,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(18047,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(18053,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18053,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18053,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18053,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18062,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18062,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18062,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18062,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18067,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18070,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18080,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(18099,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18119,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18121,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18126,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18134,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18159,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(18163,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18164,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(18173,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(18174,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(18178,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18179,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18180,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(18189,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(18190,44): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(18215,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(18216,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(18220,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(18228,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18232,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(18236,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(18245,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18246,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18247,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(18252,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(18253,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18257,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(18261,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(18265,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(18269,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18269,52): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18277,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18277,52): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18281,43): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18289,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18289,52): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18289,69): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18289,86): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18316,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(18321,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(18325,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(18353,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18357,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(18365,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(18388,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18394,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18394,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18394,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18394,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18398,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(18420,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary-rgb'
(18428,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(18435,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18467,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18475,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18479,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18485,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-secondary'
(18495,26): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(18499,53): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18510,47): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18521,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(18521,80): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18524,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18528,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18539,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18554,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18565,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18580,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18591,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18606,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18617,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18632,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18643,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18658,49): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(18669,43): run-time error CSS1039: Token not allowed after unary operator: '-opacity-1'
(18688,17): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(18694,39): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(18695,31): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(18697,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18698,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-inverse-rgb'
(18699,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18709,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(18744,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18745,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18746,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18763,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(18775,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18781,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18794,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18798,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18815,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(18816,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18829,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(18834,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(18835,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18843,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(18844,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18853,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(18896,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(18897,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(18898,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(18899,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18899,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18899,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18899,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18910,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(18912,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(18925,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18937,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18946,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(18947,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18951,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18952,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18953,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18968,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(18973,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18975,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18976,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18978,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(18988,45): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(18989,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(18992,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19009,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19013,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-link-primary'
(19014,43): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19023,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(19028,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19034,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19038,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19043,49): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19047,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(19055,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19059,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19064,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19065,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19070,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(19074,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19081,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19091,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19099,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19102,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19106,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19110,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19121,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19122,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(19125,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19126,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19130,48): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(19135,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(19146,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19147,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19155,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19156,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19161,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(19174,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19175,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19182,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19188,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19191,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(19196,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19201,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19202,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19207,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19215,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19216,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19221,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(19248,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(19255,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19255,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19255,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19255,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(19265,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19274,40): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19279,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19288,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19289,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19302,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19317,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19317,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19317,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19317,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19320,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19322,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19330,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(19334,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19339,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19352,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19367,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19371,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19372,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(19376,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(19405,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(19426,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19429,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt-rgb'
(19435,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected-rgb'
(19440,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19440,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(19440,59): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(19453,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19454,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19462,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected-rgb'
(19480,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(19481,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(19485,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(19489,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19490,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(19494,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt-rgb'
(19498,45): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected-rgb'
(19504,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19504,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19505,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(19512,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19513,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19514,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19522,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19523,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(19523,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19524,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19530,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19534,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(19542,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(19554,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19558,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19559,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(19560,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(19564,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(19568,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(19572,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(19573,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19574,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(19578,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(19598,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19599,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19600,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(19601,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(19629,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(19629,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19646,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(19748,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19755,22): run-time error CSS1039: Token not allowed after unary operator: '-level-3'
(19756,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19758,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19774,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(19776,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19779,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19780,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19785,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19789,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19793,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19799,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19803,34): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(19803,62): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(19808,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(19809,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(19811,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19812,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19817,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(19839,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(19841,22): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light-rgb'
(19841,50): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(19847,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19851,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(19852,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(19853,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19858,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19859,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19875,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(19876,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(19877,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19881,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(19885,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19890,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19891,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19891,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19893,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19893,60): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19900,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19905,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19906,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19906,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19908,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19908,60): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19911,177): run-time error CSS1030: Expected identifier, found ','
(19911,195): run-time error CSS1031: Expected selector, found ')'
(19911,195): run-time error CSS1025: Expected comma or open brace, found ')'
(19919,175): run-time error CSS1030: Expected identifier, found ','
(19919,193): run-time error CSS1031: Expected selector, found ')'
(19919,193): run-time error CSS1025: Expected comma or open brace, found ')'
(19927,205): run-time error CSS1030: Expected identifier, found ','
(19927,223): run-time error CSS1031: Expected selector, found ')'
(19927,223): run-time error CSS1025: Expected comma or open brace, found ')'
(19937,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19938,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19939,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19940,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19952,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(19959,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19963,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19965,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19965,56): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19967,35): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19967,58): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19971,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19973,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(19973,56): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(19975,35): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19975,58): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(19981,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19982,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19983,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19994,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(19997,98): run-time error CSS1030: Expected identifier, found ','
(19997,177): run-time error CSS1031: Expected selector, found ')'
(19997,177): run-time error CSS1025: Expected comma or open brace, found ')'
(20001,98): run-time error CSS1030: Expected identifier, found ','
(20001,177): run-time error CSS1031: Expected selector, found ')'
(20001,177): run-time error CSS1025: Expected comma or open brace, found ')'
(20007,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary-rgb'
(20007,57): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20011,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20017,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20019,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20024,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20025,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20025,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20027,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20027,56): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20030,91): run-time error CSS1030: Expected identifier, found ','
(20030,170): run-time error CSS1031: Expected selector, found ')'
(20030,170): run-time error CSS1025: Expected comma or open brace, found ')'
(20038,91): run-time error CSS1030: Expected identifier, found ','
(20038,170): run-time error CSS1031: Expected selector, found ')'
(20038,170): run-time error CSS1025: Expected comma or open brace, found ')'
(20046,91): run-time error CSS1030: Expected identifier, found ','
(20046,170): run-time error CSS1031: Expected selector, found ')'
(20046,170): run-time error CSS1025: Expected comma or open brace, found ')'
(20056,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20058,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20062,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20064,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20064,52): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20066,31): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20066,54): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20084,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20090,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20096,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20114,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20119,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20121,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20137,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20142,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20145,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20149,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20179,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20183,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20189,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20190,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20199,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20220,109): run-time error CSS1030: Expected identifier, found ','
(20220,221): run-time error CSS1031: Expected selector, found ')'
(20220,221): run-time error CSS1025: Expected comma or open brace, found ')'
(20225,69): run-time error CSS1030: Expected identifier, found ','
(20225,181): run-time error CSS1031: Expected selector, found ')'
(20225,181): run-time error CSS1025: Expected comma or open brace, found ')'
(20230,73): run-time error CSS1030: Expected identifier, found ','
(20230,185): run-time error CSS1031: Expected selector, found ')'
(20230,185): run-time error CSS1025: Expected comma or open brace, found ')'
(20235,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(20236,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary'
(20237,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20242,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary-rgb'
(20242,57): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20245,87): run-time error CSS1030: Expected identifier, found ','
(20245,148): run-time error CSS1031: Expected selector, found ')'
(20245,148): run-time error CSS1025: Expected comma or open brace, found ')'
(20250,26): run-time error CSS1039: Token not allowed after unary operator: '-color-text-tertiary-rgb'
(20250,57): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20254,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20278,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(20284,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(20296,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(20302,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(20308,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20308,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20309,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(20310,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(20311,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20316,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20320,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20329,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20330,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20336,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20342,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20345,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20346,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20347,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20352,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20359,43): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20367,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(20375,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(20380,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20404,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20418,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(20426,45): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20441,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-icon-primary'
(20449,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20456,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20461,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20466,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20470,50): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20471,53): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20475,51): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20476,54): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20485,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20490,43): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20494,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20500,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(20509,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20532,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20533,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20537,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(20541,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(20546,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20562,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20563,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20564,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(20573,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(20584,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20592,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20593,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20597,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20598,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(20604,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(20616,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20616,47): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20626,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20626,49): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20626,66): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20630,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(20630,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20631,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(20635,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20639,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(20639,101): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(20639,137): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20645,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20649,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20650,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20658,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(20658,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20663,24): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(20664,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20671,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20676,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20677,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20684,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(20684,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20698,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20699,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(20700,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(20701,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20702,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20713,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20723,20): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(20724,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20724,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20725,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20729,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20733,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20737,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20741,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(20746,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(20747,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20751,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-selected'
(20755,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20756,45): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(20760,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(20764,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(20772,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(20773,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(20774,43): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(20786,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20786,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20796,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20796,45): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20796,62): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20802,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(20820,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20828,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20839,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20840,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(20844,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(20845,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(20851,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(20851,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20852,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(20856,51): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger'
(20856,100): run-time error CSS1039: Token not allowed after unary operator: '-color-background-danger-rgb'
(20856,135): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20860,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(20864,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-border'
(20869,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(20877,24): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(20878,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20879,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20887,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20888,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20896,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(20896,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20901,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(20906,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20911,47): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(20911,97): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(20911,133): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(20917,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(20921,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20922,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20930,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(20930,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20935,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(20940,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20945,20): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(20946,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20947,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(20951,31): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20961,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20962,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20969,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(20969,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20978,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(20983,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20984,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(20985,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(20986,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(21147,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21148,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21149,35): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(21150,27): run-time error CSS1039: Token not allowed after unary operator: '-blur-2'
(21151,33): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-inverse-rgb'
(21159,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(21163,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21163,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21163,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21168,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21177,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21183,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21183,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21183,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21183,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21184,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21194,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21195,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(21199,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-warning'
(21201,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-7'
(21209,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21229,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21233,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21233,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21237,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(21240,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(21241,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21245,20): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21245,41): run-time error CSS1039: Token not allowed after unary operator: '-typography-4'
(21246,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21247,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21252,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21253,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21262,24): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21262,45): run-time error CSS1039: Token not allowed after unary operator: '-typography-6'
(21264,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21268,20): run-time error CSS1039: Token not allowed after unary operator: '-typography-1'
(21270,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(21271,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(21276,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21282,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21288,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21292,32): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(21294,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(21301,39): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21303,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(21314,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected'
(21315,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21324,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary'
(21325,41): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21329,28): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(21330,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21334,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(21336,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21337,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(21338,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21348,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21348,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21349,20): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(21353,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21354,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21355,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21359,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(21363,20): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21363,41): run-time error CSS1039: Token not allowed after unary operator: '-typography-5'
(21364,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21365,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21369,20): run-time error CSS1039: Token not allowed after unary operator: '-typography-3'
(21370,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21375,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21381,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21382,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21384,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21398,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21402,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21406,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21413,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21414,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21415,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(21416,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(21420,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21422,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21423,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21428,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21429,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21433,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21437,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(21441,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21445,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21446,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21447,24): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21447,45): run-time error CSS1039: Token not allowed after unary operator: '-typography-4'
(21452,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21456,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21467,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21468,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21469,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(21475,36): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(21479,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21496,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21498,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(21512,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21516,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(21520,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21526,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21534,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(21542,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(21543,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(21544,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(21548,54): run-time error CSS1039: Token not allowed after unary operator: '-opacity-6'
(21609,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(21613,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21626,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21627,22): run-time error CSS1039: Token not allowed after unary operator: '-level-1'
(21644,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(21649,44): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(21649,80): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(21662,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21663,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21679,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21692,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21692,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21692,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21692,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(21696,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21696,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21696,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21696,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(21704,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(21724,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21724,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21724,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21729,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(21737,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21742,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(21746,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(21801,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21806,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(21830,41): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21839,43): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(21843,37): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(21867,35): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(21877,37): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(21897,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21907,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(21911,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-alt'
(21923,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(21928,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(21932,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(21936,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(21940,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21944,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21948,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(21953,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(21957,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22038,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(22059,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(22081,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-secondary'
(22121,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22138,21): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container-inverse'
(22146,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(22146,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22146,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22146,74): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22161,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22165,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(22170,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-1'
(22174,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(22180,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(22181,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(22184,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-1'
(22185,32): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22205,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(22206,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(22217,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22256,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22266,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22270,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22274,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22281,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(22311,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22319,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22369,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22373,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(22389,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(22390,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-7'
(22394,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22399,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(22421,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error-rgb'
(22421,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(22422,43): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22426,43): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22426,85): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error-rgb'
(22426,113): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(22430,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22434,33): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error-rgb'
(22434,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(22435,43): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22439,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22443,41): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error-rgb'
(22443,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(22447,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22451,28): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(22508,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(22512,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22513,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(22514,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(22515,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(22526,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22539,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22542,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(22546,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(22550,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22557,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22574,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22575,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-3'
(22576,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-1'
(22577,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(22585,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22586,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-2'
(22587,37): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary-rgb'
(22587,74): run-time error CSS1039: Token not allowed after unary operator: '-opacity-5'
(22603,25): run-time error CSS1039: Token not allowed after unary operator: '-color-background-alt'
(22616,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-2'
(22620,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22626,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22629,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(22633,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(22637,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22671,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22682,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22720,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22731,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22774,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
(22779,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22793,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22804,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22844,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22868,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22874,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22900,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(22908,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(22909,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22915,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(22925,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(22929,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(22950,17): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(22970,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(22986,31): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(22987,25): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(23006,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(23010,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(23014,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-2'
(23017,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(23018,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-heading'
(23033,32): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(23044,21): run-time error CSS1039: Token not allowed after unary operator: '-color-text-body'
(23067,49): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover-selected-rgb'
(23072,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-error'
(23128,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-primary'
(23138,49): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(23138,85): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(23175,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(23186,41): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(23186,77): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(23190,45): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(23190,81): run-time error CSS1039: Token not allowed after unary operator: '-opacity-3'
(23192,52): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(23192,88): run-time error CSS1039: Token not allowed after unary operator: '-opacity-4'
(23202,48): run-time error CSS1039: Token not allowed after unary operator: '-color-background-primary-rgb'
(23206,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-container'
(23211,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-3'
(23245,29): run-time error CSS1039: Token not allowed after unary operator: '-color-text-light'
(23249,40): run-time error CSS1039: Token not allowed after unary operator: '-color-background-hover'
(23250,49): run-time error CSS1039: Token not allowed after unary operator: '-color-background-tertiary'
(23299,28): run-time error CSS1039: Token not allowed after unary operator: '-color-background-default'
 */
.login-error-summary ul {
    margin-bottom: inherit
}
/*
@media (max-width: 1300px) {
    .ap-footer-content {
        font-size: 0.5rem;
        line-height: 0.75rem;
    }
}*/
@media (max-width: 1550px) {
    .ap-footer-content {
        font-size: 0.5rem !important;
        line-height: 0.75rem !important;
    }
    .ap-pattern-login .login-left-side .login-header .login-logo {
        width: 5.2rem !important;
        height: 4rem !important;
    }
}
.login-footer {
    z-index: 1;
}
.ap-footer-content {
    width: 67vw;
}

.footer-link {
    color: white;
    cursor: pointer;
}

code[class*=language-], pre[class*=language-] {
    color: #000;
    background: none;
    text-shadow: 0 1px white;
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

    pre[class*=language-]::selection, pre[class*=language-] ::selection, code[class*=language-]::selection, code[class*=language-] ::selection {
        text-shadow: none;
        background: #b3d4fc
    }

@media print {
    code[class*=language-], pre[class*=language-] {
        text-shadow: none
    }
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: #f5f2f0
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: #708090
}

.token.punctuation {
    color: #999
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color: #905
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #690
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    color: #9a6e3a;
    background: #ffffff80
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function, .token.class-name {
    color: #dd4a68
}

.token.regex, .token.important, .token.variable {
    color: #e90
}

._pendo-badge {
    z-index: 1000 !important
}

.ap-background {
    background-color: var(--color-background-container);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-1)
}

#onetrust-pc-sdk .ot-pc-footer-logo a {
    display: none !important
}

#ot-sdk-btn-floating.ot-floating-button {
    margin-left: calc(100vw - 75px);
    transition: none !important;
    bottom: 72px !important;
    display: none !important
}

.markdown-clipboard-button {
    font-size: 14px;
    background-color: var(--color-background-hover-selected);
    color: var(--color-text-body);
    cursor: pointer
}

body {
    background-color: var(--color-background-default);
    scrollbar-width: none
}

    body::-webkit-scrollbar {
        width: 0px;
        height: 0px
    }

    body[data-mode=dark] .sample-code-single-wrapper {
        background-color: #000 !important
    }

    body[data-mode=dark] .ap-page-get-started .ap-page-card.clickable:hover {
        background-color: var(--color-background-hover)
    }

    body[data-mode=dark] .ap-component-sample {
        background-color: #191919
    }

    body[data-mode=light] .ap-tabset-container.demoCustom .ap-tabset-toggle-wrapper.underline .ap-tabset-underline, body[data-mode=light] .ap-page-utility-classes .ap-tabset-underline {
        background-color: #e8e8e8 !important
    }

.ap-page .ap-page-heading {
    grid-column: 1/3;
    width: 100%
}

    .ap-page .ap-page-heading .ap-page-title {
        font-size: 1.5rem;
        font-weight: var(--font-weight-2);
        line-height: 2rem;
        color: var(--color-text-heading);
        letter-spacing: -.025rem;
        margin-bottom: var(--spacing-4)
    }

    .ap-page .ap-page-heading .ap-page-desc {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -.025rem;
        color: var(--color-text-body);
        word-wrap: break-word
    }

.ap-page:not(.has-anchor) .ap-page-content {
    padding-top: 1.25rem
}

.ap-page .ap-page-content {
    width: 100%
}

    .ap-page .ap-page-content .ap-component-wrapper {
        margin-top: var(--spacing-6);
        margin-bottom: var(--spacing-8)
    }

        .ap-page .ap-page-content .ap-component-wrapper .ap-component-name {
            color: var(--color-text-heading);
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: var(--font-weight-2);
            letter-spacing: -.025rem;
            display: flex;
            align-items: center;
            grid-column: 1/3;
            margin-bottom: var(--spacing-4);
            margin-top: 0
        }

            .ap-page .ap-page-content .ap-component-wrapper .ap-component-name .Appkit4-icon {
                font-size: 1.25rem;
                margin-left: var(--spacing-3)
            }

        .ap-page .ap-page-content .ap-component-wrapper .ap-page-desc {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal;
            letter-spacing: -.025rem;
            color: var(--color-text-body);
            word-wrap: break-word
        }

        .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo {
            display: grid;
            grid-template-columns: auto 286px;
            padding: var(--spacing-6) var(--spacing-6) 0 var(--spacing-6);
            position: relative;
            height: 616px;
            background-color: var(--color-background-container);
            border-radius: var(--border-radius-3);
            box-shadow: var(--box-shadow-1)
        }

            .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo .ap-component-sample {
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: var(--border-radius-1);
                padding: var(--spacing-6);
                margin-bottom: var(--spacing-6);
                position: relative;
                scrollbar-width: none
            }

                .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo .ap-component-sample::-webkit-scrollbar {
                    width: 0px;
                    height: 0px
                }

                .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo .ap-component-sample.transparent {
                    background-image: url(pattern-1.7f382d465d38ee5d.svg)
                }

                .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo .ap-component-sample.light {
                    background-color: #fff
                }

                .ap-page .ap-page-content .ap-component-wrapper .ap-component-demo .ap-component-sample.dark {
                    background-color: #191919
                }

        .ap-page .ap-page-content .ap-component-wrapper .ap-sample-code {
            margin-top: var(--spacing-4);
            grid-column: 1/3;
            border-radius: var(--border-radius-3);
            position: relative;
            box-shadow: var(--level-1)
        }

            .ap-page .ap-page-content .ap-component-wrapper .ap-sample-code .line-numbers {
                padding-bottom: var(--spacing-6)
            }

    .ap-page .ap-page-content .ap-component-sample-wrapper {
        margin-top: var(--spacing-8)
    }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-name {
            font-size: 1.5rem;
            line-height: 2rem;
            font-weight: var(--font-weight-2)
        }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-sub-name {
            height: 1.5rem;
            font-size: 1.25rem;
            font-weight: 500;
            line-height: 1.2;
            color: var(--color-text-heading);
            margin-top: var(--spacing-6);
            display: inline-block
        }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-desc {
            height: 1.5rem;
            font-size: 1rem;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            color: var(--color-text-body);
            margin-top: var(--spacing-3)
        }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-ul {
            max-width: 44.625rem;
            margin-top: .8125rem;
            margin-left: 1.5625rem
        }

            .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-ul li {
                list-style: disc;
                font-size: 1rem;
                line-height: 1.5rem;
                letter-spacing: -.025rem;
                color: var(--color-text-body)
            }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-action {
            height: 21.75rem;
            margin-top: var(--spacing-4);
            padding: 5.25rem 2.375rem 9.375rem 23.625rem;
            background-color: var(--color-text-heading)
        }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-related {
            margin-top: var(--spacing-6);
            display: inline-flex;
            width: 100%
        }

            .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-related .related-components {
                width: 33%;
                height: 12.25rem;
                margin-right: var(--spacing-4);
                border-radius: var(--border-radius-2);
                box-shadow: 0 .0625rem .125rem .0625rem #00000014;
                background-color: var(--color-background-secondary)
            }

        .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-sample {
            display: flex;
            height: 3.3125rem;
            margin-top: 1.1875rem
        }

            .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-sample .spacing {
                width: 1.75rem;
                height: 1.75rem;
                align-self: flex-start;
                display: flex;
                flex-wrap: wrap;
                justify-content: center
            }

            .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-sample .spacing-text {
                width: 1.75rem;
                height: 1.3125rem;
                font-size: .875rem;
                line-height: 1.5rem;
                text-align: center;
                color: var(--color-text-heading);
                margin-bottom: .1875rem
            }

            .ap-page .ap-page-content .ap-component-sample-wrapper .ap-component-sample .spacing-border {
                width: .5rem;
                height: var(--spacing-2);
                border: solid .0625rem var(--color-text-heading);
                border-bottom: 0
            }

.ap-page .ap-page-anchor {
    color: var(--color-text-body);
    margin: 0 var(--spacing-3) 0 var(--spacing-6);
    width: 16.125rem
}

    .ap-page .ap-page-anchor.fixed {
        position: fixed;
        top: 0;
        right: 0;
        margin-top: 5rem;
        margin-right: var(--spacing-6)
    }

    .ap-page .ap-page-anchor .anchor-trigger:hover {
        text-decoration: underline
    }

    .ap-page .ap-page-anchor .selected {
        height: 1.5rem;
        font-size: 1rem;
        font-weight: var(--font-weight-2);
        line-height: 1.5rem;
        color: var(--color-text-heading) !important
    }

    .ap-page .ap-page-anchor ul {
        padding-left: 0;
        margin-top: 0
    }

        .ap-page .ap-page-anchor ul li {
            line-height: 1.5rem;
            cursor: pointer;
            list-style-type: none
        }

            .ap-page .ap-page-anchor ul li:not(:first-child) {
                margin-top: var(--spacing-3)
            }

            .ap-page .ap-page-anchor ul li a {
                color: var(--color-text-body)
            }

.ap-page.has-anchor {
    display: grid;
    grid-template-columns: 52.8125rem auto
}

    .ap-page.has-anchor.ap-help-center-feedback .ap-page-anchor {
        margin-left: var(--spacing-4)
    }

@media screen and (max-width: 1427px) {
    .ap-page.has-anchor:not(.ap-help-center-feedback) {
        grid-template-columns: 100%
    }

        .ap-page.has-anchor:not(.ap-help-center-feedback) .ap-page-anchor {
            display: none
        }

    .ap-page.has-anchor.ap-help-center-feedback {
        grid-template-columns: auto 13.1875rem
    }

        .ap-page.has-anchor.ap-help-center-feedback .ap-page-anchor {
            width: 11.9375rem
        }
}

@media screen and (max-width: 1023px) {
    .ap-page.has-anchor.ap-help-center-feedback {
        grid-template-columns: 100%
    }

        .ap-page.has-anchor.ap-help-center-feedback .ap-page-anchor {
            display: none
        }
}

.ap-page.has-anchor .ap-component-wrapper {
    margin-top: var(--spacing-8);
    margin-bottom: 0
}

    .ap-page.has-anchor .ap-component-wrapper:first-child {
        margin-top: 0
    }

.ap-page.has-anchor .ap-component-demo {
    margin-top: var(--spacing-6)
}

:host, :root, :before, :after {
    --color-background-primary: #415385 !important;
    --color-background-primary-rgb: 65, 83, 133 !important;
    --color-background-primary-light: #62719A !important;
    --color-background-primary-light-rgb: 98, 113, 154 !important;
    --color-background-primary-code: #415385 !important;
    --color-background-primary-code-rgb: 65, 83, 133 !important;
    --color-background-icon-primary: #415385 !important;
    --color-background-icon-primary-rgb: 65, 83, 133 !important;
    --color-text-primary: #415385 !important;
    --color-text-primary-rgb: 65, 83, 133 !important;
    --color-text-link-primary: #415385 !important;
    --color-text-link-primary-rgb: 65, 83, 133 !important;
    --color-text-link-secondary: #415385 !important;
    --color-text-link-secondary-rgb: 65, 83, 133 !important;
    --color-text-link-primary-inverse: #415385 !important;
    --color-text-link-primary-inverse-rgb: 65, 83, 133 !important;
    --color-text-link-secondary-inverse: #415385 !important;
    --color-text-link-secondary-inverse-rgb: 65, 83, 133 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

:host, :root, :before, :after {
    --color-background-default: #F3F3F3 !important;
    --color-background-default-rgb: 243, 243, 243 !important;
    --color-background-default-inverse: #191919 !important;
    --color-background-default-inverse-rgb: 25, 25, 25 !important;
    --color-background-alt: #FFFFFF !important;
    --color-background-alt-rgb: 255, 255, 255 !important;
    --color-background-alt-inverse: #111111 !important;
    --color-background-alt-inverse-rgb: 17, 17, 17 !important;
    --color-background-container: #FFFFFF !important;
    --color-background-container-rgb: 255, 255, 255 !important;
    --color-background-container-alt: #F3F3F3 !important;
    --color-background-container-alt-rgb: 243, 243, 243 !important;
    --color-background-container-inverse: #000000 !important;
    --color-background-container-inverse-rgb: 0, 0, 0 !important;
    --color-background-secondary: #FFFFFF !important;
    --color-background-secondary-rgb: 255, 255, 255 !important;
    --color-background-tertiary: #474747 !important;
    --color-background-tertiary-rgb: 71, 71, 71 !important;
    --color-background-hover: #F3F3F3 !important;
    --color-background-hover-rgb: 243, 243, 243 !important;
    --color-background-selected: #F3F3F3 !important;
    --color-background-selected-rgb: 243, 243, 243 !important;
    --color-background-hover-selected: #E8E8E8 !important;
    --color-background-hover-selected-rgb: 232, 232, 232 !important;
    --color-background-triple-hover: #DDDDDD !important;
    --color-background-triple-hover-rgb: 221, 221, 221 !important;
    --color-background-border: #D1D1D1 !important;
    --color-background-border-rgb: 209, 209, 209 !important;
    --color-background-danger: #C52A1A !important;
    --color-background-danger-rgb: 197, 42, 26 !important;
    --color-background-success: #21812D !important;
    --color-background-success-rgb: 33, 129, 45 !important;
    --color-background-warning: #FFBF1F !important;
    --color-background-warning-rgb: 255, 191, 31 !important;
    --color-background-danger-inverse: #C52A1A !important;
    --color-background-danger-inverse-rgb: 197, 42, 26 !important;
    --color-background-success-inverse: #21812D !important;
    --color-background-success-inverse-rgb: 33, 129, 45 !important;
    --color-background-warning-inverse: #FFBF1F !important;
    --color-background-warning-inverse-rgb: 255, 191, 31 !important;
    --color-background-icon-secondary: #FFFFFF !important;
    --color-background-icon-secondary-rgb: 255, 255, 255 !important;
    --color-background-icon-alt: #FFFFFF !important;
    --color-background-icon-alt-rgb: 255, 255, 255 !important;
    --color-text-secondary: #FFFFFF !important;
    --color-text-secondary-rgb: 255, 255, 255 !important;
    --color-text-heading: #252525 !important;
    --color-text-heading-rgb: 37, 37, 37 !important;
    --color-text-body: #474747 !important;
    --color-text-body-rgb: 71, 71, 71 !important;
    --color-text-light: #696969 !important;
    --color-text-light-rgb: 105, 105, 105 !important;
    --color-text-disabled: #DDDDDD !important;
    --color-text-disabled-rgb: 221, 221, 221 !important;
    --color-text-error: #C52A1A !important;
    --color-text-error-rgb: 197, 42, 26 !important;
    --color-text-success: #21812D !important;
    --color-text-success-rgb: 33, 129, 45 !important;
    --color-text-warning: #FFBF1F !important;
    --color-text-warning-rgb: 255, 191, 31 !important;
    --color-background-mask: #252525 !important;
    --color-background-mask-rgb: 37, 37, 37 !important
}

:host, :root, :before, :after {
    --box-shadow-1: var(--level-1) !important;
    --box-shadow-2: var(--level-2) !important;
    --box-shadow-3: var(--level-3) !important
}

[data-mode=light], [data-mode=light] :before, [data-mode=light] :after {
    --color-background-default: #F3F3F3 !important;
    --color-background-default-rgb: 243, 243, 243 !important;
    --color-background-default-inverse: #191919 !important;
    --color-background-default-inverse-rgb: 25, 25, 25 !important;
    --color-background-alt: #FFFFFF !important;
    --color-background-alt-rgb: 255, 255, 255 !important;
    --color-background-alt-inverse: #111111 !important;
    --color-background-alt-inverse-rgb: 17, 17, 17 !important;
    --color-background-container: #FFFFFF !important;
    --color-background-container-rgb: 255, 255, 255 !important;
    --color-background-container-alt: #F3F3F3 !important;
    --color-background-container-alt-rgb: 243, 243, 243 !important;
    --color-background-container-inverse: #000000 !important;
    --color-background-container-inverse-rgb: 0, 0, 0 !important;
    --color-background-secondary: #FFFFFF !important;
    --color-background-secondary-rgb: 255, 255, 255 !important;
    --color-background-tertiary: #474747 !important;
    --color-background-tertiary-rgb: 71, 71, 71 !important;
    --color-background-hover: #F3F3F3 !important;
    --color-background-hover-rgb: 243, 243, 243 !important;
    --color-background-selected: #F3F3F3 !important;
    --color-background-selected-rgb: 243, 243, 243 !important;
    --color-background-hover-selected: #E8E8E8 !important;
    --color-background-hover-selected-rgb: 232, 232, 232 !important;
    --color-background-triple-hover: #DDDDDD !important;
    --color-background-triple-hover-rgb: 221, 221, 221 !important;
    --color-background-border: #D1D1D1 !important;
    --color-background-border-rgb: 209, 209, 209 !important;
    --color-background-danger: #C52A1A !important;
    --color-background-danger-rgb: 197, 42, 26 !important;
    --color-background-success: #21812D !important;
    --color-background-success-rgb: 33, 129, 45 !important;
    --color-background-warning: #FFBF1F !important;
    --color-background-warning-rgb: 255, 191, 31 !important;
    --color-background-danger-inverse: #C52A1A !important;
    --color-background-danger-inverse-rgb: 197, 42, 26 !important;
    --color-background-success-inverse: #21812D !important;
    --color-background-success-inverse-rgb: 33, 129, 45 !important;
    --color-background-warning-inverse: #FFBF1F !important;
    --color-background-warning-inverse-rgb: 255, 191, 31 !important;
    --color-background-icon-secondary: #FFFFFF !important;
    --color-background-icon-secondary-rgb: 255, 255, 255 !important;
    --color-background-icon-alt: #FFFFFF !important;
    --color-background-icon-alt-rgb: 255, 255, 255 !important;
    --color-background-mask: #252525 !important;
    --color-background-mask-rgb: 37, 37, 37 !important;
    --color-text-secondary: #FFFFFF !important;
    --color-text-secondary-rgb: 255, 255, 255 !important;
    --color-text-heading: #252525 !important;
    --color-text-heading-rgb: 37, 37, 37 !important;
    --color-text-body: #474747 !important;
    --color-text-body-rgb: 71, 71, 71 !important;
    --color-text-light: #696969 !important;
    --color-text-light-rgb: 105, 105, 105 !important;
    --color-text-disabled: #DDDDDD !important;
    --color-text-disabled-rgb: 221, 221, 221 !important;
    --color-text-error: #C52A1A !important;
    --color-text-error-rgb: 197, 42, 26 !important;
    --color-text-success: #21812D !important;
    --color-text-success-rgb: 33, 129, 45 !important;
    --color-text-warning: #FFBF1F !important;
    --color-text-warning-rgb: 255, 191, 31 !important
}

[data-mode=dark], [data-mode=dark] :before, [data-mode=dark] :after {
    --color-background-default: #191919 !important;
    --color-background-default-rgb: 25, 25, 25 !important;
    --color-background-default-inverse: #FFFFFF !important;
    --color-background-default-inverse-rgb: 255, 255, 255 !important;
    --color-background-alt: #000000 !important;
    --color-background-alt-rgb: 0, 0, 0 !important;
    --color-background-alt-inverse: #FFFFFF !important;
    --color-background-alt-inverse-rgb: 255, 255, 255 !important;
    --color-background-container: #252525 !important;
    --color-background-container-rgb: 37, 37, 37 !important;
    --color-background-container-alt: #252525 !important;
    --color-background-container-alt-rgb: 37, 37, 37 !important;
    --color-background-container-inverse: #FFFFFF !important;
    --color-background-container-inverse-rgb: 255, 255, 255 !important;
    --color-background-secondary: #FFFFFF !important;
    --color-background-secondary-rgb: 255, 255, 255 !important;
    --color-background-tertiary: #FFFFFF !important;
    --color-background-tertiary-rgb: 255, 255, 255 !important;
    --color-background-hover: #303030 !important;
    --color-background-hover-rgb: 48, 48, 48 !important;
    --color-background-selected: #303030 !important;
    --color-background-selected-rgb: 48, 48, 48 !important;
    --color-background-hover-selected: #3B3B3B !important;
    --color-background-hover-selected-rgb: 59, 59, 59 !important;
    --color-background-triple-hover: #474747 !important;
    --color-background-triple-hover-rgb: 71, 71, 71 !important;
    --color-background-border: #696969 !important;
    --color-background-border-rgb: 105, 105, 105 !important;
    --color-background-danger: #C52A1A !important;
    --color-background-danger-rgb: 197, 42, 26 !important;
    --color-background-success: #21812D !important;
    --color-background-success-rgb: 33, 129, 45 !important;
    --color-background-warning: #FFBF1F !important;
    --color-background-warning-rgb: 255, 191, 31 !important;
    --color-background-danger-inverse: #C52A1A !important;
    --color-background-danger-inverse-rgb: 197, 42, 26 !important;
    --color-background-success-inverse: #21812D !important;
    --color-background-success-inverse-rgb: 33, 129, 45 !important;
    --color-background-warning-inverse: #FFBF1F !important;
    --color-background-warning-inverse-rgb: 255, 191, 31 !important;
    --color-background-icon-secondary: #FFFFFF !important;
    --color-background-icon-secondary-rgb: 255, 255, 255 !important;
    --color-background-icon-alt: #FFFFFF !important;
    --color-background-icon-alt-rgb: 255, 255, 255 !important;
    --color-background-mask: #252525 !important;
    --color-background-mask-rgb: 37, 37, 37 !important;
    --color-text-secondary: #FFFFFF !important;
    --color-text-secondary-rgb: 255, 255, 255 !important;
    --color-text-heading: #FFFFFF !important;
    --color-text-heading-rgb: 255, 255, 255 !important;
    --color-text-body: #D1D1D1 !important;
    --color-text-body-rgb: 209, 209, 209 !important;
    --color-text-light: #979797 !important;
    --color-text-light-rgb: 151, 151, 151 !important;
    --color-text-disabled: #696969 !important;
    --color-text-disabled-rgb: 105, 105, 105 !important;
    --color-text-error: #DC7F76 !important;
    --color-text-error-rgb: 220, 127, 118 !important;
    --color-text-success: #21812D !important;
    --color-text-success-rgb: 33, 129, 45 !important;
    --color-text-warning: #FFBF1F !important;
    --color-text-warning-rgb: 255, 191, 31 !important
}

[data-theme=orange], [data-theme=orange] :before, [data-theme=orange] :after {
    --color-background-primary: #D04A02 !important;
    --color-background-primary-rgb: 208, 74, 2 !important;
    --color-background-primary-light: #E45C2B !important;
    --color-background-primary-light-rgb: 228, 92, 43 !important;
    --color-background-primary-code: #D04A02 !important;
    --color-background-primary-code-rgb: 208, 74, 2 !important;
    --color-background-icon-primary: #D04A02 !important;
    --color-background-icon-primary-rgb: 208, 74, 2 !important;
    --color-text-primary: #D04A02 !important;
    --color-text-primary-rgb: 208, 74, 2 !important;
    --color-text-link-primary: #D04A02 !important;
    --color-text-link-primary-rgb: 208, 74, 2 !important;
    --color-text-link-secondary: #D04A02 !important;
    --color-text-link-secondary-rgb: 208, 74, 2 !important;
    --color-text-link-primary-inverse: #D04A02 !important;
    --color-text-link-primary-inverse-rgb: 208, 74, 2 !important;
    --color-text-link-secondary-inverse: #D04A02 !important;
    --color-text-link-secondary-inverse-rgb: 208, 74, 2 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-theme=blue], [data-theme=blue] :before, [data-theme=blue] :after {
    --color-background-primary: #415385 !important;
    --color-background-primary-rgb: 65, 83, 133 !important;
    --color-background-primary-light: #62719A !important;
    --color-background-primary-light-rgb: 98, 113, 154 !important;
    --color-background-primary-code: #415385 !important;
    --color-background-primary-code-rgb: 65, 83, 133 !important;
    --color-background-icon-primary: #415385 !important;
    --color-background-icon-primary-rgb: 65, 83, 133 !important;
    --color-text-primary: #415385 !important;
    --color-text-primary-rgb: 65, 83, 133 !important;
    --color-text-link-primary: #415385 !important;
    --color-text-link-primary-rgb: 65, 83, 133 !important;
    --color-text-link-secondary: #415385 !important;
    --color-text-link-secondary-rgb: 65, 83, 133 !important;
    --color-text-link-primary-inverse: #415385 !important;
    --color-text-link-primary-inverse-rgb: 65, 83, 133 !important;
    --color-text-link-secondary-inverse: #415385 !important;
    --color-text-link-secondary-inverse-rgb: 65, 83, 133 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-theme=teal], [data-theme=teal] :before, [data-theme=teal] :after {
    --color-background-primary: #26776D !important;
    --color-background-primary-rgb: 38, 119, 109 !important;
    --color-background-primary-light: #27897E !important;
    --color-background-primary-light-rgb: 39, 137, 126 !important;
    --color-background-primary-code: #26776D !important;
    --color-background-primary-code-rgb: 38, 119, 109 !important;
    --color-background-icon-primary: #26776D !important;
    --color-background-icon-primary-rgb: 38, 119, 109 !important;
    --color-text-primary: #26776D !important;
    --color-text-primary-rgb: 38, 119, 109 !important;
    --color-text-link-primary: #26776D !important;
    --color-text-link-primary-rgb: 38, 119, 109 !important;
    --color-text-link-secondary: #26776D !important;
    --color-text-link-secondary-rgb: 38, 119, 109 !important;
    --color-text-link-primary-inverse: #26776D !important;
    --color-text-link-primary-inverse-rgb: 38, 119, 109 !important;
    --color-text-link-secondary-inverse: #26776D !important;
    --color-text-link-secondary-inverse-rgb: 38, 119, 109 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-theme=pink], [data-theme=pink] :before, [data-theme=pink] :after {
    --color-background-primary: #D93954 !important;
    --color-background-primary-rgb: 217, 57, 84 !important;
    --color-background-primary-light: #E27588 !important;
    --color-background-primary-light-rgb: 226, 117, 136 !important;
    --color-background-primary-code: #D93954 !important;
    --color-background-primary-code-rgb: 217, 57, 84 !important;
    --color-background-icon-primary: #D93954 !important;
    --color-background-icon-primary-rgb: 217, 57, 84 !important;
    --color-text-primary: #D93954 !important;
    --color-text-primary-rgb: 217, 57, 84 !important;
    --color-text-link-primary: #D93954 !important;
    --color-text-link-primary-rgb: 217, 57, 84 !important;
    --color-text-link-secondary: #D93954 !important;
    --color-text-link-secondary-rgb: 217, 57, 84 !important;
    --color-text-link-primary-inverse: #D93954 !important;
    --color-text-link-primary-inverse-rgb: 217, 57, 84 !important;
    --color-text-link-secondary-inverse: #D93954 !important;
    --color-text-link-secondary-inverse-rgb: 217, 57, 84 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-theme=red], [data-theme=red] :before, [data-theme=red] :after {
    --color-background-primary: #E0301E !important;
    --color-background-primary-rgb: 224, 48, 30 !important;
    --color-background-primary-light: #E44F3F !important;
    --color-background-primary-light-rgb: 228, 79, 63 !important;
    --color-background-primary-code: #E0301E !important;
    --color-background-primary-code-rgb: 224, 48, 30 !important;
    --color-background-icon-primary: #E0301E !important;
    --color-background-icon-primary-rgb: 224, 48, 30 !important;
    --color-text-primary: #E0301E !important;
    --color-text-primary-rgb: 224, 48, 30 !important;
    --color-text-link-primary: #E0301E !important;
    --color-text-link-primary-rgb: 224, 48, 30 !important;
    --color-text-link-secondary: #E0301E !important;
    --color-text-link-secondary-rgb: 224, 48, 30 !important;
    --color-text-link-primary-inverse: #E0301E !important;
    --color-text-link-primary-inverse-rgb: 224, 48, 30 !important;
    --color-text-link-secondary-inverse: #E0301E !important;
    --color-text-link-secondary-inverse-rgb: 224, 48, 30 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-theme=black], [data-theme=black] :before, [data-theme=black] :after {
    --color-background-primary: #2D2D2D !important;
    --color-background-primary-rgb: 45, 45, 45 !important;
    --color-background-primary-light: #474747 !important;
    --color-background-primary-light-rgb: 71, 71, 71 !important;
    --color-background-primary-code: #FFFFFF !important;
    --color-background-primary-code-rgb: 255, 255, 255 !important;
    --color-background-icon-primary: #2D2D2D !important;
    --color-background-icon-primary-rgb: 45, 45, 45 !important;
    --color-text-primary: #2D2D2D !important;
    --color-text-primary-rgb: 45, 45, 45 !important;
    --color-text-link-primary: #2D2D2D !important;
    --color-text-link-primary-rgb: 45, 45, 45 !important;
    --color-text-link-secondary: #2D2D2D !important;
    --color-text-link-secondary-rgb: 45, 45, 45 !important;
    --color-text-link-primary-inverse: #2D2D2D !important;
    --color-text-link-primary-inverse-rgb: 45, 45, 45 !important;
    --color-text-link-secondary-inverse: #2D2D2D !important;
    --color-text-link-secondary-inverse-rgb: 45, 45, 45 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=orange], [data-theme=orange] [data-mode=dark] {
    --color-background-primary: #D04A02 !important;
    --color-background-primary-rgb: 208, 74, 2 !important;
    --color-background-primary-light: #E45C2B !important;
    --color-background-primary-light-rgb: 228, 92, 43 !important;
    --color-background-primary-code: #FB734D !important;
    --color-background-primary-code-rgb: 251, 115, 77 !important;
    --color-background-icon-primary: #FB734D !important;
    --color-background-icon-primary-rgb: 251, 115, 77 !important;
    --color-text-primary: #FB734D !important;
    --color-text-primary-rgb: 251, 115, 77 !important;
    --color-text-link-primary: #FB734D !important;
    --color-text-link-primary-rgb: 251, 115, 77 !important;
    --color-text-link-secondary: #FB734D !important;
    --color-text-link-secondary-rgb: 251, 115, 77 !important;
    --color-text-link-primary-inverse: #FB734D !important;
    --color-text-link-primary-inverse-rgb: 251, 115, 77 !important;
    --color-text-link-secondary-inverse: #FB734D !important;
    --color-text-link-secondary-inverse-rgb: 251, 115, 77 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=blue], [data-theme=blue] [data-mode=dark] {
    --color-background-primary: #415385 !important;
    --color-background-primary-rgb: 65, 83, 133 !important;
    --color-background-primary-light: #62719A !important;
    --color-background-primary-light-rgb: 98, 113, 154 !important;
    --color-background-primary-code: #9AA4BE !important;
    --color-background-primary-code-rgb: 154, 164, 190 !important;
    --color-background-icon-primary: #9AA4BE !important;
    --color-background-icon-primary-rgb: 154, 164, 190 !important;
    --color-text-primary: #9AA4BE !important;
    --color-text-primary-rgb: 154, 164, 190 !important;
    --color-text-link-primary: #9AA4BE !important;
    --color-text-link-primary-rgb: 154, 164, 190 !important;
    --color-text-link-secondary: #9AA4BE !important;
    --color-text-link-secondary-rgb: 154, 164, 190 !important;
    --color-text-link-primary-inverse: #9AA4BE !important;
    --color-text-link-primary-inverse-rgb: 154, 164, 190 !important;
    --color-text-link-secondary-inverse: #9AA4BE !important;
    --color-text-link-secondary-inverse-rgb: 154, 164, 190 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=teal], [data-theme=teal] [data-mode=dark] {
    --color-background-primary: #26776D !important;
    --color-background-primary-rgb: 38, 119, 109 !important;
    --color-background-primary-light: #27897E !important;
    --color-background-primary-light-rgb: 39, 137, 126 !important;
    --color-background-primary-code: #50AD95 !important;
    --color-background-primary-code-rgb: 80, 173, 149 !important;
    --color-background-icon-primary: #50AD95 !important;
    --color-background-icon-primary-rgb: 80, 173, 149 !important;
    --color-text-primary: #50AD95 !important;
    --color-text-primary-rgb: 80, 173, 149 !important;
    --color-text-link-primary: #50AD95 !important;
    --color-text-link-primary-rgb: 80, 173, 149 !important;
    --color-text-link-secondary: #50AD95 !important;
    --color-text-link-secondary-rgb: 80, 173, 149 !important;
    --color-text-link-primary-inverse: #50AD95 !important;
    --color-text-link-primary-inverse-rgb: 80, 173, 149 !important;
    --color-text-link-secondary-inverse: #50AD95 !important;
    --color-text-link-secondary-inverse-rgb: 80, 173, 149 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=pink], [data-theme=pink] [data-mode=dark] {
    --color-background-primary: #D93954 !important;
    --color-background-primary-rgb: 217, 57, 84 !important;
    --color-background-primary-light: #E27588 !important;
    --color-background-primary-light-rgb: 226, 117, 136 !important;
    --color-background-primary-code: #E27588 !important;
    --color-background-primary-code-rgb: 226, 117, 136 !important;
    --color-background-icon-primary: #E27588 !important;
    --color-background-icon-primary-rgb: 226, 117, 136 !important;
    --color-text-primary: #E27588 !important;
    --color-text-primary-rgb: 226, 117, 136 !important;
    --color-text-link-primary: #E27588 !important;
    --color-text-link-primary-rgb: 226, 117, 136 !important;
    --color-text-link-secondary: #E27588 !important;
    --color-text-link-secondary-rgb: 226, 117, 136 !important;
    --color-text-link-primary-inverse: #E27588 !important;
    --color-text-link-primary-inverse-rgb: 226, 117, 136 !important;
    --color-text-link-secondary-inverse: #E27588 !important;
    --color-text-link-secondary-inverse-rgb: 226, 117, 136 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=red], [data-theme=red] [data-mode=dark] {
    --color-background-primary: #E0301E !important;
    --color-background-primary-rgb: 224, 48, 30 !important;
    --color-background-primary-light: #E44F3F !important;
    --color-background-primary-light-rgb: 228, 79, 63 !important;
    --color-background-primary-code: #E96E61 !important;
    --color-background-primary-code-rgb: 233, 110, 97 !important;
    --color-background-icon-primary: #E96E61 !important;
    --color-background-icon-primary-rgb: 233, 110, 97 !important;
    --color-text-primary: #E96E61 !important;
    --color-text-primary-rgb: 233, 110, 97 !important;
    --color-text-link-primary: #E96E61 !important;
    --color-text-link-primary-rgb: 233, 110, 97 !important;
    --color-text-link-secondary: #E96E61 !important;
    --color-text-link-secondary-rgb: 233, 110, 97 !important;
    --color-text-link-primary-inverse: #E96E61 !important;
    --color-text-link-primary-inverse-rgb: 233, 110, 97 !important;
    --color-text-link-secondary-inverse: #E96E61 !important;
    --color-text-link-secondary-inverse-rgb: 233, 110, 97 !important;
    --color-text-tertiary: #FFFFFF !important;
    --color-text-tertiary-rgb: 255, 255, 255 !important
}

[data-mode=dark][data-theme=black], [data-theme=black] [data-mode=dark] {
    --color-background-primary: #EBEBEB !important;
    --color-background-primary-rgb: 235, 235, 235 !important;
    --color-background-primary-light: #FFFFFF !important;
    --color-background-primary-light-rgb: 255, 255, 255 !important;
    --color-background-primary-code: #EBEBEB !important;
    --color-background-primary-code-rgb: 235, 235, 235 !important;
    --color-background-icon-primary: #EBEBEB !important;
    --color-background-icon-primary-rgb: 235, 235, 235 !important;
    --color-text-primary: #EBEBEB !important;
    --color-text-primary-rgb: 235, 235, 235 !important;
    --color-text-link-primary: #EBEBEB !important;
    --color-text-link-primary-rgb: 235, 235, 235 !important;
    --color-text-link-secondary: #EBEBEB !important;
    --color-text-link-secondary-rgb: 235, 235, 235 !important;
    --color-text-link-primary-inverse: #EBEBEB !important;
    --color-text-link-primary-inverse-rgb: 235, 235, 235 !important;
    --color-text-link-secondary-inverse: #EBEBEB !important;
    --color-text-link-secondary-inverse-rgb: 235, 235, 235 !important;
    --color-text-tertiary: #252525 !important;
    --color-text-tertiary-rgb: 37, 37, 37 !important
}

[data-mode=light], [data-mode=light] :before, [data-mode=light] :after {
    --box-shadow-1: var(--level-1) !important;
    --box-shadow-2: var(--level-2) !important;
    --box-shadow-3: var(--level-3) !important
}

[data-mode=dark], [data-mode=dark] :before, [data-mode=dark] :after {
    --box-shadow-1: none !important;
    --box-shadow-2: none !important;
    --box-shadow-3: none !important
}

:host, :root, :before, :after {
    --spacing-1: .125rem !important;
    --spacing-2: .25rem !important;
    --spacing-3: .5rem !important;
    --spacing-4: .75rem !important;
    --spacing-5: 1rem !important;
    --spacing-6: 1.25rem !important;
    --spacing-7: 1.5rem !important;
    --spacing-8: 3rem !important;
    --typography-1: .75rem/.875rem !important;
    --typography-2: .875rem/1.25rem !important;
    --typography-3: 1rem/1.5rem !important;
    --typography-4: 1.25rem/1.5rem !important;
    --typography-5: 1.5rem/2rem !important;
    --typography-6: 3rem/3rem !important;
    --typography-body-xs: var(--font-weight-1) .75rem/.875rem "PwC Helvetica Neue", sans-serif !important;
    --typography-body-s: var(--font-weight-1) .875rem/1.25rem "PwC Helvetica Neue", sans-serif !important;
    --typography-body: var(--font-weight-1) 1rem/1.5rem "PwC Helvetica Neue", sans-serif !important;
    --typography-heading-s: var(--font-weight-2) 1.25rem/1.5rem "PwC Helvetica Neue", sans-serif !important;
    --typography-heading-m: var(--font-weight-2) 1.5rem/2rem "PwC Helvetica Neue", sans-serif !important;
    --typography-heading-l: var(--font-weight-2) 2.25rem/2.625rem "PwC Helvetica Neue", sans-serif !important;
    --typography-data: var(--font-weight-2) 3rem/3rem "PwC Helvetica Neue", sans-serif !important;
    --typography-subheading: var(--font-weight-2) 1.25rem/1.5rem "PwC Helvetica Neue", sans-serif !important;
    --typography-heading: var(--font-weight-2) 1.5rem/2rem "PwC Helvetica Neue", sans-serif !important;
    --typography-large-heading: var(--font-weight-2) 2.25rem/2.625rem "PwC Helvetica Neue", sans-serif !important;
    --font-weight-1: 400 !important;
    --font-weight-2: 500 !important;
    --font-weight-3: 700 !important;
    --border-radius-1: .125rem !important;
    --border-radius-2: .25rem !important;
    --border-radius-3: .5rem !important;
    --level-1: 0 .125rem .25rem -.125rem rgba(var(--color-background-tertiary-rgb), var(--opacity-4)) !important;
    --level-2: 0 .25rem .5rem -.125rem rgba(var(--color-background-tertiary-rgb), var(--opacity-4)) !important;
    --level-3: 0 .5rem 1rem -.125rem rgba(var(--color-background-tertiary-rgb), var(--opacity-4)) !important;
    --blur-1: blur(.125rem) !important;
    --blur-2: blur(.5rem) !important;
    --opacity-1: .04 !important;
    --opacity-2: .08 !important;
    --opacity-3: .12 !important;
    --opacity-4: .24 !important;
    --opacity-5: .32 !important;
    --opacity-6: .48 !important;
    --opacity-7: 1 !important
}

:host, html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: PwC Helvetica Neue,sans-serif
}

:host, body {
    position: relative;
    margin: 0;
    padding: 0;
    font-family: PwC Helvetica Neue,sans-serif;
    letter-spacing: -.4px;
    color: var(--color-text-heading)
}

* {
    vertical-align: baseline;
    font-size: 100%;
    border: 0;
    box-sizing: border-box
}

.text-highlight {
    font-weight: var(--font-weight-2)
}

dl, dt, dd {
    margin: 0;
    padding: 0
}

input, button, select, optgroup, textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit
}

body a {
    text-decoration: underline
}

.ap-link {
    color: var(--color-text-link-primary);
    cursor: pointer;
    text-decoration: underline
}

    .ap-link:hover {
        text-decoration: none
    }

a.ap-notification-link {
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

    a.ap-notification-link:hover {
        text-decoration: none
    }

.ap-notification.warning a.ap-notification-link {
    color: var(--color-text-body)
}

.ap-font-medium {
    font-weight: var(--font-weight-2)
}

.ap-flex {
    display: flex
}

.ap-text-underline {
    text-decoration: underline
}

.ap-dialog-container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    pointer-events: none;
    z-index: 2001
}

.ap-text-color-background-default {
    color: var(--color-background-default) !important
}

.ap-border-color-background-default {
    border-color: var(--color-background-default) !important
}

.ap-bg-color-background-default {
    background-color: var(--color-background-default) !important
}

.ap-text-color-background-default-inverse {
    color: var(--color-background-default-inverse) !important
}

.ap-border-color-background-default-inverse {
    border-color: var(--color-background-default-inverse) !important
}

.ap-bg-color-background-default-inverse {
    background-color: var(--color-background-default-inverse) !important
}

.ap-text-color-background-alt {
    color: var(--color-background-alt) !important
}

.ap-border-color-background-alt {
    border-color: var(--color-background-alt) !important
}

.ap-bg-color-background-alt {
    background-color: var(--color-background-alt) !important
}

.ap-text-color-background-alt-inverse {
    color: var(--color-background-alt-inverse) !important
}

.ap-border-color-background-alt-inverse {
    border-color: var(--color-background-alt-inverse) !important
}

.ap-bg-color-background-alt-inverse {
    background-color: var(--color-background-alt-inverse) !important
}

.ap-text-color-background-container {
    color: var(--color-background-container) !important
}

.ap-border-color-background-container {
    border-color: var(--color-background-container) !important
}

.ap-bg-color-background-container {
    background-color: var(--color-background-container) !important
}

.ap-text-color-background-container-alt {
    color: var(--color-background-container-alt) !important
}

.ap-border-color-background-container-alt {
    border-color: var(--color-background-container-alt) !important
}

.ap-bg-color-background-container-alt {
    background-color: var(--color-background-container-alt) !important
}

.ap-text-color-background-primary {
    color: var(--color-background-primary) !important
}

.ap-border-color-background-primary {
    border-color: var(--color-background-primary) !important
}

.ap-bg-color-background-primary {
    background-color: var(--color-background-primary) !important
}

.ap-text-color-background-secondary {
    color: var(--color-background-secondary) !important
}

.ap-border-color-background-secondary {
    border-color: var(--color-background-secondary) !important
}

.ap-bg-color-background-secondary {
    background-color: var(--color-background-secondary) !important
}

.ap-text-color-background-tertiary {
    color: var(--color-background-tertiary) !important
}

.ap-border-color-background-tertiary {
    border-color: var(--color-background-tertiary) !important
}

.ap-bg-color-background-tertiary {
    background-color: var(--color-background-tertiary) !important
}

.ap-text-color-background-hover {
    color: var(--color-background-hover) !important
}

.ap-border-color-background-hover {
    border-color: var(--color-background-hover) !important
}

.ap-bg-color-background-hover {
    background-color: var(--color-background-hover) !important
}

.ap-text-color-background-selected {
    color: var(--color-background-selected) !important
}

.ap-border-color-background-selected {
    border-color: var(--color-background-selected) !important
}

.ap-bg-color-background-selected {
    background-color: var(--color-background-selected) !important
}

.ap-text-color-background-hover-selected {
    color: var(--color-background-hover-selected) !important
}

.ap-border-color-background-hover-selected {
    border-color: var(--color-background-hover-selected) !important
}

.ap-bg-color-background-hover-selected {
    background-color: var(--color-background-hover-selected) !important
}

.ap-text-color-background-triple-hover {
    color: var(--color-background-triple-hover) !important
}

.ap-border-color-background-triple-hover {
    border-color: var(--color-background-triple-hover) !important
}

.ap-bg-color-background-triple-hover {
    background-color: var(--color-background-triple-hover) !important
}

.ap-text-color-background-border {
    color: var(--color-background-border) !important
}

.ap-border-color-background-border {
    border-color: var(--color-background-border) !important
}

.ap-bg-color-background-border {
    background-color: var(--color-background-border) !important
}

.ap-text-color-background-danger {
    color: var(--color-background-danger) !important
}

.ap-border-color-background-danger {
    border-color: var(--color-background-danger) !important
}

.ap-bg-color-background-danger {
    background-color: var(--color-background-danger) !important
}

.ap-text-color-background-success {
    color: var(--color-background-success) !important
}

.ap-border-color-background-success {
    border-color: var(--color-background-success) !important
}

.ap-bg-color-background-success {
    background-color: var(--color-background-success) !important
}

.ap-text-color-background-warning {
    color: var(--color-background-warning) !important
}

.ap-border-color-background-warning {
    border-color: var(--color-background-warning) !important
}

.ap-bg-color-background-warning {
    background-color: var(--color-background-warning) !important
}

.ap-text-color-background-icon-primary {
    color: var(--color-background-icon-primary) !important
}

.ap-border-color-background-icon-primary {
    border-color: var(--color-background-icon-primary) !important
}

.ap-bg-color-background-icon-primary {
    background-color: var(--color-background-icon-primary) !important
}

.ap-text-color-background-icon-secondary {
    color: var(--color-background-icon-secondary) !important
}

.ap-border-color-background-icon-secondary {
    border-color: var(--color-background-icon-secondary) !important
}

.ap-bg-color-background-icon-secondary {
    background-color: var(--color-background-icon-secondary) !important
}

.ap-text-color-background-icon-alt {
    color: var(--color-background-icon-alt) !important
}

.ap-border-color-background-icon-alt {
    border-color: var(--color-background-icon-alt) !important
}

.ap-bg-color-background-icon-alt {
    background-color: var(--color-background-icon-alt) !important
}

.ap-text-color-text-primary {
    color: var(--color-text-primary) !important
}

.ap-border-color-text-primary {
    border-color: var(--color-text-primary) !important
}

.ap-bg-color-text-primary {
    background-color: var(--color-text-primary) !important
}

.ap-text-color-text-secondary {
    color: var(--color-text-secondary) !important
}

.ap-border-color-text-secondary {
    border-color: var(--color-text-secondary) !important
}

.ap-bg-color-text-secondary {
    background-color: var(--color-text-secondary) !important
}

.ap-text-color-text-tertiary {
    color: var(--color-text-tertiary) !important
}

.ap-border-color-text-tertiary {
    border-color: var(--color-text-tertiary) !important
}

.ap-bg-color-text-tertiary {
    background-color: var(--color-text-tertiary) !important
}

.ap-text-color-text-light {
    color: var(--color-text-light) !important
}

.ap-border-color-text-light {
    border-color: var(--color-text-light) !important
}

.ap-bg-color-text-light {
    background-color: var(--color-text-light) !important
}

.ap-text-color-text-heading {
    color: var(--color-text-heading) !important
}

.ap-border-color-text-heading {
    border-color: var(--color-text-heading) !important
}

.ap-bg-color-text-heading {
    background-color: var(--color-text-heading) !important
}

.ap-text-color-text-body {
    color: var(--color-text-body) !important
}

.ap-border-color-text-body {
    border-color: var(--color-text-body) !important
}

.ap-bg-color-text-body {
    background-color: var(--color-text-body) !important
}

.ap-text-color-text-disabled {
    color: var(--color-text-disabled) !important
}

.ap-border-color-text-disabled {
    border-color: var(--color-text-disabled) !important
}

.ap-bg-color-text-disabled {
    background-color: var(--color-text-disabled) !important
}

.ap-text-color-text-error {
    color: var(--color-text-error) !important
}

.ap-border-color-text-error {
    border-color: var(--color-text-error) !important
}

.ap-bg-color-text-error {
    background-color: var(--color-text-error) !important
}

.ap-text-color-text-success {
    color: var(--color-text-success) !important
}

.ap-border-color-text-success {
    border-color: var(--color-text-success) !important
}

.ap-bg-color-text-success {
    background-color: var(--color-text-success) !important
}

.ap-text-color-text-warning {
    color: var(--color-text-warning) !important
}

.ap-border-color-text-warning {
    border-color: var(--color-text-warning) !important
}

.ap-bg-color-text-warning {
    background-color: var(--color-text-warning) !important
}

.ap-text-color-text-link-primary {
    color: var(--color-text-link-primary) !important
}

.ap-border-color-text-link-primary {
    border-color: var(--color-text-link-primary) !important
}

.ap-bg-color-text-link-primary {
    background-color: var(--color-text-link-primary) !important
}

.ap-text-color-text-link-secondary {
    color: var(--color-text-link-secondary) !important
}

.ap-border-color-text-link-secondary {
    border-color: var(--color-text-link-secondary) !important
}

.ap-bg-color-text-link-secondary {
    background-color: var(--color-text-link-secondary) !important
}

.ap-text-color-text-link-primary-inverse {
    color: var(--color-text-link-primary-inverse) !important
}

.ap-border-color-text-link-primary-inverse {
    border-color: var(--color-text-link-primary-inverse) !important
}

.ap-bg-color-text-link-primary-inverse {
    background-color: var(--color-text-link-primary-inverse) !important
}

.ap-text-color-text-link-secondary-inverse {
    color: var(--color-text-link-secondary-inverse) !important
}

.ap-border-color-text-link-secondary-inverse {
    border-color: var(--color-text-link-secondary-inverse) !important
}

.ap-bg-color-text-link-secondary-inverse {
    background-color: var(--color-text-link-secondary-inverse) !important
}

.ap-text-primary-red-01 {
    color: #f9d6d2 !important
}

.ap-border-primary-red-01 {
    border-color: #f9d6d2 !important
}

.ap-bg-primary-red-01 {
    background-color: #f9d6d2 !important
}

.ap-text-primary-red-02 {
    color: #f1a29a !important
}

.ap-border-primary-red-02 {
    border-color: #f1a29a !important
}

.ap-bg-primary-red-02 {
    background-color: #f1a29a !important
}

.ap-text-primary-red-03 {
    color: #e96e61 !important
}

.ap-border-primary-red-03 {
    border-color: #e96e61 !important
}

.ap-bg-primary-red-03 {
    background-color: #e96e61 !important
}

.ap-text-primary-red-04 {
    color: #e44f3f !important
}

.ap-border-primary-red-04 {
    border-color: #e44f3f !important
}

.ap-bg-primary-red-04 {
    background-color: #e44f3f !important
}

.ap-text-primary-red-05 {
    color: #e0301e !important
}

.ap-border-primary-red-05 {
    border-color: #e0301e !important
}

.ap-bg-primary-red-05 {
    background-color: #e0301e !important
}

.ap-text-primary-red-06 {
    color: #c22d1d !important
}

.ap-border-primary-red-06 {
    border-color: #c22d1d !important
}

.ap-bg-primary-red-06 {
    background-color: #c22d1d !important
}

.ap-text-primary-red-07 {
    color: #a62b1e !important
}

.ap-border-primary-red-07 {
    border-color: #a62b1e !important
}

.ap-bg-primary-red-07 {
    background-color: #a62b1e !important
}

.ap-text-primary-red-08 {
    color: #772820 !important
}

.ap-border-primary-red-08 {
    border-color: #772820 !important
}

.ap-bg-primary-red-08 {
    background-color: #772820 !important
}

.ap-text-primary-red-09 {
    color: #472420 !important
}

.ap-border-primary-red-09 {
    border-color: #472420 !important
}

.ap-bg-primary-red-09 {
    background-color: #472420 !important
}

.ap-text-primary-pink-01 {
    color: #f8dde1 !important
}

.ap-border-primary-pink-01 {
    border-color: #f8dde1 !important
}

.ap-bg-primary-pink-01 {
    background-color: #f8dde1 !important
}

.ap-text-primary-pink-02 {
    color: #f1bac3 !important
}

.ap-border-primary-pink-02 {
    border-color: #f1bac3 !important
}

.ap-bg-primary-pink-02 {
    background-color: #f1bac3 !important
}

.ap-text-primary-pink-03 {
    color: #e998a6 !important
}

.ap-border-primary-pink-03 {
    border-color: #e998a6 !important
}

.ap-bg-primary-pink-03 {
    background-color: #e998a6 !important
}

.ap-text-primary-pink-04 {
    color: #e27588 !important
}

.ap-border-primary-pink-04 {
    border-color: #e27588 !important
}

.ap-bg-primary-pink-04 {
    background-color: #e27588 !important
}

.ap-text-primary-pink-05 {
    color: #d93954 !important
}

.ap-border-primary-pink-05 {
    border-color: #d93954 !important
}

.ap-bg-primary-pink-05 {
    background-color: #d93954 !important
}

.ap-text-primary-pink-06 {
    color: #b5485b !important
}

.ap-border-primary-pink-06 {
    border-color: #b5485b !important
}

.ap-bg-primary-pink-06 {
    background-color: #b5485b !important
}

.ap-text-primary-pink-07 {
    color: #903f4d !important
}

.ap-border-primary-pink-07 {
    border-color: #903f4d !important
}

.ap-bg-primary-pink-07 {
    background-color: #903f4d !important
}

.ap-text-primary-pink-08 {
    color: #6b343d !important
}

.ap-border-primary-pink-08 {
    border-color: #6b343d !important
}

.ap-bg-primary-pink-08 {
    background-color: #6b343d !important
}

.ap-text-primary-pink-09 {
    color: #462b2f !important
}

.ap-border-primary-pink-09 {
    border-color: #462b2f !important
}

.ap-bg-primary-pink-09 {
    background-color: #462b2f !important
}

.ap-text-primary-teal-01 {
    color: #d4ebe9 !important
}

.ap-border-primary-teal-01 {
    border-color: #d4ebe9 !important
}

.ap-bg-primary-teal-01 {
    background-color: #d4ebe9 !important
}

.ap-text-primary-teal-02 {
    color: #9ed3cc !important
}

.ap-border-primary-teal-02 {
    border-color: #9ed3cc !important
}

.ap-bg-primary-teal-02 {
    background-color: #9ed3cc !important
}

.ap-text-primary-teal-03 {
    color: #69bab0 !important
}

.ap-border-primary-teal-03 {
    border-color: #69bab0 !important
}

.ap-bg-primary-teal-03 {
    background-color: #69bab0 !important
}

.ap-text-primary-teal-04 {
    color: #49aba0 !important
}

.ap-border-primary-teal-04 {
    border-color: #49aba0 !important
}

.ap-bg-primary-teal-04 {
    background-color: #49aba0 !important
}

.ap-text-primary-teal-05 {
    color: #299d8f !important
}

.ap-border-primary-teal-05 {
    border-color: #299d8f !important
}

.ap-bg-primary-teal-05 {
    background-color: #299d8f !important
}

.ap-text-primary-teal-06 {
    color: #27897e !important
}

.ap-border-primary-teal-06 {
    border-color: #27897e !important
}

.ap-bg-primary-teal-06 {
    background-color: #27897e !important
}

.ap-text-primary-teal-07 {
    color: #26776d !important
}

.ap-border-primary-teal-07 {
    border-color: #26776d !important
}

.ap-bg-primary-teal-07 {
    background-color: #26776d !important
}

.ap-text-primary-teal-08 {
    color: #245952 !important
}

.ap-border-primary-teal-08 {
    border-color: #245952 !important
}

.ap-bg-primary-teal-08 {
    background-color: #245952 !important
}

.ap-text-primary-teal-09 {
    color: #223937 !important
}

.ap-border-primary-teal-09 {
    border-color: #223937 !important
}

.ap-bg-primary-teal-09 {
    background-color: #223937 !important
}

.ap-text-primary-orange-01 {
    color: #fedacc !important
}

.ap-border-primary-orange-01 {
    border-color: #fedacc !important
}

.ap-bg-primary-orange-01 {
    background-color: #fedacc !important
}

.ap-text-primary-orange-02 {
    color: #fdab8d !important
}

.ap-border-primary-orange-02 {
    border-color: #fdab8d !important
}

.ap-bg-primary-orange-02 {
    background-color: #fdab8d !important
}

.ap-text-primary-orange-03 {
    color: #fb7c4d !important
}

.ap-border-primary-orange-03 {
    border-color: #fb7c4d !important
}

.ap-bg-primary-orange-03 {
    background-color: #fb7c4d !important
}

.ap-text-primary-orange-04 {
    color: #e45c2b !important
}

.ap-border-primary-orange-04 {
    border-color: #e45c2b !important
}

.ap-bg-primary-orange-04 {
    background-color: #e45c2b !important
}

.ap-text-primary-orange-05 {
    color: #d04a02 !important
}

.ap-border-primary-orange-05 {
    border-color: #d04a02 !important
}

.ap-bg-primary-orange-05 {
    background-color: #d04a02 !important
}

.ap-text-primary-orange-06 {
    color: #c34c2f !important
}

.ap-border-primary-orange-06 {
    border-color: #c34c2f !important
}

.ap-bg-primary-orange-06 {
    background-color: #c34c2f !important
}

.ap-text-primary-orange-07 {
    color: #a7452c !important
}

.ap-border-primary-orange-07 {
    border-color: #a7452c !important
}

.ap-bg-primary-orange-07 {
    background-color: #a7452c !important
}

.ap-text-primary-orange-08 {
    color: #773829 !important
}

.ap-border-primary-orange-08 {
    border-color: #773829 !important
}

.ap-bg-primary-orange-08 {
    background-color: #773829 !important
}

.ap-text-primary-orange-09 {
    color: #472b24 !important
}

.ap-border-primary-orange-09 {
    border-color: #472b24 !important
}

.ap-bg-primary-orange-09 {
    background-color: #472b24 !important
}

.ap-text-primary-blue-01 {
    color: #d2d7e2 !important
}

.ap-border-primary-blue-01 {
    border-color: #d2d7e2 !important
}

.ap-bg-primary-blue-01 {
    background-color: #d2d7e2 !important
}

.ap-text-primary-blue-02 {
    color: #9aa4be !important
}

.ap-border-primary-blue-02 {
    border-color: #9aa4be !important
}

.ap-bg-primary-blue-02 {
    background-color: #9aa4be !important
}

.ap-text-primary-blue-03 {
    color: #62719a !important
}

.ap-border-primary-blue-03 {
    border-color: #62719a !important
}

.ap-bg-primary-blue-03 {
    background-color: #62719a !important
}

.ap-text-primary-blue-04 {
    color: #415385 !important
}

.ap-border-primary-blue-04 {
    border-color: #415385 !important
}

.ap-bg-primary-blue-04 {
    background-color: #415385 !important
}

.ap-text-primary-blue-05 {
    color: #203570 !important
}

.ap-border-primary-blue-05 {
    border-color: #203570 !important
}

.ap-bg-primary-blue-05 {
    background-color: #203570 !important
}

.ap-text-primary-blue-06 {
    color: #1a2a5a !important
}

.ap-border-primary-blue-06 {
    border-color: #1a2a5a !important
}

.ap-bg-primary-blue-06 {
    background-color: #1a2a5a !important
}

.ap-text-primary-blue-07 {
    color: #132043 !important
}

.ap-border-primary-blue-07 {
    border-color: #132043 !important
}

.ap-bg-primary-blue-07 {
    background-color: #132043 !important
}

.ap-text-primary-blue-08 {
    color: #0d152d !important
}

.ap-border-primary-blue-08 {
    border-color: #0d152d !important
}

.ap-bg-primary-blue-08 {
    background-color: #0d152d !important
}

.ap-text-primary-blue-09 {
    color: #060b16 !important
}

.ap-border-primary-blue-09 {
    border-color: #060b16 !important
}

.ap-bg-primary-blue-09 {
    background-color: #060b16 !important
}

.ap-text-states-error-01 {
    color: #f3d4d1 !important
}

.ap-border-states-error-01 {
    border-color: #f3d4d1 !important
}

.ap-bg-states-error-01 {
    background-color: #f3d4d1 !important
}

.ap-text-states-error-02 {
    color: #e8aaa3 !important
}

.ap-border-states-error-02 {
    border-color: #e8aaa3 !important
}

.ap-bg-states-error-02 {
    background-color: #e8aaa3 !important
}

.ap-text-states-error-03 {
    color: #dc7f76 !important
}

.ap-border-states-error-03 {
    border-color: #dc7f76 !important
}

.ap-bg-states-error-03 {
    background-color: #dc7f76 !important
}

.ap-text-states-error-04 {
    color: #d15548 !important
}

.ap-border-states-error-04 {
    border-color: #d15548 !important
}

.ap-bg-states-error-04 {
    background-color: #d15548 !important
}

.ap-text-states-error-05 {
    color: #c52a1a !important
}

.ap-border-states-error-05 {
    border-color: #c52a1a !important
}

.ap-bg-states-error-05 {
    background-color: #c52a1a !important
}

.ap-text-states-error-06 {
    color: #a4291d !important
}

.ap-border-states-error-06 {
    border-color: #a4291d !important
}

.ap-bg-states-error-06 {
    background-color: #a4291d !important
}

.ap-text-states-error-07 {
    color: #822720 !important
}

.ap-border-states-error-07 {
    border-color: #822720 !important
}

.ap-bg-states-error-07 {
    background-color: #822720 !important
}

.ap-text-states-error-08 {
    color: #612622 !important
}

.ap-border-states-error-08 {
    border-color: #612622 !important
}

.ap-bg-states-error-08 {
    background-color: #612622 !important
}

.ap-text-states-error-09 {
    color: #3f2425 !important
}

.ap-border-states-error-09 {
    border-color: #3f2425 !important
}

.ap-bg-states-error-09 {
    background-color: #3f2425 !important
}

.ap-text-states-warning-01 {
    color: #fff2d2 !important
}

.ap-border-states-warning-01 {
    border-color: #fff2d2 !important
}

.ap-bg-states-warning-01 {
    background-color: #fff2d2 !important
}

.ap-text-states-warning-02 {
    color: #ffe5a5 !important
}

.ap-border-states-warning-02 {
    border-color: #ffe5a5 !important
}

.ap-bg-states-warning-02 {
    background-color: #ffe5a5 !important
}

.ap-text-states-warning-03 {
    color: #ffd979 !important
}

.ap-border-states-warning-03 {
    border-color: #ffd979 !important
}

.ap-bg-states-warning-03 {
    background-color: #ffd979 !important
}

.ap-text-states-warning-04 {
    color: #ffcc4c !important
}

.ap-border-states-warning-04 {
    border-color: #ffcc4c !important
}

.ap-bg-states-warning-04 {
    background-color: #ffcc4c !important
}

.ap-text-states-warning-05 {
    color: #ffbf1f !important
}

.ap-border-states-warning-05 {
    border-color: #ffbf1f !important
}

.ap-bg-states-warning-05 {
    background-color: #ffbf1f !important
}

.ap-text-states-warning-06 {
    color: #d2a021 !important
}

.ap-border-states-warning-06 {
    border-color: #d2a021 !important
}

.ap-bg-states-warning-06 {
    background-color: #d2a021 !important
}

.ap-text-states-warning-07 {
    color: #a58123 !important
}

.ap-border-states-warning-07 {
    border-color: #a58123 !important
}

.ap-bg-states-warning-07 {
    background-color: #a58123 !important
}

.ap-text-states-warning-08 {
    color: #786124 !important
}

.ap-border-states-warning-08 {
    border-color: #786124 !important
}

.ap-bg-states-warning-08 {
    background-color: #786124 !important
}

.ap-text-states-warning-09 {
    color: #4b4226 !important
}

.ap-border-states-warning-09 {
    border-color: #4b4226 !important
}

.ap-bg-states-warning-09 {
    background-color: #4b4226 !important
}

.ap-text-states-success-01 {
    color: #d3ebd5 !important
}

.ap-border-states-success-01 {
    border-color: #d3ebd5 !important
}

.ap-bg-states-success-01 {
    background-color: #d3ebd5 !important
}

.ap-text-states-success-02 {
    color: #a7d6ab !important
}

.ap-border-states-success-02 {
    border-color: #a7d6ab !important
}

.ap-bg-states-success-02 {
    background-color: #a7d6ab !important
}

.ap-text-states-success-03 {
    color: #7ac282 !important
}

.ap-border-states-success-03 {
    border-color: #7ac282 !important
}

.ap-bg-states-success-03 {
    background-color: #7ac282 !important
}

.ap-text-states-success-04 {
    color: #4ead58 !important
}

.ap-border-states-success-04 {
    border-color: #4ead58 !important
}

.ap-bg-states-success-04 {
    background-color: #4ead58 !important
}

.ap-text-states-success-05 {
    color: #22992e !important
}

.ap-border-states-success-05 {
    border-color: #22992e !important
}

.ap-bg-states-success-05 {
    background-color: #22992e !important
}

.ap-text-states-success-06 {
    color: #21812d !important
}

.ap-border-states-success-06 {
    border-color: #21812d !important
}

.ap-bg-states-success-06 {
    background-color: #21812d !important
}

.ap-text-states-success-07 {
    color: #206a2c !important
}

.ap-border-states-success-07 {
    border-color: #206a2c !important
}

.ap-bg-states-success-07 {
    background-color: #206a2c !important
}

.ap-text-states-success-08 {
    color: #20522a !important
}

.ap-border-states-success-08 {
    border-color: #20522a !important
}

.ap-bg-states-success-08 {
    background-color: #20522a !important
}

.ap-text-states-success-09 {
    color: #1f3b29 !important
}

.ap-border-states-success-09 {
    border-color: #1f3b29 !important
}

.ap-bg-states-success-09 {
    background-color: #1f3b29 !important
}

.ap-text-orange-darker {
    color: #571f01 !important
}

.ap-border-orange-darker {
    border-color: #571f01 !important
}

.ap-bg-orange-darker {
    background-color: #571f01 !important
}

.ap-text-orange-dark {
    color: #933401 !important
}

.ap-border-orange-dark {
    border-color: #933401 !important
}

.ap-bg-orange-dark {
    background-color: #933401 !important
}

.ap-text-orange {
    color: #d04a02 !important
}

.ap-border-orange {
    border-color: #d04a02 !important
}

.ap-bg-orange {
    background-color: #d04a02 !important
}

.ap-text-orange-light {
    color: #fd6412 !important
}

.ap-border-orange-light {
    border-color: #fd6412 !important
}

.ap-bg-orange-light {
    background-color: #fd6412 !important
}

.ap-text-orange-lighter {
    color: #feb791 !important
}

.ap-border-orange-lighter {
    border-color: #feb791 !important
}

.ap-bg-orange-lighter {
    background-color: #feb791 !important
}

.ap-text-tangerine-darker {
    color: #714300 !important
}

.ap-border-tangerine-darker {
    border-color: #714300 !important
}

.ap-bg-tangerine-darker {
    background-color: #714300 !important
}

.ap-text-tangerine-dark {
    color: #ae6800 !important
}

.ap-border-tangerine-dark {
    border-color: #ae6800 !important
}

.ap-bg-tangerine-dark {
    background-color: #ae6800 !important
}

.ap-text-tangerine {
    color: #eb8c00 !important
}

.ap-border-tangerine {
    border-color: #eb8c00 !important
}

.ap-bg-tangerine {
    background-color: #eb8c00 !important
}

.ap-text-tangerine-light {
    color: #ffa929 !important
}

.ap-border-tangerine-light {
    border-color: #ffa929 !important
}

.ap-bg-tangerine-light {
    background-color: #ffa929 !important
}

.ap-text-tangerine-lighter {
    color: #ffdca9 !important
}

.ap-border-tangerine-lighter {
    border-color: #ffdca9 !important
}

.ap-bg-tangerine-lighter {
    background-color: #ffdca9 !important
}

.ap-text-yellow-darker {
    color: #855f00 !important
}

.ap-border-yellow-darker {
    border-color: #855f00 !important
}

.ap-bg-yellow-darker {
    background-color: #855f00 !important
}

.ap-text-yellow-dark {
    color: #c28a00 !important
}

.ap-border-yellow-dark {
    border-color: #c28a00 !important
}

.ap-bg-yellow-dark {
    background-color: #c28a00 !important
}

.ap-text-yellow {
    color: #ffb600 !important
}

.ap-border-yellow {
    border-color: #ffb600 !important
}

.ap-bg-yellow {
    background-color: #ffb600 !important
}

.ap-text-yellow-light {
    color: #ffc83d !important
}

.ap-border-yellow-light {
    border-color: #ffc83d !important
}

.ap-bg-yellow-light {
    background-color: #ffc83d !important
}

.ap-text-yellow-lighter {
    color: #ffecbd !important
}

.ap-border-yellow-lighter {
    border-color: #ffecbd !important
}

.ap-bg-yellow-lighter {
    background-color: #ffecbd !important
}

.ap-text-red-darker {
    color: #741910 !important
}

.ap-border-red-darker {
    border-color: #741910 !important
}

.ap-bg-red-darker {
    background-color: #741910 !important
}

.ap-text-red-dark {
    color: #aa2417 !important
}

.ap-border-red-dark {
    border-color: #aa2417 !important
}

.ap-bg-red-dark {
    background-color: #aa2417 !important
}

.ap-text-red {
    color: #e0301e !important
}

.ap-border-red {
    border-color: #e0301e !important
}

.ap-bg-red {
    background-color: #e0301e !important
}

.ap-text-red-light {
    color: #e86153 !important
}

.ap-border-red-light {
    border-color: #e86153 !important
}

.ap-bg-red-light {
    background-color: #e86153 !important
}

.ap-text-red-lighter {
    color: #f7c8c4 !important
}

.ap-border-red-lighter {
    border-color: #f7c8c4 !important
}

.ap-bg-red-lighter {
    background-color: #f7c8c4 !important
}

.ap-text-rose-darker {
    color: #6e2a35 !important
}

.ap-border-rose-darker {
    border-color: #6e2a35 !important
}

.ap-bg-rose-darker {
    background-color: #6e2a35 !important
}

.ap-text-rose-dark {
    color: #a43e50 !important
}

.ap-border-rose-dark {
    border-color: #a43e50 !important
}

.ap-bg-rose-dark {
    background-color: #a43e50 !important
}

.ap-text-rose {
    color: #d93954 !important
}

.ap-border-rose {
    border-color: #d93954 !important
}

.ap-bg-rose {
    background-color: #d93954 !important
}

.ap-text-rose-light {
    color: #e27588 !important
}

.ap-border-rose-light {
    border-color: #e27588 !important
}

.ap-bg-rose-light {
    background-color: #e27588 !important
}

.ap-text-rose-lighter {
    color: #f1bac3 !important
}

.ap-border-rose-lighter {
    border-color: #f1bac3 !important
}

.ap-bg-rose-lighter {
    background-color: #f1bac3 !important
}

.ap-text-gray-darker {
    color: #141414 !important
}

.ap-border-gray-darker {
    border-color: #141414 !important
}

.ap-bg-gray-darker {
    background-color: #141414 !important
}

.ap-text-gray-dark {
    color: #2d2d2d !important
}

.ap-border-gray-dark {
    border-color: #2d2d2d !important
}

.ap-bg-gray-dark {
    background-color: #2d2d2d !important
}

.ap-text-gray {
    color: #7d7d7d !important
}

.ap-border-gray {
    border-color: #7d7d7d !important
}

.ap-bg-gray {
    background-color: #7d7d7d !important
}

.ap-text-gray-light {
    color: #dedede !important
}

.ap-border-gray-light {
    border-color: #dedede !important
}

.ap-bg-gray-light {
    background-color: #dedede !important
}

.ap-text-gray-lighter {
    color: #f2f2f2 !important
}

.ap-border-gray-lighter {
    border-color: #f2f2f2 !important
}

.ap-bg-gray-lighter {
    background-color: #f2f2f2 !important
}

.ap-text-purple-darker {
    color: #4b20ab !important
}

.ap-border-purple-darker {
    border-color: #4b20ab !important
}

.ap-bg-purple-darker {
    background-color: #4b20ab !important
}

.ap-text-purple-dark {
    color: #6b2cda !important
}

.ap-border-purple-dark {
    border-color: #6b2cda !important
}

.ap-bg-purple-dark {
    background-color: #6b2cda !important
}

.ap-text-purple {
    color: #8e34f4 !important
}

.ap-border-purple {
    border-color: #8e34f4 !important
}

.ap-bg-purple {
    background-color: #8e34f4 !important
}

.ap-text-purple-light {
    color: #b056f6 !important
}

.ap-border-purple-light {
    border-color: #b056f6 !important
}

.ap-bg-purple-light {
    background-color: #b056f6 !important
}

.ap-text-purple-lighter {
    color: #dcb4fc !important
}

.ap-border-purple-lighter {
    border-color: #dcb4fc !important
}

.ap-bg-purple-lighter {
    background-color: #dcb4fc !important
}

.ap-text-blue-darker {
    color: #003dab !important
}

.ap-border-blue-darker {
    border-color: #003dab !important
}

.ap-bg-blue-darker {
    background-color: #003dab !important
}

.ap-text-blue-dark {
    color: #0060d7 !important
}

.ap-border-blue-dark {
    border-color: #0060d7 !important
}

.ap-bg-blue-dark {
    background-color: #0060d7 !important
}

.ap-text-blue {
    color: #0089eb !important
}

.ap-border-blue {
    border-color: #0089eb !important
}

.ap-bg-blue {
    background-color: #0089eb !important
}

.ap-text-blue-light {
    color: #4dacf1 !important
}

.ap-border-blue-light {
    border-color: #4dacf1 !important
}

.ap-bg-blue-light {
    background-color: #4dacf1 !important
}

.ap-text-blue-lighter {
    color: #b3dcf9 !important
}

.ap-border-blue-lighter {
    border-color: #b3dcf9 !important
}

.ap-bg-blue-lighter {
    background-color: #b3dcf9 !important
}

.ap-text-green-darker {
    color: #175c2c !important
}

.ap-border-green-darker {
    border-color: #175c2c !important
}

.ap-bg-green-darker {
    background-color: #175c2c !important
}

.ap-text-green-dark {
    color: #2c8646 !important
}

.ap-border-green-dark {
    border-color: #2c8646 !important
}

.ap-bg-green-dark {
    background-color: #2c8646 !important
}

.ap-text-green {
    color: #4eb523 !important
}

.ap-border-green {
    border-color: #4eb523 !important
}

.ap-bg-green {
    background-color: #4eb523 !important
}

.ap-text-green-light {
    color: #86db4f !important
}

.ap-border-green-light {
    border-color: #86db4f !important
}

.ap-bg-green-light {
    background-color: #86db4f !important
}

.ap-text-green-lighter {
    color: #c4fc9f !important
}

.ap-border-green-lighter {
    border-color: #c4fc9f !important
}

.ap-bg-green-lighter {
    background-color: #c4fc9f !important
}

.ap-text-neutral-01 {
    color: #fff !important
}

.ap-border-neutral-01 {
    border-color: #fff !important
}

.ap-bg-neutral-01 {
    background-color: #fff !important
}

.ap-text-neutral-02 {
    color: #f3f3f3 !important
}

.ap-border-neutral-02 {
    border-color: #f3f3f3 !important
}

.ap-bg-neutral-02 {
    background-color: #f3f3f3 !important
}

.ap-text-neutral-03 {
    color: #e8e8e8 !important
}

.ap-border-neutral-03 {
    border-color: #e8e8e8 !important
}

.ap-bg-neutral-03 {
    background-color: #e8e8e8 !important
}

.ap-text-neutral-04 {
    color: #ddd !important
}

.ap-border-neutral-04 {
    border-color: #ddd !important
}

.ap-bg-neutral-04 {
    background-color: #ddd !important
}

.ap-text-neutral-05 {
    color: #d1d1d1 !important
}

.ap-border-neutral-05 {
    border-color: #d1d1d1 !important
}

.ap-bg-neutral-05 {
    background-color: #d1d1d1 !important
}

.ap-text-neutral-06 {
    color: #c5c5c5 !important
}

.ap-border-neutral-06 {
    border-color: #c5c5c5 !important
}

.ap-bg-neutral-06 {
    background-color: #c5c5c5 !important
}

.ap-text-neutral-07 {
    color: #bababa !important
}

.ap-border-neutral-07 {
    border-color: #bababa !important
}

.ap-bg-neutral-07 {
    background-color: #bababa !important
}

.ap-text-neutral-08 {
    color: #afafaf !important
}

.ap-border-neutral-08 {
    border-color: #afafaf !important
}

.ap-bg-neutral-08 {
    background-color: #afafaf !important
}

.ap-text-neutral-09 {
    color: #a3a3a3 !important
}

.ap-border-neutral-09 {
    border-color: #a3a3a3 !important
}

.ap-bg-neutral-09 {
    background-color: #a3a3a3 !important
}

.ap-text-neutral-10 {
    color: #979797 !important
}

.ap-border-neutral-10 {
    border-color: #979797 !important
}

.ap-bg-neutral-10 {
    background-color: #979797 !important
}

.ap-text-neutral-11 {
    color: #8c8c8c !important
}

.ap-border-neutral-11 {
    border-color: #8c8c8c !important
}

.ap-bg-neutral-11 {
    background-color: #8c8c8c !important
}

.ap-text-neutral-12 {
    color: #818181 !important
}

.ap-border-neutral-12 {
    border-color: #818181 !important
}

.ap-bg-neutral-12 {
    background-color: #818181 !important
}

.ap-text-neutral-13 {
    color: #757575 !important
}

.ap-border-neutral-13 {
    border-color: #757575 !important
}

.ap-bg-neutral-13 {
    background-color: #757575 !important
}

.ap-text-neutral-14 {
    color: #696969 !important
}

.ap-border-neutral-14 {
    border-color: #696969 !important
}

.ap-bg-neutral-14 {
    background-color: #696969 !important
}

.ap-text-neutral-15 {
    color: #5e5e5e !important
}

.ap-border-neutral-15 {
    border-color: #5e5e5e !important
}

.ap-bg-neutral-15 {
    background-color: #5e5e5e !important
}

.ap-text-neutral-16 {
    color: #535353 !important
}

.ap-border-neutral-16 {
    border-color: #535353 !important
}

.ap-bg-neutral-16 {
    background-color: #535353 !important
}

.ap-text-neutral-17 {
    color: #474747 !important
}

.ap-border-neutral-17 {
    border-color: #474747 !important
}

.ap-bg-neutral-17 {
    background-color: #474747 !important
}

.ap-text-neutral-18 {
    color: #3b3b3b !important
}

.ap-border-neutral-18 {
    border-color: #3b3b3b !important
}

.ap-bg-neutral-18 {
    background-color: #3b3b3b !important
}

.ap-text-neutral-19 {
    color: #303030 !important
}

.ap-border-neutral-19 {
    border-color: #303030 !important
}

.ap-bg-neutral-19 {
    background-color: #303030 !important
}

.ap-text-neutral-20 {
    color: #252525 !important
}

.ap-border-neutral-20 {
    border-color: #252525 !important
}

.ap-bg-neutral-20 {
    background-color: #252525 !important
}

.ap-text-neutral-21 {
    color: #191919 !important
}

.ap-border-neutral-21 {
    border-color: #191919 !important
}

.ap-bg-neutral-21 {
    background-color: #191919 !important
}

.ap-text-neutral-22 {
    color: #111 !important
}

.ap-border-neutral-22 {
    border-color: #111 !important
}

.ap-bg-neutral-22 {
    background-color: #111 !important
}

.ap-text-neutral-23 {
    color: #000 !important
}

.ap-border-neutral-23 {
    border-color: #000 !important
}

.ap-bg-neutral-23 {
    background-color: #000 !important
}

.ap-font-1 {
    font-size: 1px !important
}

.ap-font-2 {
    font-size: 2px !important
}

.ap-font-3 {
    font-size: 3px !important
}

.ap-font-4 {
    font-size: 4px !important
}

.ap-font-5 {
    font-size: 5px !important
}

.ap-font-6 {
    font-size: 6px !important
}

.ap-font-7 {
    font-size: 7px !important
}

.ap-font-8 {
    font-size: 8px !important
}

.ap-font-9 {
    font-size: 9px !important
}

.ap-font-10 {
    font-size: 10px !important
}

.ap-font-11 {
    font-size: 11px !important
}

.ap-font-12 {
    font-size: 12px !important
}

.ap-font-13 {
    font-size: 13px !important
}

.ap-font-14 {
    font-size: 14px !important
}

.ap-font-15 {
    font-size: 15px !important
}

.ap-font-16 {
    font-size: 16px !important
}

.ap-font-17 {
    font-size: 17px !important
}

.ap-font-18 {
    font-size: 18px !important
}

.ap-font-19 {
    font-size: 19px !important
}

.ap-font-20 {
    font-size: 20px !important
}

.ap-font-21 {
    font-size: 21px !important
}

.ap-font-22 {
    font-size: 22px !important
}

.ap-font-23 {
    font-size: 23px !important
}

.ap-font-24 {
    font-size: 24px !important
}

.ap-font-25 {
    font-size: 25px !important
}

.ap-font-26 {
    font-size: 26px !important
}

.ap-font-27 {
    font-size: 27px !important
}

.ap-font-28 {
    font-size: 28px !important
}

.ap-font-29 {
    font-size: 29px !important
}

.ap-font-30 {
    font-size: 30px !important
}

.ap-font-31 {
    font-size: 31px !important
}

.ap-font-32 {
    font-size: 32px !important
}

.ap-font-33 {
    font-size: 33px !important
}

.ap-font-34 {
    font-size: 34px !important
}

.ap-font-35 {
    font-size: 35px !important
}

.ap-font-36 {
    font-size: 36px !important
}

.ap-font-37 {
    font-size: 37px !important
}

.ap-font-38 {
    font-size: 38px !important
}

.ap-font-39 {
    font-size: 39px !important
}

.ap-font-40 {
    font-size: 40px !important
}

.ap-font-41 {
    font-size: 41px !important
}

.ap-font-42 {
    font-size: 42px !important
}

.ap-font-43 {
    font-size: 43px !important
}

.ap-font-44 {
    font-size: 44px !important
}

.ap-font-45 {
    font-size: 45px !important
}

.ap-font-46 {
    font-size: 46px !important
}

.ap-font-47 {
    font-size: 47px !important
}

.ap-font-48 {
    font-size: 48px !important
}

.ap-m-spacing-1 {
    margin: var(--spacing-1) !important
}

.ap-mx-spacing-1 {
    margin-left: var(--spacing-1) !important;
    margin-right: var(--spacing-1) !important
}

.ap-my-spacing-1 {
    margin-top: var(--spacing-1) !important;
    margin-bottom: var(--spacing-1) !important
}

.ap-ml-spacing-1 {
    margin-left: var(--spacing-1) !important
}

.ap-mt-spacing-1 {
    margin-top: var(--spacing-1) !important
}

.ap-mr-spacing-1 {
    margin-right: var(--spacing-1) !important
}

.ap-mb-spacing-1 {
    margin-bottom: var(--spacing-1) !important
}

.ap-p-spacing-1 {
    padding: var(--spacing-1) !important
}

.ap-px-spacing-1 {
    padding-left: var(--spacing-1) !important;
    padding-right: var(--spacing-1) !important
}

.ap-py-spacing-1 {
    padding-top: var(--spacing-1) !important;
    padding-bottom: var(--spacing-1) !important
}

.ap-pl-spacing-1 {
    padding-left: var(--spacing-1) !important
}

.ap-pt-spacing-1 {
    padding-top: var(--spacing-1) !important
}

.ap-pr-spacing-1 {
    padding-right: var(--spacing-1) !important
}

.ap-pb-spacing-1 {
    padding-bottom: var(--spacing-1) !important
}

.ap-m-spacing-2 {
    margin: var(--spacing-2) !important
}

.ap-mx-spacing-2 {
    margin-left: var(--spacing-2) !important;
    margin-right: var(--spacing-2) !important
}

.ap-my-spacing-2 {
    margin-top: var(--spacing-2) !important;
    margin-bottom: var(--spacing-2) !important
}

.ap-ml-spacing-2 {
    margin-left: var(--spacing-2) !important
}

.ap-mt-spacing-2 {
    margin-top: var(--spacing-2) !important
}

.ap-mr-spacing-2 {
    margin-right: var(--spacing-2) !important
}

.ap-mb-spacing-2 {
    margin-bottom: var(--spacing-2) !important
}

.ap-p-spacing-2 {
    padding: var(--spacing-2) !important
}

.ap-px-spacing-2 {
    padding-left: var(--spacing-2) !important;
    padding-right: var(--spacing-2) !important
}

.ap-py-spacing-2 {
    padding-top: var(--spacing-2) !important;
    padding-bottom: var(--spacing-2) !important
}

.ap-pl-spacing-2 {
    padding-left: var(--spacing-2) !important
}

.ap-pt-spacing-2 {
    padding-top: var(--spacing-2) !important
}

.ap-pr-spacing-2 {
    padding-right: var(--spacing-2) !important
}

.ap-pb-spacing-2 {
    padding-bottom: var(--spacing-2) !important
}

.ap-m-spacing-3 {
    margin: var(--spacing-3) !important
}

.ap-mx-spacing-3 {
    margin-left: var(--spacing-3) !important;
    margin-right: var(--spacing-3) !important
}

.ap-my-spacing-3 {
    margin-top: var(--spacing-3) !important;
    margin-bottom: var(--spacing-3) !important
}

.ap-ml-spacing-3 {
    margin-left: var(--spacing-3) !important
}

.ap-mt-spacing-3 {
    margin-top: var(--spacing-3) !important
}

.ap-mr-spacing-3 {
    margin-right: var(--spacing-3) !important
}

.ap-mb-spacing-3 {
    margin-bottom: var(--spacing-3) !important
}

.ap-p-spacing-3 {
    padding: var(--spacing-3) !important
}

.ap-px-spacing-3 {
    padding-left: var(--spacing-3) !important;
    padding-right: var(--spacing-3) !important
}

.ap-py-spacing-3 {
    padding-top: var(--spacing-3) !important;
    padding-bottom: var(--spacing-3) !important
}

.ap-pl-spacing-3 {
    padding-left: var(--spacing-3) !important
}

.ap-pt-spacing-3 {
    padding-top: var(--spacing-3) !important
}

.ap-pr-spacing-3 {
    padding-right: var(--spacing-3) !important
}

.ap-pb-spacing-3 {
    padding-bottom: var(--spacing-3) !important
}

.ap-m-spacing-4 {
    margin: var(--spacing-4) !important
}

.ap-mx-spacing-4 {
    margin-left: var(--spacing-4) !important;
    margin-right: var(--spacing-4) !important
}

.ap-my-spacing-4 {
    margin-top: var(--spacing-4) !important;
    margin-bottom: var(--spacing-4) !important
}

.ap-ml-spacing-4 {
    margin-left: var(--spacing-4) !important
}

.ap-mt-spacing-4 {
    margin-top: var(--spacing-4) !important
}

.ap-mr-spacing-4 {
    margin-right: var(--spacing-4) !important
}

.ap-mb-spacing-4 {
    margin-bottom: var(--spacing-4) !important
}

.ap-p-spacing-4 {
    padding: var(--spacing-4) !important
}

.ap-px-spacing-4 {
    padding-left: var(--spacing-4) !important;
    padding-right: var(--spacing-4) !important
}

.ap-py-spacing-4 {
    padding-top: var(--spacing-4) !important;
    padding-bottom: var(--spacing-4) !important
}

.ap-pl-spacing-4 {
    padding-left: var(--spacing-4) !important
}

.ap-pt-spacing-4 {
    padding-top: var(--spacing-4) !important
}

.ap-pr-spacing-4 {
    padding-right: var(--spacing-4) !important
}

.ap-pb-spacing-4 {
    padding-bottom: var(--spacing-4) !important
}

.ap-m-spacing-5 {
    margin: var(--spacing-5) !important
}

.ap-mx-spacing-5 {
    margin-left: var(--spacing-5) !important;
    margin-right: var(--spacing-5) !important
}

.ap-my-spacing-5 {
    margin-top: var(--spacing-5) !important;
    margin-bottom: var(--spacing-5) !important
}

.ap-ml-spacing-5 {
    margin-left: var(--spacing-5) !important
}

.ap-mt-spacing-5 {
    margin-top: var(--spacing-5) !important
}

.ap-mr-spacing-5 {
    margin-right: var(--spacing-5) !important
}

.ap-mb-spacing-5 {
    margin-bottom: var(--spacing-5) !important
}

.ap-p-spacing-5 {
    padding: var(--spacing-5) !important
}

.ap-px-spacing-5 {
    padding-left: var(--spacing-5) !important;
    padding-right: var(--spacing-5) !important
}

.ap-py-spacing-5 {
    padding-top: var(--spacing-5) !important;
    padding-bottom: var(--spacing-5) !important
}

.ap-pl-spacing-5 {
    padding-left: var(--spacing-5) !important
}

.ap-pt-spacing-5 {
    padding-top: var(--spacing-5) !important
}

.ap-pr-spacing-5 {
    padding-right: var(--spacing-5) !important
}

.ap-pb-spacing-5 {
    padding-bottom: var(--spacing-5) !important
}

.ap-m-spacing-6 {
    margin: var(--spacing-6) !important
}

.ap-mx-spacing-6 {
    margin-left: var(--spacing-6) !important;
    margin-right: var(--spacing-6) !important
}

.ap-my-spacing-6 {
    margin-top: var(--spacing-6) !important;
    margin-bottom: var(--spacing-6) !important
}

.ap-ml-spacing-6 {
    margin-left: var(--spacing-6) !important
}

.ap-mt-spacing-6 {
    margin-top: var(--spacing-6) !important
}

.ap-mr-spacing-6 {
    margin-right: var(--spacing-6) !important
}

.ap-mb-spacing-6 {
    margin-bottom: var(--spacing-6) !important
}

.ap-p-spacing-6 {
    padding: var(--spacing-6) !important
}

.ap-px-spacing-6 {
    padding-left: var(--spacing-6) !important;
    padding-right: var(--spacing-6) !important
}

.ap-py-spacing-6 {
    padding-top: var(--spacing-6) !important;
    padding-bottom: var(--spacing-6) !important
}

.ap-pl-spacing-6 {
    padding-left: var(--spacing-6) !important
}

.ap-pt-spacing-6 {
    padding-top: var(--spacing-6) !important
}

.ap-pr-spacing-6 {
    padding-right: var(--spacing-6) !important
}

.ap-pb-spacing-6 {
    padding-bottom: var(--spacing-6) !important
}

.ap-m-spacing-7 {
    margin: var(--spacing-7) !important
}

.ap-mx-spacing-7 {
    margin-left: var(--spacing-7) !important;
    margin-right: var(--spacing-7) !important
}

.ap-my-spacing-7 {
    margin-top: var(--spacing-7) !important;
    margin-bottom: var(--spacing-7) !important
}

.ap-ml-spacing-7 {
    margin-left: var(--spacing-7) !important
}

.ap-mt-spacing-7 {
    margin-top: var(--spacing-7) !important
}

.ap-mr-spacing-7 {
    margin-right: var(--spacing-7) !important
}

.ap-mb-spacing-7 {
    margin-bottom: var(--spacing-7) !important
}

.ap-p-spacing-7 {
    padding: var(--spacing-7) !important
}

.ap-px-spacing-7 {
    padding-left: var(--spacing-7) !important;
    padding-right: var(--spacing-7) !important
}

.ap-py-spacing-7 {
    padding-top: var(--spacing-7) !important;
    padding-bottom: var(--spacing-7) !important
}

.ap-pl-spacing-7 {
    padding-left: var(--spacing-7) !important
}

.ap-pt-spacing-7 {
    padding-top: var(--spacing-7) !important
}

.ap-pr-spacing-7 {
    padding-right: var(--spacing-7) !important
}

.ap-pb-spacing-7 {
    padding-bottom: var(--spacing-7) !important
}

.ap-m-spacing-8 {
    margin: var(--spacing-8) !important
}

.ap-mx-spacing-8 {
    margin-left: var(--spacing-8) !important;
    margin-right: var(--spacing-8) !important
}

.ap-my-spacing-8 {
    margin-top: var(--spacing-8) !important;
    margin-bottom: var(--spacing-8) !important
}

.ap-ml-spacing-8 {
    margin-left: var(--spacing-8) !important
}

.ap-mt-spacing-8 {
    margin-top: var(--spacing-8) !important
}

.ap-mr-spacing-8 {
    margin-right: var(--spacing-8) !important
}

.ap-mb-spacing-8 {
    margin-bottom: var(--spacing-8) !important
}

.ap-p-spacing-8 {
    padding: var(--spacing-8) !important
}

.ap-px-spacing-8 {
    padding-left: var(--spacing-8) !important;
    padding-right: var(--spacing-8) !important
}

.ap-py-spacing-8 {
    padding-top: var(--spacing-8) !important;
    padding-bottom: var(--spacing-8) !important
}

.ap-pl-spacing-8 {
    padding-left: var(--spacing-8) !important
}

.ap-pt-spacing-8 {
    padding-top: var(--spacing-8) !important
}

.ap-pr-spacing-8 {
    padding-right: var(--spacing-8) !important
}

.ap-pb-spacing-8 {
    padding-bottom: var(--spacing-8) !important
}

.ap-typography-1 {
    font: var(--typography-1) !important
}

.ap-typography-2 {
    font: var(--typography-2) !important
}

.ap-typography-3 {
    font: var(--typography-3) !important
}

.ap-typography-4 {
    font: var(--typography-4) !important
}

.ap-typography-5 {
    font: var(--typography-5) !important
}

.ap-typography-6 {
    font: var(--typography-6) !important
}

.ap-typography-body-xs {
    font: var(--typography-body-xs) !important
}

.ap-typography-body-s {
    font: var(--typography-body-s) !important
}

.ap-typography-body {
    font: var(--typography-body) !important
}

.ap-typography-heading-s {
    font: var(--typography-heading-s) !important
}

.ap-typography-heading-m {
    font: var(--typography-heading-m) !important
}

.ap-typography-heading-l {
    font: var(--typography-heading-l) !important
}

.ap-typography-data {
    font: var(--typography-data) !important
}

.ap-typography-subheading {
    font: var(--typography-subheading) !important
}

.ap-typography-heading {
    font: var(--typography-heading) !important
}

.ap-typography-large-heading {
    font: var(--typography-large-heading) !important
}

.ap-font-weight-1 {
    font-weight: var(--font-weight-1) !important
}

.ap-font-weight-2 {
    font-weight: var(--font-weight-2) !important
}

.ap-font-weight-3 {
    font-weight: var(--font-weight-3) !important
}

.ap-border-radius-1 {
    border-radius: var(--border-radius-1) !important
}

.ap-border-radius-2 {
    border-radius: var(--border-radius-2) !important
}

.ap-border-radius-3 {
    border-radius: var(--border-radius-3) !important
}

.ap-level-1 {
    box-shadow: var(--level-1) !important
}

.ap-level-2 {
    box-shadow: var(--level-2) !important
}

.ap-level-3 {
    box-shadow: var(--level-3) !important
}

.ap-background-blur-1 {
    backdrop-filter: var(--blur-1) !important;
    -webkit-backdrop-filter: var(--blur-1) !important
}

.ap-background-blur-2 {
    backdrop-filter: var(--blur-2) !important;
    -webkit-backdrop-filter: var(--blur-2) !important
}

.ap-opacity-1 {
    opacity: var(--opacity-1) !important
}

.ap-opacity-2 {
    opacity: var(--opacity-2) !important
}

.ap-opacity-3 {
    opacity: var(--opacity-3) !important
}

.ap-opacity-4 {
    opacity: var(--opacity-4) !important
}

.ap-opacity-5 {
    opacity: var(--opacity-5) !important
}

.ap-opacity-6 {
    opacity: var(--opacity-6) !important
}

.ap-opacity-7 {
    opacity: var(--opacity-7) !important
}

.ap-pwc-logo {
    width: 52px;
    height: 40px;
    mask-image: url(pwc-logo-dark.42ad37ed6fcb204e.svg);
    -webkit-mask-image: url(pwc-logo-dark.42ad37ed6fcb204e.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: #252525
}

.ap-pwc-logo-simplified {
    width: 42px;
    height: 40px;
    mask-image: url(PwC_logo_simplified.a1e64e9910330da9.svg);
    -webkit-mask-image: url(PwC_logo_simplified.a1e64e9910330da9.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    background-color: #252525
}

@font-face {
    font-family: appkit4-font;
    src: url(appkit4-font.ade7644d5a52d3cc.eot?23210062);
    src: url(appkit4-font.ade7644d5a52d3cc.eot?23210062#iefix) format("embedded-opentype"),url(appkit4-font.fdd5e2ba439d2c19.woff2?23210062) format("woff2"),url(appkit4-font.a61d4d99db967aab.woff?23210062) format("woff"),url(appkit4-font.7333825e7f0a1bef.ttf?23210062) format("truetype"),url(appkit4-font.d38fab26487ef788.svg?23210062#appkit4-font) format("svg");
    font-weight: 400;
    font-style: normal
}

.Appkit4-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    background-color: transparent
}

    .Appkit4-icon:before {
        display: inline-block;
        width: inherit;
        height: inherit;
        line-height: inherit;
        text-align: center;
        text-transform: none;
        text-decoration: inherit;
        font-family: appkit4-font;
        font-stretch: normal;
        font-style: normal;
        font-weight: 500;
        font-variant: normal;
        letter-spacing: normal;
        speak: none;
        -moz-osx-font-smoothing: grayscale
    }

    .Appkit4-icon.icon-3by3grid-outline:before {
        content: "\e800"
    }

    .Appkit4-icon.icon-add-user-outline:before {
        content: "\e801"
    }

    .Appkit4-icon.icon-airplane-outline:before {
        content: "\e802"
    }

    .Appkit4-icon.icon-apparel-outline:before {
        content: "\e803"
    }

    .Appkit4-icon.icon-archive-alt-outline:before {
        content: "\e804"
    }

    .Appkit4-icon.icon-arrow-decrease-outline:before {
        content: "\e805"
    }

    .Appkit4-icon.icon-accessible-outline:before {
        content: "\e806"
    }

    .Appkit4-icon.icon-arrow-up-outline:before {
        content: "\e807"
    }

    .Appkit4-icon.icon-arrow-down-outline:before {
        content: "\e808"
    }

    .Appkit4-icon.icon-alert-outline:before {
        content: "\e809"
    }

    .Appkit4-icon.icon-arrow-increase-outline:before {
        content: "\e80a"
    }

    .Appkit4-icon.icon-archive-outline:before {
        content: "\e80b"
    }

    .Appkit4-icon.icon-arrow-left-outline:before {
        content: "\e80c"
    }

    .Appkit4-icon.icon-atm-outline:before {
        content: "\e80d"
    }

    .Appkit4-icon.icon-gantt-chart-outline:before {
        content: "\e80e"
    }

    .Appkit4-icon.icon-arrow-right-outline:before {
        content: "\e80f"
    }

    .Appkit4-icon.icon-box-open-fill:before {
        content: "\e810"
    }

    .Appkit4-icon.icon-exit-fill:before {
        content: "\e811"
    }

    .Appkit4-icon.icon-camera-mic-speakers-fill:before {
        content: "\e812"
    }

    .Appkit4-icon.icon-audience-outline:before {
        content: "\e813"
    }

    .Appkit4-icon.icon-circle-percent-fill:before {
        content: "\e814"
    }

    .Appkit4-icon.icon-battery-medium-outline:before {
        content: "\e815"
    }

    .Appkit4-icon.icon-battery-low-outline:before {
        content: "\e816"
    }

    .Appkit4-icon.icon-bargraph-outline:before {
        content: "\e817"
    }

    .Appkit4-icon.icon-avatar-outline:before {
        content: "\e818"
    }

    .Appkit4-icon.icon-art-themes-outline:before {
        content: "\e819"
    }

    .Appkit4-icon.icon-battery-high-outline:before {
        content: "\e81a"
    }

    .Appkit4-icon.icon-circuit-board-box-fill:before {
        content: "\e81b"
    }

    .Appkit4-icon.icon-automobile-outline:before {
        content: "\e81c"
    }

    .Appkit4-icon.icon-boat-outline:before {
        content: "\e81d"
    }

    .Appkit4-icon.icon-brightness-outline:before {
        content: "\e81e"
    }

    .Appkit4-icon.icon-calculator-outline:before {
        content: "\e81f"
    }

    .Appkit4-icon.icon-calendar-accepted-outline:before {
        content: "\e820"
    }

    .Appkit4-icon.icon-beaker-outline:before {
        content: "\e821"
    }

    .Appkit4-icon.icon-bridge-chart-outline:before {
        content: "\e822"
    }

    .Appkit4-icon.icon-box-open-outline:before {
        content: "\e823"
    }

    .Appkit4-icon.icon-bar-chart-outline:before {
        content: "\e824"
    }

    .Appkit4-icon.icon-box-outline:before {
        content: "\e825"
    }

    .Appkit4-icon.icon-bubble-plot-outline:before {
        content: "\e826"
    }

    .Appkit4-icon.icon-business-services-printer-outline:before {
        content: "\e827"
    }

    .Appkit4-icon.icon-bus-public-transportation-outline:before {
        content: "\e828"
    }

    .Appkit4-icon.icon-bot-outline:before {
        content: "\e829"
    }

    .Appkit4-icon.icon-building-outline:before {
        content: "\e82a"
    }

    .Appkit4-icon.icon-call-outline:before {
        content: "\e82b"
    }

    .Appkit4-icon.icon-camera-outline:before {
        content: "\e82c"
    }

    .Appkit4-icon.icon-capital-outline:before {
        content: "\e82d"
    }

    .Appkit4-icon.icon-camera-mic-speakers-outline:before {
        content: "\e82e"
    }

    .Appkit4-icon.icon-change-outline:before {
        content: "\e82f"
    }

    .Appkit4-icon.icon-calendar-declined-outline:before {
        content: "\e830"
    }

    .Appkit4-icon.icon-calendar-outline:before {
        content: "\e831"
    }

    .Appkit4-icon.icon-chevron-double-down-outline:before {
        content: "\e832"
    }

    .Appkit4-icon.icon-circle-delete-outline:before {
        content: "\e833"
    }

    .Appkit4-icon.icon-carers-space-outline:before {
        content: "\e834"
    }

    .Appkit4-icon.icon-credit-card-fill:before {
        content: "\e835"
    }

    .Appkit4-icon.icon-center-map-outline:before {
        content: "\e836"
    }

    .Appkit4-icon.icon-circle-checkmark-outline:before {
        content: "\e837"
    }

    .Appkit4-icon.icon-circle-more-outline:before {
        content: "\e838"
    }

    .Appkit4-icon.icon-circle-percent-outline:before {
        content: "\e839"
    }

    .Appkit4-icon.icon-debt-free-fill:before {
        content: "\e83a"
    }

    .Appkit4-icon.icon-circle-minus-outline:before {
        content: "\e83b"
    }

    .Appkit4-icon.icon-circuit-board-box-outline:before {
        content: "\e83c"
    }

    .Appkit4-icon.icon-clinic-outline:before {
        content: "\e83d"
    }

    .Appkit4-icon.icon-desk-chair-fill:before {
        content: "\e83e"
    }

    .Appkit4-icon.icon-cloud-outline:before {
        content: "\e83f"
    }

    .Appkit4-icon.icon-circle-plus-outline:before {
        content: "\e840"
    }

    .Appkit4-icon.icon-comment-outline:before {
        content: "\e841"
    }

    .Appkit4-icon.icon-cogs-outline:before {
        content: "\e842"
    }

    .Appkit4-icon.icon-convert-outline:before {
        content: "\e843"
    }

    .Appkit4-icon.icon-compass-outline:before {
        content: "\e844"
    }

    .Appkit4-icon.icon-contacts-outline:before {
        content: "\e845"
    }

    .Appkit4-icon.icon-confirmed-outline:before {
        content: "\e846"
    }

    .Appkit4-icon.icon-circle-save-outline:before {
        content: "\e847"
    }

    .Appkit4-icon.icon-configuration-outline:before {
        content: "\e848"
    }

    .Appkit4-icon.icon-community-outline:before {
        content: "\e849"
    }

    .Appkit4-icon.icon-data-outline:before {
        content: "\e84a"
    }

    .Appkit4-icon.icon-credit-card-payment-outline:before {
        content: "\e84b"
    }

    .Appkit4-icon.icon-credit-card-outline:before {
        content: "\e84c"
    }

    .Appkit4-icon.icon-debt-free-outline:before {
        content: "\e84d"
    }

    .Appkit4-icon.icon-copy-outline:before {
        content: "\e84e"
    }

    .Appkit4-icon.icon-cost-dollar-outline:before {
        content: "\e84f"
    }

    .Appkit4-icon.icon-dial-high-outline:before {
        content: "\e850"
    }

    .Appkit4-icon.icon-database-outline:before {
        content: "\e851"
    }

    .Appkit4-icon.icon-desktop-outline:before {
        content: "\e852"
    }

    .Appkit4-icon.icon-delete-outline:before {
        content: "\e853"
    }

    .Appkit4-icon.icon-dial-low-outline:before {
        content: "\e854"
    }

    .Appkit4-icon.icon-dining-outline:before {
        content: "\e855"
    }

    .Appkit4-icon.icon-dial-medium-outline:before {
        content: "\e856"
    }

    .Appkit4-icon.icon-doc-outline:before {
        content: "\e857"
    }

    .Appkit4-icon.icon-desk-chair-outline:before {
        content: "\e858"
    }

    .Appkit4-icon.icon-disability-insurance-outline:before {
        content: "\e859"
    }

    .Appkit4-icon.icon-door-closed-outline:before {
        content: "\e85a"
    }

    .Appkit4-icon.icon-door-opened-outline:before {
        content: "\e85c"
    }

    .Appkit4-icon.icon-document-text-outline:before {
        content: "\e85d"
    }

    .Appkit4-icon.icon-display-power-outline:before {
        content: "\e85e"
    }

    .Appkit4-icon.icon-down-chevron-outline:before {
        content: "\e85f"
    }

    .Appkit4-icon.icon-down-chevron-circle-outline:before {
        content: "\e860"
    }

    .Appkit4-icon.icon-download-cloud-outline:before {
        content: "\e861"
    }

    .Appkit4-icon.icon-duplicate-outline:before {
        content: "\e862"
    }

    .Appkit4-icon.icon-downtrend-outline:before {
        content: "\e863"
    }

    .Appkit4-icon.icon-download-outline:before {
        content: "\e864"
    }

    .Appkit4-icon.icon-download-light-outline:before {
        content: "\e865"
    }

    .Appkit4-icon.icon-edit-outline:before {
        content: "\e866"
    }

    .Appkit4-icon.icon-education-outline:before {
        content: "\e867"
    }

    .Appkit4-icon.icon-elevator-outline:before {
        content: "\e868"
    }

    .Appkit4-icon.icon-email-outline:before {
        content: "\e869"
    }

    .Appkit4-icon.icon-end-process-outline:before {
        content: "\e86a"
    }

    .Appkit4-icon.icon-engagement-outline:before {
        content: "\e86b"
    }

    .Appkit4-icon.icon-open-in-new-outline:before {
        content: "\e86c"
    }

    .Appkit4-icon.icon-exit-outline:before {
        content: "\e86d"
    }

    .Appkit4-icon.icon-expand-outline:before {
        content: "\e86e"
    }

    .Appkit4-icon.icon-expand-chevron-outline:before {
        content: "\e86f"
    }

    .Appkit4-icon.icon-extension-outline:before {
        content: "\e870"
    }

    .Appkit4-icon.icon-family-outline:before {
        content: "\e871"
    }

    .Appkit4-icon.icon-female-symbol-outline:before {
        content: "\e872"
    }

    .Appkit4-icon.icon-file-outline:before {
        content: "\e873"
    }

    .Appkit4-icon.icon-filter-outline:before {
        content: "\e874"
    }

    .Appkit4-icon.icon-fire-exit-outline:before {
        content: "\e875"
    }

    .Appkit4-icon.icon-fire-extinguisher-outline:before {
        content: "\e876"
    }

    .Appkit4-icon.icon-firehose-outline:before {
        content: "\e877"
    }

    .Appkit4-icon.icon-firstaid-outline:before {
        content: "\e878"
    }

    .Appkit4-icon.icon-flag-outline:before {
        content: "\e879"
    }

    .Appkit4-icon.icon-fnb-outline:before {
        content: "\e87a"
    }

    .Appkit4-icon.icon-folder-closed-outline:before {
        content: "\e87b"
    }

    .Appkit4-icon.icon-folder-opened-outline:before {
        content: "\e87c"
    }

    .Appkit4-icon.icon-folder-add-outline:before {
        content: "\e87d"
    }

    .Appkit4-icon.icon-folder-delete-outline:before {
        content: "\e87e"
    }

    .Appkit4-icon.icon-gameroom-outline:before {
        content: "\e87f"
    }

    .Appkit4-icon.icon-checkbox-selected-fill:before {
        content: "\e880"
    }

    .Appkit4-icon.icon-gender-neutral-outline:before {
        content: "\e881"
    }

    .Appkit4-icon.icon-globe-map-outline:before {
        content: "\e882"
    }

    .Appkit4-icon.icon-globe-outline:before {
        content: "\e883"
    }

    .Appkit4-icon.icon-governance-outline:before {
        content: "\e884"
    }

    .Appkit4-icon.icon-grid-view-outline:before {
        content: "\e885"
    }

    .Appkit4-icon.icon-grow-revenue-outline:before {
        content: "\e886"
    }

    .Appkit4-icon.icon-growth-outline:before {
        content: "\e887"
    }

    .Appkit4-icon.icon-hand-outline:before {
        content: "\e888"
    }

    .Appkit4-icon.icon-hand-wave-outline:before {
        content: "\e889"
    }

    .Appkit4-icon.icon-help-question-outline:before {
        content: "\e88a"
    }

    .Appkit4-icon.icon-view-off-outline:before {
        content: "\e88b"
    }

    .Appkit4-icon.icon-home-outline:before {
        content: "\e88c"
    }

    .Appkit4-icon.icon-horizontal-more-outline:before {
        content: "\e88d"
    }

    .Appkit4-icon.icon-hospital-outline:before {
        content: "\e88e"
    }

    .Appkit4-icon.icon-hub-outline:before {
        content: "\e88f"
    }

    .Appkit4-icon.icon-idcard-outline:before {
        content: "\e890"
    }

    .Appkit4-icon.icon-image-outline:before {
        content: "\e891"
    }

    .Appkit4-icon.icon-immersive-technology-outline:before {
        content: "\e892"
    }

    .Appkit4-icon.icon-infinity-outline:before {
        content: "\e893"
    }

    .Appkit4-icon.icon-information-outline:before {
        content: "\e894"
    }

    .Appkit4-icon.icon-jewelry-outline:before {
        content: "\e895"
    }

    .Appkit4-icon.icon-junk-outline:before {
        content: "\e896"
    }

    .Appkit4-icon.icon-keyboard-outline:before {
        content: "\e897"
    }

    .Appkit4-icon.icon-labs-outline:before {
        content: "\e898"
    }

    .Appkit4-icon.icon-layout-outline:before {
        content: "\e899"
    }

    .Appkit4-icon.icon-leader-outline:before {
        content: "\e89a"
    }

    .Appkit4-icon.icon-left-chevron-circle-outline:before {
        content: "\e89b"
    }

    .Appkit4-icon.icon-left-chevron-outline:before {
        content: "\e89c"
    }

    .Appkit4-icon.icon-library-outline:before {
        content: "\e89d"
    }

    .Appkit4-icon.icon-library-reports-outline:before {
        content: "\e89e"
    }

    .Appkit4-icon.icon-life-insurance-outline:before {
        content: "\e89f"
    }

    .Appkit4-icon.icon-lightbulb-outline:before {
        content: "\e8a0"
    }

    .Appkit4-icon.icon-like-outline:before {
        content: "\e8a1"
    }

    .Appkit4-icon.icon-link-outline:before {
        content: "\e8a2"
    }

    .Appkit4-icon.icon-link-broken-outline:before {
        content: "\e8a3"
    }

    .Appkit4-icon.icon-link-unlinked-outline:before {
        content: "\e8a4"
    }

    .Appkit4-icon.icon-list-view-outline:before {
        content: "\e8a5"
    }

    .Appkit4-icon.icon-list-bar-view-outline:before {
        content: "\e8a6"
    }

    .Appkit4-icon.icon-accessibility-outline:before {
        content: "\e8a7"
    }

    .Appkit4-icon.icon-location-locked-outline:before {
        content: "\e8a8"
    }

    .Appkit4-icon.icon-location-outline:before {
        content: "\e8a9"
    }

    .Appkit4-icon.icon-lockclosed-locked-outline:before {
        content: "\e8aa"
    }

    .Appkit4-icon.icon-lockers-outline:before {
        content: "\e8ab"
    }

    .Appkit4-icon.icon-lockopen-unlock-outline:before {
        content: "\e8ac"
    }

    .Appkit4-icon.icon-logout-outline:before {
        content: "\e8ad"
    }

    .Appkit4-icon.icon-login-outline:before {
        content: "\e8ae"
    }

    .Appkit4-icon.icon-male-symbol-outline:before {
        content: "\e8af"
    }

    .Appkit4-icon.icon-man-outline:before {
        content: "\e8b0"
    }

    .Appkit4-icon.icon-management-outline:before {
        content: "\e8b1"
    }

    .Appkit4-icon.icon-man-and-woman-outline:before {
        content: "\e8b2"
    }

    .Appkit4-icon.icon-manufacturer-outline:before {
        content: "\e8b3"
    }

    .Appkit4-icon.icon-marketing-outline:before {
        content: "\e8b4"
    }

    .Appkit4-icon.icon-meeting-outline:before {
        content: "\e8b5"
    }

    .Appkit4-icon.icon-meeting-room-outline:before {
        content: "\e8b6"
    }

    .Appkit4-icon.icon-menu-outline:before {
        content: "\e8b7"
    }

    .Appkit4-icon.icon-menu-view-outline:before {
        content: "\e8b8"
    }

    .Appkit4-icon.icon-microphone-outline:before {
        content: "\e8b9"
    }

    .Appkit4-icon.icon-minimize-outline:before {
        content: "\e8ba"
    }

    .Appkit4-icon.icon-digital-techtransformation-fill:before {
        content: "\e8bb"
    }

    .Appkit4-icon.icon-mortgage-outline:before {
        content: "\e8bc"
    }

    .Appkit4-icon.icon-mortgage-payment-outline:before {
        content: "\e8bd"
    }

    .Appkit4-icon.icon-move-outline:before {
        content: "\e8be"
    }

    .Appkit4-icon.icon-neighborhood-outline:before {
        content: "\e8bf"
    }

    .Appkit4-icon.icon-network-outline:before {
        content: "\e8c0"
    }

    .Appkit4-icon.icon-network-port-outline:before {
        content: "\e8c1"
    }

    .Appkit4-icon.icon-news-outline:before {
        content: "\e8c2"
    }

    .Appkit4-icon.icon-news-report-outline:before {
        content: "\e8c3"
    }

    .Appkit4-icon.icon-note-outline:before {
        content: "\e8c4"
    }

    .Appkit4-icon.icon-notebook-outline:before {
        content: "\e8c5"
    }

    .Appkit4-icon.icon-noteplus-outline:before {
        content: "\e8c6"
    }

    .Appkit4-icon.icon-notification-outline:before {
        content: "\e8c7"
    }

    .Appkit4-icon.icon-notpublished-outline:before {
        content: "\e8c8"
    }

    .Appkit4-icon.icon-office-outline:before {
        content: "\e8c9"
    }

    .Appkit4-icon.icon-oilpipeline-outline:before {
        content: "\e8ca"
    }

    .Appkit4-icon.icon-oilplatform-outline:before {
        content: "\e8cb"
    }

    .Appkit4-icon.icon-oiltank-outline:before {
        content: "\e8cc"
    }

    .Appkit4-icon.icon-open-in-new-window-outline:before {
        content: "\e8cd"
    }

    .Appkit4-icon.icon-paper-outline:before {
        content: "\e8ce"
    }

    .Appkit4-icon.icon-paper-airplane-outline:before {
        content: "\e8cf"
    }

    .Appkit4-icon.icon-paperclip-outline:before {
        content: "\e8d0"
    }

    .Appkit4-icon.icon-parks-outdoors-outline:before {
        content: "\e8d1"
    }

    .Appkit4-icon.icon-partnership-outline:before {
        content: "\e8d2"
    }

    .Appkit4-icon.icon-particulates-outline:before {
        content: "\e8d3"
    }

    .Appkit4-icon.icon-pause-outline:before {
        content: "\e8d4"
    }

    .Appkit4-icon.icon-payment-outline:before {
        content: "\e8d5"
    }

    .Appkit4-icon.icon-pdf-outline:before {
        content: "\e8d6"
    }

    .Appkit4-icon.icon-pencil-outline:before {
        content: "\e8d7"
    }

    .Appkit4-icon.icon-person-outline:before {
        content: "\e8d8"
    }

    .Appkit4-icon.icon-physician-outline:before {
        content: "\e8d9"
    }

    .Appkit4-icon.icon-pie-chart-outline:before {
        content: "\e8da"
    }

    .Appkit4-icon.icon-placeholder-outline:before {
        content: "\e8db"
    }

    .Appkit4-icon.icon-platform-outline:before {
        content: "\e8dc"
    }

    .Appkit4-icon.icon-play-outline:before {
        content: "\e8dd"
    }

    .Appkit4-icon.icon-disability-insurance-fill:before {
        content: "\e8de"
    }

    .Appkit4-icon.icon-powerbi-outline:before {
        content: "\e8df"
    }

    .Appkit4-icon.icon-power-button-outline:before {
        content: "\e8e0"
    }

    .Appkit4-icon.icon-power-plant-outline:before {
        content: "\e8e1"
    }

    .Appkit4-icon.icon-powerport-plug-outlet-outline:before {
        content: "\e8e2"
    }

    .Appkit4-icon.icon-ppt-outline:before {
        content: "\e8e3"
    }

    .Appkit4-icon.icon-prescription-outline:before {
        content: "\e8e4"
    }

    .Appkit4-icon.icon-printer-outline:before {
        content: "\e8e5"
    }

    .Appkit4-icon.icon-productivity-outline:before {
        content: "\e8e6"
    }

    .Appkit4-icon.icon-profitability-outline:before {
        content: "\e8e7"
    }

    .Appkit4-icon.icon-projector-outline:before {
        content: "\e8e8"
    }

    .Appkit4-icon.icon-purpose-outline:before {
        content: "\e8e9"
    }

    .Appkit4-icon.icon-qrcode-outline:before {
        content: "\e8ea"
    }

    .Appkit4-icon.icon-query-outline:before {
        content: "\e8eb"
    }

    .Appkit4-icon.icon-radio-outline:before {
        content: "\e8ec"
    }

    .Appkit4-icon.icon-rating-outline:before {
        content: "\e8ed"
    }

    .Appkit4-icon.icon-realestate-outline:before {
        content: "\e8ee"
    }

    .Appkit4-icon.icon-redo-outline:before {
        content: "\e8ef"
    }

    .Appkit4-icon.icon-refresh-outline:before {
        content: "\e8f0"
    }

    .Appkit4-icon.icon-return-outline:before {
        content: "\e8f1"
    }

    .Appkit4-icon.icon-revenue-outline:before {
        content: "\e8f2"
    }

    .Appkit4-icon.icon-right-chevron-circle-outline:before {
        content: "\e8f3"
    }

    .Appkit4-icon.icon-right-chevron-outline:before {
        content: "\e8f4"
    }

    .Appkit4-icon.icon-save-outline:before {
        content: "\e8f5"
    }

    .Appkit4-icon.icon-savemoney-outline:before {
        content: "\e8f6"
    }

    .Appkit4-icon.icon-savings-outline:before {
        content: "\e8f7"
    }

    .Appkit4-icon.icon-screen-mirroring-outline:before {
        content: "\e8f8"
    }

    .Appkit4-icon.icon-search-outline:before {
        content: "\e8f9"
    }

    .Appkit4-icon.icon-serenity-space-outline:before {
        content: "\e8fa"
    }

    .Appkit4-icon.icon-service-outline:before {
        content: "\e8fb"
    }

    .Appkit4-icon.icon-setting-outline:before {
        content: "\e8fc"
    }

    .Appkit4-icon.icon-share-outline:before {
        content: "\e8fd"
    }

    .Appkit4-icon.icon-ship-outline:before {
        content: "\e8fe"
    }

    .Appkit4-icon.icon-shopping-bag-outline:before {
        content: "\e8ff"
    }

    .Appkit4-icon.icon-shopping-cart-outline:before {
        content: "\e900"
    }

    .Appkit4-icon.icon-shopping-basket-outline:before {
        content: "\e901"
    }

    .Appkit4-icon.icon-shower-outline:before {
        content: "\e902"
    }

    .Appkit4-icon.icon-shuttlebus-outline:before {
        content: "\e903"
    }

    .Appkit4-icon.icon-signpost-outline:before {
        content: "\e904"
    }

    .Appkit4-icon.icon-sorting-ascendant-outline:before {
        content: "\e905"
    }

    .Appkit4-icon.icon-sorting-descendant-outline:before {
        content: "\e906"
    }

    .Appkit4-icon.icon-sorting-outline:before {
        content: "\e907"
    }

    .Appkit4-icon.icon-spark-line-outline:before {
        content: "\e908"
    }

    .Appkit4-icon.icon-speedometer-outline:before {
        content: "\e909"
    }

    .Appkit4-icon.icon-spider-chart-outline:before {
        content: "\e90a"
    }

    .Appkit4-icon.icon-spinner-outline:before {
        content: "\e90b"
    }

    .Appkit4-icon.icon-star-outline:before {
        content: "\e90c"
    }

    .Appkit4-icon.icon-stewardship-outline:before {
        content: "\e90d"
    }

    .Appkit4-icon.icon-survey-checkmark-outline:before {
        content: "\e90e"
    }

    .Appkit4-icon.icon-survey-outline:before {
        content: "\e90f"
    }

    .Appkit4-icon.icon-table-data-outline:before {
        content: "\e910"
    }

    .Appkit4-icon.icon-table-data-compressed-outline:before {
        content: "\e911"
    }

    .Appkit4-icon.icon-tag-outline:before {
        content: "\e912"
    }

    .Appkit4-icon.icon-talent-outline:before {
        content: "\e913"
    }

    .Appkit4-icon.icon-tanker-outline:before {
        content: "\e914"
    }

    .Appkit4-icon.icon-target-outline:before {
        content: "\e915"
    }

    .Appkit4-icon.icon-telecom-outline:before {
        content: "\e916"
    }

    .Appkit4-icon.icon-thermometer-outline:before {
        content: "\e917"
    }

    .Appkit4-icon.icon-thumb-down-outline:before {
        content: "\e918"
    }

    .Appkit4-icon.icon-thumb-up-outline:before {
        content: "\e919"
    }

    .Appkit4-icon.icon-ticket-outline:before {
        content: "\e91a"
    }

    .Appkit4-icon.icon-time-outline:before {
        content: "\e91b"
    }

    .Appkit4-icon.icon-toggle-outline:before {
        content: "\e91c"
    }

    .Appkit4-icon.icon-touchscreen-outline:before {
        content: "\e91d"
    }

    .Appkit4-icon.icon-train-railway-outline:before {
        content: "\e91e"
    }

    .Appkit4-icon.icon-transform-outline:before {
        content: "\e91f"
    }

    .Appkit4-icon.icon-truck-outline:before {
        content: "\e920"
    }

    .Appkit4-icon.icon-truck-connected-outline:before {
        content: "\e921"
    }

    .Appkit4-icon.icon-typography-fonts-outline:before {
        content: "\e922"
    }

    .Appkit4-icon.icon-umbrella-outline:before {
        content: "\e923"
    }

    .Appkit4-icon.icon-up-chevron-circle-outline:before {
        content: "\e924"
    }

    .Appkit4-icon.icon-up-chevron-outline:before {
        content: "\e925"
    }

    .Appkit4-icon.icon-upload-light-outline:before {
        content: "\e926"
    }

    .Appkit4-icon.icon-upload-outline:before {
        content: "\e927"
    }

    .Appkit4-icon.icon-uptrend-outline:before {
        content: "\e928"
    }

    .Appkit4-icon.icon-venn-ab-horizontal-outline:before {
        content: "\e929"
    }

    .Appkit4-icon.icon-venn-ab-vertical-outline:before {
        content: "\e92a"
    }

    .Appkit4-icon.icon-venn-abc-outline:before {
        content: "\e92b"
    }

    .Appkit4-icon.icon-venn-abc-reversed-outline:before {
        content: "\e92c"
    }

    .Appkit4-icon.icon-vertical-more-outline:before {
        content: "\e92d"
    }

    .Appkit4-icon.icon-video-outline:before {
        content: "\e92e"
    }

    .Appkit4-icon.icon-video-conference-outline:before {
        content: "\e92f"
    }

    .Appkit4-icon.icon-view-outline:before {
        content: "\e930"
    }

    .Appkit4-icon.icon-visitor-outline:before {
        content: "\e931"
    }

    .Appkit4-icon.icon-volume-off-outline:before {
        content: "\e932"
    }

    .Appkit4-icon.icon-volume-on-outline:before {
        content: "\e933"
    }

    .Appkit4-icon.icon-volume-up-outline:before {
        content: "\e934"
    }

    .Appkit4-icon.icon-wait-outline:before {
        content: "\e935"
    }

    .Appkit4-icon.icon-walking-workstation-outline:before {
        content: "\e936"
    }

    .Appkit4-icon.icon-wallet-outline:before {
        content: "\e937"
    }

    .Appkit4-icon.icon-waterdrop-outline:before {
        content: "\e938"
    }

    .Appkit4-icon.icon-wealth-outline:before {
        content: "\e939"
    }

    .Appkit4-icon.icon-webcast-studio-outline:before {
        content: "\e93a"
    }

    .Appkit4-icon.icon-weight-outline:before {
        content: "\e93b"
    }

    .Appkit4-icon.icon-wifi-outline:before {
        content: "\e93c"
    }

    .Appkit4-icon.icon-windmill-outline:before {
        content: "\e93d"
    }

    .Appkit4-icon.icon-woman-outline:before {
        content: "\e93e"
    }

    .Appkit4-icon.icon-workflow-outline:before {
        content: "\e93f"
    }

    .Appkit4-icon.icon-xbrl-outline:before {
        content: "\e940"
    }

    .Appkit4-icon.icon-xls-outline:before {
        content: "\e941"
    }

    .Appkit4-icon.icon-plus-outline:before {
        content: "\e942"
    }

    .Appkit4-icon.icon-minus-outline:before {
        content: "\e943"
    }

    .Appkit4-icon.icon-close-outline:before {
        content: "\e944"
    }

    .Appkit4-icon.icon-check-mark-outline:before {
        content: "\e945"
    }

    .Appkit4-icon.icon-check-hook-outline:before {
        content: "\e946"
    }

    .Appkit4-icon.icon-arrow-down-fill:before {
        content: "\e947"
    }

    .Appkit4-icon.icon-alert-fill:before {
        content: "\e948"
    }

    .Appkit4-icon.icon-arrow-decrease-fill:before {
        content: "\e949"
    }

    .Appkit4-icon.icon-arrow-increase-fill:before {
        content: "\e94a"
    }

    .Appkit4-icon.icon-archive-alt-fill:before {
        content: "\e94b"
    }

    .Appkit4-icon.icon-add-user-fill:before {
        content: "\e94c"
    }

    .Appkit4-icon.icon-arrow-right-fill:before {
        content: "\e94d"
    }

    .Appkit4-icon.icon-arrow-left-fill:before {
        content: "\e94e"
    }

    .Appkit4-icon.icon-display-power-fill:before {
        content: "\e94f"
    }

    .Appkit4-icon.icon-airplane-fill:before {
        content: "\e950"
    }

    .Appkit4-icon.icon-arrow-up-fill:before {
        content: "\e951"
    }

    .Appkit4-icon.icon-apparel-fill:before {
        content: "\e952"
    }

    .Appkit4-icon.icon-lockers-fill:before {
        content: "\e953"
    }

    .Appkit4-icon.icon-arrowdown-fill:before {
        content: "\e954"
    }

    .Appkit4-icon.icon-man-fill:before {
        content: "\e955"
    }

    .Appkit4-icon.icon-news-report-fill:before {
        content: "\e956"
    }

    .Appkit4-icon.icon-atm-fill:before {
        content: "\e957"
    }

    .Appkit4-icon.icon-notpublished-fill:before {
        content: "\e958"
    }

    .Appkit4-icon.icon-audience-fill:before {
        content: "\e959"
    }

    .Appkit4-icon.icon-bar-chart-fill:before {
        content: "\e95a"
    }

    .Appkit4-icon.icon-battery-high-fill:before {
        content: "\e95b"
    }

    .Appkit4-icon.icon-battery-low-fill:before {
        content: "\e95c"
    }

    .Appkit4-icon.icon-automobile-fill:before {
        content: "\e95d"
    }

    .Appkit4-icon.icon-bot-fill:before {
        content: "\e95e"
    }

    .Appkit4-icon.icon-battery-medium-fill:before {
        content: "\e95f"
    }

    .Appkit4-icon.icon-bridge-chart-fill:before {
        content: "\e960"
    }

    .Appkit4-icon.icon-art-themes-fill:before {
        content: "\e961"
    }

    .Appkit4-icon.icon-boat-fill:before {
        content: "\e962"
    }

    .Appkit4-icon.icon-avatar-fill:before {
        content: "\e963"
    }

    .Appkit4-icon.icon-beaker-fill:before {
        content: "\e964"
    }

    .Appkit4-icon.icon-calculator-fill:before {
        content: "\e965"
    }

    .Appkit4-icon.icon-box-fill:before {
        content: "\e966"
    }

    .Appkit4-icon.icon-brightness-fill:before {
        content: "\e967"
    }

    .Appkit4-icon.icon-business-services-printer-fill:before {
        content: "\e968"
    }

    .Appkit4-icon.icon-building-fill:before {
        content: "\e969"
    }

    .Appkit4-icon.icon-calendar-declined-fill:before {
        content: "\e96a"
    }

    .Appkit4-icon.icon-oiltank-fill:before {
        content: "\e96b"
    }

    .Appkit4-icon.icon-bus-public-transportation-fill:before {
        content: "\e96c"
    }

    .Appkit4-icon.icon-camera-fill:before {
        content: "\e96d"
    }

    .Appkit4-icon.icon-calendar-accepted-fill:before {
        content: "\e96e"
    }

    .Appkit4-icon.icon-call-fill:before {
        content: "\e96f"
    }

    .Appkit4-icon.icon-productivity-fill:before {
        content: "\e970"
    }

    .Appkit4-icon.icon-bubble-plot-fill:before {
        content: "\e971"
    }

    .Appkit4-icon.icon-calendar-fill:before {
        content: "\e972"
    }

    .Appkit4-icon.icon-carers-space-fill:before {
        content: "\e973"
    }

    .Appkit4-icon.icon-change-fill:before {
        content: "\e974"
    }

    .Appkit4-icon.icon-capital-fill:before {
        content: "\e975"
    }

    .Appkit4-icon.icon-savemoney-fill:before {
        content: "\e976"
    }

    .Appkit4-icon.icon-center-map-fill:before {
        content: "\e977"
    }

    .Appkit4-icon.icon-chevron-double-down-fill:before {
        content: "\e978"
    }

    .Appkit4-icon.icon-circle-checkmark-fill:before {
        content: "\e979"
    }

    .Appkit4-icon.icon-circle-delete-fill:before {
        content: "\e97a"
    }

    .Appkit4-icon.icon-clinic-fill:before {
        content: "\e97b"
    }

    .Appkit4-icon.icon-circle-minus-fill:before {
        content: "\e97c"
    }

    .Appkit4-icon.icon-ship-fill:before {
        content: "\e97d"
    }

    .Appkit4-icon.icon-shuttlebus-fill:before {
        content: "\e97e"
    }

    .Appkit4-icon.icon-circle-plus-fill:before {
        content: "\e97f"
    }

    .Appkit4-icon.icon-circle-more-fill:before {
        content: "\e980"
    }

    .Appkit4-icon.icon-comment-fill:before {
        content: "\e981"
    }

    .Appkit4-icon.icon-cogs-fill:before {
        content: "\e982"
    }

    .Appkit4-icon.icon-circle-save-fill:before {
        content: "\e983"
    }

    .Appkit4-icon.icon-cloud-fill:before {
        content: "\e984"
    }

    .Appkit4-icon.icon-spinner-fill:before {
        content: "\e985"
    }

    .Appkit4-icon.icon-community-fill:before {
        content: "\e986"
    }

    .Appkit4-icon.icon-compass-fill:before {
        content: "\e987"
    }

    .Appkit4-icon.icon-configuration-fill:before {
        content: "\e988"
    }

    .Appkit4-icon.icon-confirmed-fill:before {
        content: "\e989"
    }

    .Appkit4-icon.icon-cost-dollar-fill:before {
        content: "\e98a"
    }

    .Appkit4-icon.icon-contacts-fill:before {
        content: "\e98b"
    }

    .Appkit4-icon.icon-data-fill:before {
        content: "\e98c"
    }

    .Appkit4-icon.icon-checkbox-indeterminate-fill:before {
        content: "\e98d"
    }

    .Appkit4-icon.icon-credit-card-payment-fill:before {
        content: "\e98e"
    }

    .Appkit4-icon.icon-checkbox-deselected-fill:before {
        content: "\e98f"
    }

    .Appkit4-icon.icon-delete-fill:before {
        content: "\e990"
    }

    .Appkit4-icon.icon-desktop-fill:before {
        content: "\e991"
    }

    .Appkit4-icon.icon-radio-selected-fill:before {
        content: "\e992"
    }

    .Appkit4-icon.icon-database-fill:before {
        content: "\e993"
    }

    .Appkit4-icon.icon-dial-low-fill:before {
        content: "\e995"
    }

    .Appkit4-icon.icon-convert-fill:before {
        content: "\e996"
    }

    .Appkit4-icon.icon-dial-high-fill:before {
        content: "\e997"
    }

    .Appkit4-icon.icon-radio-deselected-fill:before {
        content: "\e998"
    }

    .Appkit4-icon.icon-dial-medium-fill:before {
        content: "\e999"
    }

    .Appkit4-icon.icon-arrow-right-small-outline:before {
        content: "\e99a"
    }

    .Appkit4-icon.icon-arrow-left-small-outline:before {
        content: "\e99b"
    }

    .Appkit4-icon.icon-dining-fill:before {
        content: "\e99c"
    }

    .Appkit4-icon.icon-door-opened-fill:before {
        content: "\e99d"
    }

    .Appkit4-icon.icon-doc-fill:before {
        content: "\e99e"
    }

    .Appkit4-icon.icon-download-fill:before {
        content: "\e99f"
    }

    .Appkit4-icon.icon-door-closed-fill:before {
        content: "\e9a0"
    }

    .Appkit4-icon.icon-arrow-increase-small-outline:before {
        content: "\e9a1"
    }

    .Appkit4-icon.icon-down-chevron-circle-fill:before {
        content: "\e9a2"
    }

    .Appkit4-icon.icon-download-light-fill:before {
        content: "\e9a3"
    }

    .Appkit4-icon.icon-down-chevron-fill:before {
        content: "\e9a4"
    }

    .Appkit4-icon.icon-education-fill:before {
        content: "\e9a5"
    }

    .Appkit4-icon.icon-edit-fill:before {
        content: "\e9a6"
    }

    .Appkit4-icon.icon-duplicate-fill:before {
        content: "\e9a7"
    }

    .Appkit4-icon.icon-email-fill:before {
        content: "\e9a8"
    }

    .Appkit4-icon.icon-end-process-fill:before {
        content: "\e9a9"
    }

    .Appkit4-icon.icon-elevator-fill:before {
        content: "\e9aa"
    }

    .Appkit4-icon.icon-engagement-fill:before {
        content: "\e9ab"
    }

    .Appkit4-icon.icon-open-in-new-fill:before {
        content: "\e9ac"
    }

    .Appkit4-icon.icon-error-fill:before {
        content: "\e9ad"
    }

    .Appkit4-icon.icon-arrow-down-small-outline:before {
        content: "\e9ae"
    }

    .Appkit4-icon.icon-expand-fill:before {
        content: "\e9af"
    }

    .Appkit4-icon.icon-extension-fill:before {
        content: "\e9b0"
    }

    .Appkit4-icon.icon-family-fill:before {
        content: "\e9b1"
    }

    .Appkit4-icon.icon-female-symbol-fill:before {
        content: "\e9b2"
    }

    .Appkit4-icon.icon-file-fill:before {
        content: "\e9b3"
    }

    .Appkit4-icon.icon-filter-fill:before {
        content: "\e9b4"
    }

    .Appkit4-icon.icon-fire-exit-fill:before {
        content: "\e9b5"
    }

    .Appkit4-icon.icon-fire-extinguisher-fill:before {
        content: "\e9b6"
    }

    .Appkit4-icon.icon-firehose-fill:before {
        content: "\e9b7"
    }

    .Appkit4-icon.icon-firstaid-fill:before {
        content: "\e9b8"
    }

    .Appkit4-icon.icon-flag-fill:before {
        content: "\e9b9"
    }

    .Appkit4-icon.icon-fnb-fill:before {
        content: "\e9ba"
    }

    .Appkit4-icon.icon-folder-closed-fill:before {
        content: "\e9bb"
    }

    .Appkit4-icon.icon-folder-opened-fill:before {
        content: "\e9bc"
    }

    .Appkit4-icon.icon-folder-add-fill:before {
        content: "\e9bd"
    }

    .Appkit4-icon.icon-folder-delete-fill:before {
        content: "\e9be"
    }

    .Appkit4-icon.icon-foodbeverage-fill:before {
        content: "\e9bf"
    }

    .Appkit4-icon.icon-gameroom-fill:before {
        content: "\e9c0"
    }

    .Appkit4-icon.icon-gantt-chart-fill:before {
        content: "\e9c1"
    }

    .Appkit4-icon.icon-gender-neutral-fill:before {
        content: "\e9c2"
    }

    .Appkit4-icon.icon-globe-fill:before {
        content: "\e9c3"
    }

    .Appkit4-icon.icon-globe-map-fill:before {
        content: "\e9c4"
    }

    .Appkit4-icon.icon-governance-fill:before {
        content: "\e9c5"
    }

    .Appkit4-icon.icon-grid-view-fill:before {
        content: "\e9c6"
    }

    .Appkit4-icon.icon-grow-revenue-fill:before {
        content: "\e9c7"
    }

    .Appkit4-icon.icon-growth-fill:before {
        content: "\e9c8"
    }

    .Appkit4-icon.icon-hand-fill:before {
        content: "\e9c9"
    }

    .Appkit4-icon.icon-hb-3qtr-lft-fill:before {
        content: "\e9ca"
    }

    .Appkit4-icon.icon-hb-3qtr-rt-fill:before {
        content: "\e9cb"
    }

    .Appkit4-icon.icon-hb-empty-fill:before {
        content: "\e9cc"
    }

    .Appkit4-icon.icon-hb-full-dot-fill:before {
        content: "\e9cd"
    }

    .Appkit4-icon.icon-hb-full-fill:before {
        content: "\e9ce"
    }

    .Appkit4-icon.icon-hb-half-btm-fill:before {
        content: "\e9cf"
    }

    .Appkit4-icon.icon-hb-half-lft-fill:before {
        content: "\e9d0"
    }

    .Appkit4-icon.icon-hb-half-rt-fill:before {
        content: "\e9d1"
    }

    .Appkit4-icon.icon-hb-half-top-fill:before {
        content: "\e9d2"
    }

    .Appkit4-icon.icon-hb-qtr-lft-fill:before {
        content: "\e9d3"
    }

    .Appkit4-icon.icon-hb-qtr-rt-fill:before {
        content: "\e9d4"
    }

    .Appkit4-icon.icon-help-question-fill:before {
        content: "\e9d5"
    }

    .Appkit4-icon.icon-arrow-decrease-small-outline:before {
        content: "\e9d6"
    }

    .Appkit4-icon.icon-horizontal-more-fill:before {
        content: "\e9d7"
    }

    .Appkit4-icon.icon-hospital-fill:before {
        content: "\e9d8"
    }

    .Appkit4-icon.icon-hub-fill:before {
        content: "\e9d9"
    }

    .Appkit4-icon.icon-idcard-fill:before {
        content: "\e9da"
    }

    .Appkit4-icon.icon-image-fill:before {
        content: "\e9db"
    }

    .Appkit4-icon.icon-immersive-technology-fill:before {
        content: "\e9dc"
    }

    .Appkit4-icon.icon-infinity-fill:before {
        content: "\e9dd"
    }

    .Appkit4-icon.icon-information-fill:before {
        content: "\e9de"
    }

    .Appkit4-icon.icon-arrow-up-small-outline:before {
        content: "\e9df"
    }

    .Appkit4-icon.icon-keyboard-fill:before {
        content: "\e9e0"
    }

    .Appkit4-icon.icon-labs-fill:before {
        content: "\e9e1"
    }

    .Appkit4-icon.icon-layout-fill:before {
        content: "\e9e2"
    }

    .Appkit4-icon.icon-leader-fill:before {
        content: "\e9e3"
    }

    .Appkit4-icon.icon-left-chevron-circle-fill:before {
        content: "\e9e4"
    }

    .Appkit4-icon.icon-left-chevron-fill:before {
        content: "\e9e5"
    }

    .Appkit4-icon.icon-library-fill:before {
        content: "\e9e6"
    }

    .Appkit4-icon.icon-library-reports-fill:before {
        content: "\e9e7"
    }

    .Appkit4-icon.icon-life-insurance-fill:before {
        content: "\e9e8"
    }

    .Appkit4-icon.icon-lightbulb-fill:before {
        content: "\e9e9"
    }

    .Appkit4-icon.icon-like-fill:before {
        content: "\e9ea"
    }

    .Appkit4-icon.icon-link-fill:before {
        content: "\e9eb"
    }

    .Appkit4-icon.icon-link-broken-fill:before {
        content: "\e9ec"
    }

    .Appkit4-icon.icon-link-unlinked-fill:before {
        content: "\e9ed"
    }

    .Appkit4-icon.icon-list-view-fill:before {
        content: "\e9ee"
    }

    .Appkit4-icon.icon-location-fill:before {
        content: "\e9ef"
    }

    .Appkit4-icon.icon-location-locked-fill:before {
        content: "\e9f0"
    }

    .Appkit4-icon.icon-lockclosed-locked-fill:before {
        content: "\e9f1"
    }

    .Appkit4-icon.icon-circle-empty-outline:before {
        content: "\e9f2"
    }

    .Appkit4-icon.icon-lockopen-unlock-fill:before {
        content: "\e9f3"
    }

    .Appkit4-icon.icon-login-fill:before {
        content: "\e9f4"
    }

    .Appkit4-icon.icon-logout-fill:before {
        content: "\e9f5"
    }

    .Appkit4-icon.icon-male-symbol-fill:before {
        content: "\e9f6"
    }

    .Appkit4-icon.icon-circle-warning-outline:before {
        content: "\e9f7"
    }

    .Appkit4-icon.icon-management-fill:before {
        content: "\e9f8"
    }

    .Appkit4-icon.icon-man-and-woman-fill:before {
        content: "\e9f9"
    }

    .Appkit4-icon.icon-manufacturer-fill:before {
        content: "\e9fa"
    }

    .Appkit4-icon.icon-marketing-fill:before {
        content: "\e9fb"
    }

    .Appkit4-icon.icon-meeting-fill:before {
        content: "\e9fc"
    }

    .Appkit4-icon.icon-meeting-room-fill:before {
        content: "\e9fd"
    }

    .Appkit4-icon.icon-menu-fill:before {
        content: "\e9fe"
    }

    .Appkit4-icon.icon-menu-view-fill:before {
        content: "\e9ff"
    }

    .Appkit4-icon.icon-microphone-fill:before {
        content: "\ea00"
    }

    .Appkit4-icon.icon-minimize-fill:before {
        content: "\ea01"
    }

    .Appkit4-icon.icon-circle-radio-outline:before {
        content: "\ea02"
    }

    .Appkit4-icon.icon-mortgage-fill:before {
        content: "\ea03"
    }

    .Appkit4-icon.icon-mortgage-payment-fill:before {
        content: "\ea04"
    }

    .Appkit4-icon.icon-move-fill:before {
        content: "\ea05"
    }

    .Appkit4-icon.icon-neighborhood-fill:before {
        content: "\ea06"
    }

    .Appkit4-icon.icon-network-fill:before {
        content: "\ea07"
    }

    .Appkit4-icon.icon-network-port-fill:before {
        content: "\ea08"
    }

    .Appkit4-icon.icon-news-fill:before {
        content: "\ea09"
    }

    .Appkit4-icon.icon-moon-outline:before {
        content: "\ea0a"
    }

    .Appkit4-icon.icon-note-fill:before {
        content: "\ea0b"
    }

    .Appkit4-icon.icon-notebook-fill:before {
        content: "\ea0c"
    }

    .Appkit4-icon.icon-noteplus-fill:before {
        content: "\ea0d"
    }

    .Appkit4-icon.icon-notification-fill:before {
        content: "\ea0e"
    }

    .Appkit4-icon.icon-accessibility-fill:before {
        content: "\ea0f"
    }

    .Appkit4-icon.icon-office-fill:before {
        content: "\ea10"
    }

    .Appkit4-icon.icon-oilpipeline-fill:before {
        content: "\ea11"
    }

    .Appkit4-icon.icon-oilplatform-fill:before {
        content: "\ea12"
    }

    .Appkit4-icon.icon-open-in-new-window-fill:before {
        content: "\ea14"
    }

    .Appkit4-icon.icon-paper-airplane-fill:before {
        content: "\ea15"
    }

    .Appkit4-icon.icon-parks-outdoors-fill:before {
        content: "\ea16"
    }

    .Appkit4-icon.icon-partnership-fill:before {
        content: "\ea17"
    }

    .Appkit4-icon.icon-particulates-fill:before {
        content: "\ea18"
    }

    .Appkit4-icon.icon-pause-fill:before {
        content: "\ea19"
    }

    .Appkit4-icon.icon-payment-fill:before {
        content: "\ea1a"
    }

    .Appkit4-icon.icon-pdf-fill:before {
        content: "\ea1b"
    }

    .Appkit4-icon.icon-pencil-fill:before {
        content: "\ea1c"
    }

    .Appkit4-icon.icon-person-fill:before {
        content: "\ea1d"
    }

    .Appkit4-icon.icon-physician-fill:before {
        content: "\ea1e"
    }

    .Appkit4-icon.icon-pie-chart-fill:before {
        content: "\ea1f"
    }

    .Appkit4-icon.icon-platform-fill:before {
        content: "\ea20"
    }

    .Appkit4-icon.icon-play-fill:before {
        content: "\ea21"
    }

    .Appkit4-icon.icon-powerbi-fill:before {
        content: "\ea23"
    }

    .Appkit4-icon.icon-power-button-fill:before {
        content: "\ea24"
    }

    .Appkit4-icon.icon-power-plant-fill:before {
        content: "\ea25"
    }

    .Appkit4-icon.icon-powerport-plug-outlet-fill:before {
        content: "\ea26"
    }

    .Appkit4-icon.icon-ppt-fill:before {
        content: "\ea27"
    }

    .Appkit4-icon.icon-prescription-fill:before {
        content: "\ea28"
    }

    .Appkit4-icon.icon-printer-fill:before {
        content: "\ea29"
    }

    .Appkit4-icon.icon-profitability-fill:before {
        content: "\ea2b"
    }

    .Appkit4-icon.icon-projector-fill:before {
        content: "\ea2c"
    }

    .Appkit4-icon.icon-purpose-fill:before {
        content: "\ea2d"
    }

    .Appkit4-icon.icon-qrcode-fill:before {
        content: "\ea2e"
    }

    .Appkit4-icon.icon-query-fill:before {
        content: "\ea2f"
    }

    .Appkit4-icon.icon-radio-fill:before {
        content: "\ea30"
    }

    .Appkit4-icon.icon-rating-fill:before {
        content: "\ea31"
    }

    .Appkit4-icon.icon-realestate-fill:before {
        content: "\ea32"
    }

    .Appkit4-icon.icon-refresh-fill:before {
        content: "\ea33"
    }

    .Appkit4-icon.icon-revenue-fill:before {
        content: "\ea34"
    }

    .Appkit4-icon.icon-right-chevron-circle-fill:before {
        content: "\ea35"
    }

    .Appkit4-icon.icon-right-chevron-fill:before {
        content: "\ea36"
    }

    .Appkit4-icon.icon-save-fill:before {
        content: "\ea37"
    }

    .Appkit4-icon.icon-savings-fill:before {
        content: "\ea39"
    }

    .Appkit4-icon.icon-screen-mirroring-fill:before {
        content: "\ea3a"
    }

    .Appkit4-icon.icon-search-fill:before {
        content: "\ea3b"
    }

    .Appkit4-icon.icon-serenity-space-fill:before {
        content: "\ea3c"
    }

    .Appkit4-icon.icon-service-fill:before {
        content: "\ea3d"
    }

    .Appkit4-icon.icon-setting-fill:before {
        content: "\ea3e"
    }

    .Appkit4-icon.icon-share-fill:before {
        content: "\ea3f"
    }

    .Appkit4-icon.icon-shareios-fill:before {
        content: "\ea40"
    }

    .Appkit4-icon.icon-shopping-bag-fill:before {
        content: "\ea42"
    }

    .Appkit4-icon.icon-shopping-cart-fill:before {
        content: "\ea43"
    }

    .Appkit4-icon.icon-shopping-basket-fill:before {
        content: "\ea44"
    }

    .Appkit4-icon.icon-shower-fill:before {
        content: "\ea45"
    }

    .Appkit4-icon.icon-signpost-fill:before {
        content: "\ea47"
    }

    .Appkit4-icon.icon-sorting-ascendant-fill:before {
        content: "\ea48"
    }

    .Appkit4-icon.icon-sorting-descendant-fill:before {
        content: "\ea49"
    }

    .Appkit4-icon.icon-sorting-fill:before {
        content: "\ea4a"
    }

    .Appkit4-icon.icon-spark-line-fill:before {
        content: "\ea4b"
    }

    .Appkit4-icon.icon-speedometer-fill:before {
        content: "\ea4c"
    }

    .Appkit4-icon.icon-spider-chart-fill:before {
        content: "\ea4d"
    }

    .Appkit4-icon.icon-stewardship-fill:before {
        content: "\ea4f"
    }

    .Appkit4-icon.icon-success-fill:before {
        content: "\ea50"
    }

    .Appkit4-icon.icon-survey-checkmark-fill:before {
        content: "\ea51"
    }

    .Appkit4-icon.icon-survey-fill:before {
        content: "\ea52"
    }

    .Appkit4-icon.icon-table-data-fill:before {
        content: "\ea53"
    }

    .Appkit4-icon.icon-tag-fill:before {
        content: "\ea54"
    }

    .Appkit4-icon.icon-talent-fill:before {
        content: "\ea55"
    }

    .Appkit4-icon.icon-tanker-fill:before {
        content: "\ea56"
    }

    .Appkit4-icon.icon-target-fill:before {
        content: "\ea57"
    }

    .Appkit4-icon.icon-telecom-fill:before {
        content: "\ea58"
    }

    .Appkit4-icon.icon-thermometer-fill:before {
        content: "\ea59"
    }

    .Appkit4-icon.icon-thumb-down-fill:before {
        content: "\ea5a"
    }

    .Appkit4-icon.icon-thumb-up-fill:before {
        content: "\ea5b"
    }

    .Appkit4-icon.icon-ticket-fill:before {
        content: "\ea5c"
    }

    .Appkit4-icon.icon-time-fill:before {
        content: "\ea5d"
    }

    .Appkit4-icon.icon-toggle-fill:before {
        content: "\ea5e"
    }

    .Appkit4-icon.icon-touchscreen-fill:before {
        content: "\ea5f"
    }

    .Appkit4-icon.icon-train-railway-fill:before {
        content: "\ea60"
    }

    .Appkit4-icon.icon-transform-fill:before {
        content: "\ea61"
    }

    .Appkit4-icon.icon-truck-fill:before {
        content: "\ea62"
    }

    .Appkit4-icon.icon-truck-connected-fill:before {
        content: "\ea63"
    }

    .Appkit4-icon.icon-typography-fonts-fill:before {
        content: "\ea64"
    }

    .Appkit4-icon.icon-umbrella-fill:before {
        content: "\ea65"
    }

    .Appkit4-icon.icon-up-chevron-circle-fill:before {
        content: "\ea66"
    }

    .Appkit4-icon.icon-up-chevron-fill:before {
        content: "\ea67"
    }

    .Appkit4-icon.icon-upload-fill:before {
        content: "\ea68"
    }

    .Appkit4-icon.icon-upload-light-fill:before {
        content: "\ea69"
    }

    .Appkit4-icon.icon-venn-ab-horizontal-fill:before {
        content: "\ea6b"
    }

    .Appkit4-icon.icon-venn-ab-vertical-fill:before {
        content: "\ea6c"
    }

    .Appkit4-icon.icon-venn-abc-fill:before {
        content: "\ea6d"
    }

    .Appkit4-icon.icon-venn-abc-reversed-fill:before {
        content: "\ea6e"
    }

    .Appkit4-icon.icon-vertical-more-fill:before {
        content: "\ea6f"
    }

    .Appkit4-icon.icon-video-fill:before {
        content: "\ea70"
    }

    .Appkit4-icon.icon-video-conference-fill:before {
        content: "\ea71"
    }

    .Appkit4-icon.icon-view-fill:before {
        content: "\ea72"
    }

    .Appkit4-icon.icon-visitor-fill:before {
        content: "\ea73"
    }

    .Appkit4-icon.icon-volume-off-fill:before {
        content: "\ea74"
    }

    .Appkit4-icon.icon-volume-on-fill:before {
        content: "\ea75"
    }

    .Appkit4-icon.icon-volume-up-fill:before {
        content: "\ea76"
    }

    .Appkit4-icon.icon-wait-fill:before {
        content: "\ea77"
    }

    .Appkit4-icon.icon-walking-workstation-fill:before {
        content: "\ea78"
    }

    .Appkit4-icon.icon-wallet-fill:before {
        content: "\ea79"
    }

    .Appkit4-icon.icon-warning-fill:before {
        content: "\ea7a"
    }

    .Appkit4-icon.icon-waterdrop-fill:before {
        content: "\ea7b"
    }

    .Appkit4-icon.icon-wealth-fill:before {
        content: "\ea7c"
    }

    .Appkit4-icon.icon-webcast-studio-fill:before {
        content: "\ea7d"
    }

    .Appkit4-icon.icon-weight-fill:before {
        content: "\ea7e"
    }

    .Appkit4-icon.icon-wifi-fill:before {
        content: "\ea7f"
    }

    .Appkit4-icon.icon-windmill-fill:before {
        content: "\ea80"
    }

    .Appkit4-icon.icon-jewelry-fill:before {
        content: "\ea81"
    }

    .Appkit4-icon.icon-workflow-fill:before {
        content: "\ea82"
    }

    .Appkit4-icon.icon-xbrl-fill:before {
        content: "\ea83"
    }

    .Appkit4-icon.icon-xls-fill:before {
        content: "\ea84"
    }

    .Appkit4-icon.icon-check-mark-fill:before {
        content: "\ea85"
    }

    .Appkit4-icon.icon-close-fill:before {
        content: "\ea86"
    }

    .Appkit4-icon.icon-downtrend-fill:before {
        content: "\ea87"
    }

    .Appkit4-icon.icon-home-fill:before {
        content: "\ea88"
    }

    .Appkit4-icon.icon-minus-fill:before {
        content: "\ea89"
    }

    .Appkit4-icon.icon-plus-fill:before {
        content: "\ea8a"
    }

    .Appkit4-icon.icon-uptrend-fill:before {
        content: "\ea8b"
    }

    .Appkit4-icon.icon-woman-fill:before {
        content: "\ea8c"
    }

    .Appkit4-icon.icon-pin-outline:before {
        content: "\ea9b"
    }

    .Appkit4-icon.icon-unpin-outline:before {
        content: "\ea9c"
    }

    .Appkit4-icon.icon-view-off-fill:before {
        content: "\ebb0"
    }

    .Appkit4-icon.icon-data-lowercase-outline:before {
        content: "\ebb1"
    }

    .Appkit4-icon.icon-data-addsuffix-outline:before {
        content: "\ebb2"
    }

    .Appkit4-icon.icon-data-addprefix-outline:before {
        content: "\ebb3"
    }

    .Appkit4-icon.icon-data-mixed-outline:before {
        content: "\ebb4"
    }

    .Appkit4-icon.icon-data-letters-outline:before {
        content: "\ebb5"
    }

    .Appkit4-icon.icon-data-trim-outline:before {
        content: "\ebb6"
    }

    .Appkit4-icon.icon-data-numeric-outline:before {
        content: "\ebb7"
    }

    .Appkit4-icon.icon-data-uppercase-outline:before {
        content: "\ebb8"
    }

    .Appkit4-icon.icon-data-value-outline:before {
        content: "\ebb9"
    }

    .Appkit4-icon.icon-data-letters-fill:before {
        content: "\ebba"
    }

    .Appkit4-icon.icon-data-addprefix-fill:before {
        content: "\ebbb"
    }

    .Appkit4-icon.icon-data-addsuffix-fill:before {
        content: "\ebbc"
    }

    .Appkit4-icon.icon-data-lowercase-fill:before {
        content: "\ebbd"
    }

    .Appkit4-icon.icon-data-value-fill:before {
        content: "\ebbe"
    }

    .Appkit4-icon.icon-data-numeric-fill:before {
        content: "\ebbf"
    }

    .Appkit4-icon.icon-data-trim-fill:before {
        content: "\ebc0"
    }

    .Appkit4-icon.icon-data-uppercase-fill:before {
        content: "\ebc1"
    }

    .Appkit4-icon.icon-data-mixed-fill:before {
        content: "\ebc2"
    }

    .Appkit4-icon.icon-digital-techtransformation-outline:before {
        content: "\ebc3"
    }

    .Appkit4-icon.icon-error-outline:before {
        content: "\ebc4"
    }

    .Appkit4-icon.icon-warning-outline:before {
        content: "\ebc5"
    }

    .Appkit4-icon.icon-success-outline:before {
        content: "\ebc6"
    }

    .Appkit4-icon.icon-foodbeverage-outline:before {
        content: "\ebc7"
    }

    .Appkit4-icon.icon-3by3grid-fill:before {
        content: "\ebc8"
    }

    .Appkit4-icon.icon-archive-fill:before {
        content: "\ebc9"
    }

    .Appkit4-icon.icon-arrow-increase-small-fill:before {
        content: "\ebca"
    }

    .Appkit4-icon.icon-arrow-decrease-small-fill:before {
        content: "\ebcb"
    }

    .Appkit4-icon.icon-paper-fill:before {
        content: "\ebcc"
    }

    .Appkit4-icon.icon-arrow-left-small-fill:before {
        content: "\ebcd"
    }

    .Appkit4-icon.icon-pin-small-fill:before {
        content: "\ebce"
    }

    .Appkit4-icon.icon-check-hook-fill:before {
        content: "\ebcf"
    }

    .Appkit4-icon.icon-redo-fill:before {
        content: "\ebd0"
    }

    .Appkit4-icon.icon-return-fill:before {
        content: "\ebd1"
    }

    .Appkit4-icon.icon-unpin-fill:before {
        content: "\ebd2"
    }

    .Appkit4-icon.icon-pin-fill:before {
        content: "\ebd3"
    }

    .Appkit4-icon.icon-table-data-compressed-fill:before {
        content: "\ebd4"
    }

    .Appkit4-icon.icon-moon-fill:before {
        content: "\ebd5"
    }

    .Appkit4-icon.icon-paperclip-fill:before {
        content: "\ebd6"
    }

    .Appkit4-icon.icon-arrow-down-small-fill:before {
        content: "\ebd7"
    }

    .Appkit4-icon.icon-placeholder-fill:before {
        content: "\ebd8"
    }

    .Appkit4-icon.icon-circle-empty-fill:before {
        content: "\ebd9"
    }

    .Appkit4-icon.icon-copy-fill:before {
        content: "\ebda"
    }

    .Appkit4-icon.icon-list-bar-view-fill:before {
        content: "\ebdb"
    }

    .Appkit4-icon.icon-junk-fill:before {
        content: "\ebdc"
    }

    .Appkit4-icon.icon-arrow-right-small-fill:before {
        content: "\ebdd"
    }

    .Appkit4-icon.icon-arrow-up-small-fill:before {
        content: "\ebde"
    }

    .Appkit4-icon.icon-enter-left-outline:before {
        content: "\ed07"
    }

    .Appkit4-icon.icon-enter-right-outline:before {
        content: "\ed08"
    }

    .Appkit4-icon.icon-align-center-fill:before {
        content: "\ed0e"
    }

    .Appkit4-icon.icon-align-left-fill:before {
        content: "\ed0f"
    }

    .Appkit4-icon.icon-align-right-fill:before {
        content: "\ed10"
    }

    .Appkit4-icon.icon-bold-fill:before {
        content: "\ed11"
    }

    .Appkit4-icon.icon-bulleted-list-fill:before {
        content: "\ed12"
    }

    .Appkit4-icon.icon-caret-down-fill:before {
        content: "\ed13"
    }

    .Appkit4-icon.icon-font-italic-fill:before {
        content: "\ed14"
    }

    .Appkit4-icon.icon-font-fill:before {
        content: "\ed15"
    }

    .Appkit4-icon.icon-font-size-fill:before {
        content: "\ed16"
    }

    .Appkit4-icon.icon-font-strikethrough-fill:before {
        content: "\ed17"
    }

    .Appkit4-icon.icon-font-underline-fill:before {
        content: "\ed18"
    }

    .Appkit4-icon.icon-hyperlink-broken-fill:before {
        content: "\ed19"
    }

    .Appkit4-icon.icon-hyperlink-fill:before {
        content: "\ed1a"
    }

    .Appkit4-icon.icon-indent-fill:before {
        content: "\ed1b"
    }

    .Appkit4-icon.icon-insert-picture-fill:before {
        content: "\ed1c"
    }

    .Appkit4-icon.icon-justify-fill:before {
        content: "\ed1d"
    }

    .Appkit4-icon.icon-numbered-list-fill:before {
        content: "\ed1e"
    }

    .Appkit4-icon.icon-redo-alt-fill:before {
        content: "\ed1f"
    }

    .Appkit4-icon.icon-reduce-indent-fill:before {
        content: "\ed20"
    }

    .Appkit4-icon.icon-undo-fill:before {
        content: "\ed21"
    }

    .Appkit4-icon.icon-3dimensions-fill:before {
        content: "\ee4d"
    }

    .Appkit4-icon.icon-accept-fill:before {
        content: "\ee4e"
    }

    .Appkit4-icon.icon-account-alert-fill:before {
        content: "\ee4f"
    }

    .Appkit4-icon.icon-4lframework-fill:before {
        content: "\ee50"
    }

    .Appkit4-icon.icon-account-box-fill:before {
        content: "\ee51"
    }

    .Appkit4-icon.icon-account-check-fill:before {
        content: "\ee52"
    }

    .Appkit4-icon.icon-account-remove-fill:before {
        content: "\ee53"
    }

    .Appkit4-icon.icon-account-switch-fill:before {
        content: "\ee54"
    }

    .Appkit4-icon.icon-air-filter-fill:before {
        content: "\ee55"
    }

    .Appkit4-icon.icon-account-convert-fill:before {
        content: "\ee56"
    }

    .Appkit4-icon.icon-arrow-down-bold-fill:before {
        content: "\ee57"
    }

    .Appkit4-icon.icon-analysis-fill:before {
        content: "\ee58"
    }

    .Appkit4-icon.icon-ask-question-fill:before {
        content: "\ee59"
    }

    .Appkit4-icon.icon-arrow-up-bold-fill:before {
        content: "\ee5a"
    }

    .Appkit4-icon.icon-book-fill:before {
        content: "\ee5b"
    }

    .Appkit4-icon.icon-budget-fill:before {
        content: "\ee5c"
    }

    .Appkit4-icon.icon-biometrics-fill:before {
        content: "\ee5d"
    }

    .Appkit4-icon.icon-award-ribbon-fill:before {
        content: "\ee5e"
    }

    .Appkit4-icon.icon-button-fill:before {
        content: "\ee5f"
    }

    .Appkit4-icon.icon-chevron-double-left-fill:before {
        content: "\ee60"
    }

    .Appkit4-icon.icon-calendar-clock-fill:before {
        content: "\ee61"
    }

    .Appkit4-icon.icon-aggregate-fill:before {
        content: "\ee62"
    }

    .Appkit4-icon.icon-circle-star-fill:before {
        content: "\ee63"
    }

    .Appkit4-icon.icon-chevron-double-right-fill:before {
        content: "\ee64"
    }

    .Appkit4-icon.icon-checkbox-fill:before {
        content: "\ee65"
    }

    .Appkit4-icon.icon-cloud-alert-fill:before {
        content: "\ee66"
    }

    .Appkit4-icon.icon-cloud-check-fill:before {
        content: "\ee67"
    }

    .Appkit4-icon.icon-cloud-disable-fill:before {
        content: "\ee68"
    }

    .Appkit4-icon.icon-cloud-clock-fill:before {
        content: "\ee69"
    }

    .Appkit4-icon.icon-cloud-delete-fill:before {
        content: "\ee6a"
    }

    .Appkit4-icon.icon-clapping-applause-fill:before {
        content: "\ee6b"
    }

    .Appkit4-icon.icon-cloud-loading-fill:before {
        content: "\ee6c"
    }

    .Appkit4-icon.icon-confetti-celebration-fill:before {
        content: "\ee6d"
    }

    .Appkit4-icon.icon-cookie-fill:before {
        content: "\ee6e"
    }

    .Appkit4-icon.icon-commentary-fill:before {
        content: "\ee6f"
    }

    .Appkit4-icon.icon-dashboard-fill:before {
        content: "\ee70"
    }

    .Appkit4-icon.icon-dictionary-fill:before {
        content: "\ee71"
    }

    .Appkit4-icon.icon-document-alert-fill:before {
        content: "\ee72"
    }

    .Appkit4-icon.icon-document-download-fill:before {
        content: "\ee73"
    }

    .Appkit4-icon.icon-document-file-fill:before {
        content: "\ee74"
    }

    .Appkit4-icon.icon-currency-exchange-fill:before {
        content: "\ee75"
    }

    .Appkit4-icon.icon-database-search-fill:before {
        content: "\ee76"
    }

    .Appkit4-icon.icon-document-link-fill:before {
        content: "\ee77"
    }

    .Appkit4-icon.icon-document-export-fill:before {
        content: "\ee78"
    }

    .Appkit4-icon.icon-document-multiple-fill:before {
        content: "\ee79"
    }

    .Appkit4-icon.icon-container-fill:before {
        content: "\ee7a"
    }

    .Appkit4-icon.icon-document-policies-fill:before {
        content: "\ee7b"
    }

    .Appkit4-icon.icon-document-send-fill:before {
        content: "\ee7c"
    }

    .Appkit4-icon.icon-exclamation-fill:before {
        content: "\ee7d"
    }

    .Appkit4-icon.icon-filter-remove-fill:before {
        content: "\ee7e"
    }

    .Appkit4-icon.icon-folder-download-fill:before {
        content: "\ee7f"
    }

    .Appkit4-icon.icon-flags-fill:before {
        content: "\ee80"
    }

    .Appkit4-icon.icon-flash-drive-fill:before {
        content: "\ee81"
    }

    .Appkit4-icon.icon-fire-fill:before {
        content: "\ee82"
    }

    .Appkit4-icon.icon-folder-open-angled-fill:before {
        content: "\ee83"
    }

    .Appkit4-icon.icon-flower-fill:before {
        content: "\ee84"
    }

    .Appkit4-icon.icon-extend-fill:before {
        content: "\ee85"
    }

    .Appkit4-icon.icon-folder-plus-fill:before {
        content: "\ee86"
    }

    .Appkit4-icon.icon-footer-fill:before {
        content: "\ee87"
    }

    .Appkit4-icon.icon-group-fill:before {
        content: "\ee88"
    }

    .Appkit4-icon.icon-gift-fill:before {
        content: "\ee89"
    }

    .Appkit4-icon.icon-hashtag-fill:before {
        content: "\ee8a"
    }

    .Appkit4-icon.icon-header-fill:before {
        content: "\ee8b"
    }

    .Appkit4-icon.icon-holding-glass-fill:before {
        content: "\ee8c"
    }

    .Appkit4-icon.icon-information-letter-fill:before {
        content: "\ee8d"
    }

    .Appkit4-icon.icon-home-filter-fill:before {
        content: "\ee8e"
    }

    .Appkit4-icon.icon-kanban-fill:before {
        content: "\ee8f"
    }

    .Appkit4-icon.icon-hazard-fill:before {
        content: "\ee90"
    }

    .Appkit4-icon.icon-kpi-fill:before {
        content: "\ee91"
    }

    .Appkit4-icon.icon-key-change-fill:before {
        content: "\ee92"
    }

    .Appkit4-icon.icon-lens-aperture-fill:before {
        content: "\ee93"
    }

    .Appkit4-icon.icon-list-format-fill:before {
        content: "\ee94"
    }

    .Appkit4-icon.icon-mailbox-fill:before {
        content: "\ee95"
    }

    .Appkit4-icon.icon-list-play-fill:before {
        content: "\ee96"
    }

    .Appkit4-icon.icon-lock-off-fill:before {
        content: "\ee97"
    }

    .Appkit4-icon.icon-map-fill:before {
        content: "\ee98"
    }

    .Appkit4-icon.icon-map-location-fill:before {
        content: "\ee99"
    }

    .Appkit4-icon.icon-manage-resources-fill:before {
        content: "\ee9a"
    }

    .Appkit4-icon.icon-mute-fill:before {
        content: "\ee9b"
    }

    .Appkit4-icon.icon-notifications-alert-fill:before {
        content: "\ee9c"
    }

    .Appkit4-icon.icon-notifications-first-fill:before {
        content: "\ee9d"
    }

    .Appkit4-icon.icon-mentions-fill:before {
        content: "\ee9e"
    }

    .Appkit4-icon.icon-object-fill:before {
        content: "\ee9f"
    }

    .Appkit4-icon.icon-notifications-off-fill:before {
        content: "\eea0"
    }

    .Appkit4-icon.icon-octagram-fill:before {
        content: "\eea1"
    }

    .Appkit4-icon.icon-org-chart-fill:before {
        content: "\eea2"
    }

    .Appkit4-icon.icon-palm-tree-fill:before {
        content: "\eea3"
    }

    .Appkit4-icon.icon-pen-fill:before {
        content: "\eea4"
    }

    .Appkit4-icon.icon-permitted-with-caution-fill:before {
        content: "\eea5"
    }

    .Appkit4-icon.icon-pinboard-fill:before {
        content: "\eea6"
    }

    .Appkit4-icon.icon-place-fill:before {
        content: "\eea7"
    }

    .Appkit4-icon.icon-poll-fill:before {
        content: "\eea8"
    }

    .Appkit4-icon.icon-placing-glass-fill:before {
        content: "\eea9"
    }

    .Appkit4-icon.icon-praise-gratitude-fill:before {
        content: "\eeaa"
    }

    .Appkit4-icon.icon-power-bi-report-fill:before {
        content: "\eeab"
    }

    .Appkit4-icon.icon-revert-fill:before {
        content: "\eeac"
    }

    .Appkit4-icon.icon-ribbon-1st-place-fill:before {
        content: "\eead"
    }

    .Appkit4-icon.icon-reject-fill:before {
        content: "\eeae"
    }

    .Appkit4-icon.icon-ribbon-2nd-place-fill:before {
        content: "\eeaf"
    }

    .Appkit4-icon.icon-ribbon-3rd-place-fill:before {
        content: "\eeb0"
    }

    .Appkit4-icon.icon-search-not-found-fill:before {
        content: "\eeb1"
    }

    .Appkit4-icon.icon-sections-fill:before {
        content: "\eeb2"
    }

    .Appkit4-icon.icon-selection-fill:before {
        content: "\eeb3"
    }

    .Appkit4-icon.icon-shield-check-fill:before {
        content: "\eeb4"
    }

    .Appkit4-icon.icon-shield-fill:before {
        content: "\eeb5"
    }

    .Appkit4-icon.icon-shield-half-fill:before {
        content: "\eeb6"
    }

    .Appkit4-icon.icon-shield-off-fill:before {
        content: "\eeb7"
    }

    .Appkit4-icon.icon-side-eyes-fill:before {
        content: "\eeb8"
    }

    .Appkit4-icon.icon-sign-off-fill:before {
        content: "\eeb9"
    }

    .Appkit4-icon.icon-site-link-fill:before {
        content: "\eeba"
    }

    .Appkit4-icon.icon-sitting-fill:before {
        content: "\eebb"
    }

    .Appkit4-icon.icon-smartphone-fill:before {
        content: "\eebc"
    }

    .Appkit4-icon.icon-speak-fill:before {
        content: "\eebd"
    }

    .Appkit4-icon.icon-star-fill:before {
        content: "\eebe"
    }

    .Appkit4-icon.icon-sticker-fill:before {
        content: "\eebf"
    }

    .Appkit4-icon.icon-strategy-fill:before {
        content: "\eec0"
    }

    .Appkit4-icon.icon-summary-prioritization-fill:before {
        content: "\eec1"
    }

    .Appkit4-icon.icon-survey-scale1-fill:before {
        content: "\eec2"
    }

    .Appkit4-icon.icon-survey-scale2-fill:before {
        content: "\eec3"
    }

    .Appkit4-icon.icon-survey-scale3-fill:before {
        content: "\eec4"
    }

    .Appkit4-icon.icon-survey-scale4-fill:before {
        content: "\eec5"
    }

    .Appkit4-icon.icon-survey-scale5-fill:before {
        content: "\eec6"
    }

    .Appkit4-icon.icon-tablet-fill:before {
        content: "\eec7"
    }

    .Appkit4-icon.icon-text-box-fill:before {
        content: "\eec8"
    }

    .Appkit4-icon.icon-text-fill:before {
        content: "\eec9"
    }

    .Appkit4-icon.icon-time-lapse-fill:before {
        content: "\eeca"
    }

    .Appkit4-icon.icon-tree-view-fill:before {
        content: "\eecb"
    }

    .Appkit4-icon.icon-trophy-fill:before {
        content: "\eecc"
    }

    .Appkit4-icon.icon-uncertainty-fill:before {
        content: "\eecd"
    }

    .Appkit4-icon.icon-update-fill:before {
        content: "\eece"
    }

    .Appkit4-icon.icon-user-inactive-fill:before {
        content: "\eecf"
    }

    .Appkit4-icon.icon-vector-fill:before {
        content: "\eed0"
    }

    .Appkit4-icon.icon-water-leak-fill:before {
        content: "\eed1"
    }

    .Appkit4-icon.icon-webcast-fill:before {
        content: "\eed2"
    }

    .Appkit4-icon.icon-website-fill:before {
        content: "\eed3"
    }

    .Appkit4-icon.icon-workout-fill:before {
        content: "\eed4"
    }

    .Appkit4-icon.icon-zoom-in-fill:before {
        content: "\eed5"
    }

    .Appkit4-icon.icon-zoom-out-fill:before {
        content: "\eed6"
    }

    .Appkit4-icon.icon-accept-outline:before {
        content: "\eed7"
    }

    .Appkit4-icon.icon-4lframework-outline:before {
        content: "\eed8"
    }

    .Appkit4-icon.icon-3dimensions-outline:before {
        content: "\eed9"
    }

    .Appkit4-icon.icon-account-alert-outline:before {
        content: "\eeda"
    }

    .Appkit4-icon.icon-account-box-outline:before {
        content: "\eedb"
    }

    .Appkit4-icon.icon-account-check-outline:before {
        content: "\eedc"
    }

    .Appkit4-icon.icon-account-convert-outline:before {
        content: "\eedd"
    }

    .Appkit4-icon.icon-account-switch-outline:before {
        content: "\eede"
    }

    .Appkit4-icon.icon-account-remove-outline:before {
        content: "\eedf"
    }

    .Appkit4-icon.icon-aggregate-outline:before {
        content: "\eee0"
    }

    .Appkit4-icon.icon-air-filter-outline:before {
        content: "\eee1"
    }

    .Appkit4-icon.icon-analysis-outline:before {
        content: "\eee2"
    }

    .Appkit4-icon.icon-arrow-down-bold-outline:before {
        content: "\eee3"
    }

    .Appkit4-icon.icon-arrow-up-bold-outline:before {
        content: "\eee4"
    }

    .Appkit4-icon.icon-ask-question-outline:before {
        content: "\eee5"
    }

    .Appkit4-icon.icon-award-ribbon-outline:before {
        content: "\eee6"
    }

    .Appkit4-icon.icon-biometrics-outline:before {
        content: "\eee7"
    }

    .Appkit4-icon.icon-budget-outline:before {
        content: "\eee8"
    }

    .Appkit4-icon.icon-book-outline:before {
        content: "\eee9"
    }

    .Appkit4-icon.icon-button-outline:before {
        content: "\eeea"
    }

    .Appkit4-icon.icon-calendar-clock-outline:before {
        content: "\eeeb"
    }

    .Appkit4-icon.icon-checkbox-outline:before {
        content: "\eeec"
    }

    .Appkit4-icon.icon-chevron-double-left-outline:before {
        content: "\eeed"
    }

    .Appkit4-icon.icon-chevron-double-right-outline:before {
        content: "\eeee"
    }

    .Appkit4-icon.icon-clapping-applause-outline:before {
        content: "\eeef"
    }

    .Appkit4-icon.icon-cloud-alert-outline:before {
        content: "\eef0"
    }

    .Appkit4-icon.icon-circle-star-outline:before {
        content: "\eef1"
    }

    .Appkit4-icon.icon-cloud-check-outline:before {
        content: "\eef2"
    }

    .Appkit4-icon.icon-cloud-clock-outline:before {
        content: "\eef3"
    }

    .Appkit4-icon.icon-cloud-disable-outline:before {
        content: "\eef4"
    }

    .Appkit4-icon.icon-cloud-delete-outline:before {
        content: "\eef5"
    }

    .Appkit4-icon.icon-commentary-outline:before {
        content: "\eef6"
    }

    .Appkit4-icon.icon-confetti-celebration-outline:before {
        content: "\eef7"
    }

    .Appkit4-icon.icon-cloud-loading-outline:before {
        content: "\eef8"
    }

    .Appkit4-icon.icon-container-outline:before {
        content: "\eef9"
    }

    .Appkit4-icon.icon-dashboard-outline:before {
        content: "\eefa"
    }

    .Appkit4-icon.icon-currency-exchange-outline:before {
        content: "\eefb"
    }

    .Appkit4-icon.icon-database-search-outline:before {
        content: "\eefc"
    }

    .Appkit4-icon.icon-dictionary-outline:before {
        content: "\eefd"
    }

    .Appkit4-icon.icon-cookie-outline:before {
        content: "\eefe"
    }

    .Appkit4-icon.icon-document-alert-outline:before {
        content: "\eeff"
    }

    .Appkit4-icon.icon-document-download-outline:before {
        content: "\ef00"
    }

    .Appkit4-icon.icon-document-export-outline:before {
        content: "\ef01"
    }

    .Appkit4-icon.icon-document-file-outline:before {
        content: "\ef02"
    }

    .Appkit4-icon.icon-document-multiple-outline:before {
        content: "\ef03"
    }

    .Appkit4-icon.icon-document-link-outline:before {
        content: "\ef04"
    }

    .Appkit4-icon.icon-document-policies-outline:before {
        content: "\ef05"
    }

    .Appkit4-icon.icon-extend-outline:before {
        content: "\ef06"
    }

    .Appkit4-icon.icon-document-send-outline:before {
        content: "\ef07"
    }

    .Appkit4-icon.icon-exclamation-outline:before {
        content: "\ef08"
    }

    .Appkit4-icon.icon-fire-outline:before {
        content: "\ef09"
    }

    .Appkit4-icon.icon-flower-outline:before {
        content: "\ef0a"
    }

    .Appkit4-icon.icon-folder-download-outline:before {
        content: "\ef0b"
    }

    .Appkit4-icon.icon-flash-drive-outline:before {
        content: "\ef0c"
    }

    .Appkit4-icon.icon-folder-open-angled-outline:before {
        content: "\ef0d"
    }

    .Appkit4-icon.icon-folder-plus-outline:before {
        content: "\ef0e"
    }

    .Appkit4-icon.icon-footer-outline:before {
        content: "\ef0f"
    }

    .Appkit4-icon.icon-filter-remove-outline:before {
        content: "\ef10"
    }

    .Appkit4-icon.icon-gift-outline:before {
        content: "\ef11"
    }

    .Appkit4-icon.icon-group-outline:before {
        content: "\ef12"
    }

    .Appkit4-icon.icon-hashtag-outline:before {
        content: "\ef13"
    }

    .Appkit4-icon.icon-hazard-outline:before {
        content: "\ef14"
    }

    .Appkit4-icon.icon-header-outline:before {
        content: "\ef15"
    }

    .Appkit4-icon.icon-flags-outline:before {
        content: "\ef16"
    }

    .Appkit4-icon.icon-holding-glass-outline:before {
        content: "\ef17"
    }

    .Appkit4-icon.icon-home-filter-outline:before {
        content: "\ef18"
    }

    .Appkit4-icon.icon-information-letter-outline:before {
        content: "\ef19"
    }

    .Appkit4-icon.icon-kanban-outline:before {
        content: "\ef1a"
    }

    .Appkit4-icon.icon-key-change-outline:before {
        content: "\ef1b"
    }

    .Appkit4-icon.icon-kpi-outline:before {
        content: "\ef1c"
    }

    .Appkit4-icon.icon-lens-aperture-outline:before {
        content: "\ef1d"
    }

    .Appkit4-icon.icon-list-format-outline:before {
        content: "\ef1e"
    }

    .Appkit4-icon.icon-list-play-outline:before {
        content: "\ef1f"
    }

    .Appkit4-icon.icon-lock-off-outline:before {
        content: "\ef20"
    }

    .Appkit4-icon.icon-manage-resources-outline:before {
        content: "\ef21"
    }

    .Appkit4-icon.icon-mailbox-outline:before {
        content: "\ef22"
    }

    .Appkit4-icon.icon-map-location-outline:before {
        content: "\ef23"
    }

    .Appkit4-icon.icon-map-outline:before {
        content: "\ef24"
    }

    .Appkit4-icon.icon-mute-outline:before {
        content: "\ef25"
    }

    .Appkit4-icon.icon-mentions-outline:before {
        content: "\ef26"
    }

    .Appkit4-icon.icon-notifications-first-outline:before {
        content: "\ef27"
    }

    .Appkit4-icon.icon-notifications-off-outline:before {
        content: "\ef28"
    }

    .Appkit4-icon.icon-notifications-alert-outline:before {
        content: "\ef29"
    }

    .Appkit4-icon.icon-object-outline:before {
        content: "\ef2a"
    }

    .Appkit4-icon.icon-org-chart-outline:before {
        content: "\ef2b"
    }

    .Appkit4-icon.icon-octagram-outline:before {
        content: "\ef2c"
    }

    .Appkit4-icon.icon-pen-outline:before {
        content: "\ef2d"
    }

    .Appkit4-icon.icon-permitted-with-caution-outline:before {
        content: "\ef2e"
    }

    .Appkit4-icon.icon-pinboard-outline:before {
        content: "\ef2f"
    }

    .Appkit4-icon.icon-placing-glass-outline:before {
        content: "\ef30"
    }

    .Appkit4-icon.icon-place-outline:before {
        content: "\ef31"
    }

    .Appkit4-icon.icon-power-bi-report-outline:before {
        content: "\ef32"
    }

    .Appkit4-icon.icon-poll-outline:before {
        content: "\ef33"
    }

    .Appkit4-icon.icon-reject-outline:before {
        content: "\ef34"
    }

    .Appkit4-icon.icon-revert-outline:before {
        content: "\ef35"
    }

    .Appkit4-icon.icon-praise-gratitude-outline:before {
        content: "\ef36"
    }

    .Appkit4-icon.icon-ribbon-1st-place-outline:before {
        content: "\ef37"
    }

    .Appkit4-icon.icon-palm-tree-outline:before {
        content: "\ef38"
    }

    .Appkit4-icon.icon-ribbon-3rd-place-outline:before {
        content: "\ef39"
    }

    .Appkit4-icon.icon-ribbon-2nd-place-outline:before {
        content: "\ef3a"
    }

    .Appkit4-icon.icon-search-not-found-outline:before {
        content: "\ef3b"
    }

    .Appkit4-icon.icon-sections-outline:before {
        content: "\ef3c"
    }

    .Appkit4-icon.icon-selection-outline:before {
        content: "\ef3d"
    }

    .Appkit4-icon.icon-shield-check-outline:before {
        content: "\ef3e"
    }

    .Appkit4-icon.icon-shield-half-outline:before {
        content: "\ef3f"
    }

    .Appkit4-icon.icon-shield-off-outline:before {
        content: "\ef40"
    }

    .Appkit4-icon.icon-shield-outline:before {
        content: "\ef41"
    }

    .Appkit4-icon.icon-side-eyes-outline:before {
        content: "\ef42"
    }

    .Appkit4-icon.icon-sign-off-outline:before {
        content: "\ef43"
    }

    .Appkit4-icon.icon-site-link-outline:before {
        content: "\ef44"
    }

    .Appkit4-icon.icon-sitting-outline:before {
        content: "\ef45"
    }

    .Appkit4-icon.icon-smartphone-outline:before {
        content: "\ef46"
    }

    .Appkit4-icon.icon-speak-outline:before {
        content: "\ef47"
    }

    .Appkit4-icon.icon-sticker-outline:before {
        content: "\ef48"
    }

    .Appkit4-icon.icon-strategy-outline:before {
        content: "\ef49"
    }

    .Appkit4-icon.icon-summary-prioritization-outline:before {
        content: "\ef4a"
    }

    .Appkit4-icon.icon-survey-scale1-outline:before {
        content: "\ef4b"
    }

    .Appkit4-icon.icon-survey-scale2-outline:before {
        content: "\ef4c"
    }

    .Appkit4-icon.icon-survey-scale3-outline:before {
        content: "\ef4d"
    }

    .Appkit4-icon.icon-survey-scale4-outline:before {
        content: "\ef4e"
    }

    .Appkit4-icon.icon-survey-scale5-outline:before {
        content: "\ef4f"
    }

    .Appkit4-icon.icon-tablet-outline:before {
        content: "\ef50"
    }

    .Appkit4-icon.icon-text-box-outline:before {
        content: "\ef51"
    }

    .Appkit4-icon.icon-text-outline:before {
        content: "\ef52"
    }

    .Appkit4-icon.icon-time-lapse-outline:before {
        content: "\ef53"
    }

    .Appkit4-icon.icon-tree-view-outline:before {
        content: "\ef54"
    }

    .Appkit4-icon.icon-trophy-outline:before {
        content: "\ef55"
    }

    .Appkit4-icon.icon-uncertainty-outline:before {
        content: "\ef56"
    }

    .Appkit4-icon.icon-update-outline:before {
        content: "\ef57"
    }

    .Appkit4-icon.icon-user-inactive-outline:before {
        content: "\ef58"
    }

    .Appkit4-icon.icon-vector-outline:before {
        content: "\ef59"
    }

    .Appkit4-icon.icon-water-leak-outline:before {
        content: "\ef5a"
    }

    .Appkit4-icon.icon-webcast-outline:before {
        content: "\ef5b"
    }

    .Appkit4-icon.icon-website-outline:before {
        content: "\ef5c"
    }

    .Appkit4-icon.icon-workout-outline:before {
        content: "\ef5d"
    }

    .Appkit4-icon.icon-zoom-in-outline:before {
        content: "\ef5e"
    }

    .Appkit4-icon.icon-zoom-out-outline:before {
        content: "\ef5f"
    }

body.no-outline :focus, body.no-outline a:focus {
    outline: 0
}

[tooltip] {
    position: fixed;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-2);
    -webkit-backdrop-filter: var(--blur-2);
    backdrop-filter: var(--blur-2);
    background-color: rgba(var(--color-background-container-inverse-rgb),.72);
    transition: transform .3s,visibility .3s,opacity .3s;
    visibility: visible;
    z-index: 10000;
    max-width: 15rem;
    color: var(--color-background-alt);
    font-size: .875rem;
    line-height: 1rem
}

    [tooltip] .ap-tooltip-text {
        color: var(--color-background-alt);
        font-size: .875rem;
        line-height: 1rem
    }

    [tooltip]:not(.show) {
        visibility: hidden;
        opacity: 0
    }

        [tooltip]:not(.show).right {
            transform: translate(-.3125rem)
        }

        [tooltip]:not(.show).left {
            transform: translate(.3125rem)
        }

        [tooltip]:not(.show).top {
            transform: translateY(.3125rem)
        }

        [tooltip]:not(.show).bottom {
            transform: translateY(-.3125rem)
        }

.ap-container, .ap-container-fluid, .ap-container-lg, .ap-container-md, .ap-container-sm {
    width: 100%;
    padding-right: var(--ap-gutter-x, .5rem);
    padding-left: var(--ap-gutter-x, .5rem);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 600px) {
    .ap-container-sm, .ap-container {
        max-width: 600px
    }
}

@media (min-width: 1240px) {
    .ap-container-md, .ap-container-sm, .ap-container {
        max-width: 1240px
    }
}

@media (min-width: 1440px) {
    .ap-container-lg, .ap-container-md, .ap-container-sm, .ap-container {
        max-width: 1440px
    }
}

.ap-container .row {
    --ap-gutter-x: 1rem;
    --ap-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--ap-gutter-y));
    margin-right: calc(-.5 * var(--ap-gutter-x));
    margin-left: calc(-.5 * var(--ap-gutter-x))
}

    .ap-container .row .col {
        flex: 1 0 0%
    }

    .ap-container .row .row-cols-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .row-cols-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .row-cols-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .row-cols-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .ap-container .row .row-cols-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .row-cols-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .ap-container .row .row-cols-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .ap-container .row .col-auto {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .ap-container .row .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ap-container .row .col-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ap-container .row .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ap-container .row .col-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .ap-container .row .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .ap-container .row .col-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .ap-container .row .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .ap-container .row .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .ap-container .row .col-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .offset-1 {
        margin-left: 8.33333333%
    }

    .ap-container .row .offset-2 {
        margin-left: 16.66666667%
    }

    .ap-container .row .offset-3 {
        margin-left: 25%
    }

    .ap-container .row .offset-4 {
        margin-left: 33.33333333%
    }

    .ap-container .row .offset-5 {
        margin-left: 41.66666667%
    }

    .ap-container .row .offset-6 {
        margin-left: 50%
    }

    .ap-container .row .offset-7 {
        margin-left: 58.33333333%
    }

    .ap-container .row .offset-8 {
        margin-left: 66.66666667%
    }

    .ap-container .row .offset-9 {
        margin-left: 75%
    }

    .ap-container .row .offset-10 {
        margin-left: 83.33333333%
    }

    .ap-container .row .offset-11 {
        margin-left: 91.66666667%
    }

    .ap-container .row .g-0, .ap-container .row .gx-0 {
        --ap-gutter-x: 0
    }

    .ap-container .row .g-0, .ap-container .row .gy-0 {
        --ap-gutter-y: 0
    }

    .ap-container .row .g-1, .ap-container .row .gx-1 {
        --ap-gutter-x: .5rem
    }

    .ap-container .row .g-1, .ap-container .row .gy-1 {
        --ap-gutter-y: .5rem
    }

    .ap-container .row .g-2, .ap-container .row .gx-2 {
        --ap-gutter-x: 1rem
    }

    .ap-container .row .g-2, .ap-container .row .gy-2 {
        --ap-gutter-y: 1rem
    }

    .ap-container .row .g-3, .ap-container .row .gx-3 {
        --ap-gutter-x: 1.5rem
    }

    .ap-container .row .g-3, .ap-container .row .gy-3 {
        --ap-gutter-y: 1.5rem
    }

    .ap-container .row .g-4, .ap-container .row .gx-4 {
        --ap-gutter-x: 2rem
    }

    .ap-container .row .g-4, .ap-container .row .gy-4 {
        --ap-gutter-y: 2rem
    }

    .ap-container .row .g-5, .ap-container .row .gx-5 {
        --ap-gutter-x: 2.5rem
    }

    .ap-container .row .g-5, .ap-container .row .gy-5 {
        --ap-gutter-y: 2.5rem
    }

    .ap-container .row .g-6, .ap-container .row .gx-6 {
        --ap-gutter-x: 3rem
    }

    .ap-container .row .g-6, .ap-container .row .gy-6 {
        --ap-gutter-y: 3rem
    }

    .ap-container .row .g-7, .ap-container .row .gx-7 {
        --ap-gutter-x: 3.5rem
    }

    .ap-container .row .g-7, .ap-container .row .gy-7 {
        --ap-gutter-y: 3.5rem
    }

@media (min-width: 600px) {
    .ap-container .row .col-sm {
        flex: 1 0 0%
    }

    .ap-container .row .row-cols-sm-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .row-cols-sm-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .row-cols-sm-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .row-cols-sm-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .ap-container .row .row-cols-sm-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .row-cols-sm-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .ap-container .row .row-cols-sm-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .ap-container .row .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .ap-container .row .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ap-container .row .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ap-container .row .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ap-container .row .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .ap-container .row .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .ap-container .row .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .ap-container .row .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .ap-container .row .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .ap-container .row .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .offset-sm-0 {
        margin-left: 0
    }

    .ap-container .row .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .ap-container .row .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .ap-container .row .offset-sm-3 {
        margin-left: 25%
    }

    .ap-container .row .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .ap-container .row .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .ap-container .row .offset-sm-6 {
        margin-left: 50%
    }

    .ap-container .row .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .ap-container .row .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .ap-container .row .offset-sm-9 {
        margin-left: 75%
    }

    .ap-container .row .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .ap-container .row .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .ap-container .row .g-sm-0, .ap-container .row .gx-sm-0 {
        --ap-gutter-x: 0
    }

    .ap-container .row .g-sm-0, .ap-container .row .gy-sm-0 {
        --ap-gutter-y: 0
    }

    .ap-container .row .g-sm-1, .ap-container .row .gx-sm-1 {
        --ap-gutter-x: .5rem
    }

    .ap-container .row .g-sm-1, .ap-container .row .gy-sm-1 {
        --ap-gutter-y: .5rem
    }

    .ap-container .row .g-sm-2, .ap-container .row .gx-sm-2 {
        --ap-gutter-x: 1rem
    }

    .ap-container .row .g-sm-2, .ap-container .row .gy-sm-2 {
        --ap-gutter-y: 1rem
    }

    .ap-container .row .g-sm-3, .ap-container .row .gx-sm-3 {
        --ap-gutter-x: 1.5rem
    }

    .ap-container .row .g-sm-3, .ap-container .row .gy-sm-3 {
        --ap-gutter-y: 1.5rem
    }

    .ap-container .row .g-sm-4, .ap-container .row .gx-sm-4 {
        --ap-gutter-x: 2rem
    }

    .ap-container .row .g-sm-4, .ap-container .row .gy-sm-4 {
        --ap-gutter-y: 2rem
    }

    .ap-container .row .g-sm-5, .ap-container .row .gx-sm-5 {
        --ap-gutter-x: 2.5rem
    }

    .ap-container .row .g-sm-5, .ap-container .row .gy-sm-5 {
        --ap-gutter-y: 2.5rem
    }

    .ap-container .row .g-sm-6, .ap-container .row .gx-sm-6 {
        --ap-gutter-x: 3rem
    }

    .ap-container .row .g-sm-6, .ap-container .row .gy-sm-6 {
        --ap-gutter-y: 3rem
    }

    .ap-container .row .g-sm-7, .ap-container .row .gx-sm-7 {
        --ap-gutter-x: 3.5rem
    }

    .ap-container .row .g-sm-7, .ap-container .row .gy-sm-7 {
        --ap-gutter-y: 3.5rem
    }
}

@media (min-width: 1240px) {
    .ap-container .row .col-md {
        flex: 1 0 0%
    }

    .ap-container .row .row-cols-md-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .row-cols-md-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .row-cols-md-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .row-cols-md-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .ap-container .row .row-cols-md-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .row-cols-md-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .ap-container .row .row-cols-md-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .ap-container .row .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .ap-container .row .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ap-container .row .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ap-container .row .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ap-container .row .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .ap-container .row .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .ap-container .row .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .ap-container .row .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .ap-container .row .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .ap-container .row .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .offset-md-0 {
        margin-left: 0
    }

    .ap-container .row .offset-md-1 {
        margin-left: 8.33333333%
    }

    .ap-container .row .offset-md-2 {
        margin-left: 16.66666667%
    }

    .ap-container .row .offset-md-3 {
        margin-left: 25%
    }

    .ap-container .row .offset-md-4 {
        margin-left: 33.33333333%
    }

    .ap-container .row .offset-md-5 {
        margin-left: 41.66666667%
    }

    .ap-container .row .offset-md-6 {
        margin-left: 50%
    }

    .ap-container .row .offset-md-7 {
        margin-left: 58.33333333%
    }

    .ap-container .row .offset-md-8 {
        margin-left: 66.66666667%
    }

    .ap-container .row .offset-md-9 {
        margin-left: 75%
    }

    .ap-container .row .offset-md-10 {
        margin-left: 83.33333333%
    }

    .ap-container .row .offset-md-11 {
        margin-left: 91.66666667%
    }

    .ap-container .row .g-md-0, .ap-container .row .gx-md-0 {
        --ap-gutter-x: 0
    }

    .ap-container .row .g-md-0, .ap-container .row .gy-md-0 {
        --ap-gutter-y: 0
    }

    .ap-container .row .g-md-1, .ap-container .row .gx-md-1 {
        --ap-gutter-x: .5rem
    }

    .ap-container .row .g-md-1, .ap-container .row .gy-md-1 {
        --ap-gutter-y: .5rem
    }

    .ap-container .row .g-md-2, .ap-container .row .gx-md-2 {
        --ap-gutter-x: 1rem
    }

    .ap-container .row .g-md-2, .ap-container .row .gy-md-2 {
        --ap-gutter-y: 1rem
    }

    .ap-container .row .g-md-3, .ap-container .row .gx-md-3 {
        --ap-gutter-x: 1.5rem
    }

    .ap-container .row .g-md-3, .ap-container .row .gy-md-3 {
        --ap-gutter-y: 1.5rem
    }

    .ap-container .row .g-md-4, .ap-container .row .gx-md-4 {
        --ap-gutter-x: 2rem
    }

    .ap-container .row .g-md-4, .ap-container .row .gy-md-4 {
        --ap-gutter-y: 2rem
    }

    .ap-container .row .g-md-5, .ap-container .row .gx-md-5 {
        --ap-gutter-x: 2.5rem
    }

    .ap-container .row .g-md-5, .ap-container .row .gy-md-5 {
        --ap-gutter-y: 2.5rem
    }

    .ap-container .row .g-md-6, .ap-container .row .gx-md-6 {
        --ap-gutter-x: 3rem
    }

    .ap-container .row .g-md-6, .ap-container .row .gy-md-6 {
        --ap-gutter-y: 3rem
    }

    .ap-container .row .g-md-7, .ap-container .row .gx-md-7 {
        --ap-gutter-x: 3.5rem
    }

    .ap-container .row .g-md-7, .ap-container .row .gy-md-7 {
        --ap-gutter-y: 3.5rem
    }
}

@media (min-width: 1440px) {
    .ap-container .row .col-lg {
        flex: 1 0 0%
    }

    .ap-container .row .row-cols-lg-auto > * {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .row-cols-lg-1 > * {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .row-cols-lg-2 > * {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .row-cols-lg-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .ap-container .row .row-cols-lg-4 > * {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .row-cols-lg-5 > * {
        flex: 0 0 auto;
        width: 20%
    }

    .ap-container .row .row-cols-lg-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .ap-container .row .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .ap-container .row .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .ap-container .row .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .ap-container .row .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .ap-container .row .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .ap-container .row .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .ap-container .row .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .ap-container .row .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .ap-container .row .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .ap-container .row .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .ap-container .row .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .ap-container .row .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .ap-container .row .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .ap-container .row .offset-lg-0 {
        margin-left: 0
    }

    .ap-container .row .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .ap-container .row .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .ap-container .row .offset-lg-3 {
        margin-left: 25%
    }

    .ap-container .row .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .ap-container .row .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .ap-container .row .offset-lg-6 {
        margin-left: 50%
    }

    .ap-container .row .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .ap-container .row .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .ap-container .row .offset-lg-9 {
        margin-left: 75%
    }

    .ap-container .row .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .ap-container .row .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .ap-container .row .g-lg-0, .ap-container .row .gx-lg-0 {
        --ap-gutter-x: 0
    }

    .ap-container .row .g-lg-0, .ap-container .row .gy-lg-0 {
        --ap-gutter-y: 0
    }

    .ap-container .row .g-lg-1, .ap-container .row .gx-lg-1 {
        --ap-gutter-x: .5rem
    }

    .ap-container .row .g-lg-1, .ap-container .row .gy-lg-1 {
        --ap-gutter-y: .5rem
    }

    .ap-container .row .g-lg-2, .ap-container .row .gx-lg-2 {
        --ap-gutter-x: 1rem
    }

    .ap-container .row .g-lg-2, .ap-container .row .gy-lg-2 {
        --ap-gutter-y: 1rem
    }

    .ap-container .row .g-lg-3, .ap-container .row .gx-lg-3 {
        --ap-gutter-x: 1.5rem
    }

    .ap-container .row .g-lg-3, .ap-container .row .gy-lg-3 {
        --ap-gutter-y: 1.5rem
    }

    .ap-container .row .g-lg-4, .ap-container .row .gx-lg-4 {
        --ap-gutter-x: 2rem
    }

    .ap-container .row .g-lg-4, .ap-container .row .gy-lg-4 {
        --ap-gutter-y: 2rem
    }

    .ap-container .row .g-lg-5, .ap-container .row .gx-lg-5 {
        --ap-gutter-x: 2.5rem
    }

    .ap-container .row .g-lg-5, .ap-container .row .gy-lg-5 {
        --ap-gutter-y: 2.5rem
    }

    .ap-container .row .g-lg-6, .ap-container .row .gx-lg-6 {
        --ap-gutter-x: 3rem
    }

    .ap-container .row .g-lg-6, .ap-container .row .gy-lg-6 {
        --ap-gutter-y: 3rem
    }

    .ap-container .row .g-lg-7, .ap-container .row .gx-lg-7 {
        --ap-gutter-x: 3.5rem
    }

    .ap-container .row .g-lg-7, .ap-container .row .gy-lg-7 {
        --ap-gutter-y: 3.5rem
    }
}

.ap-container .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--ap-gutter-x) * .5);
    padding-left: calc(var(--ap-gutter-x) * .5);
    margin-top: var(--ap-gutter-y)
}

.ap-grid {
    display: grid;
    grid-template-rows: repeat(var(--ap-rows, 1),1fr);
    grid-template-columns: repeat(var(--ap-columns, 12),1fr);
    gap: var(--ap-gap, 1rem)
}

    .ap-grid .g-col-1 {
        grid-column: auto/span 1
    }

    .ap-grid .g-col-2 {
        grid-column: auto/span 2
    }

    .ap-grid .g-col-3 {
        grid-column: auto/span 3
    }

    .ap-grid .g-col-4 {
        grid-column: auto/span 4
    }

    .ap-grid .g-col-5 {
        grid-column: auto/span 5
    }

    .ap-grid .g-col-6 {
        grid-column: auto/span 6
    }

    .ap-grid .g-col-7 {
        grid-column: auto/span 7
    }

    .ap-grid .g-col-8 {
        grid-column: auto/span 8
    }

    .ap-grid .g-col-9 {
        grid-column: auto/span 9
    }

    .ap-grid .g-col-10 {
        grid-column: auto/span 10
    }

    .ap-grid .g-col-11 {
        grid-column: auto/span 11
    }

    .ap-grid .g-col-12 {
        grid-column: auto/span 12
    }

    .ap-grid .g-start-1 {
        grid-column-start: 1
    }

    .ap-grid .g-start-2 {
        grid-column-start: 2
    }

    .ap-grid .g-start-3 {
        grid-column-start: 3
    }

    .ap-grid .g-start-4 {
        grid-column-start: 4
    }

    .ap-grid .g-start-5 {
        grid-column-start: 5
    }

    .ap-grid .g-start-6 {
        grid-column-start: 6
    }

    .ap-grid .g-start-7 {
        grid-column-start: 7
    }

    .ap-grid .g-start-8 {
        grid-column-start: 8
    }

    .ap-grid .g-start-9 {
        grid-column-start: 9
    }

    .ap-grid .g-start-10 {
        grid-column-start: 10
    }

    .ap-grid .g-start-11 {
        grid-column-start: 11
    }

@media (min-width: 600px) {
    .ap-grid .g-col-sm-1 {
        grid-column: auto/span 1
    }

    .ap-grid .g-col-sm-2 {
        grid-column: auto/span 2
    }

    .ap-grid .g-col-sm-3 {
        grid-column: auto/span 3
    }

    .ap-grid .g-col-sm-4 {
        grid-column: auto/span 4
    }

    .ap-grid .g-col-sm-5 {
        grid-column: auto/span 5
    }

    .ap-grid .g-col-sm-6 {
        grid-column: auto/span 6
    }

    .ap-grid .g-col-sm-7 {
        grid-column: auto/span 7
    }

    .ap-grid .g-col-sm-8 {
        grid-column: auto/span 8
    }

    .ap-grid .g-col-sm-9 {
        grid-column: auto/span 9
    }

    .ap-grid .g-col-sm-10 {
        grid-column: auto/span 10
    }

    .ap-grid .g-col-sm-11 {
        grid-column: auto/span 11
    }

    .ap-grid .g-col-sm-12 {
        grid-column: auto/span 12
    }

    .ap-grid .g-start-sm-1 {
        grid-column-start: 1
    }

    .ap-grid .g-start-sm-2 {
        grid-column-start: 2
    }

    .ap-grid .g-start-sm-3 {
        grid-column-start: 3
    }

    .ap-grid .g-start-sm-4 {
        grid-column-start: 4
    }

    .ap-grid .g-start-sm-5 {
        grid-column-start: 5
    }

    .ap-grid .g-start-sm-6 {
        grid-column-start: 6
    }

    .ap-grid .g-start-sm-7 {
        grid-column-start: 7
    }

    .ap-grid .g-start-sm-8 {
        grid-column-start: 8
    }

    .ap-grid .g-start-sm-9 {
        grid-column-start: 9
    }

    .ap-grid .g-start-sm-10 {
        grid-column-start: 10
    }

    .ap-grid .g-start-sm-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1240px) {
    .ap-grid .g-col-md-1 {
        grid-column: auto/span 1
    }

    .ap-grid .g-col-md-2 {
        grid-column: auto/span 2
    }

    .ap-grid .g-col-md-3 {
        grid-column: auto/span 3
    }

    .ap-grid .g-col-md-4 {
        grid-column: auto/span 4
    }

    .ap-grid .g-col-md-5 {
        grid-column: auto/span 5
    }

    .ap-grid .g-col-md-6 {
        grid-column: auto/span 6
    }

    .ap-grid .g-col-md-7 {
        grid-column: auto/span 7
    }

    .ap-grid .g-col-md-8 {
        grid-column: auto/span 8
    }

    .ap-grid .g-col-md-9 {
        grid-column: auto/span 9
    }

    .ap-grid .g-col-md-10 {
        grid-column: auto/span 10
    }

    .ap-grid .g-col-md-11 {
        grid-column: auto/span 11
    }

    .ap-grid .g-col-md-12 {
        grid-column: auto/span 12
    }

    .ap-grid .g-start-md-1 {
        grid-column-start: 1
    }

    .ap-grid .g-start-md-2 {
        grid-column-start: 2
    }

    .ap-grid .g-start-md-3 {
        grid-column-start: 3
    }

    .ap-grid .g-start-md-4 {
        grid-column-start: 4
    }

    .ap-grid .g-start-md-5 {
        grid-column-start: 5
    }

    .ap-grid .g-start-md-6 {
        grid-column-start: 6
    }

    .ap-grid .g-start-md-7 {
        grid-column-start: 7
    }

    .ap-grid .g-start-md-8 {
        grid-column-start: 8
    }

    .ap-grid .g-start-md-9 {
        grid-column-start: 9
    }

    .ap-grid .g-start-md-10 {
        grid-column-start: 10
    }

    .ap-grid .g-start-md-11 {
        grid-column-start: 11
    }
}

@media (min-width: 1440px) {
    .ap-grid .g-col-lg-1 {
        grid-column: auto/span 1
    }

    .ap-grid .g-col-lg-2 {
        grid-column: auto/span 2
    }

    .ap-grid .g-col-lg-3 {
        grid-column: auto/span 3
    }

    .ap-grid .g-col-lg-4 {
        grid-column: auto/span 4
    }

    .ap-grid .g-col-lg-5 {
        grid-column: auto/span 5
    }

    .ap-grid .g-col-lg-6 {
        grid-column: auto/span 6
    }

    .ap-grid .g-col-lg-7 {
        grid-column: auto/span 7
    }

    .ap-grid .g-col-lg-8 {
        grid-column: auto/span 8
    }

    .ap-grid .g-col-lg-9 {
        grid-column: auto/span 9
    }

    .ap-grid .g-col-lg-10 {
        grid-column: auto/span 10
    }

    .ap-grid .g-col-lg-11 {
        grid-column: auto/span 11
    }

    .ap-grid .g-col-lg-12 {
        grid-column: auto/span 12
    }

    .ap-grid .g-start-lg-1 {
        grid-column-start: 1
    }

    .ap-grid .g-start-lg-2 {
        grid-column-start: 2
    }

    .ap-grid .g-start-lg-3 {
        grid-column-start: 3
    }

    .ap-grid .g-start-lg-4 {
        grid-column-start: 4
    }

    .ap-grid .g-start-lg-5 {
        grid-column-start: 5
    }

    .ap-grid .g-start-lg-6 {
        grid-column-start: 6
    }

    .ap-grid .g-start-lg-7 {
        grid-column-start: 7
    }

    .ap-grid .g-start-lg-8 {
        grid-column-start: 8
    }

    .ap-grid .g-start-lg-9 {
        grid-column-start: 9
    }

    .ap-grid .g-start-lg-10 {
        grid-column-start: 10
    }

    .ap-grid .g-start-lg-11 {
        grid-column-start: 11
    }
}

@media (min-width: 0) and (max-width: 600px) {
    .row:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 1rem
    }

    .ap-container:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 1.5rem
    }

    .ap-grid {
        --ap-rows: 1;
        --ap-columns: 12;
        --ap-gap: 1rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (min-width: 600px) and (max-width: 1240px) {
    .ap-container .row:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 1.5rem
    }

    .ap-container:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 1.5rem
    }

    .ap-grid {
        --ap-rows: 1;
        --ap-columns: 12;
        --ap-gap: 1.5rem;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (min-width: 1240px) and (max-width: 1440px) {
    .ap-container .row:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 1.5rem
    }

    .ap-container:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 2rem
    }

    .ap-grid {
        --ap-rows: 1;
        --ap-columns: 12;
        --ap-gap: 1.5rem;
        margin-left: 2rem;
        margin-right: 2rem
    }
}

@media (min-width: 1440px) {
    .ap-container .row:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 2rem
    }

    .ap-container:not(.g-0):not(.gx-0) {
        --ap-gutter-x: 2.5rem
    }

    .ap-grid {
        --ap-rows: 1;
        --ap-columns: 12;
        --ap-gap: 2rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
}

.ap-container .align-baseline {
    vertical-align: baseline !important
}

.ap-container .align-top {
    vertical-align: top !important
}

.ap-container .align-middle {
    vertical-align: middle !important
}

.ap-container .align-bottom {
    vertical-align: bottom !important
}

.ap-container .align-text-bottom {
    vertical-align: text-bottom !important
}

.ap-container .align-text-top {
    vertical-align: text-top !important
}

.ap-container .float-start {
    float: left !important
}

.ap-container .float-end {
    float: right !important
}

.ap-container .float-none {
    float: none !important
}

.ap-container .opacity-0 {
    opacity: 0 !important
}

.ap-container .opacity-25 {
    opacity: .25 !important
}

.ap-container .opacity-50 {
    opacity: .5 !important
}

.ap-container .opacity-75 {
    opacity: .75 !important
}

.ap-container .opacity-100 {
    opacity: 1 !important
}

.ap-container .overflow-auto {
    overflow: auto !important
}

.ap-container .overflow-hidden {
    overflow: hidden !important
}

.ap-container .overflow-visible {
    overflow: visible !important
}

.ap-container .overflow-scroll {
    overflow: scroll !important
}

.ap-container .d-inline {
    display: inline !important
}

.ap-container .d-inline-block {
    display: inline-block !important
}

.ap-container .d-block {
    display: block !important
}

.ap-container .d-grid {
    display: grid !important
}

.ap-container .d-table {
    display: table !important
}

.ap-container .d-table-row {
    display: table-row !important
}

.ap-container .d-table-cell {
    display: table-cell !important
}

.ap-container .d-flex {
    display: flex !important
}

.ap-container .d-inline-flex {
    display: inline-flex !important
}

.ap-container .d-none {
    display: none !important
}

.ap-container .w-25 {
    width: 25% !important
}

.ap-container .w-50 {
    width: 50% !important
}

.ap-container .w-75 {
    width: 75% !important
}

.ap-container .w-100 {
    width: 100% !important
}

.ap-container .w-auto {
    width: auto !important
}

.ap-container .mw-100 {
    max-width: 100% !important
}

.ap-container .vw-100 {
    width: 100vw !important
}

.ap-container .min-vw-100 {
    min-width: 100vw !important
}

.ap-container .h-25 {
    height: 25% !important
}

.ap-container .h-50 {
    height: 50% !important
}

.ap-container .h-75 {
    height: 75% !important
}

.ap-container .h-100 {
    height: 100% !important
}

.ap-container .h-auto {
    height: auto !important
}

.ap-container .mh-100 {
    max-height: 100% !important
}

.ap-container .vh-100 {
    height: 100vh !important
}

.ap-container .min-vh-100 {
    min-height: 100vh !important
}

.ap-container .flex-fill {
    flex: 1 1 auto !important
}

.ap-container .flex-row {
    flex-direction: row !important
}

.ap-container .flex-column {
    flex-direction: column !important
}

.ap-container .flex-row-reverse {
    flex-direction: row-reverse !important
}

.ap-container .flex-column-reverse {
    flex-direction: column-reverse !important
}

.ap-container .flex-grow-0 {
    flex-grow: 0 !important
}

.ap-container .flex-grow-1 {
    flex-grow: 1 !important
}

.ap-container .flex-shrink-0 {
    flex-shrink: 0 !important
}

.ap-container .flex-shrink-1 {
    flex-shrink: 1 !important
}

.ap-container .flex-wrap {
    flex-wrap: wrap !important
}

.ap-container .flex-nowrap {
    flex-wrap: nowrap !important
}

.ap-container .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.ap-container .gap-0 {
    gap: 0 !important
}

.ap-container .gap-1 {
    gap: .5rem !important
}

.ap-container .gap-2 {
    gap: 1rem !important
}

.ap-container .gap-3 {
    gap: 1.5rem !important
}

.ap-container .gap-4 {
    gap: 2rem !important
}

.ap-container .gap-5 {
    gap: 2.5rem !important
}

.ap-container .gap-6 {
    gap: 3rem !important
}

.ap-container .gap-7 {
    gap: 3.5rem !important
}

.ap-container .justify-content-start {
    justify-content: flex-start !important
}

.ap-container .justify-content-end {
    justify-content: flex-end !important
}

.ap-container .justify-content-center {
    justify-content: center !important
}

.ap-container .justify-content-between {
    justify-content: space-between !important
}

.ap-container .justify-content-around {
    justify-content: space-around !important
}

.ap-container .justify-content-evenly {
    justify-content: space-evenly !important
}

.ap-container .align-items-start {
    align-items: flex-start !important
}

.ap-container .align-items-end {
    align-items: flex-end !important
}

.ap-container .align-items-center {
    align-items: center !important
}

.ap-container .align-items-baseline {
    align-items: baseline !important
}

.ap-container .align-items-stretch {
    align-items: stretch !important
}

.ap-container .align-content-start {
    align-content: flex-start !important
}

.ap-container .align-content-end {
    align-content: flex-end !important
}

.ap-container .align-content-center {
    align-content: center !important
}

.ap-container .align-content-between {
    align-content: space-between !important
}

.ap-container .align-content-around {
    align-content: space-around !important
}

.ap-container .align-content-stretch {
    align-content: stretch !important
}

.ap-container .align-self-auto {
    align-self: auto !important
}

.ap-container .align-self-start {
    align-self: flex-start !important
}

.ap-container .align-self-end {
    align-self: flex-end !important
}

.ap-container .align-self-center {
    align-self: center !important
}

.ap-container .align-self-baseline {
    align-self: baseline !important
}

.ap-container .align-self-stretch {
    align-self: stretch !important
}

.ap-container .order-first {
    order: -1 !important
}

.ap-container .order-0 {
    order: 0 !important
}

.ap-container .order-1 {
    order: 1 !important
}

.ap-container .order-2 {
    order: 2 !important
}

.ap-container .order-3 {
    order: 3 !important
}

.ap-container .order-4 {
    order: 4 !important
}

.ap-container .order-5 {
    order: 5 !important
}

.ap-container .order-last {
    order: 6 !important
}

.ap-container .m-0 {
    margin: 0 !important
}

.ap-container .m-1 {
    margin: .5rem !important
}

.ap-container .m-2 {
    margin: 1rem !important
}

.ap-container .m-3 {
    margin: 1.5rem !important
}

.ap-container .m-4 {
    margin: 2rem !important
}

.ap-container .m-5 {
    margin: 2.5rem !important
}

.ap-container .m-6 {
    margin: 3rem !important
}

.ap-container .m-7 {
    margin: 3.5rem !important
}

.ap-container .m-auto {
    margin: auto !important
}

.ap-container .mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.ap-container .mx-1 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.ap-container .mx-2 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.ap-container .mx-3 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.ap-container .mx-4 {
    margin-right: 2rem !important;
    margin-left: 2rem !important
}

.ap-container .mx-5 {
    margin-right: 2.5rem !important;
    margin-left: 2.5rem !important
}

.ap-container .mx-6 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.ap-container .mx-7 {
    margin-right: 3.5rem !important;
    margin-left: 3.5rem !important
}

.ap-container .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.ap-container .my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ap-container .my-1 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.ap-container .my-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.ap-container .my-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.ap-container .my-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.ap-container .my-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.ap-container .my-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.ap-container .my-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important
}

.ap-container .my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.ap-container .mt-0 {
    margin-top: 0 !important
}

.ap-container .mt-1 {
    margin-top: .5rem !important
}

.ap-container .mt-2 {
    margin-top: 1rem !important
}

.ap-container .mt-3 {
    margin-top: 1.5rem !important
}

.ap-container .mt-4 {
    margin-top: 2rem !important
}

.ap-container .mt-5 {
    margin-top: 2.5rem !important
}

.ap-container .mt-6 {
    margin-top: 3rem !important
}

.ap-container .mt-7 {
    margin-top: 3.5rem !important
}

.ap-container .mt-auto {
    margin-top: auto !important
}

.ap-container .me-0 {
    margin-right: 0 !important
}

.ap-container .me-1 {
    margin-right: .5rem !important
}

.ap-container .me-2 {
    margin-right: 1rem !important
}

.ap-container .me-3 {
    margin-right: 1.5rem !important
}

.ap-container .me-4 {
    margin-right: 2rem !important
}

.ap-container .me-5 {
    margin-right: 2.5rem !important
}

.ap-container .me-6 {
    margin-right: 3rem !important
}

.ap-container .me-7 {
    margin-right: 3.5rem !important
}

.ap-container .me-auto {
    margin-right: auto !important
}

.ap-container .mb-0 {
    margin-bottom: 0 !important
}

.ap-container .mb-1 {
    margin-bottom: .5rem !important
}

.ap-container .mb-2 {
    margin-bottom: 1rem !important
}

.ap-container .mb-3 {
    margin-bottom: 1.5rem !important
}

.ap-container .mb-4 {
    margin-bottom: 2rem !important
}

.ap-container .mb-5 {
    margin-bottom: 2.5rem !important
}

.ap-container .mb-6 {
    margin-bottom: 3rem !important
}

.ap-container .mb-7 {
    margin-bottom: 3.5rem !important
}

.ap-container .mb-auto {
    margin-bottom: auto !important
}

.ap-container .ms-0 {
    margin-left: 0 !important
}

.ap-container .ms-1 {
    margin-left: .5rem !important
}

.ap-container .ms-2 {
    margin-left: 1rem !important
}

.ap-container .ms-3 {
    margin-left: 1.5rem !important
}

.ap-container .ms-4 {
    margin-left: 2rem !important
}

.ap-container .ms-5 {
    margin-left: 2.5rem !important
}

.ap-container .ms-6 {
    margin-left: 3rem !important
}

.ap-container .ms-7 {
    margin-left: 3.5rem !important
}

.ap-container .ms-auto {
    margin-left: auto !important
}

@media (min-width: 600px) {
    .ap-container .float-sm-start {
        float: left !important
    }

    .ap-container .float-sm-end {
        float: right !important
    }

    .ap-container .float-sm-none {
        float: none !important
    }

    .ap-container .d-sm-inline {
        display: inline !important
    }

    .ap-container .d-sm-inline-block {
        display: inline-block !important
    }

    .ap-container .d-sm-block {
        display: block !important
    }

    .ap-container .d-sm-grid {
        display: grid !important
    }

    .ap-container .d-sm-table {
        display: table !important
    }

    .ap-container .d-sm-table-row {
        display: table-row !important
    }

    .ap-container .d-sm-table-cell {
        display: table-cell !important
    }

    .ap-container .d-sm-flex {
        display: flex !important
    }

    .ap-container .d-sm-inline-flex {
        display: inline-flex !important
    }

    .ap-container .d-sm-none {
        display: none !important
    }

    .ap-container .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .ap-container .flex-sm-row {
        flex-direction: row !important
    }

    .ap-container .flex-sm-column {
        flex-direction: column !important
    }

    .ap-container .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .ap-container .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .ap-container .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .ap-container .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

    .ap-container .flex-sm-shrink-0 {
        flex-shrink: 0 !important
    }

    .ap-container .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .ap-container .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .ap-container .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .ap-container .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .ap-container .gap-sm-0 {
        gap: 0 !important
    }

    .ap-container .gap-sm-1 {
        gap: .5rem !important
    }

    .ap-container .gap-sm-2 {
        gap: 1rem !important
    }

    .ap-container .gap-sm-3 {
        gap: 1.5rem !important
    }

    .ap-container .gap-sm-4 {
        gap: 2rem !important
    }

    .ap-container .gap-sm-5 {
        gap: 2.5rem !important
    }

    .ap-container .gap-sm-6 {
        gap: 3rem !important
    }

    .ap-container .gap-sm-7 {
        gap: 3.5rem !important
    }

    .ap-container .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .ap-container .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .ap-container .justify-content-sm-center {
        justify-content: center !important
    }

    .ap-container .justify-content-sm-between {
        justify-content: space-between !important
    }

    .ap-container .justify-content-sm-around {
        justify-content: space-around !important
    }

    .ap-container .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .ap-container .align-items-sm-start {
        align-items: flex-start !important
    }

    .ap-container .align-items-sm-end {
        align-items: flex-end !important
    }

    .ap-container .align-items-sm-center {
        align-items: center !important
    }

    .ap-container .align-items-sm-baseline {
        align-items: baseline !important
    }

    .ap-container .align-items-sm-stretch {
        align-items: stretch !important
    }

    .ap-container .align-content-sm-start {
        align-content: flex-start !important
    }

    .ap-container .align-content-sm-end {
        align-content: flex-end !important
    }

    .ap-container .align-content-sm-center {
        align-content: center !important
    }

    .ap-container .align-content-sm-between {
        align-content: space-between !important
    }

    .ap-container .align-content-sm-around {
        align-content: space-around !important
    }

    .ap-container .align-content-sm-stretch {
        align-content: stretch !important
    }

    .ap-container .align-self-sm-auto {
        align-self: auto !important
    }

    .ap-container .align-self-sm-start {
        align-self: flex-start !important
    }

    .ap-container .align-self-sm-end {
        align-self: flex-end !important
    }

    .ap-container .align-self-sm-center {
        align-self: center !important
    }

    .ap-container .align-self-sm-baseline {
        align-self: baseline !important
    }

    .ap-container .align-self-sm-stretch {
        align-self: stretch !important
    }

    .ap-container .order-sm-first {
        order: -1 !important
    }

    .ap-container .order-sm-0 {
        order: 0 !important
    }

    .ap-container .order-sm-1 {
        order: 1 !important
    }

    .ap-container .order-sm-2 {
        order: 2 !important
    }

    .ap-container .order-sm-3 {
        order: 3 !important
    }

    .ap-container .order-sm-4 {
        order: 4 !important
    }

    .ap-container .order-sm-5 {
        order: 5 !important
    }

    .ap-container .order-sm-last {
        order: 6 !important
    }

    .ap-container .m-sm-0 {
        margin: 0 !important
    }

    .ap-container .m-sm-1 {
        margin: .5rem !important
    }

    .ap-container .m-sm-2 {
        margin: 1rem !important
    }

    .ap-container .m-sm-3 {
        margin: 1.5rem !important
    }

    .ap-container .m-sm-4 {
        margin: 2rem !important
    }

    .ap-container .m-sm-5 {
        margin: 2.5rem !important
    }

    .ap-container .m-sm-6 {
        margin: 3rem !important
    }

    .ap-container .m-sm-7 {
        margin: 3.5rem !important
    }

    .ap-container .m-sm-auto {
        margin: auto !important
    }

    .ap-container .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .ap-container .mx-sm-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .ap-container .mx-sm-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .ap-container .mx-sm-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .ap-container .mx-sm-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .ap-container .mx-sm-5 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .ap-container .mx-sm-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .ap-container .mx-sm-7 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .ap-container .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .ap-container .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .ap-container .my-sm-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .ap-container .my-sm-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .ap-container .my-sm-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .ap-container .my-sm-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .ap-container .my-sm-5 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .ap-container .my-sm-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .ap-container .my-sm-7 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .ap-container .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .ap-container .mt-sm-0 {
        margin-top: 0 !important
    }

    .ap-container .mt-sm-1 {
        margin-top: .5rem !important
    }

    .ap-container .mt-sm-2 {
        margin-top: 1rem !important
    }

    .ap-container .mt-sm-3 {
        margin-top: 1.5rem !important
    }

    .ap-container .mt-sm-4 {
        margin-top: 2rem !important
    }

    .ap-container .mt-sm-5 {
        margin-top: 2.5rem !important
    }

    .ap-container .mt-sm-6 {
        margin-top: 3rem !important
    }

    .ap-container .mt-sm-7 {
        margin-top: 3.5rem !important
    }

    .ap-container .mt-sm-auto {
        margin-top: auto !important
    }

    .ap-container .me-sm-0 {
        margin-right: 0 !important
    }

    .ap-container .me-sm-1 {
        margin-right: .5rem !important
    }

    .ap-container .me-sm-2 {
        margin-right: 1rem !important
    }

    .ap-container .me-sm-3 {
        margin-right: 1.5rem !important
    }

    .ap-container .me-sm-4 {
        margin-right: 2rem !important
    }

    .ap-container .me-sm-5 {
        margin-right: 2.5rem !important
    }

    .ap-container .me-sm-6 {
        margin-right: 3rem !important
    }

    .ap-container .me-sm-7 {
        margin-right: 3.5rem !important
    }

    .ap-container .me-sm-auto {
        margin-right: auto !important
    }

    .ap-container .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .ap-container .mb-sm-1 {
        margin-bottom: .5rem !important
    }

    .ap-container .mb-sm-2 {
        margin-bottom: 1rem !important
    }

    .ap-container .mb-sm-3 {
        margin-bottom: 1.5rem !important
    }

    .ap-container .mb-sm-4 {
        margin-bottom: 2rem !important
    }

    .ap-container .mb-sm-5 {
        margin-bottom: 2.5rem !important
    }

    .ap-container .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .ap-container .mb-sm-7 {
        margin-bottom: 3.5rem !important
    }

    .ap-container .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ap-container .ms-sm-0 {
        margin-left: 0 !important
    }

    .ap-container .ms-sm-1 {
        margin-left: .5rem !important
    }

    .ap-container .ms-sm-2 {
        margin-left: 1rem !important
    }

    .ap-container .ms-sm-3 {
        margin-left: 1.5rem !important
    }

    .ap-container .ms-sm-4 {
        margin-left: 2rem !important
    }

    .ap-container .ms-sm-5 {
        margin-left: 2.5rem !important
    }

    .ap-container .ms-sm-6 {
        margin-left: 3rem !important
    }

    .ap-container .ms-sm-7 {
        margin-left: 3.5rem !important
    }

    .ap-container .ms-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1240px) {
    .ap-container .float-md-start {
        float: left !important
    }

    .ap-container .float-md-end {
        float: right !important
    }

    .ap-container .float-md-none {
        float: none !important
    }

    .ap-container .d-md-inline {
        display: inline !important
    }

    .ap-container .d-md-inline-block {
        display: inline-block !important
    }

    .ap-container .d-md-block {
        display: block !important
    }

    .ap-container .d-md-grid {
        display: grid !important
    }

    .ap-container .d-md-table {
        display: table !important
    }

    .ap-container .d-md-table-row {
        display: table-row !important
    }

    .ap-container .d-md-table-cell {
        display: table-cell !important
    }

    .ap-container .d-md-flex {
        display: flex !important
    }

    .ap-container .d-md-inline-flex {
        display: inline-flex !important
    }

    .ap-container .d-md-none {
        display: none !important
    }

    .ap-container .flex-md-fill {
        flex: 1 1 auto !important
    }

    .ap-container .flex-md-row {
        flex-direction: row !important
    }

    .ap-container .flex-md-column {
        flex-direction: column !important
    }

    .ap-container .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .ap-container .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .ap-container .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .ap-container .flex-md-grow-1 {
        flex-grow: 1 !important
    }

    .ap-container .flex-md-shrink-0 {
        flex-shrink: 0 !important
    }

    .ap-container .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .ap-container .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .ap-container .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .ap-container .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .ap-container .gap-md-0 {
        gap: 0 !important
    }

    .ap-container .gap-md-1 {
        gap: .5rem !important
    }

    .ap-container .gap-md-2 {
        gap: 1rem !important
    }

    .ap-container .gap-md-3 {
        gap: 1.5rem !important
    }

    .ap-container .gap-md-4 {
        gap: 2rem !important
    }

    .ap-container .gap-md-5 {
        gap: 2.5rem !important
    }

    .ap-container .gap-md-6 {
        gap: 3rem !important
    }

    .ap-container .gap-md-7 {
        gap: 3.5rem !important
    }

    .ap-container .justify-content-md-start {
        justify-content: flex-start !important
    }

    .ap-container .justify-content-md-end {
        justify-content: flex-end !important
    }

    .ap-container .justify-content-md-center {
        justify-content: center !important
    }

    .ap-container .justify-content-md-between {
        justify-content: space-between !important
    }

    .ap-container .justify-content-md-around {
        justify-content: space-around !important
    }

    .ap-container .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .ap-container .align-items-md-start {
        align-items: flex-start !important
    }

    .ap-container .align-items-md-end {
        align-items: flex-end !important
    }

    .ap-container .align-items-md-center {
        align-items: center !important
    }

    .ap-container .align-items-md-baseline {
        align-items: baseline !important
    }

    .ap-container .align-items-md-stretch {
        align-items: stretch !important
    }

    .ap-container .align-content-md-start {
        align-content: flex-start !important
    }

    .ap-container .align-content-md-end {
        align-content: flex-end !important
    }

    .ap-container .align-content-md-center {
        align-content: center !important
    }

    .ap-container .align-content-md-between {
        align-content: space-between !important
    }

    .ap-container .align-content-md-around {
        align-content: space-around !important
    }

    .ap-container .align-content-md-stretch {
        align-content: stretch !important
    }

    .ap-container .align-self-md-auto {
        align-self: auto !important
    }

    .ap-container .align-self-md-start {
        align-self: flex-start !important
    }

    .ap-container .align-self-md-end {
        align-self: flex-end !important
    }

    .ap-container .align-self-md-center {
        align-self: center !important
    }

    .ap-container .align-self-md-baseline {
        align-self: baseline !important
    }

    .ap-container .align-self-md-stretch {
        align-self: stretch !important
    }

    .ap-container .order-md-first {
        order: -1 !important
    }

    .ap-container .order-md-0 {
        order: 0 !important
    }

    .ap-container .order-md-1 {
        order: 1 !important
    }

    .ap-container .order-md-2 {
        order: 2 !important
    }

    .ap-container .order-md-3 {
        order: 3 !important
    }

    .ap-container .order-md-4 {
        order: 4 !important
    }

    .ap-container .order-md-5 {
        order: 5 !important
    }

    .ap-container .order-md-last {
        order: 6 !important
    }

    .ap-container .m-md-0 {
        margin: 0 !important
    }

    .ap-container .m-md-1 {
        margin: .5rem !important
    }

    .ap-container .m-md-2 {
        margin: 1rem !important
    }

    .ap-container .m-md-3 {
        margin: 1.5rem !important
    }

    .ap-container .m-md-4 {
        margin: 2rem !important
    }

    .ap-container .m-md-5 {
        margin: 2.5rem !important
    }

    .ap-container .m-md-6 {
        margin: 3rem !important
    }

    .ap-container .m-md-7 {
        margin: 3.5rem !important
    }

    .ap-container .m-md-auto {
        margin: auto !important
    }

    .ap-container .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .ap-container .mx-md-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .ap-container .mx-md-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .ap-container .mx-md-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .ap-container .mx-md-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .ap-container .mx-md-5 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .ap-container .mx-md-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .ap-container .mx-md-7 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .ap-container .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .ap-container .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .ap-container .my-md-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .ap-container .my-md-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .ap-container .my-md-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .ap-container .my-md-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .ap-container .my-md-5 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .ap-container .my-md-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .ap-container .my-md-7 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .ap-container .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .ap-container .mt-md-0 {
        margin-top: 0 !important
    }

    .ap-container .mt-md-1 {
        margin-top: .5rem !important
    }

    .ap-container .mt-md-2 {
        margin-top: 1rem !important
    }

    .ap-container .mt-md-3 {
        margin-top: 1.5rem !important
    }

    .ap-container .mt-md-4 {
        margin-top: 2rem !important
    }

    .ap-container .mt-md-5 {
        margin-top: 2.5rem !important
    }

    .ap-container .mt-md-6 {
        margin-top: 3rem !important
    }

    .ap-container .mt-md-7 {
        margin-top: 3.5rem !important
    }

    .ap-container .mt-md-auto {
        margin-top: auto !important
    }

    .ap-container .me-md-0 {
        margin-right: 0 !important
    }

    .ap-container .me-md-1 {
        margin-right: .5rem !important
    }

    .ap-container .me-md-2 {
        margin-right: 1rem !important
    }

    .ap-container .me-md-3 {
        margin-right: 1.5rem !important
    }

    .ap-container .me-md-4 {
        margin-right: 2rem !important
    }

    .ap-container .me-md-5 {
        margin-right: 2.5rem !important
    }

    .ap-container .me-md-6 {
        margin-right: 3rem !important
    }

    .ap-container .me-md-7 {
        margin-right: 3.5rem !important
    }

    .ap-container .me-md-auto {
        margin-right: auto !important
    }

    .ap-container .mb-md-0 {
        margin-bottom: 0 !important
    }

    .ap-container .mb-md-1 {
        margin-bottom: .5rem !important
    }

    .ap-container .mb-md-2 {
        margin-bottom: 1rem !important
    }

    .ap-container .mb-md-3 {
        margin-bottom: 1.5rem !important
    }

    .ap-container .mb-md-4 {
        margin-bottom: 2rem !important
    }

    .ap-container .mb-md-5 {
        margin-bottom: 2.5rem !important
    }

    .ap-container .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .ap-container .mb-md-7 {
        margin-bottom: 3.5rem !important
    }

    .ap-container .mb-md-auto {
        margin-bottom: auto !important
    }

    .ap-container .ms-md-0 {
        margin-left: 0 !important
    }

    .ap-container .ms-md-1 {
        margin-left: .5rem !important
    }

    .ap-container .ms-md-2 {
        margin-left: 1rem !important
    }

    .ap-container .ms-md-3 {
        margin-left: 1.5rem !important
    }

    .ap-container .ms-md-4 {
        margin-left: 2rem !important
    }

    .ap-container .ms-md-5 {
        margin-left: 2.5rem !important
    }

    .ap-container .ms-md-6 {
        margin-left: 3rem !important
    }

    .ap-container .ms-md-7 {
        margin-left: 3.5rem !important
    }

    .ap-container .ms-md-auto {
        margin-left: auto !important
    }
}

@media (min-width: 1440px) {
    .ap-container .float-lg-start {
        float: left !important
    }

    .ap-container .float-lg-end {
        float: right !important
    }

    .ap-container .float-lg-none {
        float: none !important
    }

    .ap-container .d-lg-inline {
        display: inline !important
    }

    .ap-container .d-lg-inline-block {
        display: inline-block !important
    }

    .ap-container .d-lg-block {
        display: block !important
    }

    .ap-container .d-lg-grid {
        display: grid !important
    }

    .ap-container .d-lg-table {
        display: table !important
    }

    .ap-container .d-lg-table-row {
        display: table-row !important
    }

    .ap-container .d-lg-table-cell {
        display: table-cell !important
    }

    .ap-container .d-lg-flex {
        display: flex !important
    }

    .ap-container .d-lg-inline-flex {
        display: inline-flex !important
    }

    .ap-container .d-lg-none {
        display: none !important
    }

    .ap-container .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .ap-container .flex-lg-row {
        flex-direction: row !important
    }

    .ap-container .flex-lg-column {
        flex-direction: column !important
    }

    .ap-container .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .ap-container .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .ap-container .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .ap-container .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

    .ap-container .flex-lg-shrink-0 {
        flex-shrink: 0 !important
    }

    .ap-container .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .ap-container .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .ap-container .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .ap-container .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .ap-container .gap-lg-0 {
        gap: 0 !important
    }

    .ap-container .gap-lg-1 {
        gap: .5rem !important
    }

    .ap-container .gap-lg-2 {
        gap: 1rem !important
    }

    .ap-container .gap-lg-3 {
        gap: 1.5rem !important
    }

    .ap-container .gap-lg-4 {
        gap: 2rem !important
    }

    .ap-container .gap-lg-5 {
        gap: 2.5rem !important
    }

    .ap-container .gap-lg-6 {
        gap: 3rem !important
    }

    .ap-container .gap-lg-7 {
        gap: 3.5rem !important
    }

    .ap-container .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .ap-container .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .ap-container .justify-content-lg-center {
        justify-content: center !important
    }

    .ap-container .justify-content-lg-between {
        justify-content: space-between !important
    }

    .ap-container .justify-content-lg-around {
        justify-content: space-around !important
    }

    .ap-container .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .ap-container .align-items-lg-start {
        align-items: flex-start !important
    }

    .ap-container .align-items-lg-end {
        align-items: flex-end !important
    }

    .ap-container .align-items-lg-center {
        align-items: center !important
    }

    .ap-container .align-items-lg-baseline {
        align-items: baseline !important
    }

    .ap-container .align-items-lg-stretch {
        align-items: stretch !important
    }

    .ap-container .align-content-lg-start {
        align-content: flex-start !important
    }

    .ap-container .align-content-lg-end {
        align-content: flex-end !important
    }

    .ap-container .align-content-lg-center {
        align-content: center !important
    }

    .ap-container .align-content-lg-between {
        align-content: space-between !important
    }

    .ap-container .align-content-lg-around {
        align-content: space-around !important
    }

    .ap-container .align-content-lg-stretch {
        align-content: stretch !important
    }

    .ap-container .align-self-lg-auto {
        align-self: auto !important
    }

    .ap-container .align-self-lg-start {
        align-self: flex-start !important
    }

    .ap-container .align-self-lg-end {
        align-self: flex-end !important
    }

    .ap-container .align-self-lg-center {
        align-self: center !important
    }

    .ap-container .align-self-lg-baseline {
        align-self: baseline !important
    }

    .ap-container .align-self-lg-stretch {
        align-self: stretch !important
    }

    .ap-container .order-lg-first {
        order: -1 !important
    }

    .ap-container .order-lg-0 {
        order: 0 !important
    }

    .ap-container .order-lg-1 {
        order: 1 !important
    }

    .ap-container .order-lg-2 {
        order: 2 !important
    }

    .ap-container .order-lg-3 {
        order: 3 !important
    }

    .ap-container .order-lg-4 {
        order: 4 !important
    }

    .ap-container .order-lg-5 {
        order: 5 !important
    }

    .ap-container .order-lg-last {
        order: 6 !important
    }

    .ap-container .m-lg-0 {
        margin: 0 !important
    }

    .ap-container .m-lg-1 {
        margin: .5rem !important
    }

    .ap-container .m-lg-2 {
        margin: 1rem !important
    }

    .ap-container .m-lg-3 {
        margin: 1.5rem !important
    }

    .ap-container .m-lg-4 {
        margin: 2rem !important
    }

    .ap-container .m-lg-5 {
        margin: 2.5rem !important
    }

    .ap-container .m-lg-6 {
        margin: 3rem !important
    }

    .ap-container .m-lg-7 {
        margin: 3.5rem !important
    }

    .ap-container .m-lg-auto {
        margin: auto !important
    }

    .ap-container .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .ap-container .mx-lg-1 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .ap-container .mx-lg-2 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .ap-container .mx-lg-3 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .ap-container .mx-lg-4 {
        margin-right: 2rem !important;
        margin-left: 2rem !important
    }

    .ap-container .mx-lg-5 {
        margin-right: 2.5rem !important;
        margin-left: 2.5rem !important
    }

    .ap-container .mx-lg-6 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .ap-container .mx-lg-7 {
        margin-right: 3.5rem !important;
        margin-left: 3.5rem !important
    }

    .ap-container .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .ap-container .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .ap-container .my-lg-1 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .ap-container .my-lg-2 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .ap-container .my-lg-3 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .ap-container .my-lg-4 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important
    }

    .ap-container .my-lg-5 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important
    }

    .ap-container .my-lg-6 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .ap-container .my-lg-7 {
        margin-top: 3.5rem !important;
        margin-bottom: 3.5rem !important
    }

    .ap-container .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .ap-container .mt-lg-0 {
        margin-top: 0 !important
    }

    .ap-container .mt-lg-1 {
        margin-top: .5rem !important
    }

    .ap-container .mt-lg-2 {
        margin-top: 1rem !important
    }

    .ap-container .mt-lg-3 {
        margin-top: 1.5rem !important
    }

    .ap-container .mt-lg-4 {
        margin-top: 2rem !important
    }

    .ap-container .mt-lg-5 {
        margin-top: 2.5rem !important
    }

    .ap-container .mt-lg-6 {
        margin-top: 3rem !important
    }

    .ap-container .mt-lg-7 {
        margin-top: 3.5rem !important
    }

    .ap-container .mt-lg-auto {
        margin-top: auto !important
    }

    .ap-container .me-lg-0 {
        margin-right: 0 !important
    }

    .ap-container .me-lg-1 {
        margin-right: .5rem !important
    }

    .ap-container .me-lg-2 {
        margin-right: 1rem !important
    }

    .ap-container .me-lg-3 {
        margin-right: 1.5rem !important
    }

    .ap-container .me-lg-4 {
        margin-right: 2rem !important
    }

    .ap-container .me-lg-5 {
        margin-right: 2.5rem !important
    }

    .ap-container .me-lg-6 {
        margin-right: 3rem !important
    }

    .ap-container .me-lg-7 {
        margin-right: 3.5rem !important
    }

    .ap-container .me-lg-auto {
        margin-right: auto !important
    }

    .ap-container .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .ap-container .mb-lg-1 {
        margin-bottom: .5rem !important
    }

    .ap-container .mb-lg-2 {
        margin-bottom: 1rem !important
    }

    .ap-container .mb-lg-3 {
        margin-bottom: 1.5rem !important
    }

    .ap-container .mb-lg-4 {
        margin-bottom: 2rem !important
    }

    .ap-container .mb-lg-5 {
        margin-bottom: 2.5rem !important
    }

    .ap-container .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .ap-container .mb-lg-7 {
        margin-bottom: 3.5rem !important
    }

    .ap-container .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ap-container .ms-lg-0 {
        margin-left: 0 !important
    }

    .ap-container .ms-lg-1 {
        margin-left: .5rem !important
    }

    .ap-container .ms-lg-2 {
        margin-left: 1rem !important
    }

    .ap-container .ms-lg-3 {
        margin-left: 1.5rem !important
    }

    .ap-container .ms-lg-4 {
        margin-left: 2rem !important
    }

    .ap-container .ms-lg-5 {
        margin-left: 2.5rem !important
    }

    .ap-container .ms-lg-6 {
        margin-left: 3rem !important
    }

    .ap-container .ms-lg-7 {
        margin-left: 3.5rem !important
    }

    .ap-container .ms-lg-auto {
        margin-left: auto !important
    }
}

@charset "UTF-8";

.ap-accordion-content {
    transition: all .5s linear;
    overflow: hidden
}

    .ap-accordion-content.hide {
        height: 0
    }

    .ap-accordion-content.open {
        height: auto
    }

.ap-accordion {
    border-radius: var(--border-radius-2);
    overflow: visible;
    position: relative;
    background-color: transparent;
    cursor: pointer;
    list-style: none;
    transition: background-color .3s
}

    .ap-accordion:not(:last-child) {
        margin-bottom: var(--spacing-2)
    }

    .ap-accordion:hover {
        background-color: var(--color-background-hover)
    }

    .ap-accordion .ap-accordion-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-4);
        cursor: pointer;
        overflow: hidden;
        border-radius: var(--border-radius-2);
        position: relative
    }

        .ap-accordion .ap-accordion-toggle.ap-accordion-cursor-default .ap-accordion-toggle-icon-container {
            cursor: pointer;
            overflow: hidden
        }

        .ap-accordion .ap-accordion-toggle .ap-accordion-title {
            height: 1.5rem;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            -webkit-user-select: none;
            user-select: none;
            color: var(--color-text-heading);
            margin-right: var(--spacing-4);
            width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            display: flex
        }

        .ap-accordion .ap-accordion-toggle .Appkit4-icon {
            transform: rotate(0);
            transition: transform .3s;
            color: var(--color-text-body)
        }

            .ap-accordion .ap-accordion-toggle .Appkit4-icon:before {
                font-weight: var(--font-weight-2)
            }

            .ap-accordion .ap-accordion-toggle .Appkit4-icon.rotate {
                transform: rotate(-180deg)
            }

    .ap-accordion .ap-accordion-content {
        padding: 0 var(--spacing-8) 0 var(--spacing-4);
        color: var(--color-text-body);
        line-height: 1.5rem;
        transition: height .3s
    }

        .ap-accordion .ap-accordion-content .ap-accordion-wrapper {
            padding: 0 0 var(--spacing-4) 0
        }

        .ap-accordion .ap-accordion-content.hidden {
            height: 0;
            padding-bottom: 0
        }

        .ap-accordion .ap-accordion-content p {
            margin: 0
        }

        .ap-accordion .ap-accordion-content .ap-accordion-text {
            display: inline-block;
            line-height: 1.5rem
        }

    .ap-accordion .ap-accordion-cursor-default {
        cursor: default
    }

.ap-accordion-demo-wrapper {
    width: 35.25rem
}

.ap-accordion-group-container {
    padding: 0;
    margin: 0
}

.react-slidedown {
    height: 0;
    transition-property: none;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    display: none
}

    .react-slidedown.transitioning {
        overflow-y: hidden
    }

        .react-slidedown.transitioning .ap-accordion-content.hidden {
            display: block
        }

    .react-slidedown.closed {
        display: none
    }

.ap-avatar {
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-background-primary);
    color: var(--color-text-secondary);
    border-color: var(--color-text-primary);
    border-style: solid;
    font-weight: var(--font-weight-2);
    padding: var(--spacing-3);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

    .ap-avatar.mask {
        mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMzYgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+TWFzazwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMC4wMDEsNy40MjYgQzIuMjUzLDExLjA4MyAzLjU1NCwxNS4zOSAzLjU1NCwyMCBMMy41NTQsMjAgQzMuNTU0LDI0LjYxIDIuMjUzLDI4LjkxNyAwLDMyLjU3NCBMMCwzMi41NzQgQzMuNjY3LDM3LjEwNCA5LjI3Miw0MCAxNS41NTQsNDAgTDE1LjU1NCw0MCBDMjYuNTk5LDQwIDM1LjU1MywzMS4wNDYgMzUuNTUzLDIwIEwzNS41NTMsMjAgQzM1LjU1Myw4Ljk1NSAyNi41OTksMCAxNS41NTQsMCBMMTUuNTU0LDAgQzkuMjcyLDAgMy42NjcsMi44OTYgMC4wMDEsNy40MjYgTDAuMDAxLDcuNDI2IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJBdmF0YXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzExMTExMSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICA8L2c+Cjwvc3ZnPg==);
        -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMzYgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+TWFzazwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBkPSJNMC4wMDEsNy40MjYgQzIuMjUzLDExLjA4MyAzLjU1NCwxNS4zOSAzLjU1NCwyMCBMMy41NTQsMjAgQzMuNTU0LDI0LjYxIDIuMjUzLDI4LjkxNyAwLDMyLjU3NCBMMCwzMi41NzQgQzMuNjY3LDM3LjEwNCA5LjI3Miw0MCAxNS41NTQsNDAgTDE1LjU1NCw0MCBDMjYuNTk5LDQwIDM1LjU1MywzMS4wNDYgMzUuNTUzLDIwIEwzNS41NTMsMjAgQzM1LjU1Myw4Ljk1NSAyNi41OTksMCAxNS41NTQsMCBMMTUuNTU0LDAgQzkuMjcyLDAgMy42NjcsMi44OTYgMC4wMDEsNy40MjYgTDAuMDAxLDcuNDI2IFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJBdmF0YXIiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICA8L21hc2s+CiAgICAgICAgPHVzZSBpZD0iTWFzayIgZmlsbD0iIzExMTExMSIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICA8L2c+Cjwvc3ZnPg==);
        mask-position: right;
        -webkit-mask-position: right;
        mask-size: contain;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat
    }

    .ap-avatar:not(.mask) {
        color: var(--color-text-tertiary)
    }

    .ap-avatar.disabled {
        cursor: default
    }

    .ap-avatar:not(.disabled):focus:not(.keyboard-focus) {
        outline: none;
        box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
    }

    .ap-avatar:not(.disabled):focus.keyboard-focus {
        outline: auto 2px Highlight;
        outline: auto 5px -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

.ap-avatar-text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

    .ap-avatar-text.compact {
        font-size: 14px;
        line-height: 16px;
        font-weight: var(--font-weight-1)
    }

.ap-avatar .back-mask {
    position: absolute;
    top: -.25rem;
    left: -.25rem;
    background-color: var(--color-background-primary);
    border-radius: 50%;
    opacity: var(--opacity-3)
}

.ap-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    padding: var(--spacing-2) var(--spacing-4);
    font-size: .875rem;
    font-weight: var(--font-weight-2);
    line-height: 1rem;
    letter-spacing: -.025rem;
    text-align: center
}

    .ap-badge.gesture {
        cursor: pointer
    }

    .ap-badge.ap-badge-round {
        border-radius: 50%;
        min-width: 1.5rem;
        padding: var(--spacing-2)
    }

        .ap-badge.ap-badge-round.ap-badge-lg {
            min-width: 2rem;
            height: 2rem;
            font-size: 1rem
        }

    .ap-badge.ap-badge-lg {
        height: 2rem;
        line-height: 2rem
    }

        .ap-badge.ap-badge-lg span {
            font-size: 1rem;
            line-height: 1.5rem
        }

    .ap-badge.ap-badge-primary {
        background-color: var(--color-background-primary);
        color: var(--color-background-secondary)
    }

    .ap-badge.ap-badge-primary-outlined {
        background-color: rgba(var(--color-background-primary-rgb),var(--opacity-3));
        color: var(--color-background-primary);
        box-shadow: 0 0 0 .0625rem var(--color-background-primary)
    }

    .ap-badge.ap-badge-danger {
        background-color: #c52a1a;
        color: var(--color-background-secondary)
    }

    .ap-badge.ap-badge-danger-outlined {
        background-color: rgba(197,42,26,var(--opacity-3));
        color: var(--color-text-error);
        box-shadow: 0 0 0 .0625rem #c52a1a
    }

    .ap-badge.ap-badge-warning {
        background-color: #ffbf1f;
        color: #252525
    }

    .ap-badge.ap-badge-warning-outlined {
        background-color: rgba(255,191,31,var(--opacity-3));
        color: var(--color-text-heading);
        box-shadow: 0 0 0 .0625rem #ffbf1f
    }

    .ap-badge.ap-badge-success {
        background-color: #21812d;
        color: var(--color-background-secondary)
    }

    .ap-badge.ap-badge-success-outlined {
        background-color: rgba(33,129,45,var(--opacity-3));
        color: #21812d;
        box-shadow: 0 0 0 .0625rem #21812d
    }

    .ap-badge.ap-badge-info {
        background-color: #f3f3f3;
        color: #252525
    }

    .ap-badge.ap-badge-info-outlined {
        background-color: #f3f3f3;
        color: #474747;
        box-shadow: 0 0 0 .0625rem #474747
    }

.ap-breadcrumb-ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.ap-breadcrumb {
    display: grid;
    grid-auto-flow: column
}

    .ap-breadcrumb .ap-breadcrumb-item {
        display: flex;
        grid-auto-flow: column;
        align-items: center;
        line-height: 1.5rem;
        -webkit-user-select: none;
        user-select: none;
        color: var(--color-text-heading)
    }

        .ap-breadcrumb .ap-breadcrumb-item a, .ap-breadcrumb .ap-breadcrumb-item a:link, .ap-breadcrumb .ap-breadcrumb-item a:visited, .ap-breadcrumb .ap-breadcrumb-item a:hover, .ap-breadcrumb .ap-breadcrumb-item a:active {
            text-decoration: none;
            color: inherit
        }

        .ap-breadcrumb .ap-breadcrumb-item:not(:last-child) {
            font-weight: var(--font-weight-2);
            color: var(--color-text-link-primary);
            cursor: pointer
        }

        .ap-breadcrumb .ap-breadcrumb-item .Appkit4-icon {
            cursor: default
        }

        .ap-breadcrumb .ap-breadcrumb-item span:not(.Appkit4-icon):hover, .ap-breadcrumb .ap-breadcrumb-item span:not(.Appkit4-icon):focus {
            text-decoration: underline
        }

        .ap-breadcrumb .ap-breadcrumb-item:last-child {
            cursor: default
        }

            .ap-breadcrumb .ap-breadcrumb-item:last-child a {
                cursor: default
            }

            .ap-breadcrumb .ap-breadcrumb-item:last-child span:hover {
                text-decoration: none
            }

            .ap-breadcrumb .ap-breadcrumb-item:last-child .icon-right-chevron-outline {
                display: none
            }

        .ap-breadcrumb .ap-breadcrumb-item .Appkit4-icon {
            margin-right: var(--spacing-2)
        }

        .ap-breadcrumb .ap-breadcrumb-item .icon-right-chevron-outline {
            margin-left: var(--spacing-2);
            font-weight: var(--font-weight-2);
            font-size: .75rem;
            width: 16px;
            height: 16px;
            line-height: 1rem
        }

        .ap-breadcrumb .ap-breadcrumb-item .icon-next-outline {
            margin-right: 0;
            font-size: .75rem;
            font-weight: 600
        }

.ap-button {
    height: 2.5rem;
    padding: var(--spacing-3) var(--spacing-7);
    border-radius: var(--border-radius-2);
    font-size: 1rem;
    line-height: 1.5rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    letter-spacing: -.025rem
}

    .ap-button .ap-button-label {
        letter-spacing: -.025rem;
        white-space: nowrap
    }

    .ap-button.ap-button-compact {
        height: 2rem;
        padding: var(--spacing-2) var(--spacing-7)
    }

    .ap-button.ap-button-loading {
        min-width: 72px
    }

        .ap-button.ap-button-loading.in-loading {
            cursor: default
        }

            .ap-button.ap-button-loading.in-loading:focus {
                outline: none
            }

            .ap-button.ap-button-loading.in-loading.ap-button-icon .ap-button-loading-icon {
                margin-left: var(--spacing-4)
            }

        .ap-button.ap-button-loading .label-hidden {
            letter-spacing: -.025rem;
            opacity: 0
        }

        .ap-button.ap-button-loading .ap-button-label {
            position: relative;
            font-size: 1rem;
            transition: font-size .3s
        }

            .ap-button.ap-button-loading .ap-button-label.hidden {
                font-size: 0
            }

        .ap-button.ap-button-loading .ap-button-loading-icon {
            cursor: default;
            width: 1.5rem;
            height: 1.5rem;
            position: absolute;
            mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbjwvdGl0bGU+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAgIC5zdDB7ZmlsbDojRkZGRkZGO30KICAgIDwvc3R5bGU+CiAgICA8ZyBpZD0iKioqQnV0dG9uIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQnV0dG9uLzEtUHJpbWFyeS8xLUxhYmVsLzYtTG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0LjAwMDAwMCwgLTguMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJJY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUGF0aCIgZmlsbC1vcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiw0IEM3LjU4MTcyMiw0IDQsNy41ODE3MjIgNCwxMiBDNCwxNi40MTgyNzggNy41ODE3MjIsMjAgMTIsMjAgQzE2LjQxODI3OCwyMCAyMCwxNi40MTgyNzggMjAsMTIgQzIwLDcuNTgxNzIyIDE2LjQxODI3OCw0IDEyLDQgWiBNMTIsNiBDMTUuMzEzNzA4NSw2IDE4LDguNjg2MjkxNSAxOCwxMiBDMTgsMTUuMzEzNzA4NSAxNS4zMTM3MDg1LDE4IDEyLDE4IEM4LjY4NjI5MTUsMTggNiwxNS4zMTM3MDg1IDYsMTIgQzYsOC42ODYyOTE1IDguNjg2MjkxNSw2IDEyLDYgWiIgaWQ9IlBhdGgiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iMC40Nzk5OTk5ODkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiw0IEMxNi40MTgyNzgsNCAyMCw3LjU4MTcyMiAyMCwxMiBDMjAsMTYuMzM0OTE0MyAxNi41NTIxNjIyLDE5Ljg2NDU0MjkgMTIuMjQ5MTc5MywxOS45OTYxOTMyIEwxMiwyMCBMMTIsMTggQzE1LjMxMzcwODUsMTggMTgsMTUuMzEzNzA4NSAxOCwxMiBDMTgsOC42ODYyOTE1IDE1LjMxMzcwODUsNiAxMiw2IEM4Ljc2MTYwMzA2LDYgNi4xMjI0MjgyNCw4LjU2NTU3NDg5IDYuMDA0MTM4NDcsMTEuNzc1MDYxNyBMNiwxMiBMNCwxMiBDNCw3LjU4MTcyMiA3LjU4MTcyMiw0IDEyLDQgWiIgaWQ9IlBhdGgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
            -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbjwvdGl0bGU+CiAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgogICAgICAgIC5zdDB7ZmlsbDojRkZGRkZGO30KICAgIDwvc3R5bGU+CiAgICA8ZyBpZD0iKioqQnV0dG9uIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQnV0dG9uLzEtUHJpbWFyeS8xLUxhYmVsLzYtTG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0LjAwMDAwMCwgLTguMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJJY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNC4wMDAwMDAsIDguMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUGF0aCIgZmlsbC1vcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiw0IEM3LjU4MTcyMiw0IDQsNy41ODE3MjIgNCwxMiBDNCwxNi40MTgyNzggNy41ODE3MjIsMjAgMTIsMjAgQzE2LjQxODI3OCwyMCAyMCwxNi40MTgyNzggMjAsMTIgQzIwLDcuNTgxNzIyIDE2LjQxODI3OCw0IDEyLDQgWiBNMTIsNiBDMTUuMzEzNzA4NSw2IDE4LDguNjg2MjkxNSAxOCwxMiBDMTgsMTUuMzEzNzA4NSAxNS4zMTM3MDg1LDE4IDEyLDE4IEM4LjY4NjI5MTUsMTggNiwxNS4zMTM3MDg1IDYsMTIgQzYsOC42ODYyOTE1IDguNjg2MjkxNSw2IDEyLDYgWiIgaWQ9IlBhdGgiIGZpbGwtcnVsZT0ibm9uemVybyIgb3BhY2l0eT0iMC40Nzk5OTk5ODkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMiw0IEMxNi40MTgyNzgsNCAyMCw3LjU4MTcyMiAyMCwxMiBDMjAsMTYuMzM0OTE0MyAxNi41NTIxNjIyLDE5Ljg2NDU0MjkgMTIuMjQ5MTc5MywxOS45OTYxOTMyIEwxMiwyMCBMMTIsMTggQzE1LjMxMzcwODUsMTggMTgsMTUuMzEzNzA4NSAxOCwxMiBDMTgsOC42ODYyOTE1IDE1LjMxMzcwODUsNiAxMiw2IEM4Ljc2MTYwMzA2LDYgNi4xMjI0MjgyNCw4LjU2NTU3NDg5IDYuMDA0MTM4NDcsMTEuNzc1MDYxNyBMNiwxMiBMNCwxMiBDNCw3LjU4MTcyMiA3LjU4MTcyMiw0IDEyLDQgWiIgaWQ9IlBhdGgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
        }

            .ap-button.ap-button-loading .ap-button-loading-icon.hidden {
                display: none
            }

    .ap-button.ap-button-icon {
        padding: var(--spacing-3) var(--spacing-7) var(--spacing-3) var(--spacing-4)
    }

        .ap-button.ap-button-icon.ap-button-compact {
            padding: var(--spacing-2) var(--spacing-7) var(--spacing-2) var(--spacing-4)
        }

    .ap-button.ap-button-primary .ap-button-loading-icon, .ap-button.ap-button-negative .ap-button-loading-icon {
        background-color: #fff
    }

    .ap-button.ap-button-secondary .ap-button-loading-icon, .ap-button.ap-button-text .ap-button-loading-icon {
        background-color: var(--color-background-primary)
    }

    .ap-button.ap-button-tertiary .ap-button-loading-icon {
        background-color: #474747
    }

    .ap-button:not([disabled]).ap-button-primary {
        color: var(--color-text-tertiary);
        background-color: var(--color-background-primary)
    }

        .ap-button:not([disabled]).ap-button-primary:not(.in-loading):hover:after {
            background-color: rgba(255,255,255,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-button:not([disabled]).ap-button-primary:not(.in-loading):active:after {
            background-color: rgba(0,0,0,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus:not(.keyboard-focus) {
            outline: none;
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
        }

        .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-button:not([disabled]).ap-button-secondary {
        color: var(--color-text-primary);
        background-color: transparent;
        box-shadow: inset 0 0 0 .0625rem var(--color-text-primary)
    }

        .ap-button:not([disabled]).ap-button-secondary:not(.ap-button-loading):hover {
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-3))
        }

        .ap-button:not([disabled]).ap-button-secondary:not(.ap-button-loading):active {
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-4))
        }

        .ap-button:not([disabled]).ap-button-secondary:not(.ap-button-loading):focus:not(.keyboard-focus) {
            outline: none;
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3)),0 0 0 .03125rem var(--color-text-primary),inset 0 0 0 .03125rem var(--color-text-primary)
        }

        .ap-button:not([disabled]).ap-button-secondary:not(.ap-button-loading):focus.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-button:not([disabled]).ap-button-tertiary {
        color: #474747;
        background-color: #e8e8e8
    }

        .ap-button:not([disabled]).ap-button-tertiary:not(.in-loading):hover:after {
            background-color: rgba(0,0,0,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-button:not([disabled]).ap-button-tertiary:not(.in-loading):active {
            background-color: #e8e8e8;
            color: #474747
        }

            .ap-button:not([disabled]).ap-button-tertiary:not(.in-loading):active:after {
                background-color: rgba(0,0,0,var(--opacity-4));
                content: "";
                height: 100%;
                width: 100%;
                position: absolute;
                bottom: 0;
                left: 0;
                border-radius: inherit
            }

        .ap-button:not([disabled]).ap-button-tertiary:not(.in-loading):focus:not(.keyboard-focus) {
            outline: none;
            box-shadow: 0 0 0 .25rem rgba(232,232,232,var(--opacity-6))
        }

        .ap-button:not([disabled]).ap-button-tertiary:not(.in-loading):focus.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-button:not([disabled]).ap-button-text {
        color: var(--color-text-primary);
        background-color: transparent
    }

        .ap-button:not([disabled]).ap-button-text:not(.in-loading):hover {
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-3))
        }

        .ap-button:not([disabled]).ap-button-text:not(.in-loading):active {
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-4))
        }

        .ap-button:not([disabled]).ap-button-text:not(.in-loading):focus:not(.keyboard-focus) {
            outline: none;
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
        }

        .ap-button:not([disabled]).ap-button-text:not(.in-loading):focus.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-button:not([disabled]).ap-button-negative {
        color: var(--color-background-secondary);
        background-color: var(--color-background-danger)
    }

        .ap-button:not([disabled]).ap-button-negative:not(.in-loading):hover:after {
            background-color: rgba(255,255,255,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-button:not([disabled]).ap-button-negative:not(.in-loading):active:after {
            background-color: rgba(0,0,0,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-button:not([disabled]).ap-button-negative:not(.in-loading):focus:not(.keyboard-focus) {
            outline: none;
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-danger-rgb),var(--opacity-3))
        }

        .ap-button:not([disabled]).ap-button-negative:not(.in-loading):focus.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-button.ap-button-rounded {
        border-radius: 1.25rem;
        padding: var(--spacing-3)
    }

        .ap-button.ap-button-rounded.ap-button-rounded-text {
            padding: var(--spacing-3) var(--spacing-6) var(--spacing-3) var(--spacing-4)
        }

        .ap-button.ap-button-rounded.ap-button-compact {
            padding: var(--spacing-2)
        }

            .ap-button.ap-button-rounded.ap-button-compact.ap-button-rounded-text {
                padding: var(--spacing-2) var(--spacing-5) var(--spacing-2) var(--spacing-3)
            }

    .ap-button[disabled] {
        cursor: not-allowed
    }

        .ap-button[disabled].ap-button-primary {
            color: rgba(var(--color-text-tertiary-rgb),var(--opacity-5));
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-5))
        }

        .ap-button[disabled].ap-button-secondary {
            color: rgba(var(--color-text-primary-rgb),var(--opacity-5));
            background-color: transparent;
            box-shadow: inset 0 0 0 .0625rem rgba(var(--color-text-primary-rgb),var(--opacity-5))
        }

        .ap-button[disabled].ap-button-tertiary {
            color: rgba(71,71,71,var(--opacity-5));
            background-color: rgba(232,232,232,var(--opacity-5))
        }

        .ap-button[disabled].ap-button-negative {
            color: rgba(var(--color-background-secondary-rgb),var(--opacity-5));
            background-color: rgba(var(--color-background-danger-rgb),var(--opacity-5))
        }

        .ap-button[disabled].ap-button-text {
            color: rgba(var(--color-text-primary-rgb),var(--opacity-5));
            background-color: rgba(var(--color-text-body-rgb),0)
        }

    .ap-button .Appkit4-icon {
        margin-right: var(--spacing-2)
    }

        .ap-button .Appkit4-icon:before {
            font-weight: var(--font-weight-2)
        }

    .ap-button.ap-button-rounded:not(.ap-button-rounded-text) .Appkit4-icon {
        margin-right: 0
    }

    .ap-button.ap-button-icon-only .Appkit4-icon {
        margin-right: 0
    }

.ap-buttons-wrapper {
    border-radius: var(--border-radius-2);
    position: relative
}

    .ap-buttons-wrapper .ap-group-buttons, .ap-buttons-wrapper .ap-menu-buttons {
        display: flex
    }

        .ap-buttons-wrapper .ap-group-buttons .icon-down-chevron-outline, .ap-buttons-wrapper .ap-menu-buttons .icon-down-chevron-outline {
            transform: rotate(0);
            transition: transform .3s
        }

            .ap-buttons-wrapper .ap-group-buttons .icon-down-chevron-outline.rotate, .ap-buttons-wrapper .ap-menu-buttons .icon-down-chevron-outline.rotate {
                transform: rotate(-180deg)
            }

        .ap-buttons-wrapper .ap-menu-buttons .ap-button {
            padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-7)
        }

            .ap-buttons-wrapper .ap-menu-buttons .ap-button.ap-button-compact {
                padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-7)
            }

            .ap-buttons-wrapper .ap-menu-buttons .ap-button .icon-down-chevron-outline {
                margin-right: 0;
                margin-left: var(--spacing-2)
            }

    .ap-buttons-wrapper .ap-dropdown-list {
        width: 320px !important;
        right: 0
    }

    .ap-buttons-wrapper div.ap-button-dropdown {
        width: 20rem;
        padding: var(--spacing-3);
        border-radius: var(--border-radius-3);
        box-shadow: 0 .5rem 1rem -.25rem #0000003d,0 0 .0625rem #0000000a;
        background-color: var(--color-background-container);
        margin-top: var(--spacing-3);
        position: absolute;
        right: var(--spacing-2);
        z-index: 99;
        color: var(--color-text-heading)
    }

        .ap-buttons-wrapper div.ap-button-dropdown.align-left {
            left: 0;
            right: auto
        }

        .ap-buttons-wrapper div.ap-button-dropdown .ap-option-item:last-child {
            margin-bottom: 0
        }

    .ap-buttons-wrapper .custom + div.ap-button-dropdown {
        position: absolute;
        display: block;
        padding: var(--spacing-3);
        width: 17.125rem;
        right: 0;
        left: 0;
        border-radius: var(--border-radius-3);
        transition: all .3s;
        z-index: 1;
        background-color: var(--color-background-container);
        color: var(--color-text-heading);
        box-shadow: var(--box-shadow-3) !important;
        font-weight: 400
    }

        .ap-buttons-wrapper .custom + div.ap-button-dropdown:not(.show) {
            visibility: hidden;
            transform: translateY(var(--spacing-4));
            opacity: 0
        }

        .ap-buttons-wrapper .custom + div.ap-button-dropdown.align-left {
            right: auto
        }

        .ap-buttons-wrapper .custom + div.ap-button-dropdown.align-right {
            left: auto
        }

    .ap-buttons-wrapper .group-left {
        border-radius: var(--border-radius-2) 0 0 var(--border-radius-2);
        padding: var(--spacing-3) var(--spacing-7);
        letter-spacing: -.025rem
    }

        .ap-buttons-wrapper .group-left.ap-button-compact {
            padding: var(--spacing-2) var(--spacing-7)
        }

        .ap-buttons-wrapper .group-left.ap-button-icon {
            padding: var(--spacing-3) var(--spacing-7) var(--spacing-3) var(--spacing-4)
        }

    .ap-buttons-wrapper .group-right {
        border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0;
        padding: var(--spacing-3)
    }

        .ap-buttons-wrapper .group-right.ap-button-compact {
            padding: var(--spacing-2) var(--spacing-3)
        }

        .ap-buttons-wrapper .group-right .icon-down-chevron-outline {
            font-weight: 400;
            margin-right: 0
        }

.loading-animation {
    animation: loading 1s infinite linear
}

.ap-button-dropdown .ap-option-item.active {
    font-weight: var(--font-weight-2)
}

.ap-btn-group {
    display: flex;
    justify-content: space-between;
    gap: .5rem
}

    .ap-btn-group.horizontal {
        flex-direction: row
    }

        .ap-btn-group.horizontal.rtl {
            flex-direction: row-reverse
        }

    .ap-btn-group.vertical {
        flex-direction: column
    }

        .ap-btn-group.vertical.rtl {
            flex-direction: column-reverse
        }

[data-keyboard-focus=true] .ap-button:not(.in-loading):focus {
    outline: auto 2px Highlight !important;
    outline: auto 5px -webkit-focus-ring-color !important;
    outline-offset: var(--spacing-1) !important
}

.ap-checkbox-container {
    display: flex
}

.ap-checkbox {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem
}

    .ap-checkbox .a-hidden-accessibility {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1.5rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1.5rem
    }

        .ap-checkbox .a-hidden-accessibility .ap-checkbox-input {
            cursor: default;
            -webkit-appearance: checkbox;
            padding: initial;
            border: initial
        }

        .ap-checkbox .a-hidden-accessibility input {
            transform: scale(0)
        }

    .ap-checkbox .Appkit4-icon {
        font-weight: var(--font-weight-2)
    }

        .ap-checkbox .Appkit4-icon:before {
            font-weight: var(--font-weight-2)
        }

    .ap-checkbox .icon-checkbox-deselected-fill {
        color: var(--color-text-body)
    }

    .ap-checkbox .icon-checkbox-backdrop-outline {
        display: none;
        color: var(--color-background-secondary);
        width: 24px
    }

        .ap-checkbox .icon-checkbox-backdrop-outline .icon-checkbox-selected-fill, .ap-checkbox .icon-checkbox-backdrop-outline .icon-checkbox-indeterminate-fill {
            position: absolute;
            top: 0;
            left: 0;
            color: var(--color-background-icon-primary);
            font-size: 1rem
        }

    .ap-checkbox.ap-checkbox-checked .icon-checkbox-deselected-fill, .ap-checkbox.ap-checkbox-indeterminate .icon-checkbox-deselected-fill {
        display: none
    }

    .ap-checkbox.ap-checkbox-checked .icon-checkbox-backdrop-outline, .ap-checkbox.ap-checkbox-indeterminate .icon-checkbox-backdrop-outline {
        display: inline-flex
    }

    .ap-checkbox.ap-checkbox-disabled, .ap-checkbox.ap-checkbox-disabled .ap-checkbox-input {
        cursor: not-allowed
    }

        .ap-checkbox.ap-checkbox-disabled .icon-checkbox-deselected-fill {
            opacity: var(--opacity-5)
        }

    .ap-checkbox.ap-checkbox-readonly .ap-checkbox-input {
        cursor: not-allowed
    }

    .ap-checkbox.ap-checkbox-checked.ap-checkbox-disabled .icon-checkbox-backdrop-outline, .ap-checkbox.ap-checkbox-indeterminate.ap-checkbox-disabled .icon-checkbox-backdrop-outline {
        opacity: var(--opacity-5)
    }

    .ap-checkbox + .ap-checkbox-label {
        padding-left: var(--spacing-2);
        line-height: 1.5rem;
        display: block;
        font-size: 1rem;
        color: var(--color-text-body);
        letter-spacing: -.025rem;
        cursor: pointer
    }

        .ap-checkbox + .ap-checkbox-label:empty {
            display: none
        }

.ap-checkbox-disabled + .ap-checkbox-label {
    opacity: var(--opacity-5);
    cursor: not-allowed
}

.ap-checkbox-readonly + .ap-checkbox-label {
    cursor: not-allowed
}

[data-keyboard-focus=true] .ap-checkbox.ap-checkbox-focus {
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: var(--spacing-1)
}

.ap-combobox-dropdown-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2001
}

.ap-combobox-dropdown-overlay-enter {
    opacity: 0;
    transform: translateY(12px)
}

.ap-combobox-dropdown-overlay-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: transform .3s,opacity .3s
}

.ap-combobox-dropdown-overlay-enter-done {
    transform: none
}

.ap-combobox {
    position: relative
}

    .ap-combobox .ap-combobox-input-box {
        position: relative;
        display: flex;
        width: 100%;
        height: 3rem;
        background-color: var(--color-background-container);
        border-radius: var(--border-radius-2);
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
        overflow: hidden;
        box-sizing: border-box;
        align-items: center
    }

        .ap-combobox .ap-combobox-input-box .ap-combobox-input {
            width: 100%;
            padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) var(--spacing-3);
            height: 3rem;
            color: var(--color-text-body);
            font-size: 1rem;
            letter-spacing: -.025rem;
            line-height: 1.5rem;
            background-color: transparent;
            outline: 0 !important
        }

            .ap-combobox .ap-combobox-input-box .ap-combobox-input.ap-combobox-input-short {
                padding-right: 6rem
            }

            .ap-combobox .ap-combobox-input-box .ap-combobox-input::placeholder {
                font-size: 1rem;
                line-height: 1.5rem;
                letter-spacing: -.025rem;
                color: var(--color-text-light)
            }

            .ap-combobox .ap-combobox-input-box .ap-combobox-input.exceedPadding {
                padding-right: 6rem
            }

        .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon {
            position: absolute;
            top: var(--spacing-2);
            right: 3.3125rem;
            border-radius: var(--border-radius-2);
            visibility: hidden
        }

            .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline {
                width: 2.5rem;
                height: 2.5rem;
                line-height: 2.5rem;
                cursor: pointer;
                color: var(--color-text-body)
            }

                .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline:before {
                    font-weight: var(--font-weight-2);
                    height: 1.5rem;
                    width: 1.5rem;
                    line-height: 1.5rem
                }

                .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline.disabled {
                    cursor: not-allowed;
                    opacity: var(--opacity-5)
                }

                .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline.readonly {
                    cursor: not-allowed
                }

                .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline:not(.disabled):hover {
                    cursor: pointer;
                    border-radius: var(--border-radius-2);
                    background-color: var(--color-background-hover-selected)
                }

            .ap-combobox .ap-combobox-input-box .ap-combobox-clear-icon.showDeleteIcon {
                visibility: visible
            }

        .ap-combobox .ap-combobox-input-box .separte-line {
            position: absolute;
            display: inline-block;
            top: 8px;
            right: 46px;
            width: 1px;
            height: 32px;
            border-radius: .5px;
            background-color: #d1d1d1
        }

        .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline {
            position: absolute;
            right: var(--spacing-2);
            top: var(--spacing-2);
            width: 2.5rem;
            height: 2.5rem;
            line-height: 2.5rem;
            border-radius: var(--border-radius-1);
            transform: rotate(0);
            transition: transform .3s;
            color: var(--color-text-body)
        }

            .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline:before {
                font-weight: var(--font-weight-2);
                height: 1.5rem;
                width: 1.5rem;
                line-height: 1.5rem
            }

            .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline.up {
                transform: rotate(-180deg)
            }

            .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline.disabled {
                cursor: not-allowed;
                opacity: var(--opacity-5)
            }

            .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline.readonly {
                cursor: not-allowed
            }

            .ap-combobox .ap-combobox-input-box .icon-down-chevron-outline:not(.disabled):hover {
                cursor: pointer
            }

    .ap-combobox.disabled {
        cursor: not-allowed
    }

        .ap-combobox.disabled .ap-combobox-input-box {
            cursor: not-allowed;
            pointer-events: none;
            box-shadow: inset 0 0 0 .0625rem rgba(var(--color-background-border-rgb),var(--opacity-6))
        }

            .ap-combobox.disabled .ap-combobox-input-box .ap-combobox-input {
                cursor: not-allowed;
                color: rgba(var(--color-text-heading-rgb),var(--opacity-5))
            }

            .ap-combobox.disabled .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline {
                color: rgba(var(--color-text-light-rgb),var(--opacity-5))
            }

            .ap-combobox.disabled .ap-combobox-input-box .separte-line {
                opacity: var(--opacity-5)
            }

    .ap-combobox.readonly {
        cursor: not-allowed
    }

        .ap-combobox.readonly .ap-combobox-input-box {
            pointer-events: none;
            cursor: not-allowed;
            box-shadow: inset 0 0 0 .0625rem var(--color-background-border)
        }

            .ap-combobox.readonly .ap-combobox-input-box .ap-combobox-input {
                pointer-events: none;
                color: var(--color-text-heading);
                opacity: var(--opacity-6)
            }

            .ap-combobox.readonly .ap-combobox-input-box .ap-combobox-clear-icon, .ap-combobox.readonly .ap-combobox-input-box .icon-down-chevron-outline {
                opacity: var(--opacity-6);
                pointer-events: none
            }

    .ap-combobox.error .ap-combobox-input-box {
        background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3));
        box-shadow: inset 0 0 0 .0625rem var(--color-background-danger)
    }

        .ap-combobox.error .ap-combobox-input-box .ap-combobox-clear-icon .icon-circle-delete-outline:hover {
            border-radius: var(--spacing-2);
            background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3))
        }

    .ap-combobox:not(.disabled):not(.readonly):not(.error) .ap-combobox-input-box:focus-within:not(.keyboard-focus) {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
    }

    .ap-combobox:not(.disabled):not(.readonly):not(.error) .ap-combobox-input-box:focus-within.keyboard-focus {
        outline: auto .125rem Highlight;
        outline: auto .3125rem -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

    .ap-combobox:not(.disabled):not(.readonly):not(.error):not(.error) .ap-combobox-input-box:hover {
        background-color: var(--color-background-hover)
    }

    .ap-combobox.error .ap-combobox-input-box:focus-within:not(.keyboard-focus) {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-danger),0 0 0 .25rem rgba(var(--color-background-danger-rgb),var(--opacity-3))
    }

    .ap-combobox.error .ap-combobox-input-box:focus-within.keyboard-focus {
        outline: auto .125rem Highlight;
        outline: auto .3125rem -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

    .ap-combobox .search-result {
        border: 0;
        clip: rect(0px,0px,0px,0px);
        height: .0625rem;
        margin-bottom: -.0625rem;
        margin-right: -.0625rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        white-space: nowrap;
        width: .0625rem
    }

.ap-combobox-dropdown-list-default {
    position: absolute;
    z-index: 99
}

.ap-combobox-dropdown-list {
    display: block;
    width: 100%;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    color: var(--color-text-body);
    transform: translateY(12px);
    visibility: hidden;
    opacity: 0;
    max-height: 17.5rem;
    overflow: auto
}

    .ap-combobox-dropdown-list.open {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition: visibility .3s,opacity .3s,transform .3s;
        pointer-events: auto
    }

    .ap-combobox-dropdown-list.hide {
        visibility: hidden;
        animation-fill-mode: both;
        transition: all .3s ease-in-out
    }

    .ap-combobox-dropdown-list .ap-checkbox-label {
        display: inline-flex
    }

.ap-combobox .ap-combobox-input-box .ap-tag.ap-tag-default.ap-tag-sm.combobox-tag {
    background-color: var(--color-background-hover-selected);
    color: var(--color-text-body);
    width: max-content
}

    .ap-combobox .ap-combobox-input-box .ap-tag.ap-tag-default.ap-tag-sm.combobox-tag .ap-tag-label {
        font-weight: 400
    }

.error .ap-combobox-input-box .ap-tag.ap-tag-default.ap-tag-sm.combobox-tag {
    background-color: var(--color-background-danger);
    color: var(--color-text-secondary)
}

.ap-combox-custom-wrapper {
    display: flex
}

    .ap-combox-custom-wrapper.show-text {
        padding-left: var(--spacing-3)
    }

.ap-combox-tags-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: wrap;
    padding-inline-start: 8px;
    max-width: calc(100% - 96px);
    overflow: auto;
    overflow-x: hidden;
    max-height: calc(100% - 20px);
    margin: 10px 0
}

    .ap-combox-tags-wrapper.show-text {
        padding-left: var(--spacing-3)
    }

.ap-combobox-selection-search {
    display: inline-flex;
    position: relative;
    max-width: 100%;
    width: 4px
}

    .ap-combobox-selection-search .ap-combobox-selection-search-input {
        margin: 0;
        padding: 0;
        background: 0 0;
        border: none;
        outline: none;
        appearance: none;
        font-family: inherit;
        min-width: 4.1px;
        width: 100%;
        color: var(--color-text-body);
        letter-spacing: -.025rem
    }

.ap-combobox-multiple-tags .ap-combobox-input-box .ap-combobox-toggle-box .icon-down-chevron-outline {
    top: 0;
    height: 100%
}

.ap-combobox-multiple-tags .ap-combobox-input-box {
    height: 100%;
    min-height: 48px
}

    .ap-combobox-multiple-tags .ap-combobox-input-box .ap-combobox-clear-icon {
        top: 50%;
        margin-top: -20px
    }

.ap-combobox-selection-overflow-item {
    max-width: 100%
}

    .ap-combobox-selection-overflow-item .ap-tag {
        max-width: 100%;
        margin-inline-end: 4px;
        margin-block: 2px
    }

        .ap-combobox-selection-overflow-item .ap-tag .ap-tag-label {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

.ap-combobox-multiple-tags .ap-combobox-input-box {
    align-items: center;
    align-items: flex-end !important
}

    .ap-combobox-multiple-tags .ap-combobox-input-box .separte-line {
        height: calc(100% - 16px)
    }

.ap-combobox-multiple-tags.ap-combobox .ap-combobox-input-box {
    position: static
}

.ap-combobox-multiple-tags .ap-combobox-selection-overflow-item-suffix {
    height: 100%;
    flex: none;
    align-self: center;
    max-width: 100%;
    display: inline-flex
}

.ap-combobox-multiple-tags .ap-combobox-selection-placeholder {
    position: absolute;
    top: 50%;
    inset-inline-start: 8px;
    inset-inline-end: 11px;
    transform: translateY(-50%);
    transition: all .3s
}

.ap-combobox-multiple-tags .ap-combobox-selection-placeholder {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    color: var(--color-text-light);
    pointer-events: none
}

.ap-combobox-selection-overflow {
    height: 28px
}

.ap-combobox-multiple-tags .ap-combobox-selection-search-mirror {
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: auto;
    z-index: 999;
    white-space: pre;
    visibility: hidden;
    height: 24px;
    line-height: 24px;
    transition: all .3s;
    letter-spacing: normal
}

.ap-combox-tags-wrapper::-webkit-scrollbar {
    display: none !important
}

.ap-combox-tags-wrapper {
    scrollbar-width: none !important
}

.ap-combobox-multiple .ap-tag {
    margin-left: var(--spacing-3)
}

.ap-combobox-multiple.ap-combobox-multiple-tags .ap-tag {
    margin-left: 0
}

.ap-combobox-error {
    position: absolute;
    margin: var(--spacing-3) 0 var(--spacing-4) var(--spacing-3);
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: var(--color-text-error)
}

.ap-drawer-wrapper {
    position: fixed;
    display: flex;
    inset: 0;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s,visibility .5s;
    z-index: -1
}

    .ap-drawer-wrapper .ap-table-demo table.table-head-padding td:first-child {
        padding-left: 12px
    }

    .ap-drawer-wrapper.masked .ap-drawer-mask {
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        background-color: rgba(var(--color-background-mask-rgb),var(--opacity-6))
    }

    .ap-drawer-wrapper:not(.masked):not(.freeze) {
        pointer-events: none
    }

    .ap-drawer-wrapper.visible {
        opacity: 1;
        visibility: visible;
        transition: opacity .5s,visibility 0s;
        z-index: 2000
    }

        .ap-drawer-wrapper.visible .ap-drawer {
            transform: translate(0) !important
        }

    .ap-drawer-wrapper .ap-drawer-mask {
        width: 100%;
        height: 100%
    }

    .ap-drawer-wrapper .ap-drawer {
        position: absolute;
        background-color: var(--color-background-container);
        transition: transform .5s;
        overflow: visible;
        pointer-events: auto;
        min-height: 280px;
        min-width: 280px
    }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-top, .ap-drawer-wrapper .ap-drawer.ap-drawer-bottom {
            height: 300px;
            width: 100%
        }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-right, .ap-drawer-wrapper .ap-drawer.ap-drawer-left {
            width: 568px;
            height: 100%
        }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-top {
            top: 0;
            border-radius: 0 0 .75rem .75rem;
            box-shadow: 0 .5rem 1rem -.125rem rgba(var(--color-background-tertiary-rgb),var(--opacity-4));
            transform: translateY(-100%)
        }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-right {
            right: 0;
            border-radius: .75rem 0 0 .75rem;
            box-shadow: -.5rem 0 1rem -.125rem rgba(var(--color-background-tertiary-rgb),var(--opacity-4));
            transform: translate(100%)
        }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-bottom {
            bottom: 0;
            border-radius: .75rem .75rem 0 0;
            box-shadow: 0 -.5rem 1rem -.125rem rgba(var(--color-background-tertiary-rgb),var(--opacity-4));
            transform: translateY(100%)
        }

        .ap-drawer-wrapper .ap-drawer.ap-drawer-left {
            left: 0;
            border-radius: 0 .75rem .75rem 0;
            box-shadow: .5rem 0 1rem -.125rem rgba(var(--color-background-tertiary-rgb),var(--opacity-4));
            transform: translate(-100%)
        }

    .ap-drawer-wrapper .ap-drawer-content {
        position: relative;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        width: 100%;
        height: 100%
    }

    .ap-drawer-wrapper .ap-drawer-header {
        display: flex;
        height: 2rem;
        padding: var(--spacing-6) var(--spacing-6) var(--spacing-3) var(--spacing-6);
        box-sizing: content-box;
        align-items: center;
        overflow: hidden
    }

        .ap-drawer-wrapper .ap-drawer-header .ap-drawer-title {
            font-size: var(--spacing-7);
            font-weight: var(--font-weight-2);
            line-height: 2rem;
            letter-spacing: -.025rem;
            color: var(--color-text-heading);
            margin-right: auto
        }

        .ap-drawer-wrapper .ap-drawer-header .ap-badge {
            margin-right: var(--spacing-3)
        }

    .ap-drawer-wrapper .ap-drawer-body {
        flex: 1;
        padding: var(--spacing-6);
        overflow-y: auto
    }

    .ap-drawer-wrapper .ap-drawer-footer {
        display: flex;
        justify-content: flex-end;
        padding: var(--spacing-4) var(--spacing-6) var(--spacing-6) var(--spacing-6);
        overflow: hidden
    }

        .ap-drawer-wrapper .ap-drawer-footer .ap-button {
            margin-right: var(--spacing-3)
        }

            .ap-drawer-wrapper .ap-drawer-footer .ap-button:last-of-type {
                margin-right: 0
            }

    .ap-drawer-wrapper .ap-drawer-icon {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
        margin-right: var(--spacing-2);
        padding: var(--spacing-3);
        background-color: transparent
    }

        .ap-drawer-wrapper .ap-drawer-icon:hover {
            background-color: var(--color-background-hover);
            border-radius: var(--border-radius-2);
            cursor: pointer
        }

    .ap-drawer-wrapper .ap-drawer-icons {
        position: absolute;
        top: var(--spacing-5);
        right: var(--spacing-6)
    }

        .ap-drawer-wrapper .ap-drawer-icons .ap-drawer-icon:last-of-type {
            margin-right: -.5rem
        }

        .ap-drawer-wrapper .ap-drawer-icons .Appkit4-icon {
            color: var(--color-text-heading)
        }

    .ap-drawer-wrapper.resizable .ap-resizer {
        position: absolute;
        z-index: 2001
    }

        .ap-drawer-wrapper.resizable .ap-resizer:after {
            content: "";
            position: absolute;
            display: block;
            background: var(--color-background-border);
            border-radius: var(--border-radius-1)
        }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-top, .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-bottom {
            left: 5px;
            width: calc(100% - 10px);
            height: 20px;
            cursor: row-resize
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-top:after, .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-bottom:after {
                left: 50%;
                width: 32px;
                height: 2px;
                transform: translate(-50%)
            }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-right, .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-left {
            top: 5px;
            width: 20px;
            height: calc(100% - 10px);
            cursor: col-resize
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-right:after, .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-left:after {
                top: 50%;
                width: 2px;
                height: 32px;
                transform: translateY(-50%)
            }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-top {
            top: -4px
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-top:after {
                top: 13px
            }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-right {
            right: -4px
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-right:after {
                left: 5px
            }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-bottom {
            bottom: -4px
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-bottom:after {
                top: 5px
            }

        .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-left {
            left: -4px
        }

            .ap-drawer-wrapper.resizable .ap-resizer.ap-resizer-left:after {
                left: 13px
            }

[data-mode=dark] .ap-drawer-wrapper .ap-drawer.ap-drawer-top {
    box-shadow: 0 .5rem 1rem -.125rem rgba(var(--color-background-alt-rgb),var(--opacity-6))
}

[data-mode=dark] .ap-drawer-wrapper .ap-drawer.ap-drawer-right {
    box-shadow: -.5rem 0 1rem -.125rem rgba(var(--color-background-alt-rgb),var(--opacity-6))
}

[data-mode=dark] .ap-drawer-wrapper .ap-drawer.ap-drawer-bottom {
    box-shadow: 0 -.5rem 1rem -.125rem rgba(var(--color-background-alt-rgb),var(--opacity-6))
}

[data-mode=dark] .ap-drawer-wrapper .ap-drawer.ap-drawer-left {
    box-shadow: .5rem 0 1rem -.125rem rgba(var(--color-background-alt-rgb),var(--opacity-6))
}

.ap-dropdown .ap-dropdown-select.error:not(.disabled):not(.readonly):focus .ap-field-wrapper:not(.keyboard-focus) {
    box-shadow: inset 0 0 0 .0625rem var(--color-background-danger),0 0 0 .25rem rgba(var(--color-background-danger-rgb),var(--opacity-3))
}

.ap-dropdown-custom-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 3rem;
    background-color: var(--color-background-container);
    border-radius: var(--border-radius-2);
    box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
    overflow: hidden;
    box-sizing: border-box;
    align-items: center;
    cursor: pointer;
    padding-left: var(--spacing-3)
}

    .ap-dropdown-custom-wrapper .ap-dropdown-custom-input {
        width: 100%;
        padding: var(--spacing-4) var(--spacing-8) var(--spacing-4) 0;
        height: 3rem;
        color: var(--color-text-body);
        font-size: 1rem;
        letter-spacing: -.025rem;
        line-height: 1.5rem;
        background-color: transparent;
        outline: 0 !important;
        cursor: pointer
    }

    .ap-dropdown-custom-wrapper.required:before {
        content: "";
        position: absolute;
        top: var(--spacing-2);
        width: .25rem;
        height: .25rem;
        border-radius: var(--border-radius-1);
        background-color: var(--color-text-error);
        transition: all .3s
    }

.ap-dropdown-overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2001
}

.ap-dropdown-overlay-enter {
    opacity: 0;
    transform: translateY(12px)
}

.ap-dropdown-overlay-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: transform .3s,opacity .3s
}

.ap-dropdown-overlay-enter-done {
    transform: none
}

.ap-dropdown-overlay-exit {
    opacity: 1
}

.ap-dropdown-overlay-exit-active {
    opacity: 0;
    transform: translateY(12px);
    transition: all .3s ease-in-out
}

.ap-dropdown-list > .ap-option-item:last-child {
    margin-bottom: 0
}

.ap-dropdown .ap-field-prefix-wrapper .icon-search-outline {
    color: var(--color-text-light)
}

.ap-field-wrapper:hover:not(.disabled) {
    background-color: var(--color-background-hover)
}

.ap-dropdown-list .ap-checkbox-label {
    display: inline-flex
}

.ap-dropdown-list .ap-dropdown-select-all {
    margin-bottom: var(--spacing-3)
}

.ap-dropdown {
    position: relative
}

    .ap-dropdown .ap-dropdown-select {
        position: relative;
        transition: color .3s,background-color .3s,box-shadow .3s
    }

        .ap-dropdown .ap-dropdown-select .ap-field {
            width: 100% !important
        }

            .ap-dropdown .ap-dropdown-select .ap-field .ap-field-container .ap-field-wrapper .ap-field-input {
                padding-right: 2.75rem !important
            }

        .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus {
            outline: none
        }

            .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus .ap-field-wrapper:not(.keyboard-focus) {
                box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
            }

            .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus .ap-field-wrapper.keyboard-focus {
                outline: auto .125rem Highlight;
                outline: auto .3125rem -webkit-focus-ring-color;
                outline-offset: var(--spacing-1)
            }

        .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus-within {
            outline: none
        }

            .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus-within .ap-dropdown-badge-wrapper:not(.keyboard-focus) {
                box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
            }

            .ap-dropdown .ap-dropdown-select:not(.disabled):not(.readonly):focus-within .ap-dropdown-badge-wrapper.keyboard-focus {
                outline: auto .125rem Highlight;
                outline: auto .3125rem -webkit-focus-ring-color;
                outline-offset: var(--spacing-1)
            }

        .ap-dropdown .ap-dropdown-select:focus:not(.error) {
            outline: none
        }

            .ap-dropdown .ap-dropdown-select:focus:not(.error) .ap-field-wrapper:not(.keyboard-focus) {
                box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
            }

            .ap-dropdown .ap-dropdown-select:focus:not(.error) .ap-field-wrapper.keyboard-focus {
                outline: auto .125rem Highlight;
                outline: auto .3125rem -webkit-focus-ring-color;
                outline-offset: var(--spacing-1)
            }

        .ap-dropdown .ap-dropdown-select .icon-down-chevron-outline {
            position: absolute;
            top: 0;
            right: 0;
            cursor: pointer;
            margin-top: var(--spacing-4);
            margin-right: var(--spacing-4);
            transform: rotate(0);
            transition: transform .3s;
            color: var(--color-text-body)
        }

            .ap-dropdown .ap-dropdown-select .icon-down-chevron-outline:before {
                font-weight: var(--font-weight-2)
            }

            .ap-dropdown .ap-dropdown-select .icon-down-chevron-outline.up {
                transform: rotate(-180deg)
            }

            .ap-dropdown .ap-dropdown-select .icon-down-chevron-outline.error {
                color: var(--color-text-body)
            }

            .ap-dropdown .ap-dropdown-select .icon-down-chevron-outline.disabled {
                cursor: not-allowed;
                opacity: var(--opacity-5);
                pointer-events: none
            }

        .ap-dropdown .ap-dropdown-select.disabled, .ap-dropdown.disabled {
            cursor: not-allowed
        }

.ap-dropdown-list.hide .search-container {
    display: block;
    margin-bottom: var(--spacing-3)
}

.ap-dropdown-list.open .search-container {
    display: block;
    margin-bottom: var(--spacing-3);
    pointer-events: auto
}

.ap-dropdown-list.ap-dropdown-list-portal {
    visibility: visible;
    opacity: 1;
    transform: none
}

.ap-dropdown-list {
    display: block;
    padding: var(--spacing-3) !important;
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    color: var(--color-text-body);
    max-height: 17.5rem;
    overflow: auto
}

    .ap-dropdown-list.ap-popup {
        overflow: none;
        max-height: none
    }

.ap-option-item {
    position: relative;
    height: 3rem;
    padding: var(--spacing-4) var(--spacing-3) var(--spacing-4) var(--spacing-3);
    border-radius: var(--border-radius-2);
    cursor: pointer;
    display: flex;
    align-items: center
}

.ap-option-group {
    display: inline-block;
    width: 100%;
    height: 28px;
    margin-bottom: var(--spacing-3);
    padding: var(--spacing-2) 0 var(--spacing-2) var(--spacing-3);
    border-radius: var(--border-radius-2);
    background-color: var(--color-background-hover)
}

    .ap-option-group .ap-group-label {
        font-size: .875rem;
        line-height: 1.25rem;
        letter-spacing: -.025rem
    }

.ap-option-item {
    position: relative;
    width: 100%;
    height: 3rem;
    padding: var(--spacing-4) var(--spacing-3);
    border-radius: var(--border-radius-2);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-2);
    line-height: 1.5rem;
    color: var(--color-text-body)
}

    .ap-option-item:last-child {
        margin-bottom: 0
    }

    .ap-option-item .ap-option-left {
        display: flex;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .ap-option-item .ap-option-left .ap-checkbox-label {
            margin-left: calc(-1 * var(--spacing-2));
            margin-right: var(--spacing-2)
        }

        .ap-option-item .ap-option-left .ap-option-label {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            cursor: pointer
        }

        .ap-option-item .ap-option-left .ap-option-prefix {
            margin-left: var(--spacing-2);
            margin-right: var(--spacing-2)
        }

        .ap-option-item .ap-option-left.overflow-options .ap-option-label {
            margin-left: 8px
        }

    .ap-option-item .ap-option-desc {
        flex-shrink: 0;
        letter-spacing: -.025rem;
        max-width: 46%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--color-text-light)
    }

    .ap-option-item .ap-option-switch {
        opacity: var(--opacity-7);
        position: absolute;
        right: 0
    }

    .ap-option-item:hover:not(.disabled) {
        background-color: var(--color-background-hover)
    }

    .ap-option-item.moved:not(.disabled) {
        background-color: var(--color-background-hover);
        box-shadow: 0 0 0 .0625rem var(--color-background-tertiary)
    }

        .ap-option-item.moved:not(.disabled):hover {
            background-color: var(--color-background-hover-selected)
        }

    .ap-option-item.active {
        background-color: var(--color-background-selected)
    }

        .ap-option-item.active .ap-option-label {
            font-weight: var(--font-weight-2)
        }

        .ap-option-item.active:hover {
            background-color: var(--color-background-hover-selected)
        }

    .ap-option-item.disabled {
        cursor: not-allowed
    }

        .ap-option-item.disabled .ap-option-label {
            opacity: var(--opacity-5);
            cursor: not-allowed
        }

        .ap-option-item.disabled .Appkit4-icon {
            opacity: var(--opacity-5)
        }

    .ap-option-item.noResult {
        justify-content: center
    }

        .ap-option-item.noResult:hover {
            cursor: auto;
            background-color: var(--color-background-container)
        }

    .ap-option-item .icon-arrow-increase-small-outline {
        display: none;
        position: absolute;
        right: var(--spacing-4);
        top: var(--spacing-4);
        cursor: pointer
    }

    .ap-option-item.iconLink .icon-arrow-increase-small-outline {
        display: inline-block
    }

    .ap-option-item .recent-delete-icon {
        position: absolute;
        display: inline-flex;
        right: 0;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        letter-spacing: -.025rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: var(--border-radius-1);
        padding: var(--spacing-3)
    }

        .ap-option-item .recent-delete-icon .Appkit4-icon {
            cursor: pointer;
            font-size: 1rem
        }

            .ap-option-item .recent-delete-icon .Appkit4-icon:before {
                font-weight: var(--font-weight-2)
            }

        .ap-option-item .recent-delete-icon:hover {
            cursor: pointer;
            background-color: var(--color-background-hover-selected)
        }

    .ap-option-item:focus-visible {
        outline: none
    }

.ap-feeds-comments-body .ap-field.textarea .ap-field-container .ap-field-wrapper textarea {
    resize: none !important
}

.ap-feeds-comments {
    position: relative;
    padding: var(--spacing-6);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    -webkit-user-select: none;
    user-select: none
}

.ap-feeds-comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ap-feeds-comments-header-title {
    font-size: 1.25rem;
    font-weight: var(--font-weight-2);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-heading);
    word-break: break-word
}

.ap-feeds-comments-body {
    height: 7rem;
    margin: var(--spacing-6) 0
}

.ap-feeds-comments-footer-wrapper {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: var(--spacing-2);
    margin: calc(-1 * var(--spacing-2))
}

.ap-feeds-comments-footer-wrapper-attach {
    width: 2.5rem;
    height: 2.5rem;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-2);
    background-color: var(--color-background-container);
    cursor: pointer;
    color: var(--color-text-body);
    position: relative
}

    .ap-feeds-comments-footer-wrapper-attach:hover {
        background-color: var(--color-background-hover)
    }

    .ap-feeds-comments-footer-wrapper-attach input[type=file] {
        cursor: pointer;
        text-indent: 2.625rem;
        width: 2.5rem;
        position: absolute;
        height: 2.5rem;
        top: 0;
        left: 0;
        overflow: hidden
    }

.ap-feeds-comments-footer-wrapper-buttons {
    display: flex
}

    .ap-feeds-comments-footer-wrapper-buttons .footer-button {
        margin-right: var(--spacing-3)
    }

.ap-feeds-comments .uploaded-images {
    display: grid;
    gap: var(--spacing-3);
    grid-template-columns: repeat(4,7.4375rem);
    margin-top: var(--spacing-6);
    position: relative
}

.ap-feeds-comments .uploaded-images-placeholder {
    display: flex;
    position: absolute;
    left: 0;
    top: 0
}

.ap-feeds-comments .uploaded-images-placeholder-item {
    width: 7.4375rem;
    height: 7.5rem;
    border-radius: var(--border-radius-2)
}

    .ap-feeds-comments .uploaded-images-placeholder-item.rimless {
        border: dashed .0625rem #696969
    }

.ap-feeds-comments .uploaded-images-placeholder .uploaded-images-placeholder-item + .uploaded-images-placeholder-item {
    margin-left: var(--spacing-3)
}

.ap-feeds-comments .uploaded-images .image-wrapper {
    width: 7.4375rem;
    height: 7.5rem;
    border-radius: var(--border-radius-2);
    position: relative
}

    .ap-feeds-comments .uploaded-images .image-wrapper img {
        border-radius: var(--border-radius-2);
        height: 100%;
        width: 100%
    }

    .ap-feeds-comments .uploaded-images .image-wrapper .Appkit4-icon {
        border-radius: var(--border-radius-1);
        color: #fff;
        cursor: pointer;
        position: absolute;
        top: var(--spacing-1);
        right: var(--spacing-1)
    }

        .ap-feeds-comments .uploaded-images .image-wrapper .Appkit4-icon:hover, .ap-feeds-comments .uploaded-images .image-wrapper .Appkit4-icon:focus {
            background-color: rgba(37,37,37,var(--opacity-6))
        }

.ap-feeds-comments .ap-comment-header-action {
    position: absolute;
    top: var(--spacing-4);
    right: var(--spacing-4);
    display: flex
}

    .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action {
        display: flex
    }

        .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .more, .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .close {
            width: 2.5rem;
            height: 2.5rem;
            border-radius: var(--border-radius-2);
            text-align: center;
            line-height: 2.5rem;
            cursor: pointer;
            background-color: var(--color-background-container);
            padding-top: 0;
            padding-bottom: 0
        }

        .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .more {
            margin-right: var(--spacing-2);
            position: relative
        }

            .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .more:hover {
                background-color: var(--color-background-hover)
            }

            .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .more .Appkit4-icon {
                color: var(--color-text-heading)
            }

        .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .close:hover {
            background-color: var(--color-background-hover)
        }

        .ap-feeds-comments .ap-comment-header-action .ap-feeds-comments-header-action .close .Appkit4-icon {
            color: var(--color-text-heading)
        }

.comments-wrapper {
    width: 100%;
    padding: var(--spacing-6);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-1);
    background-color: var(--color-background-container)
}

    .comments-wrapper .comments + .comments {
        margin-top: var(--spacing-6)
    }

    .comments-wrapper .comments {
        display: flex;
        align-items: flex-start
    }

        .comments-wrapper .comments .comments-detail .comments-info {
            align-items: baseline;
            display: inline-flex;
            padding: var(--spacing-3) 0 0 var(--spacing-4)
        }

            .comments-wrapper .comments .comments-detail .comments-info .comments-name {
                margin-right: var(--spacing-4);
                color: var(--color-text-heading);
                font-size: 1rem;
                font-weight: var(--font-weight-2);
                letter-spacing: -.025rem;
                line-height: 1.5rem
            }

            .comments-wrapper .comments .comments-detail .comments-info .comments-time {
                color: var(--color-text-light);
                font-size: 1rem;
                font-weight: 400;
                letter-spacing: -.025rem;
                line-height: 1.5rem
            }

        .comments-wrapper .comments .comments-detail .comments-content {
            margin: var(--spacing-2) 0 0 var(--spacing-4);
            word-break: break-word;
            color: var(--color-text-body);
            font-size: 1rem;
            font-weight: 400;
            letter-spacing: -.025rem;
            line-height: 1.5rem
        }

        .comments-wrapper .comments .comments-detail .comments-images {
            display: grid;
            grid-template-columns: 12.5rem 12.5rem;
            padding-left: var(--spacing-4);
            margin-top: var(--spacing-3);
            margin-bottom: calc(-1 * var(--spacing-2))
        }

            .comments-wrapper .comments .comments-detail .comments-images .image {
                align-items: center;
                display: flex;
                height: 8rem;
                justify-content: center;
                width: 12.5rem
            }

                .comments-wrapper .comments .comments-detail .comments-images .image:focus {
                    border: solid .125rem #252525;
                    border-radius: var(--border-radius-3);
                    padding: var(--spacing-2)
                }

                .comments-wrapper .comments .comments-detail .comments-images .image:focus-visible {
                    outline: none
                }

                .comments-wrapper .comments .comments-detail .comments-images .image img {
                    height: 7.5rem;
                    width: 12rem
                }

        .comments-wrapper .comments .comments-detail .comments-likes {
            display: flex;
            margin-top: var(--spacing-4);
            margin-left: var(--spacing-2)
        }

            .comments-wrapper .comments .comments-detail .comments-likes .comments-action {
                cursor: pointer;
                height: 2.5rem;
                padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-3);
                border-radius: var(--border-radius-2);
                background-color: transparent
            }

                .comments-wrapper .comments .comments-detail .comments-likes .comments-action .Appkit4-icon {
                    color: var(--color-text-heading)
                }

                .comments-wrapper .comments .comments-detail .comments-likes .comments-action:hover {
                    background-color: var(--color-background-hover)
                }

            .comments-wrapper .comments .comments-detail .comments-likes .comments-action-text {
                margin: 0 0 0 var(--spacing-2);
                color: var(--color-text-heading);
                font-size: 1rem;
                font-weight: var(--font-weight-2);
                letter-spacing: -.025rem;
                line-height: 1.5rem
            }

            .comments-wrapper .comments .comments-detail .comments-likes .comments-action + .comments-action {
                margin-left: var(--spacing-2)
            }

.backBox {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(17,17,17,var(--opacity-5));
    -webkit-backdrop-filter: var(--blur-1);
    backdrop-filter: var(--blur-1);
    z-index: 1000;
    top: 0;
    left: 0
}

.bigImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ap-field-input-suffix {
    display: flex;
    justify-content: center;
    align-items: center
}

.ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown > .ap-option-item:last-child {
    margin-bottom: 0
}

.ap-field.readonly .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group.with-unit:not(.disabled):hover {
    background: none !important
}

.ap-field-prefix-wrapper {
    display: flex;
    align-items: center;
    width: 2.5rem;
    height: 3rem;
    justify-content: center
}

.ap-field-suffix-wrapper {
    display: flex;
    align-items: center;
    height: 3rem;
    justify-content: center;
    margin-right: var(--spacing-2);
    position: absolute;
    top: 0;
    right: 0
}

.ap-field-dropdown-phone .ap-option-item .ap-checkbox-label .ap-option-prefix {
    display: flex;
    margin: 0
}

.ap-field-dropdown-phone .ap-option-item .ap-checkbox-label {
    margin: 0
}

.ap-field:not(.disabled):not(.readonly) .ap-field-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: var(--color-text-body);
    border-radius: var(--border-radius-1);
    transition: all .3s;
    cursor: pointer
}

    .ap-field:not(.disabled):not(.readonly) .ap-field-icon-btn:not(.disabled):not(.icon-down-chevron-outline):hover {
        background-color: var(--color-background-hover-selected)
    }

    .ap-field:not(.disabled):not(.readonly) .ap-field-icon-btn:before {
        font-weight: var(--font-weight-2);
        height: 1.5rem;
        width: 1.5rem;
        line-height: 1.5rem
    }

.ap-field.disabled .ap-field-dropdown-button-group:hover {
    cursor: not-allowed !important
}

.ap-field.disabled .ap-field-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: var(--color-text-body);
    border-radius: var(--border-radius-1);
    transition: all .3s
}

    .ap-field.disabled .ap-field-icon-btn:before {
        font-weight: var(--font-weight-2);
        height: 1.5rem;
        width: 1.5rem;
        line-height: 1.5rem
    }

.ap-field.readonly .ap-field-dropdown-button-group:hover {
    cursor: not-allowed !important
}

.ap-field.readonly .ap-field-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    color: var(--color-text-body);
    border-radius: var(--border-radius-1);
    transition: all .3s
}

    .ap-field.readonly .ap-field-icon-btn:before {
        font-weight: var(--font-weight-2);
        height: 1.5rem;
        width: 1.5rem;
        line-height: 1.5rem
    }

.ap-field .ap-field-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0
}

    .ap-field .ap-field-container:not(.open) .ap-datepicker-wrapper {
        visibility: hidden;
        opacity: 0;
        transform: scale(.1)
    }

    .ap-field .ap-field-container .ap-field-wrapper {
        display: flex;
        height: 3rem;
        width: 100%;
        background-color: var(--color-background-container);
        border-radius: var(--border-radius-2);
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
        overflow: hidden;
        transition: color .3s,background-color .3s,box-shadow .3s
    }

        .ap-field .ap-field-container .ap-field-wrapper .icon-down-chevron-outline:before {
            transform: rotate(0);
            transition: transform .3s
        }

        .ap-field .ap-field-container .ap-field-wrapper .icon-down-chevron-outline.up:before {
            transform: rotate(-180deg)
        }

        .ap-field .ap-field-container .ap-field-wrapper .ap-field-input {
            letter-spacing: -.025rem;
            width: 100%;
            color: var(--color-text-heading);
            -webkit-appearance: none;
            background-color: transparent;
            outline: 0 !important;
            transition: margin .3s,padding-bottom .3s,color .3s
        }

            .ap-field .ap-field-container .ap-field-wrapper .ap-field-input.shorter-input {
                padding-right: 44px
            }

            .ap-field .ap-field-container .ap-field-wrapper .ap-field-input:-webkit-autofill {
                -webkit-background-clip: text;
                -webkit-text-fill-color: var(--color-text-body)
            }

        .ap-field .ap-field-container .ap-field-wrapper input {
            margin: var(--spacing-7) var(--spacing-3) 0;
            padding: 0 0 9px
        }

            .ap-field .ap-field-container .ap-field-wrapper input[type=password]::-webkit-contacts-auto-fill-button, .ap-field .ap-field-container .ap-field-wrapper input[type=password]::-webkit-credentials-auto-fill-button, .ap-field .ap-field-container .ap-field-wrapper input[type=password]::-ms-clear, .ap-field .ap-field-container .ap-field-wrapper input[type=password]::-ms-reveal {
                display: none !important;
                visibility: hidden;
                pointer-events: none;
                height: 0;
                width: 0;
                margin: 0
            }

            .ap-field .ap-field-container .ap-field-wrapper input[type=number] {
                appearance: textfield
            }

                .ap-field .ap-field-container .ap-field-wrapper input[type=number]::-webkit-inner-spin-button {
                    -webkit-appearance: none
                }

        .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper {
            display: flex;
            align-items: center;
            margin-right: var(--spacing-2)
        }

            .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group {
                display: flex;
                align-items: center;
                height: 2.5rem;
                padding: var(--spacing-3);
                border-radius: var(--border-radius-1);
                transition: all .3s;
                cursor: pointer;
                z-index: 1;
                color: var(--color-text-heading)
            }

                .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group:not(.disabled):hover {
                    background-color: var(--color-background-hover-selected)
                }

                .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group.disabled {
                    opacity: var(--opacity-3);
                    pointer-events: none
                }

                .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group .ap-field-img {
                    margin-right: var(--spacing-2);
                    width: 1.5rem;
                    height: 1.5rem;
                    pointer-events: none;
                    -webkit-user-select: none;
                    user-select: none;
                    transition: all .3s
                }

                .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group .ap-field-icon-btn {
                    position: relative;
                    top: auto;
                    right: auto;
                    width: 1.5rem;
                    height: 1.5rem
                }

                .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group .ap-field-unit {
                    margin-right: var(--spacing-1);
                    line-height: 1.5rem;
                    pointer-events: none;
                    -webkit-user-select: none;
                    user-select: none
                }

            .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown {
                position: absolute;
                right: var(--spacing-3);
                top: calc(var(--spacing-8) - var(--spacing-3));
                width: 17.5rem;
                padding: var(--spacing-3);
                border-radius: var(--border-radius-3);
                box-shadow: var(--level-3);
                background-color: var(--color-background-container);
                z-index: 99;
                transition: visibility .3s,opacity .3s,transform .3s;
                overflow: auto
            }

        .ap-field .ap-field-container .ap-field-wrapper .ap-field-counter {
            position: absolute;
            top: var(--spacing-3);
            right: var(--spacing-3);
            height: .75rem;
            line-height: .75rem;
            font-size: .75rem;
            color: var(--color-text-light);
            transition: opacity .3s,color .3s;
            pointer-events: none
        }

        .ap-field .ap-field-container .ap-field-wrapper .ap-field-dropdown-phone-tag {
            position: absolute;
            left: var(--spacing-3);
            top: var(--spacing-7);
            height: 1rem;
            line-height: 1rem;
            -webkit-user-select: none;
            user-select: none;
            cursor: default;
            transition: all .3s;
            color: var(--color-text-heading)
        }

    .ap-field .ap-field-container.hide-title input {
        margin: var(--spacing-4) var(--spacing-3);
        padding: 0
    }

    .ap-field .ap-field-container.hide-title textarea {
        margin-top: var(--spacing-5) !important
    }

    .ap-field .ap-field-container .ap-field-datepicker-error-message-container {
        position: absolute;
        top: 3rem;
        left: 0
    }

        .ap-field .ap-field-container .ap-field-datepicker-error-message-container .ap-field-datepicker-error-message {
            margin: var(--spacing-3) var(--spacing-3) var(--spacing-4);
            color: var(--color-text-error);
            font-size: .75rem;
            height: .875rem
        }

    .ap-field .ap-field-container .ap-field-content .ap-datepicker-options {
        display: none
    }

.ap-field .ap-field-title-container {
    position: absolute;
    left: var(--spacing-3);
    top: var(--spacing-4);
    max-width: calc(100% - var(--spacing-5));
    line-height: 1.5rem;
    font-size: 1rem;
    color: var(--color-text-light);
    transition: all .3s;
    pointer-events: none;
    z-index: 1
}

    .ap-field .ap-field-title-container .ap-field-title {
        width: 100%;
        display: inline-block;
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .ap-field .ap-field-title-container.required:before {
        content: "";
        position: absolute;
        right: calc(-1 * var(--spacing-3));
        top: var(--spacing-2);
        width: .25rem;
        height: .25rem;
        border-radius: var(--border-radius-1);
        background-color: var(--color-text-error);
        transition: all .3s
    }

.ap-field.has-length .ap-field-title-container, .ap-field:not(.disabled):not(.readonly):not(.text-readonly):focus-within .ap-field-title-container, .ap-field:not(.readonly) .ap-field-container.open .ap-field-title-container, .ap-field:not(.readonly) .ap-field-container.show .ap-field-title-container {
    position: absolute;
    left: var(--spacing-3);
    top: var(--spacing-3);
    max-width: calc(100% - var(--spacing-5));
    height: .875rem;
    line-height: .875rem;
    margin-top: -1px;
    font-size: .75rem;
    color: var(--color-text-light);
    pointer-events: none
}

    .ap-field.has-length .ap-field-title-container.required:before, .ap-field:not(.disabled):not(.readonly):not(.text-readonly):focus-within .ap-field-title-container.required:before, .ap-field:not(.readonly) .ap-field-container.open .ap-field-title-container.required:before, .ap-field:not(.readonly) .ap-field-container.show .ap-field-title-container.required:before {
        content: "";
        position: absolute;
        right: calc(-1 * var(--spacing-2));
        top: var(--spacing-1);
        width: .125rem;
        height: .125rem;
        background-color: var(--color-text-error);
        border-radius: 50%
    }

.ap-field:not(.disabled):not(.readonly):not(.text-readonly):focus-within .hide-title .ap-field-title-container, .ap-field:not(.readonly) .ap-field-container.show.hide-title .ap-field-title-container {
    transition: opacity 0;
    left: var(--spacing-3);
    top: var(--spacing-4);
    max-width: calc(100% - var(--spacing-5));
    line-height: 1.5rem;
    height: 1.5rem;
    font-size: 1rem
}

.ap-field.has-length .ap-field-placeholder-container {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s;
    transform: translateY(-.375rem)
}

.ap-field.has-length .hide-title .ap-field-title-container {
    opacity: 0;
    transition: none
}

.ap-field:not(.has-length) .ap-field-title-container {
    transition: all .3s
}

.ap-field:not(.has-length) .ap-field-placeholder-container {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    left: var(--spacing-3);
    top: var(--spacing-7);
    transition: opacity .3s,transform .3s
}

.ap-field:not(.has-length):not(.readonly) .ap-field-container.open .ap-field-placeholder-container, .ap-field:not(.has-length):not(.readonly) .ap-field-container.show .ap-field-placeholder-container, .ap-field:not(.has-length):focus-within .ap-field-placeholder-container {
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: var(--spacing-3);
    top: 1.875rem;
    max-width: calc(100% - var(--spacing-5));
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    color: var(--color-text-light);
    transition: opacity .3s,transform .3s;
    transform: translateY(-.375rem)
}

    .ap-field:not(.has-length):not(.readonly) .ap-field-container.open .ap-field-placeholder-container.has-no-title, .ap-field:not(.has-length):not(.readonly) .ap-field-container.show .ap-field-placeholder-container.has-no-title, .ap-field:not(.has-length):focus-within .ap-field-placeholder-container.has-no-title {
        top: var(--spacing-7)
    }

.ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.hide-title) input.ap-field-input {
    margin-top: 1.875rem;
    padding-bottom: .3125rem
}

.ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.hide-title) textarea.ap-field-input {
    margin-top: 2rem !important;
    margin-bottom: 0 !important
}

.ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .icon-down-chevron-outline:not(.with-unit), .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-password-reveal-icon, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .icon-circle-delete-outline, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-img, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-icon, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-dropdown-phone-tag, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-counter, .ap-field:not(.has-length):not(:focus-within) .ap-field-container:not(.show):not(.open):not(.ap-inputnumber-container) .ap-field-dropdown-button-group:not(.with-unit) {
    transform: translateY(.25rem);
    opacity: 0;
    visibility: hidden
}

.ap-field.textarea .ap-field-container .ap-field-wrapper {
    position: relative;
    height: auto
}

    .ap-field.textarea .ap-field-container .ap-field-wrapper:after {
        content: "";
        position: absolute;
        right: .1875rem;
        bottom: .1875rem;
        width: .1875rem;
        height: .1875rem;
        border-radius: 50%;
        background-color: var(--color-background-border);
        transition: background-color .3s,opacity .3s;
        pointer-events: none
    }

    .ap-field.textarea .ap-field-container .ap-field-wrapper textarea {
        margin: var(--spacing-7) 0 var(--spacing-3) var(--spacing-3);
        padding: 0;
        height: 5rem;
        min-height: 1.5rem;
        line-height: 1.25rem;
        resize: vertical;
        overflow-y: scroll
    }

        .ap-field.textarea .ap-field-container .ap-field-wrapper textarea::-webkit-resizer {
            display: none
        }

        .ap-field.textarea .ap-field-container .ap-field-wrapper textarea::-webkit-scrollbar {
            background-color: transparent;
            width: .5rem
        }

        .ap-field.textarea .ap-field-container .ap-field-wrapper textarea::-webkit-scrollbar-corner {
            background-color: transparent
        }

        .ap-field.textarea .ap-field-container .ap-field-wrapper textarea::-webkit-scrollbar-thumb {
            background-color: transparent
        }

.ap-field.textarea.disabled textarea {
    overflow: hidden !important
}

.ap-field.textarea.readonly textarea {
    cursor: not-allowed
}

.ap-field:not(.disabled):not(.readonly):not(.text-readonly) .ap-field-wrapper:not(.as-toggle) {
    cursor: text
}

.ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-wrapper:hover {
    background-color: var(--color-background-hover)
}

.ap-field:not(.disabled):not(.readonly):not(.error):focus-within .ap-field-wrapper.focus:not(.keyboard-focus), .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.show .ap-field-wrapper.focus:not(.keyboard-focus), .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.open .ap-field-wrapper.focus:not(.keyboard-focus) {
    box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
}

.ap-field:not(.disabled):not(.readonly):not(.error):focus-within .ap-field-wrapper.focus.keyboard-focus, .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.show .ap-field-wrapper.focus.keyboard-focus, .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.open .ap-field-wrapper.focus.keyboard-focus {
    outline: auto 5px #2474d6;
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: var(--spacing-1)
}

.ap-field:not(.disabled):not(.readonly):not(.error):focus-within .ap-field-wrapper:after, .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.show .ap-field-wrapper:after, .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-container.open .ap-field-wrapper:after {
    background-color: var(--color-background-primary) !important
}

.ap-field:not(.disabled).error:focus-within .ap-field-wrapper:not(.keyboard-focus), .ap-field:not(.disabled).error .ap-field-container.show .ap-field-wrapper:not(.keyboard-focus), .ap-field:not(.disabled).error .ap-field-container.open .ap-field-wrapper:not(.keyboard-focus) {
    box-shadow: inset 0 0 0 .0625rem var(--color-background-danger),0 0 0 .25rem rgba(var(--color-background-danger-rgb),var(--opacity-3))
}

.ap-field:not(.disabled).error:focus-within .ap-field-wrapper.focus.keyboard-focus, .ap-field:not(.disabled).error .ap-field-container.show .ap-field-wrapper.focus.keyboard-focus, .ap-field:not(.disabled).error .ap-field-container.open .ap-field-wrapper.focus.keyboard-focus {
    outline: auto 5px #2474d6;
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: var(--spacing-1)
}

.ap-field.error .ap-field-wrapper {
    background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3));
    box-shadow: inset 0 0 0 .0625rem var(--color-background-danger)
}

    .ap-field.error .ap-field-wrapper .ap-field-input:-webkit-autofill {
        -webkit-text-fill-color: var(--color-text-error)
    }

    .ap-field.error .ap-field-wrapper .ap-field-counter {
        color: var(--color-text-body)
    }

    .ap-field.error .ap-field-wrapper .ap-field-icon-btn:not(.disabled):not(.icon-down-chevron-outline):hover {
        background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3)) !important
    }

    .ap-field.error .ap-field-wrapper .ap-field-dropdown-wrapper .ap-field-dropdown-button-group:not(.disabled):hover {
        background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3)) !important
    }

.ap-field.error .ap-field-title-container .ap-field-title {
    color: var(--color-text-body)
}

.ap-field.error .ap-field-wrapper:after {
    background-color: var(--color-text-error) !important
}

.ap-field.disabled {
    cursor: not-allowed
}

    .ap-field.disabled .ap-field-container {
        pointer-events: none
    }

        .ap-field.disabled .ap-field-container .ap-field-wrapper {
            box-shadow: inset 0 0 0 .0625rem rgba(var(--color-background-border-rgb),var(--opacity-6))
        }

            .ap-field.disabled .ap-field-container .ap-field-wrapper .ap-field-prefix-wrapper {
                opacity: var(--opacity-6)
            }

            .ap-field.disabled .ap-field-container .ap-field-wrapper .ap-field-input {
                color: rgba(var(--color-text-heading-rgb),var(--opacity-5))
            }

        .ap-field.disabled .ap-field-container .ap-field-title-container {
            color: rgba(var(--color-text-light-rgb),var(--opacity-5))
        }

        .ap-field.disabled .ap-field-container .ap-field-icon-btn, .ap-field.disabled .ap-field-container .ap-field-password-reveal-icon:not(.disabled), .ap-field.disabled .ap-field-container .ap-field-unit, .ap-field.disabled .ap-field-container .icon-calendar-outline, .ap-field.disabled .ap-field-container .ap-field-dropdown-phone-tag, .ap-field.disabled .ap-field-container .ap-field-counter, .ap-field.disabled .ap-field-container [ap-tooltip], .ap-field.disabled .ap-field-container [data-tooltip=true] {
            color: rgba(var(--color-text-light-rgb),var(--opacity-5))
        }

        .ap-field.disabled .ap-field-container .ap-field-wrapper:after {
            color: rgba(var(--color-background-border-rgb),var(--opacity-6))
        }

        .ap-field.disabled .ap-field-container .ap-field-img {
            opacity: var(--opacity-3)
        }

    .ap-field.disabled .ap-inputnumber-container .icon-up-chevron-outline, .ap-field.disabled .ap-inputnumber-container .icon-down-chevron-outline {
        color: rgba(var(--color-text-light-rgb),var(--opacity-5))
    }

.ap-field.readonly {
    cursor: not-allowed
}

    .ap-field.readonly .ap-field-container .ap-field-wrapper {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border)
    }

        .ap-field.readonly .ap-field-container .ap-field-wrapper .ap-field-prefix-wrapper {
            opacity: var(--opacity-6);
            cursor: not-allowed
        }

        .ap-field.readonly .ap-field-container .ap-field-wrapper .ap-field-input {
            cursor: not-allowed;
            color: var(--color-text-heading);
            opacity: var(--opacity-6)
        }

    .ap-field.readonly .ap-field-container .ap-field-password-reveal-icon:not(.disabled), .ap-field.readonly .ap-field-container .ap-field-dropdown-button-group, .ap-field.readonly .ap-field-container .icon-calendar-outline, .ap-field.readonly .ap-field-container .ap-field-dropdown-phone-tag, .ap-field.readonly .ap-field-container [ap-tooltip]:before, .ap-field.readonly .ap-field-container [data-tooltip=true]:before {
        opacity: var(--opacity-6)
    }

    .ap-field.readonly .ap-field-container .ap-field-icon-btn:hover, .ap-field.readonly .ap-field-container .ap-field-icon-btn[ap-tooltip]:hover, .ap-field.readonly .ap-field-container .ap-field-icon-btn[data-tooltip=true]:hover {
        cursor: not-allowed
    }

    .ap-field.readonly:not(.has-length) .ap-field-container:not(.show) .ap-field-dropdown-phone-tag {
        transform: translateY(.375rem);
        opacity: 0;
        visibility: hidden
    }

        .ap-field.readonly:not(.has-length) .ap-field-container:not(.show) .ap-field-dropdown-phone-tag ~ .ap-field-dropdown-wrapper .ap-field-dropdown-button-group {
            opacity: 0 !important
        }

    .ap-field.readonly:not(.has-length) .ap-field-container:not(.show) .ap-field-password-reveal-icon, .ap-field.readonly:not(.has-length) .ap-field-container:not(.show) .ap-field-counter, .ap-field.readonly:not(.has-length) .ap-field-container:not(.show) .ap-field-placeholder-container {
        opacity: 0 !important
    }

.ap-field.text-readonly .ap-field-wrapper {
    cursor: pointer
}

    .ap-field.text-readonly .ap-field-wrapper .ap-field-input {
        cursor: pointer;
        text-overflow: ellipsis;
        pointer-events: none
    }

.ap-field-datepicker-dialog-container {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: fixed;
    pointer-events: none;
    z-index: 99
}

.ap-field-cleaner.disabled {
    pointer-events: none
}

.ap-field-cleaner.readonly {
    opacity: var(--opacity-6);
    pointer-events: none
}

.ap-inputnumber-container .ap-field-suffix-wrapper {
    flex-direction: column
}

.ap-inputnumber-container .icon-up-chevron-outline, .ap-inputnumber-container .icon-down-chevron-outline {
    width: 2.5rem;
    height: 1.25rem;
    cursor: pointer;
    transition: all .3s;
    color: var(--color-text-body);
    border-radius: 2px
}

    .ap-inputnumber-container .icon-up-chevron-outline.disabled, .ap-inputnumber-container .icon-down-chevron-outline.disabled {
        cursor: not-allowed;
        color: rgba(var(--color-text-light-rgb),var(--opacity-5))
    }

        .ap-inputnumber-container .icon-up-chevron-outline.disabled:hover, .ap-inputnumber-container .icon-down-chevron-outline.disabled:hover {
            background-color: transparent
        }

    .ap-inputnumber-container .icon-up-chevron-outline:hover, .ap-inputnumber-container .icon-down-chevron-outline:hover {
        background-color: var(--color-background-hover-selected)
    }

    .ap-inputnumber-container .icon-up-chevron-outline:before, .ap-inputnumber-container .icon-down-chevron-outline:before {
        margin-top: -3px
    }

.ap-field.error .ap-inputnumber-container .icon-up-chevron-outline:hover, .ap-field.error .ap-inputnumber-container .icon-down-chevron-outline:hover {
    background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3)) !important
}

.ap-field-email-validation-error {
    margin: .5rem 0 .75rem .5rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .75rem;
    color: var(--color-text-error)
}

.ap-field-demo-wrapper {
    width: 20rem;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 10px;
    row-gap: 10px
}

.ap-field-email-validation-suggestion {
    margin: .5rem 0 .75rem .5rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .75rem;
    color: var(--color-text-body)
}

    .ap-field-email-validation-suggestion span {
        color: var(--color-background-primary);
        font-weight: var(--font-weight-2);
        cursor: pointer
    }

.ap-field:not(.error) .ap-field-password-creator > span.highlight {
    color: var(--color-background-primary)
}

.ap-field.error .ap-field-password-creator > span {
    opacity: .5
}

    .ap-field.error .ap-field-password-creator > span.highlight {
        opacity: 1
    }

.ap-field-password .ap-field-password-creator {
    position: absolute;
    left: 0;
    top: var(--spacing-8);
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: var(--spacing-4);
    margin: var(--spacing-3) 0;
    color: rgba(var(--color-text-light-rgb),var(--opacity-6));
    transition: visibility .3s,opacity .3s,transform .3s
}

    .ap-field-password .ap-field-password-creator > span .icon-circle-checkmark-fill {
        width: 12px;
        height: 12px;
        line-height: 12px;
        font-size: 8px
    }

        .ap-field-password .ap-field-password-creator > span .icon-circle-checkmark-fill:before {
            font-weight: var(--font-weight-3)
        }

    .ap-field-password .ap-field-password-creator > span .ap-field-password-condition {
        line-height: 12px;
        font-size: 12px
    }

.ap-field-password .ap-field-password-condition-sr-only {
    position: absolute;
    left: 0;
    top: var(--spacing-8);
    clip: rect(0 0 0 0);
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    white-space: no-wrap
}

.error .ap-field-password-condition {
    color: var(--color-text-error)
}

.ap-field-password .ap-field-password-condition-sr-only {
    position: absolute;
    left: 0;
    top: 3rem;
    clip: rect(0 0 0 0);
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden
}

.ap-field-dropdown-icon {
    padding: var(--spacing-1);
    width: 24px;
    height: 24px;
    -webkit-user-select: none;
    user-select: none
}

.ap-field-dropdown-phone .ap-field-dropdown-item .ap-option-item .ap-checkbox-label .ap-option-prefix {
    display: flex;
    margin: 0
}

.ap-field .ap-field-container:not(.show) .ap-field-dropdown-wrapper .ap-field-dropdown {
    visibility: hidden;
    opacity: 0;
    transform: translateY(var(--spacing-4))
}

.ap-filter {
    border-radius: .25rem
}

    .ap-filter ul, .ap-filter li {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .ap-filter .hide {
        display: none
    }

.ap-filter-button {
    transition: margin-bottom .3s;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 2rem;
    padding: var(--spacing-2) var(--spacing-3);
    border-radius: var(--border-radius-2);
    -webkit-backdrop-filter: blur(var(--spacing-2));
    backdrop-filter: blur(var(--spacing-2));
    background-color: transparent;
    cursor: pointer
}

    .ap-filter-button:hover {
        background-color: var(--color-background-hover)
    }

.ap-filter-button-title {
    text-align: start;
    letter-spacing: -.025rem;
    height: 1.5rem;
    margin-right: var(--spacing-3);
    font-size: 1rem;
    font-weight: var(--font-weight-2);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5rem;
    color: var(--color-text-heading);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ap-filter-button .Appkit4-icon {
    color: var(--color-text-heading);
    transform: rotate(0);
    transition: transform .3s;
    flex-grow: 0;
    flex-shrink: 0
}

    .ap-filter-button .Appkit4-icon:before {
        font-weight: var(--font-weight-2)
    }

    .ap-filter-button .Appkit4-icon.rotate {
        transform: rotate(-180deg)
    }

.ap-filter .ap-filter-list {
    border-radius: var(--border-radius-2);
    -webkit-backdrop-filter: blur(var(--spacing-2));
    backdrop-filter: blur(var(--spacing-2));
    transition-property: height;
    transition-duration: .35s;
    background-color: transparent;
    padding-top: var(--spacing-2)
}

    .ap-filter .ap-filter-list .ap-filter-item:last-child {
        height: 2rem
    }

    .ap-filter .ap-filter-list .ap-filter-item:not(:last-child) {
        height: 2.25rem
    }

    .ap-filter .ap-filter-list .ap-filter-item-container {
        display: flex;
        justify-content: space-between;
        height: 2rem;
        padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-2);
        border-radius: var(--border-radius-2)
    }

        .ap-filter .ap-filter-list .ap-filter-item-container:not(:last-child) {
            margin-bottom: var(--spacing-2)
        }

        .ap-filter .ap-filter-list .ap-filter-item-container .disabled {
            opacity: var(--opacity-5)
        }

    .ap-filter .ap-filter-list .ap-filter-item-container-left {
        display: flex;
        overflow: hidden
    }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .icon-radio-deselected-fill, .ap-filter .ap-filter-list .ap-filter-item-container-left .icon-checkbox-deselected-fill {
            color: var(--color-text-body) !important
        }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .ap-checkbox-label {
            margin-right: 0 !important;
            margin-left: 0 !important
        }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .complete {
            background-color: var(--color-background-success)
        }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .inprogress {
            background-color: var(--color-background-warning)
        }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .error {
            background-color: var(--color-background-danger)
        }

        .ap-filter .ap-filter-list .ap-filter-item-container-left .draft {
            background-color: var(--color-text-heading)
        }

    .ap-filter .ap-filter-list .ap-filter-item-container-left-status {
        flex-grow: 0;
        flex-shrink: 0;
        display: inline-block;
        border-radius: 50%;
        width: var(--spacing-3);
        height: var(--spacing-3);
        margin: var(--spacing-3) var(--spacing-2) var(--spacing-3) var(--spacing-2)
    }

    .ap-filter .ap-filter-list .ap-filter-item-container-left-name {
        height: 1.5rem;
        margin-left: var(--spacing-2);
        font-size: 1rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ap-filter .ap-filter-list .ap-filter-item-container-num {
        height: 1.5rem;
        font-size: 1rem;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        text-align: right;
        color: var(--color-text-light);
        max-width: 46%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        flex: none
    }

    .ap-filter .ap-filter-list .ap-filter-item-container .hidden-text {
        width: 0;
        overflow: hidden;
        position: absolute;
        right: 0
    }

    .ap-filter .ap-filter-list .ap-filter-item-hover {
        cursor: pointer
    }

        .ap-filter .ap-filter-list .ap-filter-item-hover:hover {
            background-color: var(--color-background-hover);
            -webkit-backdrop-filter: 4px;
            backdrop-filter: 4px
        }

    .ap-filter .ap-filter-list .ap-filter-item-focus:focus {
        outline: auto 2px Highlight;
        outline: auto 5px -webkit-focus-ring-color
    }

.not-allowed {
    cursor: not-allowed
}


.login-footer {
    bottom: 0;
    position: fixed;
    margin-left: 40px;
}

.ap-footer {
    font-size: .75rem;
    color: var(--color-text-heading);
    line-height: 1.25rem;
    letter-spacing: -.2px
}

    .ap-footer .ap-footer-link-group {
        display: flex;
        flex-wrap: wrap
    }

        .ap-footer .ap-footer-link-group .ap-footer-link .ap-footer-divider {
            margin: 0 var(--spacing-4);
            height: 1.25rem
        }

        .ap-footer .ap-footer-link-group .ap-footer-link:last-child .ap-footer-divider {
            display: none
        }

.ap-header {
    position: relative;
    height: 4rem;
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6);
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    z-index: 99;
    background-color: rgba(var(--color-background-selected-rgb),var(--opacity-6));
    backdrop-filter: blur(1.25rem);
    -webkit-backdrop-filter: blur(1.25rem)
}

    .ap-header.ap-header-responsive-default .ap-header-options-item.hamburger {
        display: none
    }

@media (max-width: 576px) {
    .ap-header.ap-header-responsive-default .ap-header-content.hamburger-hidden {
        display: none
    }

    .ap-header.ap-header-responsive-default .ap-header-options.hamburger-hidden .ap-header-options-item:not(.hamburger) {
        display: none
    }

    .ap-header.ap-header-responsive-default .ap-header-options-item {
        width: 2.5rem
    }

        .ap-header.ap-header-responsive-default .ap-header-options-item.has-icon.has-label .ap-header-options-label {
            display: none
        }

        .ap-header.ap-header-responsive-default .ap-header-options-item.has-icon.has-label.reverse {
            padding-left: var(--spacing-3)
        }

        .ap-header.ap-header-responsive-default .ap-header-options-item.has-icon.has-label:not(.reverse) {
            padding-right: var(--spacing-3)
        }

        .ap-header.ap-header-responsive-default .ap-header-options-item.hamburger {
            display: flex;
            align-items: center;
            justify-content: center
        }

    .ap-header.ap-header-responsive-default .hamburger-hidden-user {
        display: none
    }
}

.ap-header.ap-header-responsive-manual .ap-header-options-item.hamburger, .ap-header.ap-header-responsive-manual .ap-header-content.hamburger-hidden {
    display: none
}

.ap-header.ap-header-responsive-manual .ap-header-options.hamburger-hidden .ap-header-options-item:not(.hamburger) {
    display: none
}

.ap-header.ap-header-responsive-manual .ap-header-options-item {
    width: 2.5rem
}

    .ap-header.ap-header-responsive-manual .ap-header-options-item.has-icon.has-label .ap-header-options-label {
        display: none
    }

    .ap-header.ap-header-responsive-manual .ap-header-options-item.has-icon.has-label.reverse {
        padding-left: var(--spacing-3)
    }

    .ap-header.ap-header-responsive-manual .ap-header-options-item.has-icon.has-label:not(.reverse) {
        padding-right: var(--spacing-3)
    }

    .ap-header.ap-header-responsive-manual .ap-header-options-item.hamburger {
        display: flex;
        align-items: center;
        justify-content: center
    }

.ap-header.ap-header-responsive-manual .hamburger-hidden-user {
    display: none
}

.ap-header.solid {
    background-color: var(--color-background-container);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 0 .0625rem 0 var(--color-background-default)
}

.ap-header .ap-header-heading {
    display: flex;
    align-items: center;
    height: 2.5rem
}

    .ap-header .ap-header-heading .ap-header-logo {
        margin-right: var(--spacing-2);
        width: 2.625rem;
        height: 2.5rem;
        mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMTkuMDYgNjguMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExOS4wNiA2OC4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyMzFGMjA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDguNDMsMjMuNTFjLTUuMTQsMC44NS03LjgsNC42My03LjgsMTEuMzZjMCw2LjcyLDMuNSwxMS4yNCw4Ljg3LDExLjI0YzIuNDksMCw0LjgtMC44NSw5LjU1LTMuMTZ2NS40MgoJCWMtNS43NiwyLjY2LTkuMSwzLjQ1LTEzLjczLDMuNDVjLTUuMDMsMC04LjUzLTEuMzYtMTEuNDEtNC4yNGMtMi45NC0yLjk0LTQuNDEtNi44NC00LjQxLTExLjE5YzAtOS42Niw3LjEyLTE2LjE2LDE3LjU3LTE2LjE2CgkJYzYuOTUsMCwxMS43LDMuMTYsMTEuNyw3LjhjMCwyLjk5LTIuMiw1LjA5LTUuNTQsNS4wOWMtMS43LDAtMy4xMS0wLjQ1LTQuODYtMS40N0wxMDguNDMsMjMuNTFMMTA4LjQzLDIzLjUxeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgzLjAxLDM2LjM5YzQuNjMtNS44Miw2LjI3LTguMTksNi4yNy0xMS4wMnMtMi4yNi01LjE0LTUuMzEtNS4xNGMtMS44NiwwLTMuNTYsMC44NS00LjM1LDEuODFWMzMuOQoJCWwtNy41NywxMC4xMXYtMjNoLTcuMjNMNTIuODMsNDAuODVWMjEuMDJoLTQuMTJsLTEwLjg1LDIuNjZ2Mi43N2w1LjkzLDAuNjJ2MjQuMzVoNy42OGwxMS40Ny0xOC44N3YxOC44N2g4LjQyTDgzLjAxLDM2LjM5eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjM3LDIwLjQ1Yy0yLjgzLDAtNC43NSwwLjU3LTEwLjM0LDMuOXYtNC4wN2gtMy4xMUwwLDIzLjl2Mi45NGg0Ljk3djM0LjAybC00LjQ2LDEuMTN2Mi44M0gyMHYtMi44MwoJCWwtNC45Ny0xLjEzbC0wLjA2LTkuODNjMS45OCwwLjIzLDMuOTYsMC4yOCw1LjA5LDAuMjhjMTAuMjgsMCwxNi43OC02LjU1LDE2Ljc4LTE2LjMzQzM2Ljg0LDI2LjU2LDMxLjk4LDIwLjQ1LDI1LjM3LDIwLjQ1egoJCSBNMTYuNzMsNDcuNjNjLTAuNTEsMC0wLjksMC0xLjctMC4wNmwwLjA2LTIwLjRjMS43NS0wLjIzLDIuNi0wLjM0LDMuNDUtMC4zNGM0Ljk3LDAsNy42OCwzLjMzLDcuNjgsOS41NQoJCUMyNi4yMiw0My43OSwyMi44OCw0Ny42MywxNi43Myw0Ny42M3oiLz4KPC9nPgo8L3N2Zz4K);
        -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMTkuMDYgNjguMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExOS4wNiA2OC4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyMzFGMjA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDguNDMsMjMuNTFjLTUuMTQsMC44NS03LjgsNC42My03LjgsMTEuMzZjMCw2LjcyLDMuNSwxMS4yNCw4Ljg3LDExLjI0YzIuNDksMCw0LjgtMC44NSw5LjU1LTMuMTZ2NS40MgoJCWMtNS43NiwyLjY2LTkuMSwzLjQ1LTEzLjczLDMuNDVjLTUuMDMsMC04LjUzLTEuMzYtMTEuNDEtNC4yNGMtMi45NC0yLjk0LTQuNDEtNi44NC00LjQxLTExLjE5YzAtOS42Niw3LjEyLTE2LjE2LDE3LjU3LTE2LjE2CgkJYzYuOTUsMCwxMS43LDMuMTYsMTEuNyw3LjhjMCwyLjk5LTIuMiw1LjA5LTUuNTQsNS4wOWMtMS43LDAtMy4xMS0wLjQ1LTQuODYtMS40N0wxMDguNDMsMjMuNTFMMTA4LjQzLDIzLjUxeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgzLjAxLDM2LjM5YzQuNjMtNS44Miw2LjI3LTguMTksNi4yNy0xMS4wMnMtMi4yNi01LjE0LTUuMzEtNS4xNGMtMS44NiwwLTMuNTYsMC44NS00LjM1LDEuODFWMzMuOQoJCWwtNy41NywxMC4xMXYtMjNoLTcuMjNMNTIuODMsNDAuODVWMjEuMDJoLTQuMTJsLTEwLjg1LDIuNjZ2Mi43N2w1LjkzLDAuNjJ2MjQuMzVoNy42OGwxMS40Ny0xOC44N3YxOC44N2g4LjQyTDgzLjAxLDM2LjM5eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjM3LDIwLjQ1Yy0yLjgzLDAtNC43NSwwLjU3LTEwLjM0LDMuOXYtNC4wN2gtMy4xMUwwLDIzLjl2Mi45NGg0Ljk3djM0LjAybC00LjQ2LDEuMTN2Mi44M0gyMHYtMi44MwoJCWwtNC45Ny0xLjEzbC0wLjA2LTkuODNjMS45OCwwLjIzLDMuOTYsMC4yOCw1LjA5LDAuMjhjMTAuMjgsMCwxNi43OC02LjU1LDE2Ljc4LTE2LjMzQzM2Ljg0LDI2LjU2LDMxLjk4LDIwLjQ1LDI1LjM3LDIwLjQ1egoJCSBNMTYuNzMsNDcuNjNjLTAuNTEsMC0wLjksMC0xLjctMC4wNmwwLjA2LTIwLjRjMS43NS0wLjIzLDIuNi0wLjM0LDMuNDUtMC4zNGM0Ljk3LDAsNy42OCwzLjMzLDcuNjgsOS41NQoJCUMyNi4yMiw0My43OSwyMi44OCw0Ny42MywxNi43Myw0Ny42M3oiLz4KPC9nPgo8L3N2Zz4K);
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        background-color: var(--color-text-heading);
        cursor: pointer
    }

    .ap-header .ap-header-heading .ap-header-title {
        font-size: 1rem;
        line-height: 1.25rem;
        white-space: nowrap;
        color: var(--color-text-heading)
    }

    .ap-header .ap-header-heading .ap-header-subtitle {
        color: var(--color-text-heading);
        display: flex;
        align-items: center
    }

        .ap-header .ap-header-heading .ap-header-subtitle .ap-header-subtitle-divider {
            width: .0625rem;
            height: 1.5rem;
            margin: 0 var(--spacing-4);
            opacity: var(--opacity-5);
            background-color: var(--color-text-heading)
        }

    .ap-header .ap-header-heading .ap-header-options-item.hamburger {
        margin-right: var(--spacing-4)
    }

.ap-header .ap-header-content {
    position: absolute;
    justify-self: center;
    display: flex;
    align-items: center
}

.ap-header .ap-header-options {
    display: flex;
    column-gap: var(--spacing-4);
    align-items: center
}

.ap-header .ap-header-options-item {
    position: relative;
    display: flex;
    column-gap: var(--spacing-2);
    align-items: center;
    height: 2.5rem;
    color: var(--color-text-heading);
    border-radius: var(--border-radius-2);
    cursor: pointer
}

    .ap-header .ap-header-options-item:hover {
        background-color: rgba(var(--color-background-hover-selected-rgb),var(--opacity-6));
        backdrop-filter: blur(1.25rem);
        -webkit-backdrop-filter: blur(1.25rem)
    }

    .ap-header .ap-header-options-item.reverse {
        flex-direction: row-reverse;
        padding: var(--spacing-3) var(--spacing-3) var(--spacing-3) var(--spacing-4)
    }

    .ap-header .ap-header-options-item.has-icon.has-label:not(.reverse) {
        padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-3)
    }

    .ap-header .ap-header-options-item.has-icon:not(.has-label) {
        padding: var(--spacing-3)
    }

    .ap-header .ap-header-options-item.has-label:not(.has-icon) {
        padding: var(--spacing-3) var(--spacing-4)
    }

    .ap-header .ap-header-options-item .ap-header-options-icon-wrapper {
        width: 1.5rem;
        height: 1.5rem
    }

    .ap-header .ap-header-options-item .ap-header-options-label {
        line-height: 1.5rem
    }

    .ap-header .ap-header-options-item.hamburger-button-icon .icon-menu-toggle {
        font-size: .875em
    }

        .ap-header .ap-header-options-item.hamburger-button-icon .icon-menu-toggle:focus {
            outline: thin dotted;
            outline-offset: -2px
        }

    .ap-header .ap-header-options-item.hamburger-button-icon .icon {
        display: inline-block;
        fill: currentColor;
        height: 1em;
        width: 1em;
        vertical-align: middle;
        position: relative;
        top: -.0625em
    }

    .ap-header .ap-header-options-item.hamburger-button-icon .icon-menu-toggle {
        width: 1.25rem;
        height: 1rem;
        top: 0;
        border: none;
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        text-transform: uppercase;
        transition: all .2s ease-in-out
    }

    .ap-header .ap-header-options-item.hamburger-button-icon .svg-menu-toggle .line {
        opacity: 1;
        transform: rotate(0) translateY(0) translate(0);
        transform-origin: .875rem .875rem;
        transition: transform .2s cubic-bezier(.175,.885,.32,1.275),opacity .2s ease-in-out
    }

    .ap-header .ap-header-options-item.hamburger-button-icon .svg-menu-toggle .line-1, .ap-header .ap-header-options-item.hamburger-button-icon .svg-menu-toggle .line-3 {
        transform-origin: .875rem .875rem
    }

    .ap-header .ap-header-options-item.hamburger-button-icon.opened .icon-menu-toggle .svg-menu-toggle .line-1 {
        transform: rotate(45deg) translateY(.2em) translate(-.3em)
    }

    .ap-header .ap-header-options-item.hamburger-button-icon.opened .icon-menu-toggle .svg-menu-toggle .line-2 {
        opacity: 0
    }

    .ap-header .ap-header-options-item.hamburger-button-icon.opened .icon-menu-toggle .svg-menu-toggle .line-3 {
        transform: rotate(-45deg) translateY(.2em) translate(.6em)
    }

* {
    margin: 0
}

.ap-list {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    padding: var(--spacing-3);
    color: var(--color-text-body);
    font-size: 1rem;
    line-height: 1rem;
    list-style: none;
    font-stretch: normal;
    background-color: var(--color-background-container)
}

.ap-list-pagination {
    margin-top: .625rem;
    text-align: right
}

    .ap-list-pagination .a-pagination-options {
        text-align: left
    }

.ap-list-more {
    margin-top: .625rem;
    text-align: center
}

    .ap-list-more button {
        padding-right: 2rem;
        padding-left: 2rem
    }

.ap-list-spin {
    min-height: 2.5rem;
    text-align: center
}

.ap-list-empty-text {
    padding: 10px;
    color: var(--color-text-body);
    font-size: 1rem;
    text-align: center
}

.ap-list-items {
    margin: 0;
    padding: 0;
    list-style: none
}

.ap-list .ap-dragging {
    cursor: move;
    background-color: var(--color-background-hover);
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-3)
}

.ap-list .ap-list-item-draggable {
    cursor: move;
    border-radius: var(--border-radius-3);
    padding: 0
}

    .ap-list .ap-list-item-draggable:not(:last-child) {
        margin-bottom: var(--spacing-2)
    }

.ap-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    color: var(--color-text-body);
    margin-top: var(--spacing-2);
    cursor: pointer
}

    .ap-list-item span.secondary-text {
        color: var(--color-text-light);
        word-break: keep-all
    }

.ap-list-item-no-focus:focus {
    outline: none
}

.ap-list-item.selected {
    background-color: var(--color-background-selected);
    border-radius: var(--border-radius-2);
    box-shadow: none
}

.ap-list-item:first-child {
    margin-top: 0
}

.ap-list-item span {
    line-height: 1.5rem;
    word-break: break-all
}

.ap-list-item-extra {
    font-size: 1rem;
    line-height: 0;
    letter-spacing: -.025rem;
    color: var(--color-text-light)
}

.ap-list-item-meta {
    display: flex;
    flex: 1;
    align-items: center;
    max-width: 100%
}

.ap-list-item-meta-avatar {
    margin-right: var(--spacing-3)
}

    .ap-list-item-meta-avatar span {
        word-break: normal
    }

.ap-list-item-meta-content {
    flex: 1 0;
    width: 0;
    align-items: center;
    color: var(--color-text-body)
}

.ap-list-item-meta-title {
    color: var(--color-text-body);
    font-size: 1rem;
    font-weight: var(--font-weight-2);
    line-height: 1.5rem;
    letter-spacing: -.025rem
}

    .ap-list-item-meta-title > a {
        color: var(--color-text-body);
        transition: all .3s
    }

        .ap-list-item-meta-title > a:hover {
            color: var(--color-text-body)
        }

.ap-list-item-meta-description {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-light)
}

.ap-list-item-action {
    flex: 0 0 auto;
    margin-left: var(--spacing-8);
    padding: 0;
    font-size: 0;
    list-style: none;
    max-width: 50%
}

    .ap-list-item-action > li {
        position: relative;
        font-size: 1rem;
        line-height: 0;
        letter-spacing: -.025rem;
        text-align: center
    }

        .ap-list-item-action > li:first-child {
            padding-left: 0;
            margin-top: 0
        }

        .ap-list-item-action > li span {
            color: var(--color-text-light);
            word-break: break-all
        }

        .ap-list-item-action > li .Appkit4-icon:before {
            font-weight: var(--font-weight-2)
        }

.ap-list-item-action-split {
    position: absolute;
    top: 50%;
    right: 0;
    width: .0625rem;
    height: .875rem;
    margin-top: -7px;
    background-color: var(--color-background-secondary)
}

.ap-list-item:hover {
    background-color: var(--color-background-hover);
    border-radius: var(--border-radius-2)
}

.ap-list-header, .ap-list-footer {
    background: var(--color-background-secondary)
}

.ap-list-header, .ap-list-footer {
    padding-top: var(--spacing-5);
    padding-bottom: var(--spacing-5)
}

.ap-list-empty {
    padding: var(--spacing-5) 0;
    color: var(--color-background-hover);
    font-size: .75rem;
    text-align: center
}

.ap-list-split .ap-list-item:last-child {
    border-bottom: none
}

.ap-list-split .ap-list-header {
    border-bottom: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

.ap-list-split .ap-list-empty .ap-list-footer {
    border-top: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

.ap-list-loading .ap-list-spin-nested-loading {
    min-height: 2rem
}

.ap-list-split .ap-list-something-after-last-item .a-spin-container > .ap-list-items > .ap-list-item:last-child {
    border-bottom: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

.ap-list-lg .ap-list-item {
    padding: var(--spacing-5)
}

.ap-list-sm .ap-list-item {
    padding: var(--spacing-3)
}

.ap-list-vertical .ap-list-item {
    align-items: initial
}

.ap-list-vertical .ap-list-item-main {
    display: block;
    flex: 1
}

.ap-list-vertical .ap-list-item-extra {
    margin-left: 2.5rem
}

.ap-list-vertical .ap-list-item-meta {
    margin-bottom: var(--spacing-5)
}

.ap-list-vertical .ap-list-item-meta-title {
    margin-bottom: var(--spacing-5);
    color: var(--color-text-body);
    font-size: 1rem;
    font-weight: var(--font-weight-2)
}

.ap-list-vertical .ap-list-item-action {
    margin-top: var(--spacing-5);
    margin-left: auto
}

    .ap-list-vertical .ap-list-item-action > li {
        padding: 0 var(--spacing-5)
    }

        .ap-list-vertical .ap-list-item-action > li:first-child {
            padding-left: 0
        }

.ap-list-grid .a-col > .ap-list-item {
    display: block;
    max-width: 100%;
    margin-bottom: var(--spacing-5);
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none
}

.ap-list-item-no-flex {
    display: block
}

.ap-list:not(.ap-list-vertical) .ap-list-item-no-flex .ap-list-item-action {
    float: right
}

.ap-list-bordered {
    box-shadow: var(--level-1);
    border-radius: var(--border-radius-3)
}

    .ap-list-bordered .ap-list-header, .ap-list-bordered .ap-list-footer, .ap-list-bordered .ap-list-item {
        padding-right: var(--spacing-4);
        padding-left: var(--spacing-4)
    }

    .ap-list-bordered .ap-list-pagination {
        margin: .625rem
    }

    .ap-list-bordered.ap-list-sm .ap-list-item {
        padding: var(--spacing-3)
    }

    .ap-list-bordered.ap-list-sm .ap-list-header, .ap-list-bordered.ap-list-sm .ap-list-footer, .ap-list-bordered.ap-list-lg .ap-list-item, .ap-list-bordered.ap-list-lg .ap-list-header, .ap-list-bordered.ap-list-lg .ap-list-footer {
        padding: .625rem
    }

    .ap-list-bordered .ap-divider {
        width: 100%;
        height: .0625rem;
        margin-top: .25rem;
        background-color: var(--color-background-hover-selected)
    }

.ap-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    --linearLoadingWidth: 148px;
    --containerWidth: 148px;
    --circularLoadingWidth: 24px;
    --rotateDegree: 135deg;
    --circularLoadingCompactWidth: 16px
}

    .ap-loading .ap-loading-linear {
        position: relative;
        display: inline-block;
        width: 100%;
        height: .25rem;
        border-radius: var(--border-radius-1);
        overflow: hidden;
        vertical-align: middle
    }

        .ap-loading .ap-loading-linear .linear-bar-inner {
            width: 100%;
            height: .25rem;
            opacity: var(--opacity-4);
            background-color: var(--color-background-primary)
        }

        .ap-loading .ap-loading-linear .linear-bar-bg {
            position: absolute;
            display: block;
            width: var(--linearLoadingWidth);
            height: .25rem;
            top: 0;
            border-radius: var(--border-radius-1);
            background-color: var(--color-background-primary);
            animation: progress 2s linear;
            transition: width .3s linear
        }

        .ap-loading .ap-loading-linear.bounces .linear-bar-bg {
            width: var(--linearLoadingWidth);
            height: .25rem;
            background-color: var(--color-background-primary);
            animation: bounceReact 2s linear infinite
        }

        .ap-loading .ap-loading-linear.compact {
            height: 2px;
            border-radius: .0625rem
        }

            .ap-loading .ap-loading-linear.compact .linear-bar-bg {
                border-radius: .0625rem
            }

            .ap-loading .ap-loading-linear.compact .linear-bar-inner, .ap-loading .ap-loading-linear.compact .linear-bar-bg {
                height: 2px
            }

    .ap-loading .ap-loading-circular {
        width: var(--circularLoadingWidth);
        height: var(--circularLoadingWidth);
        border-radius: 50%;
        background-color: rgba(var(--color-background-primary-rgb),var(--opacity-4))
    }

        .ap-loading .ap-loading-circular.animation.loading {
            animation: loading 1s infinite linear
        }

        .ap-loading .ap-loading-circular .mask, .ap-loading .ap-loading-circular .circle .progress-bar {
            width: var(--circularLoadingWidth);
            height: var(--circularLoadingWidth);
            position: absolute;
            border-radius: 50%
        }

            .ap-loading .ap-loading-circular .mask .progress-bar {
                clip: rect(0px,calc(var(--circularLoadingWidth) / 2),var(--circularLoadingWidth),0px);
                background-color: var(--color-background-primary)
            }

        .ap-loading .ap-loading-circular .circle .mask {
            clip: rect(0px,var(--circularLoadingWidth),var(--circularLoadingWidth),calc(var(--circularLoadingWidth) / 2))
        }

        .ap-loading .ap-loading-circular .mask.ap-circular-full, .ap-loading .ap-loading-circular .circle .progress-bar {
            animation: fill ease-in-out 1s;
            transform: rotate(var--(rotateDegree))
        }

        .ap-loading .ap-loading-circular .inside-circle {
            width: calc(var(--circularLoadingWidth) - 6px);
            height: calc(var(--circularLoadingWidth) - 6px);
            border-radius: 50%;
            background: var(--color-background-alt);
            text-align: center;
            margin-top: .1875rem;
            margin-left: .1875rem;
            position: absolute;
            z-index: 99
        }

        .ap-loading .ap-loading-circular.compact {
            width: var(--circularLoadingCompactWidth);
            height: var(--circularLoadingCompactWidth);
            border-radius: 50%;
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-4))
        }

            .ap-loading .ap-loading-circular.compact.animation {
                animation: loading 1s infinite linear
            }

            .ap-loading .ap-loading-circular.compact .mask, .ap-loading .ap-loading-circular.compact .circle .progress-bar {
                width: var(--circularLoadingCompactWidth);
                height: var(--circularLoadingCompactWidth);
                position: absolute;
                border-radius: 50%
            }

                .ap-loading .ap-loading-circular.compact .mask .progress-bar {
                    clip: rect(0px,calc(var(--circularLoadingCompactWidth) / 2),var(--circularLoadingCompactWidth),0px);
                    background-color: var(--color-background-primary)
                }

            .ap-loading .ap-loading-circular.compact .circle .mask {
                clip: rect(0px,var(--circularLoadingCompactWidth),var(--circularLoadingCompactWidth),calc(var(--circularLoadingCompactWidth) / 2))
            }

            .ap-loading .ap-loading-circular.compact .mask.ap-circular-full, .ap-loading .ap-loading-circular.compact .circle .progress-bar {
                animation: fill ease-in-out 1s;
                transform: rotate(var--(rotateDegree))
            }

            .ap-loading .ap-loading-circular.compact .inside-circle {
                width: calc(var(--circularLoadingCompactWidth) - 4px);
                height: calc(var(--circularLoadingCompactWidth) - 4px);
                border-radius: 50%;
                background: var(--color-background-alt);
                text-align: center;
                margin-top: var(--spacing-1);
                margin-left: var(--spacing-1);
                position: absolute;
                z-index: 99
            }

@keyframes progress {
    0% {
        width: 0px
    }

    30% {
        width: .3125rem
    }

    to {
        width: var(--linearLoadingWidth)
    }
}

@keyframes bounceReact {
    0%,to {
        transform: translate(0) scale(1);
        animation-timing-function: ease-in
    }

    45% {
        transform: translate(calc(var(--containerWidth) - var(--linearLoadingWidth))) scale(1);
        animation-timing-function: linear
    }

    50% {
        transform: translate(calc(var(--containerWidth) - var(--linearLoadingWidth))) scale(1);
        animation-timing-function: linear
    }

    85% {
        transform: translate(0) scale(1);
        animation-timing-function: linear
    }

    to {
        transform: translate(0) scale(1);
        animation-timing-function: ease-out
    }
}

@keyframes fill {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(var(--rotateDegree))
    }
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ap-modal-live-static {
    position: relative;
    background-color: var(--color-background-container);
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-3);
    font-size: 1rem;
    width: 33.75rem;
    margin: 0 auto
}

.ap-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6)
}

    .ap-modal-header .ap-modal-title {
        font-size: var(--spacing-6);
        font-weight: var(--font-weight-2);
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-heading);
        margin-right: auto;
        max-width: calc(100% - 40px)
    }

.ap-modal-body {
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
    max-height: 500px
}

    .ap-modal-body.ap-modal-body-only {
        padding-bottom: var(--spacing-6)
    }

.ap-modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: var(--spacing-3) var(--spacing-6) var(--spacing-6) var(--spacing-6);
    margin-top: calc(-1 * var(--spacing-3));
    overflow: auto;
    min-height: 4rem
}

.ap-modal-header-icons-container {
    position: absolute;
    top: var(--spacing-4);
    right: var(--spacing-4);
    display: flex;
    gap: var(--spacing-2)
}

    .ap-modal-header-icons-container .ap-modal-header-icons {
        display: flex;
        align-items: center
    }

    .ap-modal-header-icons-container .ap-modal-header-close-wrapper {
        display: flex;
        align-items: center;
        padding: var(--spacing-2);
        margin: calc(-1 * var(--spacing-2));
        overflow: hidden
    }

    .ap-modal-header-icons-container .ap-modal-header-icon {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
        padding: var(--spacing-3);
        background-color: transparent
    }

        .ap-modal-header-icons-container .ap-modal-header-icon:hover {
            background-color: var(--color-background-hover);
            border-radius: var(--border-radius-2);
            cursor: pointer
        }

        .ap-modal-header-icons-container .ap-modal-header-icon.ap-modal-header-more {
            margin-right: var(--spacing-2)
        }

        .ap-modal-header-icons-container .ap-modal-header-icon .Appkit4-icon {
            color: var(--color-text-heading)
        }

.ap-modal-wrapper {
    position: fixed;
    display: flex;
    inset: 0;
    outline: 0;
    z-index: 2000;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(var(--color-background-mask-rgb),var(--opacity-6));
    overflow: auto;
    opacity: 0;
    transition: all .3s
}

    .ap-modal-wrapper.show {
        opacity: 1
    }

.ap-modal {
    position: relative;
    background-color: var(--color-background-container);
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-3);
    font-size: 1rem;
    transition: margin .3s;
    max-height: 100vh;
    max-width: 100%;
    overflow: auto;
    margin-top: 10px
}

.ap-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: var(--spacing-6);
    min-height: 4rem
}

    .ap-modal-header .ap-badge {
        margin-right: var(--spacing-3)
    }

    .ap-modal-header .ap-modal-title {
        font-size: var(--spacing-6);
        font-weight: var(--font-weight-2);
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-heading);
        margin-right: auto
    }

.ap-modal-body {
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
    overflow: auto
}

    .ap-modal-body p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body)
    }

.ap-modal-footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
    overflow: auto
}

    .ap-modal-footer .ap-button-secondary {
        margin-right: var(--spacing-3)
    }

.ap-modal-wrapper.show .ap-modal {
    margin-top: 0
}

.ap-body-overflow-hidden {
    overflow: hidden
}

@keyframes notificationMoveInCenter {
    0% {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(.8)
    }

    to {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1)
    }
}

@keyframes notificationGlobalMoveIn {
    0% {
        transform: translateY(-100%);
        position: absolute;
        opacity: 1
    }

    to {
        opacity: 1;
        transform: 0;
        position: absolute
    }
}

@keyframes notificationGlobalMoveOut {
    0% {
        transform: translateY(0);
        position: absolute;
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(-100%);
        position: absolute
    }
}

@keyframes notificationMoveIn {
    0% {
        transform: translateY(100%);
        position: absolute;
        opacity: 1
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes notificationMoveInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

@keyframes notificationMoveInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.ap-notification-fade-entered {
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.99,.44,.44,1.35)
}

@keyframes notificationMoveInLeftBottom {
    0% {
        transform: translateY(100%);
        opacity: 1;
        position: absolute
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fade {
    width: 100%
}

.ap-notifications-topHeader {
    left: 0;
    top: 0;
    width: 100%
}

    .ap-notifications-topHeader .ap-notification-fade-entered {
        animation-name: notificationGlobalMoveIn;
        animation-duration: .5s;
        animation-timing-function: ease-in-out
    }

    .ap-notifications-topHeader .ap-notification-fade-exiting {
        animation-duration: .5s;
        animation-timing-function: linear;
        animation-name: notificationGlobalMoveOut
    }

.ap-notifications-topLeft {
    align-items: flex-start;
    top: var(--spacing-6);
    left: 0
}

    .ap-notifications-topLeft .ap-notification-fade-entered {
        margin-left: auto;
        animation-name: notificationMoveInLeft
    }

    .ap-notifications-topLeft .ap-notification-fade-exiting {
        animation-duration: .4s;
        animation-timing-function: cubic-bezier(.64,.65,.57,1.13);
        animation-name: notificationMoveOut
    }

.ap-notifications-topRight {
    align-items: flex-end;
    top: var(--spacing-6);
    right: 0
}

    .ap-notifications-topRight .ap-notification-fade-entered {
        margin-left: auto;
        animation-name: notificationMoveInRight
    }

    .ap-notifications-topRight .ap-notification-fade-exiting {
        animation-duration: .4s;
        animation-timing-function: cubic-bezier(.64,.65,.57,1.13);
        animation-name: notificationMoveOut
    }

.ap-notifications-topCenter {
    top: var(--spacing-6);
    left: 50%;
    transform: translate(-50%)
}

    .ap-notifications-topCenter .ap-notification-fade-entered {
        animation-name: notificationMoveInCenter
    }

    .ap-notifications-topCenter .ap-notification-fade-exiting {
        animation-duration: .4s;
        animation-timing-function: cubic-bezier(.64,.65,.57,1.13);
        animation-name: notificationMoveOut
    }

.ap-notifications-center {
    top: 50%;
    left: 50%;
    transform: translateX(-50%,-50%)
}

    .ap-notifications-center .ap-notification-fade-entered {
        animation-name: notificationMoveInCenter
    }

    .ap-notifications-center .ap-notification-fade-exiting {
        animation-duration: .3s;
        animation-timing-function: cubic-bezier(.64,.65,.57,1.13);
        animation-name: notificationMoveOut
    }

@keyframes notificationMoveOutBottom {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 1;
        transform: translateY(100%)
    }
}

@keyframes notificationMoveOut {
    0% {
        opacity: 1;
        transform-origin: 0% 0%;
        transform: scaleY(1);
        max-height: 100px
    }

    to {
        opacity: 0;
        transform-origin: 0% 0%;
        transform: scaleY(.8);
        max-height: 0;
        overflow: hidden
    }
}

.ap-notifications {
    position: fixed;
    z-index: 1000
}

    .ap-notifications.ap-notifications-static {
        position: relative;
        z-index: auto
    }

.ap-notifications-bottomLeft .ap-notification-fade-entered, .ap-notifications-bottomCenter .ap-notification-fade-entered, .ap-notifications-bottomRight .ap-notification-fade-entered {
    animation-name: notificationMoveIn
}

.ap-notifications-bottomLeft .ap-notification-fade-exiting, .ap-notifications-bottomCenter .ap-notification-fade-exiting, .ap-notifications-bottomRight .ap-notification-fade-exiting {
    animation-duration: .5s;
    animation-timing-function: cubic-bezier(.7,-.8,.4,1.4)
}

.ap-notifications-bottomLeft .ap-notification-fade-exiting, .ap-notifications-bottomCenter .ap-notification-fade-exiting, .ap-notifications-bottomRight .ap-notification-fade-exiting {
    animation-name: notificationMoveOutBottom
}

@keyframes growDown {
    0% {
        transform: translateY(0)
    }

    80% {
        transform: translateY(15%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        position: absolute;
        transform: translateZ(0)
    }

    60% {
        opacity: 1;
        position: absolute;
        transform: translate3d(0,1.5625rem,0)
    }

    90% {
        position: absolute;
        transform: translate3d(0,.3125rem,0)
    }

    to {
        transform: translateZ(0);
        position: absolute
    }
}

.ap-notifications-bottomLeft {
    bottom: var(--spacing-6);
    left: 0
}

.ap-notifications-bottomRight {
    bottom: var(--spacing-6);
    right: 0
}

.ap-notifications-topCenter {
    top: var(--spacing-6)
}

.ap-notifications-bottomCenter {
    bottom: var(--spacing-6);
    left: 50%;
    transform: translate(-50%)
}

.ap-notifications-center {
    left: 50%;
    top: 50%;
    min-width: 20vw;
    transform: translate(-50%,-50%)
}

.ap-notifications-topHeader {
    top: 0;
    left: 0;
    width: 100%
}

_::-webkit-full-page-media, _:future, .ap-notification .a-circle {
    stroke-width: 12px !important;
    stroke-dasharray: 38px !important
}

.ap-notification {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 22.5rem;
    max-width: calc(100vw - 48px);
    max-height: 45rem;
    margin: .625rem;
    padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-5);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    overflow-y: hidden
}

    .ap-notification::-webkit-scrollbar {
        width: 0 !important
    }

    .ap-notification.ap-notice {
        background-color: var(--color-background-container-alt);
        box-shadow: none
    }

        .ap-notification.ap-notice .ap-notification-icon-close:hover {
            background-color: var(--color-background-hover-selected)
        }

    .ap-notification.has-icon {
        padding: var(--spacing-4)
    }

.ap-notification-warning .ap-notification-hyperlink {
    color: var(--color-background-tertiary)
}

.ap-notification .ap-notification-content {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    color: var(--color-text-heading);
    letter-spacing: -.025rem;
    margin-right: 2.25rem;
    width: calc(100% - 32px);
    word-wrap: break-word
}

.ap-notification .ap-notification-message {
    font-size: 1rem;
    font-weight: var(--font-weight-2);
    line-height: 1.5rem
}

.ap-notification .ap-notification-description {
    line-height: 1.5rem;
    color: var(--color-text-body);
    outline: none
}

.ap-notification .ap-notification-hyperlink {
    color: var(--color-text-primary);
    line-height: 1.5rem;
    cursor: pointer
}

.ap-notification .height {
    min-height: var(--spacing-7)
}

.ap-notifications-topHeader .ap-notification, .ap-notifications-static-topHeader .ap-notification {
    position: relative;
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    height: 3rem;
    max-width: 100%;
    max-height: 3rem;
    margin: 0rem;
    border-radius: 0;
    box-shadow: none;
    padding: var(--spacing-4) var(--spacing-2);
    background-color: #252525
}

    .ap-notifications-topHeader .ap-notification .ap-notification-content, .ap-notifications-static-topHeader .ap-notification .ap-notification-content {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        margin-right: 0rem;
        width: 100%;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        text-align: center;
        color: #fff
    }

        .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-message, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-message {
            font-weight: 400
        }

        .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-description, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-description {
            color: #fff;
            font-weight: 400;
            font-stretch: normal;
            font-style: normal
        }

        .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-toggle, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-toggle {
            margin-left: var(--spacing-1)
        }

            .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon {
                transform: rotate(0);
                transition: transform .3s
            }

                .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon:hover, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon:hover {
                    cursor: pointer
                }

                .ap-notifications-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon.roate, .ap-notifications-static-topHeader .ap-notification .ap-notification-content .ap-notification-toggle .Appkit4-icon.roate {
                    transform: rotate(-180deg)
                }

    .ap-notifications-topHeader .ap-notification .ap-notification-icon-close:hover, .ap-notifications-static-topHeader .ap-notification .ap-notification-icon-close:hover {
        background-color: transparent
    }

        .ap-notifications-topHeader .ap-notification .ap-notification-icon-close:hover:after, .ap-notifications-static-topHeader .ap-notification .ap-notification-icon-close:hover:after {
            background-color: rgba(0,0,0,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

    .ap-notifications-topHeader .ap-notification .height, .ap-notifications-static-topHeader .ap-notification .height {
        color: #fff
    }

    .ap-notifications-topHeader .ap-notification.success, .ap-notifications-static-topHeader .ap-notification.success {
        background-color: var(--color-background-success)
    }

    .ap-notifications-topHeader .ap-notification.warning, .ap-notifications-static-topHeader .ap-notification.warning {
        background-color: var(--color-background-warning)
    }

        .ap-notifications-topHeader .ap-notification.warning .ap-notification-content, .ap-notifications-static-topHeader .ap-notification.warning .ap-notification-content, .ap-notifications-topHeader .ap-notification.warning .ap-notification-content .ap-notification-description, .ap-notifications-static-topHeader .ap-notification.warning .ap-notification-content .ap-notification-description {
            color: #474747
        }

        .ap-notifications-topHeader .ap-notification.warning .height, .ap-notifications-static-topHeader .ap-notification.warning .height {
            font-weight: 400;
            color: #474747
        }

        .ap-notifications-topHeader .ap-notification.warning .a-countdown-wrapper .a-circle, .ap-notifications-static-topHeader .ap-notification.warning .a-countdown-wrapper .a-circle {
            stroke: #474747
        }

    .ap-notifications-topHeader .ap-notification.error, .ap-notifications-static-topHeader .ap-notification.error {
        background-color: var(--color-background-danger)
    }

    .ap-notifications-topHeader .ap-notification .a-countdown-wrapper svg, .ap-notifications-static-topHeader .ap-notification .a-countdown-wrapper svg {
        transform: rotate(-90deg)
    }

    .ap-notifications-topHeader .ap-notification .a-countdown-wrapper.a-circle-hide, .ap-notifications-static-topHeader .ap-notification .a-countdown-wrapper.a-circle-hide {
        opacity: 0;
        overflow: hidden
    }

    .ap-notifications-topHeader .ap-notification .a-countdown-wrapper.a-circle-show, .ap-notifications-static-topHeader .ap-notification .a-countdown-wrapper.a-circle-show {
        opacity: 1;
        z-index: 999
    }

    .ap-notifications-topHeader .ap-notification .a-countdown-wrapper .a-circle, .ap-notifications-static-topHeader .ap-notification .a-countdown-wrapper .a-circle {
        fill: transparent;
        stroke: var(--color-background-secondary);
        stroke-width: .75rem;
        stroke-dasharray: 2.375rem;
        stroke-dashoffset: 2.375rem
    }

.ap-notifications-static-topHeader {
    position: relative;
    z-index: 10
}

    .ap-notifications-static-topHeader .ap-notification {
        transition-timing-function: ease-in-out
    }

.ap-notification-icon {
    margin-right: var(--spacing-2)
}

    .ap-notification-icon.icon-warning-fill {
        color: var(--color-text-warning)
    }

    .ap-notification-icon.icon-success-fill {
        color: var(--color-text-success)
    }

    .ap-notification-icon.icon-error-fill {
        color: var(--color-text-error)
    }

        .ap-notification-icon.icon-error-fill:before {
            font-size: 1rem
        }

.ap-notification-icon-close {
    position: absolute;
    top: var(--spacing-2);
    right: var(--spacing-2);
    padding: var(--spacing-3);
    background: transparent;
    color: var(--color-text-heading)
}

    .ap-notification-icon-close:focus.keyboard-focus {
        outline: auto 2px Highlight;
        outline: auto 2px -webkit-focus-ring-color;
        outline-offset: -10px
    }

    .ap-notification-icon-close:hover {
        cursor: pointer;
        border-radius: .25rem;
        background-color: var(--color-background-hover)
    }

.Appkit4-icon:before {
    font-weight: var(--font-weight-2)
}

.ap-notification-content-dialog {
    position: absolute;
    width: 100%;
    z-index: 99;
    opacity: 0;
    max-height: 0rem;
    overflow: hidden;
    transition: all .3s linear;
    visibility: hidden
}

    .ap-notification-content-dialog.open {
        opacity: var(--opacity-7);
        visibility: visible;
        transform-origin: top center;
        max-height: 22.4375rem;
        border: solid .0625rem var(--color-background-border);
        background-color: #fff;
        overflow: visible;
        animation: bounceInDown .5s ease-in backwards
    }

    .ap-notification-content-dialog .ap-padding-box {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        padding: var(--spacing-6) 0
    }

    .ap-notification-content-dialog .ap-notification-image-box {
        width: 17.75rem;
        height: 11.9375rem;
        border-radius: .25rem;
        background-color: #f3f3f3
    }

    .ap-notification-content-dialog .ap-notification-text-box {
        margin: var(--spacing-6) 0;
        width: 26.0625rem;
        height: 3rem;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        text-align: center;
        color: #696969
    }

    .ap-notification-content-dialog .ap-notification-button {
        display: inline-flex;
        align-items: center;
        justify-content: center
    }

        .ap-notification-content-dialog .ap-notification-button .ap-button-secondary.leftbtn {
            margin-right: var(--spacing-3)
        }

.search-result {
    border: 0;
    clip: rect(0px,0px,0px,0px);
    height: .0625rem;
    margin-bottom: -.0625rem;
    margin-right: -.0625rem;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: .0625rem
}

.ap-pagination {
    display: flex;
    grid-auto-flow: column;
    padding: var(--spacing-2);
    height: 3.5rem;
    border-radius: var(--border-radius-3)
}

    .ap-pagination .ap-pagination-btn-prev, .ap-pagination .ap-pagination-btn-next {
        margin: var(--spacing-2);
        line-height: 2.5rem;
        border-radius: var(--border-radius-2);
        text-align: center;
        color: var(--color-text-body);
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none
    }

        .ap-pagination .ap-pagination-btn-prev .Appkit4-icon, .ap-pagination .ap-pagination-btn-next .Appkit4-icon {
            font-weight: var(--font-weight-2)
        }

            .ap-pagination .ap-pagination-btn-prev .Appkit4-icon:before, .ap-pagination .ap-pagination-btn-next .Appkit4-icon:before {
                font-weight: var(--font-weight-2)
            }

        .ap-pagination .ap-pagination-btn-prev .height, .ap-pagination .ap-pagination-btn-next .height {
            height: 1.5rem
        }

        .ap-pagination .ap-pagination-btn-prev:before, .ap-pagination .ap-pagination-btn-next:before {
            width: 2.125rem;
            height: 2.125rem;
            line-height: 2.125rem;
            font-size: 1rem
        }

        .ap-pagination .ap-pagination-btn-prev:not(.disabled):hover, .ap-pagination .ap-pagination-btn-next:not(.disabled):hover {
            background-color: var(--color-background-hover)
        }

        .ap-pagination .ap-pagination-btn-prev.disabled, .ap-pagination .ap-pagination-btn-next.disabled {
            cursor: not-allowed;
            color: var(--color-text-disabled)
        }

        .ap-pagination .ap-pagination-btn-prev:not(.large) {
            width: 2.5rem
        }

        .ap-pagination .ap-pagination-btn-next:not(.large) {
            width: 2.5rem
        }

        .ap-pagination .ap-pagination-btn-prev.large {
            padding: 0 var(--spacing-7) 0 var(--spacing-4)
        }

            .ap-pagination .ap-pagination-btn-prev.large .ap-pagination-btn-text {
                margin-left: var(--spacing-2);
                line-height: 2rem;
                height: 1.5rem;
                display: inline-block
            }

        .ap-pagination .ap-pagination-btn-next.large {
            padding: 0 var(--spacing-4) 0 var(--spacing-7);
            height: 2.5rem;
            text-align: left
        }

            .ap-pagination .ap-pagination-btn-next.large .ap-pagination-btn-text {
                margin-right: var(--spacing-2);
                line-height: 2rem;
                height: 1.5rem;
                display: inline-block
            }

    .ap-pagination .ap-pagination-field {
        display: flex;
        column-gap: var(--spacing-3);
        align-items: center;
        padding: var(--spacing-2);
        margin: var(--spacing-2) 0 var(--spacing-2) 0;
        min-width: 6.75rem
    }

        .ap-pagination .ap-pagination-field .ap-field {
            width: 3rem
        }

            .ap-pagination .ap-pagination-field .ap-field .ap-field-wrapper {
                height: 2rem
            }

                .ap-pagination .ap-pagination-field .ap-field .ap-field-wrapper input {
                    margin: var(--spacing-2) var(--spacing-3);
                    text-align: center
                }

        .ap-pagination .ap-pagination-field .ap-pagination-total {
            display: flex;
            column-gap: var(--spacing-2);
            color: var(--color-text-body)
        }

        .ap-pagination .ap-pagination-field span {
            pointer-events: none;
            -webkit-user-select: none;
            user-select: none;
            line-height: 1.5rem
        }

.ap-panel {
    position: relative;
    background: var(--color-background-container);
    border-radius: var(--border-radius-3)
}

.ap-panel-bordered {
    box-shadow: var(--box-shadow-1)
}

.ap-panel-hoverable {
    cursor: pointer;
    transition: box-shadow .3s,border-color .3s
}

    .ap-panel-hoverable:hover {
        box-shadow: var(--box-shadow-2)
    }

.ap-panel-head {
    min-height: 1rem;
    padding: var(--spacing-6) var(--spacing-6) 0 var(--spacing-6);
    margin-bottom: var(--spacing-4);
    color: var(--color-background-tertiary);
    font-weight: var(--font-weight-2);
    font-size: 1rem;
    background-color: var(--color-background-container);
    border-radius: var(--border-radius-3) var(--border-radius-3) 0 0
}

.ap-panel-head-wrapper {
    display: flex;
    align-items: center
}

.ap-panel-head-title {
    display: inline-flex;
    flex: 1;
    align-items: center;
    height: 1.5rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.25rem;
    font-weight: var(--font-weight-2);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-heading)
}

    .ap-panel-head-title > .ap-typography, .ap-panel-head-title > .ap-typography-edit-content {
        left: 0;
        margin-top: 0;
        margin-bottom: 0
    }

.ap-panel-head-title-text {
    line-height: 1.5rem
}

.ap-panel-head.has-extra {
    padding: var(--spacing-6) var(--spacing-4) 0 var(--spacing-6)
}

.ap-panel-head.has-extra-extra {
    float: right;
    margin-left: auto;
    padding: 0;
    font-weight: 400;
    font-size: 1rem
}

.ap-rtl .ap-panel-head.has-extra-extra {
    margin-right: auto;
    margin-left: 0
}

.ap-panel-extra {
    position: absolute;
    top: var(--spacing-3);
    right: var(--spacing-4)
}

.ap-panel-body {
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-body)
}

.ap-panel-actions {
    margin: 0;
    padding: 0;
    list-style: none;
    background: var(--color-background-container);
    border-top: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

    .ap-panel-actions > li {
        float: left;
        margin: var(--spacing-3);
        text-align: center
    }

.ap-rtl .ap-panel-actions > li {
    float: right
}

.ap-panel-actions > li > span {
    position: relative;
    display: block;
    min-width: 2rem;
    font-size: 1rem;
    line-height: 1rem;
    cursor: pointer
}

    .ap-panel-actions > li > span:hover {
        transition: color .3s
    }

    .ap-panel-actions > li > span > .Appkit4-icon {
        font-size: 1rem;
        line-height: 1.5rem
    }

.ap-panel-actions > li:not(:last-child) {
    border-right: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

.ap-rtl .ap-panel-actions > li:not(:last-child) {
    border-right: none;
    border-left: .0625rem solid rgba(var(--color-background-tertiary-rgb),.24)
}

.ap-progress {
    position: relative;
    background-color: var(--color-text-disabled);
    border-radius: var(--border-radius-1)
}

    .ap-progress ul {
        padding-inline-start: 0
    }

        .ap-progress ul li {
            list-style: none
        }

    .ap-progress .ap-progress-bar {
        position: relative;
        height: 100%;
        background: var(--color-background-primary);
        border-radius: var(--border-radius-1);
        transition: all .15s linear
    }

        .ap-progress .ap-progress-bar:before {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            width: .5rem;
            height: .5rem;
            border-radius: 50%;
            background-color: var(--color-background-primary);
            transform: translate(50%,-50%)
        }

.ap-progress-mark {
    position: absolute;
    top: 1.125rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between
}

    .ap-progress-mark:not(.is-vertical) li {
        width: 0
    }

        .ap-progress-mark:not(.is-vertical) li:first-of-type .ap-progress-mark-text {
            transform: translate(-8px)
        }

        .ap-progress-mark:not(.is-vertical) li:last-of-type .ap-progress-mark-text {
            transform: translate(calc(-100% + 8px))
        }

        .ap-progress-mark:not(.is-vertical) li .ap-progress-mark-text {
            transform: translate(-50%)
        }

.ap-progress-mark-text {
    font-size: 1rem;
    letter-spacing: -.025rem;
    font-weight: 400;
    padding: var(--spacing-2) var(--spacing-3);
    border-radius: var(--border-radius-2);
    color: var(--color-text-body);
    background-color: transparent;
    word-break: break-word;
    white-space: nowrap;
    display: table
}

    .ap-progress-mark-text span {
        display: inline-block;
        line-height: 1.5rem;
        height: 1.5rem
    }

    .ap-progress-mark-text:hover {
        background: var(--color-background-container-alt);
        cursor: pointer
    }

    .ap-progress-mark-text .active {
        color: var(--color-text-heading);
        font-weight: var(--font-weight-2)
    }

.ap-progress-readonly .ap-progress-mark-text:hover {
    background: none;
    cursor: default
}

.is-vertical {
    width: var(--spacing-2)
}

    .is-vertical .ap-progress-bar:before {
        right: unset;
        bottom: unset;
        left: 50%;
        top: 100%;
        transform: translate(-50%,-50%)
    }

    .is-vertical .ap-progress-mark {
        top: 0;
        width: 0;
        left: var(--spacing-4);
        height: 100%;
        flex-direction: column
    }

        .is-vertical .ap-progress-mark li {
            height: 0
        }

            .is-vertical .ap-progress-mark li:first-of-type .ap-progress-mark-text {
                transform: translateY(-8px)
            }

            .is-vertical .ap-progress-mark li:last-of-type .ap-progress-mark-text {
                transform: translateY(calc(-100% + 8px))
            }

            .is-vertical .ap-progress-mark li .ap-progress-mark-text {
                transform: translateY(-50%)
            }

.is-horizontal {
    height: var(--spacing-2)
}

.ap-radio-container {
    display: flex
}

    .ap-radio-container ul, .ap-radio-container li {
        margin: 0;
        padding: 0;
        list-style: none
    }

.ap-radio {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-text-body);
    line-height: 1.5rem
}

    .ap-radio .a-hidden-accessibility {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1.5rem;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1.5rem
    }

        .ap-radio .a-hidden-accessibility .ap-radio-input {
            cursor: default;
            -webkit-appearance: radio;
            padding: initial;
            border: initial
        }

        .ap-radio .a-hidden-accessibility input {
            transform: scale(0)
        }

    .ap-radio .Appkit4-icon:before {
        font-weight: var(--font-weight-2)
    }

    .ap-radio .icon-radio-deselected-fill {
        color: var(--color-text-body)
    }

    .ap-radio .icon-radio-backdrop-outline {
        display: none;
        position: relative;
        color: var(--color-background-secondary)
    }

        .ap-radio .icon-radio-backdrop-outline .icon-radio-selected-fill {
            position: absolute;
            top: 0;
            left: 0;
            color: var(--color-background-icon-primary);
            font-size: 1rem
        }

    .ap-radio.ap-radio-checked .icon-radio-deselected-fill {
        display: none
    }

    .ap-radio.ap-radio-checked .icon-radio-backdrop-outline {
        display: inline-flex
    }

    .ap-radio.ap-radio-disabled, .ap-radio.ap-radio-disabled .ap-radio-input {
        cursor: not-allowed
    }

        .ap-radio.ap-radio-disabled .icon-radio-deselected-fill, .ap-radio.ap-radio-checked.ap-radio-disabled .icon-radio-backdrop-outline {
            opacity: var(--opacity-5)
        }

    .ap-radio.ap-radio-readonly .ap-radio-input {
        cursor: not-allowed
    }

.ap-radio-label {
    padding-left: var(--spacing-2);
    font-size: 1rem;
    color: var(--color-text-body);
    letter-spacing: -.025rem;
    line-height: 1.5rem;
    cursor: pointer
}

    .ap-radio-label:empty {
        display: none
    }

.ap-radio-disabled + .ap-radio-label {
    cursor: not-allowed;
    opacity: var(--opacity-5)
}

.ap-radio-readonly + .ap-radio-label {
    cursor: not-allowed
}

[data-keyboard-focus=true] .ap-radio.ap-radio-focused {
    outline: auto 2px Highlight;
    outline: auto 5px -webkit-focus-ring-color;
    outline-offset: var(--spacing-1)
}

.ap-ratings {
    display: grid;
    justify-content: start;
    gap: var(--spacing-2);
    grid-auto-flow: column
}

    .ap-ratings .ap-ratings-item {
        background-color: var(--color-background-container);
        height: 2.5rem;
        width: 2.5rem;
        border-radius: var(--border-radius-2);
        padding: var(--spacing-3);
        box-shadow: 0 0 0 .0625rem var(--color-background-border);
        display: flex;
        justify-content: center;
        align-items: center
    }

        .ap-ratings .ap-ratings-item span.sentiment-icon, .ap-ratings .ap-ratings-item .Appkit4-icon {
            color: var(--color-text-heading);
            height: 1.5rem;
            width: 1.5rem;
            font-size: 1rem
        }

            .ap-ratings .ap-ratings-item span.sentiment-icon.is-macOS, .ap-ratings .ap-ratings-item .Appkit4-icon.is-macOS {
                font-size: 2.5rem;
                transform: scale(.5);
                height: auto;
                width: auto
            }

        .ap-ratings .ap-ratings-item img.sentiment-icon {
            height: 1.5rem;
            width: 1.5rem
        }

        .ap-ratings .ap-ratings-item.selected {
            background-color: var(--color-background-primary);
            box-shadow: 0 0 0 .0625rem rgba(var(--color-background-primary-rgb),1)
        }

            .ap-ratings .ap-ratings-item.selected .Appkit4-icon {
                color: var(--color-background-secondary)
            }

        .ap-ratings .ap-ratings-item:hover {
            cursor: pointer
        }

            .ap-ratings .ap-ratings-item:hover:not(.selected) {
                background-color: var(--color-background-hover)
            }

    .ap-ratings.readonly {
        gap: 0
    }

        .ap-ratings.readonly .ap-ratings-item {
            background-color: unset;
            height: 1.5rem;
            width: 1.5rem;
            padding: 0;
            box-shadow: none
        }

            .ap-ratings.readonly .ap-ratings-item .Appkit4-icon {
                color: var(--color-background-hover-selected);
                height: 1.5rem;
                width: 1.5rem
            }

            .ap-ratings.readonly .ap-ratings-item.selected .Appkit4-icon {
                color: var(--color-background-primary)
            }

            .ap-ratings.readonly .ap-ratings-item:hover {
                cursor: default;
                background-color: unset
            }

    .ap-ratings .ap-ratings-slider-wrapper {
        width: 16.25rem;
        padding: var(--spacing-4);
        box-shadow: var(--level-1);
        border-radius: var(--border-radius-3);
        background-color: var(--color-background-container)
    }

        .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-top {
            display: flex;
            justify-content: space-between;
            line-height: 1.5rem;
            height: 1.5rem;
            margin-bottom: .3125rem
        }

            .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-top .ap-ratings-slider-heading {
                font-weight: var(--font-weight-2);
                color: var(--color-text-heading);
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap
            }

            .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-top .ap-ratings-slider-label {
                font-size: .75rem;
                line-height: .875rem;
                color: var(--color-text-light);
                letter-spacing: -.0125rem;
                align-items: center;
                display: flex
            }

        .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-sentiment {
            height: 2rem;
            width: 2rem;
            display: flex;
            justify-content: center;
            align-items: center
        }

            .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-sentiment span.sentiment-icon {
                font-size: 1.5rem
            }

                .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-sentiment span.sentiment-icon:not(.is-macOS) {
                    font-size: 1.1875rem
                }

            .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider-sentiment img.sentiment-icon {
                height: 2rem;
                width: 2rem
            }

        .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider {
            width: 100%;
            display: grid;
            grid-auto-flow: column;
            align-items: center;
            column-gap: var(--spacing-2);
            grid-template-columns: 2rem auto
        }

            .ap-ratings .ap-ratings-slider-wrapper .ap-ratings-slider .ap-slider.ap-slider-horizontal.has-interval {
                height: auto
            }

    .ap-ratings span.sentiment-icon {
        display: inline-flex;
        justify-content: center;
        align-items: center
    }

        .ap-ratings span.sentiment-icon.icon-emoji-awful:before {
            content: "\1f620"
        }

        .ap-ratings span.sentiment-icon.icon-emoji-bad:before {
            content: "\1f614"
        }

        .ap-ratings span.sentiment-icon.icon-emoji-okay:before {
            content: "\1f610"
        }

        .ap-ratings span.sentiment-icon.icon-emoji-good:before {
            content: "\1f642"
        }

        .ap-ratings span.sentiment-icon.icon-emoji-great:before {
            content: "\1f600"
        }

    .ap-ratings .Appkit4-icon, .ap-ratings .sentiment-icon {
        letter-spacing: normal
    }

    .ap-ratings .ap-ratings-sr-only {
        position: absolute;
        left: 0;
        top: 0;
        clip: rect(0 0 0 0);
        height: 0;
        width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: no-wrap
    }

.ap-search-input {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
    box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
    background-color: var(--color-background-container);
    border-radius: var(--border-radius-2);
    overflow: hidden;
    transition: color .3s,background-color .3s,box-shadow .3s
}

    .ap-search-input:hover:not(.disabled) {
        background-color: var(--color-background-hover)
    }

        .ap-search-input:hover:not(.disabled) .ap-search-after-icon.showDeleteIcon:hover {
            background: var(--color-background-hover-selected)
        }

    .ap-search-input.disabled, .ap-search-input.readonly {
        cursor: not-allowed;
        box-shadow: inset 0 0 0 .0625rem var(--color-text-disabled);
        pointer-events: none
    }

        .ap-search-input.disabled .ap-field-input, .ap-search-input.readonly .ap-field-input {
            cursor: not-allowed;
            pointer-events: none;
            color: var(--color-text-heading)
        }

            .ap-search-input.disabled .ap-field-input::placeholder, .ap-search-input.readonly .ap-field-input::placeholder {
                opacity: var(--opacity-3)
            }

        .ap-search-input.disabled .icon-search-outline:before, .ap-search-input.readonly .icon-search-outline:before {
            opacity: var(--opacity-3)
        }

        .ap-search-input.disabled .icon-return-outline:before, .ap-search-input.readonly .icon-return-outline:before {
            opacity: var(--opacity-3)
        }

    .ap-search-input .icon-search-outline {
        position: absolute;
        left: 0;
        margin-left: var(--spacing-3);
        color: var(--color-text-light)
    }

        .ap-search-input .icon-search-outline:before {
            font-weight: var(--font-weight-2)
        }

        .ap-search-input .icon-search-outline.activeSearch {
            color: var(--color-text-heading)
        }

    .ap-search-input .ap-search-after-icon {
        position: absolute;
        opacity: 0;
        right: 0;
        justify-content: center;
        align-items: center;
        margin-right: 4px;
        letter-spacing: -.025rem;
        width: 2.5rem;
        height: 2.5rem;
        border-radius: var(--border-radius-1);
        visibility: hidden;
        color: var(--color-text-heading)
    }

        .ap-search-input .ap-search-after-icon.enter-icon {
            padding: var(--spacing-4);
            visibility: visible
        }

            .ap-search-input .ap-search-after-icon.enter-icon .Appkit4-icon {
                font-size: .75rem;
                width: 1rem;
                height: 1rem;
                line-height: 1rem;
                color: var(--color-text-heading)
            }

                .ap-search-input .ap-search-after-icon.enter-icon .Appkit4-icon:before {
                    font-weight: var(--font-weight-2)
                }

            .ap-search-input .ap-search-after-icon.enter-icon.showPressIcon {
                opacity: var(--opacity-7);
                display: inline-flex
            }

        .ap-search-input .ap-search-after-icon.delete-icon {
            padding: var(--spacing-3);
            visibility: visible
        }

            .ap-search-input .ap-search-after-icon.delete-icon.showDeleteIcon {
                cursor: not-allowed;
                opacity: var(--opacity-3);
                visibility: visible;
                display: inline-flex;
                color: var(--color-text-light)
            }

                .ap-search-input .ap-search-after-icon.delete-icon.showDeleteIcon:hover {
                    cursor: not-allowed;
                    background: var(--color-background-hover)
                }

                .ap-search-input .ap-search-after-icon.delete-icon.showDeleteIcon.active {
                    cursor: pointer;
                    opacity: var(--opacity-7);
                    pointer-events: visibleFill
                }

                    .ap-search-input .ap-search-after-icon.delete-icon.showDeleteIcon.active .icon-circle-delete-outline {
                        color: var(--color-text-heading)
                    }

        .ap-search-input .ap-search-after-icon:hover:not(.disabled) {
            cursor: pointer;
            background-color: var(--color-background-hover-selected)
        }

    .ap-search-input:focus:not(.disabled):not(.readonly):not(.keyboard-focus), .ap-search-input:focus-within:not(.disabled):not(.readonly):not(.keyboard-focus) {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
    }

        .ap-search-input:focus:not(.disabled):not(.readonly):not(.keyboard-focus) .icon-search-outline, .ap-search-input:focus-within:not(.disabled):not(.readonly):not(.keyboard-focus) .icon-search-outline {
            color: var(--color-text-heading)
        }

    .ap-search-input:focus-within:not(.disabled):not(.readonly).focus.keyboard-focus {
        outline: auto .125rem Highlight;
        outline: auto .3125rem -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

        .ap-search-input:focus-within:not(.disabled):not(.readonly).focus.keyboard-focus .icon-circle-delete-outline {
            outline: none;
            outline-offset: 0
        }

        .ap-search-input:focus-within:not(.disabled):not(.readonly).focus.keyboard-focus .icon-search-outline {
            color: var(--color-text-heading)
        }

            .ap-search-input:focus-within:not(.disabled):not(.readonly).focus.keyboard-focus .icon-search-outline:before {
                color: var(--color-text-heading)
            }

    .ap-search-input:not(.disabled):not(.error):not(.readonly):not(:focus-within) .ap-search-wrapper:hover {
        background-color: var(--color-background-hover)
    }

    .ap-search-input .search-result {
        position: absolute;
        left: 99999px
    }

.ap-search-container {
    border-radius: var(--border-radius-3);
    transition: height .3s;
    transform-origin: bottom;
    position: relative;
    display: block;
    width: 100%;
    padding: var(--spacing-3);
    z-index: 1
}

    .ap-search-container .ap-search-list {
        padding-top: var(--spacing-3);
        z-index: 99;
        background-color: var(--color-background-container);
        color: var(--color-text-heading)
    }

        .ap-search-container .ap-search-list .ap-option-item:not(.noResult) .ap-option-label {
            padding-right: 2.75rem
        }

        .ap-search-container .ap-search-list .ap-option-item:last-child {
            margin-bottom: 0
        }

    .ap-search-container.show {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
        background-color: var(--color-background-container)
    }

    .ap-search-container .ap-search-input input {
        height: 3rem;
        line-height: 3rem
    }

        .ap-search-container .ap-search-input input::placeholder {
            color: var(--color-text-light);
            opacity: 1
        }

    .ap-search-container .ap-field-input {
        width: 100%;
        color: var(--color-text-heading);
        -webkit-appearance: none;
        background-color: transparent;
        outline: 0 !important;
        cursor: pointer;
        letter-spacing: -.025rem;
        padding: var(--spacing-4) 44px var(--spacing-4) 36px;
        transition: padding-top .3s,padding-bottom .3s,color .3s;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

        .ap-search-container .ap-field-input.disabled {
            pointer-events: none;
            cursor: not-allowed;
            border: solid .0625rem rgba(var(--color-background-tertiary),var(--opacity-2))
        }

        .ap-search-container .ap-field-input::placeholder {
            font-size: 1rem;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            color: var(--color-text-light)
        }

        .ap-search-container .ap-field-input::-webkit-input-placeholder {
            color: red
        }

.ap-option-item.disabled .ap-option-label {
    opacity: var(--opacity-5)
}

.ap-slider-wrapper {
    width: 21rem;
    padding: var(--spacing-4);
    border-radius: var(--border-radius-3);
    background-color: var(--color-background-container)
}

    .ap-slider-wrapper.with-input .ap-slider-header {
        margin-bottom: 0
    }

.ap-slider {
    position: relative
}

    .ap-slider.disabled {
        opacity: var(--opacity-6);
        cursor: not-allowed
    }

        .ap-slider.disabled .ap-slider-handle, .ap-slider.disabled .ap-slider-mark-text {
            cursor: not-allowed
        }

.ap-slider-horizontal {
    height: 1.5625rem;
    padding: .6875rem 0 .75rem
}

    .ap-slider-horizontal.has-interval {
        height: 3.75rem
    }

    .ap-slider-horizontal .ap-slider-handle {
        margin-top: -.4375rem
    }

.ap-slider-rail {
    position: absolute;
    width: 100%;
    height: .125rem;
    background: var(--color-text-disabled);
    border-radius: var(--border-radius-1)
}

.ap-slider-track {
    position: absolute;
    height: .125rem;
    background: var(--color-background-primary);
    border-radius: var(--border-radius-1)
}

.ap-slider-handle-container {
    width: calc(100% - 16px);
    position: relative
}

    .ap-slider-handle-container.has-interval-tick {
        width: calc(100% - 8px)
    }

.ap-slider-handle {
    position: absolute;
    width: 1rem;
    height: 1rem;
    background: var(--color-background-primary);
    border-radius: 50%;
    cursor: pointer
}

.ap-slider-mark {
    position: absolute;
    top: 1.8125rem;
    left: 0;
    width: calc(100% - 16px)
}

.ap-slider-tick-container {
    position: absolute;
    left: 0;
    width: calc(100% - 8px)
}

    .ap-slider-tick-container .ap-slider-mark-tick {
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #e8e8e8
    }

        .ap-slider-tick-container .ap-slider-mark-tick.active {
            background-color: var(--color-background-primary)
        }

.ap-slider-mark-text {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    position: absolute;
    color: var(--color-text-light);
    opacity: var(--opacity-6)
}

    .ap-slider-mark-text:hover {
        cursor: pointer
    }

    .ap-slider-mark-text.active {
        opacity: var(--opacity-7);
        color: var(--color-text-body)
    }

    .ap-slider-mark-text.ap-slider-range-text {
        font-size: .75rem;
        line-height: .875rem;
        color: #696969;
        pointer-events: none
    }

.ap-slider-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-2);
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.025rem
}

    .ap-slider-header .ap-slider-label {
        color: var(--color-text-heading);
        word-break: break-word
    }

    .ap-slider-header .ap-slider-text {
        color: var(--color-text-light);
        white-space: nowrap;
        display: flex;
        align-items: center
    }

        .ap-slider-header .ap-slider-text .ap-field-demo-wrapper {
            width: 3.5rem
        }

    .ap-slider-header .separator {
        padding: 0 var(--spacing-3)
    }

    .ap-slider-header .ap-field-wrapper {
        height: 32px !important
    }

    .ap-slider-header input {
        width: 56px !important;
        height: 32px !important;
        text-align: center;
        margin: 0 !important
    }

        .ap-slider-header input:not(:focus) {
            color: var(--color-text-light) !important
        }

    .ap-slider-header .ap-slider-input-text {
        margin: 0 var(--spacing-3)
    }

.gradient .ap-slider-track {
    background-image: linear-gradient(to right,#30d158,#ff2d55)
}

.gradient .ap-slider-handle-first {
    background: #30d158
}

.gradient .ap-slider-handle-last {
    background: #ff2d55
}

.ap-progress-stepper-wrapper {
    display: inline-flex;
    padding-top: var(--spacing-3);
    padding-left: 0
}

    .ap-progress-stepper-wrapper .ap-progress-stepper + .ap-progress-stepper {
        margin-left: var(--spacing-2)
    }

    .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper {
        height: 84px
    }

    .ap-progress-stepper-wrapper:not(.is-vertical-stepper) .ap-progress-stepper {
        width: 84px
    }

    .ap-progress-stepper-wrapper .ap-progress-stepper {
        position: relative
    }

    .ap-progress-stepper-wrapper .ap-progress-stepper-bar {
        height: .25rem;
        border-radius: var(--border-radius-1);
        background-color: var(--color-text-disabled);
        position: absolute;
        left: 0;
        top: calc(-1 * var(--spacing-3));
        width: 100%
    }

    .ap-progress-stepper-wrapper .ap-progress-stepper-bar-inner {
        display: block;
        height: 100%;
        width: 0;
        border-radius: var(--border-radius-1);
        background-color: var(--color-background-primary);
        transition: all .15s linear
    }

        .ap-progress-stepper-wrapper .ap-progress-stepper-bar-inner.bar-active {
            width: 100%
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-bar-inner.bar-warning {
            background-color: var(--color-background-danger)
        }

    .ap-progress-stepper-wrapper .ap-progress-stepper-btn {
        width: 100%;
        height: 2rem;
        border-radius: var(--border-radius-2);
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 var(--spacing-3)
    }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn.normal-step-selected:hover {
            background-color: var(--color-background-hover);
            cursor: pointer
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn.warning-step-selected {
            background-color: rgba(var(--color-background-danger-rgb),var(--opacity-4));
            cursor: pointer
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn.warning-step-readonly {
            background-color: rgba(var(--color-background-danger-rgb),var(--opacity-4))
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn.upcoming-step-selected:hover {
            background-color: var(--color-background-hover);
            cursor: pointer
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn .Appkit4-icon {
            font-size: .75rem;
            height: 1rem;
            width: 1rem;
            line-height: 1rem
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn .normal-status {
            color: var(--color-background-primary)
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn .warning-status {
            color: var(--color-text-body)
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn .upcoming-status {
            opacity: var(--opacity-6);
            color: var(--color-text-body)
        }

        .ap-progress-stepper-wrapper .ap-progress-stepper-btn .upcoming-status-text {
            opacity: var(--opacity-6);
            color: var(--color-text-body);
            font-weight: 400
        }

    .ap-progress-stepper-wrapper .ap-progress-stepper-btn-text {
        margin-left: var(--spacing-2);
        font-size: 1rem;
        font-weight: var(--font-weight-2);
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ap-progress-stepper-wrapper.is-vertical-stepper {
        flex-direction: column;
        padding-left: var(--spacing-3) !important;
        padding-top: 0 !important
    }

        .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper + .ap-progress-stepper {
            margin-top: var(--spacing-2);
            margin-left: 0
        }

        .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper {
            display: flex
        }

        .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper-bar {
            height: 100%;
            width: .25rem;
            left: calc(-1 * var(--spacing-3));
            top: 0
        }

        .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper-bar-inner {
            height: 0;
            width: 100%
        }

            .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper-bar-inner.bar-active {
                height: 100%
            }

        .ap-progress-stepper-wrapper.is-vertical-stepper .ap-progress-stepper-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            width: auto;
            max-width: 10rem;
            margin-top: 0;
            padding: 0 var(--spacing-3)
        }

.ap-switch {
    display: flex;
    align-items: center
}

    .ap-switch .ap-switch-btn {
        position: relative;
        margin: 0;
        cursor: pointer;
        display: flex;
        width: 2.25rem;
        height: 1.25rem;
        opacity: var(--opacity-7);
        border-radius: .75rem;
        background-color: #818181;
        padding: var(--spacing-1) 0;
        padding-left: var(--spacing-1);
        transition: padding .3s
    }

        .ap-switch .ap-switch-btn .ap-switch-default {
            width: 1rem;
            height: 1rem;
            display: inline-block;
            border-radius: 50%;
            background-color: var(--color-background-secondary)
        }

@keyframes switchscale {
    0% {
        transform: scale(0);
        opacity: 0;
        transform-origin: center
    }

    50% {
        transform: scale(.5);
        opacity: .5;
        transform-origin: center
    }

    to {
        transform: scale(1);
        opacity: 1;
        transform-origin: center
    }
}

.ap-switch .ap-switch-btn.ap-switch-checked {
    background-color: var(--color-background-icon-primary);
    padding: var(--spacing-1) 0;
    padding-left: 1.125rem;
    opacity: var(--opacity-7)
}

    .ap-switch .ap-switch-btn.ap-switch-checked .ap-check-mark-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

        .ap-switch .ap-switch-btn.ap-switch-checked .ap-check-mark-container g {
            animation: switchscale .3s linear;
            fill: var(--color-background-icon-primary)
        }

.ap-switch .ap-switch-btn.ap-switch-disabled {
    opacity: var(--opacity-6);
    cursor: not-allowed;
    background: #818181
}

.ap-switch .ap-switch-btn.ap-switch-checked.ap-switch-disabled {
    opacity: var(--opacity-3);
    cursor: not-allowed;
    background-color: var(--color-background-icon-primary)
}

.ap-switch .ap-switch-btn.ap-switch-readonly, .ap-switch .ap-switch-btn.ap-switch-checked.ap-switch-readonly {
    cursor: not-allowed;
    opacity: var(--opacity-6)
}

.ap-switch .ap-switch-lg {
    width: 2.625rem;
    height: 1.5rem;
    padding: var(--spacing-1) var(--spacing-6) var(--spacing-1) var(--spacing-1)
}

    .ap-switch .ap-switch-lg .ap-switch-default {
        width: 1.25rem;
        height: 1.25rem
    }

    .ap-switch .ap-switch-lg.ap-switch-checked {
        padding: var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-6)
    }

.ap-switch-label {
    font-size: 1rem;
    padding-left: var(--spacing-3);
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-body);
    cursor: pointer;
    display: inline-block
}

    .ap-switch-label:empty {
        display: none
    }

.ap-switch-disabled + .ap-switch-label {
    opacity: var(--opacity-5);
    cursor: not-allowed
}

.ap-switch-readonly + .ap-switch-label {
    cursor: not-allowed
}

.ap-tabset-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    letter-spacing: -.025rem
}

    .ap-tabset-container .ap-tabset-toggle-wrapper {
        width: -moz-fit-content;
        width: fit-content;
        display: grid;
        border-radius: var(--border-radius-2);
        position: relative
    }

        .ap-tabset-container .ap-tabset-toggle-wrapper.stretched {
            width: 100%
        }

        .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle {
            position: relative;
            display: grid;
            grid-row: 1;
            justify-items: center;
            align-items: baseline;
            height: 100%;
            font-size: 1rem;
            cursor: pointer;
            text-align: center;
            white-space: nowrap;
            line-height: 1.5rem;
            border-radius: var(--border-radius-2);
            transition: background-color .3s;
            outline-offset: var(--spacing-1)
        }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle > * {
                display: grid;
                column-gap: var(--spacing-2);
                grid-column-start: 1;
                grid-row-start: 1;
                align-items: center
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle .ap-tabset-toggle-active {
                visibility: hidden;
                font-weight: var(--font-weight-2)
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle .ap-tabset-toggle-inactive {
                visibility: visible
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.pinned {
                cursor: default
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.active .ap-tabset-toggle-active {
                visibility: visible
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.active .ap-tabset-toggle-inactive {
                visibility: hidden
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.has-label > *, .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.has-icon > * {
                grid-template-columns: auto
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper .ap-tabset-toggle.disabled {
                pointer-events: none;
                opacity: var(--opacity-5)
            }

        .ap-tabset-container .ap-tabset-toggle-wrapper.underline {
            height: calc(1.5rem + var(--spacing-3));
            column-gap: var(--spacing-7)
        }

            .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-underline {
                position: absolute;
                bottom: 0;
                left: 0;
                height: .125rem;
                width: 100%;
                border-radius: var(--border-radius-1);
                background-color: var(--color-background-selected)
            }

            .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle {
                height: calc(1.5rem + var(--spacing-3));
                padding-bottom: var(--spacing-3);
                color: var(--color-text-light)
            }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle:not(.active):hover .ap-tabset-toggle-underline {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: .125rem;
                    width: 100%;
                    border-radius: var(--border-radius-1);
                    background-color: var(--color-text-light)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle:not(.active):hover .ap-tabset-toggle-active {
                    visibility: visible
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle:not(.active):hover .ap-tabset-toggle-inactive {
                    visibility: hidden
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle:not(.active):not(:hover) .ap-tabset-toggle-active {
                    visibility: hidden
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle:not(.active):not(:hover) .ap-tabset-toggle-inactive {
                    visibility: visible
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.active .ap-tabset-toggle-underline {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    height: .125rem;
                    width: 100%;
                    border-radius: var(--border-radius-1);
                    background-color: var(--color-background-primary)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.active .ap-tabset-toggle-active {
                    color: var(--color-text-primary)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.has-icon.has-label .Appkit4-icon {
                    width: 1rem
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.has-icon.has-label > * {
                    column-gap: var(--spacing-3)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.negatived:hover .ap-tabset-toggle-underline, .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.negatived .ap-tabset-toggle-underline {
                    background-color: var(--color-background-danger)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.negatived .ap-tabset-toggle-active, .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.negatived .ap-tabset-toggle-inactive {
                    color: var(--color-text-error)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.underline .ap-tabset-toggle.has-label.has-icon > * {
                    grid-template-columns: auto auto
                }

        .ap-tabset-container .ap-tabset-toggle-wrapper.filled {
            height: 2.5rem;
            padding: var(--spacing-2);
            column-gap: var(--spacing-2);
            background-color: var(--color-background-selected)
        }

            .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle {
                height: 2rem;
                border-radius: var(--border-radius-1);
                color: var(--color-text-body)
            }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle:not(.active):hover {
                    background-color: var(--color-background-hover-selected)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle .ap-tabset-toggle-active {
                    color: var(--color-text-tertiary)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.active {
                    background-color: var(--color-background-primary)
                }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-label {
                    padding: var(--spacing-2) var(--spacing-4)
                }

                    .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-label > * {
                        grid-template-columns: auto
                    }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-icon {
                    padding: var(--spacing-2) var(--spacing-3)
                }

                    .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-icon span.Appkit4-icon:before {
                        font-weight: var(--font-weight-2)
                    }

                    .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-icon > * {
                        grid-template-columns: auto
                    }

                .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-label.has-icon {
                    padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-3)
                }

                    .ap-tabset-container .ap-tabset-toggle-wrapper.filled .ap-tabset-toggle.has-label.has-icon > * {
                        grid-template-columns: auto auto
                    }

    .ap-tabset-container .ap-tabset-responsive-wrapper {
        display: flex;
        align-items: center
    }

        .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tab-move-ctrl {
            font-size: .75rem;
            width: 1rem;
            height: 1rem;
            line-height: 1rem;
            letter-spacing: normal;
            cursor: pointer;
            transition: transform .3s
        }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tab-move-ctrl.rotate {
                transform: rotate(180deg)
            }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tab-move-ctrl.disabled {
                opacity: var(--opacity-5);
                pointer-events: none
            }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tab-move-ctrl.icon-left-chevron-outline {
                margin-right: var(--spacing-5)
            }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tab-move-ctrl.icon-right-chevron-outline {
                margin-left: var(--spacing-5)
            }

        .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tabset-responsive-scroll-container {
            width: 100%;
            position: relative;
            overflow: auto;
            scrollbar-width: none
        }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tabset-responsive-scroll-container::-webkit-scrollbar {
                height: 0;
                width: 0
            }

            .ap-tabset-container .ap-tabset-responsive-wrapper .ap-tabset-responsive-scroll-container .ap-tabset-toggle-wrapper {
                position: absolute;
                top: 0;
                left: 0;
                transition: left .25s,right .25s
            }

        .ap-tabset-container .ap-tabset-responsive-wrapper.underline .ap-tab-move-ctrl {
            margin-top: .3125rem;
            margin-bottom: .6875rem
        }

        .ap-tabset-container .ap-tabset-responsive-wrapper.underline .ap-tabset-responsive-scroll-container {
            height: calc(1.5rem + var(--spacing-3))
        }

            .ap-tabset-container .ap-tabset-responsive-wrapper.underline .ap-tabset-responsive-scroll-container .ap-tabset-toggle-wrapper.pinned {
                padding-left: var(--spacing-7)
            }

            .ap-tabset-container .ap-tabset-responsive-wrapper.underline .ap-tabset-responsive-scroll-container .ap-tabset-toggle-wrapper .ap-tabset-toggle {
                outline-offset: -.0625rem
            }

        .ap-tabset-container .ap-tabset-responsive-wrapper.filled {
            background-color: var(--color-background-selected)
        }

            .ap-tabset-container .ap-tabset-responsive-wrapper.filled .ap-tabset-responsive-scroll-container {
                height: 2.5rem
            }

                .ap-tabset-container .ap-tabset-responsive-wrapper.filled .ap-tabset-responsive-scroll-container .ap-tabset-toggle-wrapper.pinned {
                    padding-left: 0
                }

    .ap-tabset-container .overflow-button .icon-vertical-more-outline {
        width: 40px;
        height: 32px;
        line-height: 32px
    }

    .ap-tabset-container .overflow-button .ap-button-dropdown {
        max-height: 17.5rem;
        overflow: auto
    }

    .ap-tabset-container .overflow-button .custom:focus-visible {
        outline-offset: var(--spacing-1)
    }

.ap-tag {
    position: relative;
    display: inline-block;
    padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-4);
    border-radius: 1rem;
    line-height: 1rem;
    letter-spacing: -.025rem;
    color: var(--color-background-secondary);
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    user-select: none
}

    .ap-tag:after {
        border-radius: 1rem
    }

    .ap-tag.ap-tag-disabled {
        opacity: .32;
        cursor: not-allowed
    }

        .ap-tag.ap-tag-disabled .ap-tag-label {
            cursor: not-allowed
        }

        .ap-tag.ap-tag-disabled .Appkit4-icon {
            cursor: not-allowed;
            color: var(--color-text-primary-rgb)
        }

            .ap-tag.ap-tag-disabled .Appkit4-icon:hover, .ap-tag.ap-tag-disabled .icon-close-outline {
                cursor: not-allowed
            }

        .ap-tag.ap-tag-disabled.ap-tag-default {
            background-color: rgba(var(--color-background-primary-rgb))
        }

    .ap-tag.ap-tag-sm {
        height: 1.5rem;
        font-size: .875rem;
        display: inline-flex;
        font-weight: var(--font-weight-2)
    }

        .ap-tag.ap-tag-sm .Appkit4-icon {
            width: 1rem;
            height: 1rem
        }

            .ap-tag.ap-tag-sm .Appkit4-icon:before {
                font-size: .75rem;
                font-weight: 600;
                line-height: 1rem;
                letter-spacing: -.025rem
            }

        .ap-tag.ap-tag-sm .ap-tag-label {
            font-size: .875rem;
            line-height: 1rem
        }

    .ap-tag.ap-tag-lg {
        height: 2rem;
        font-size: 1rem;
        display: inline-flex
    }

        .ap-tag.ap-tag-lg .Appkit4-icon {
            width: 1.5rem;
            height: 1.5rem
        }

            .ap-tag.ap-tag-lg .Appkit4-icon:before {
                font-weight: var(--font-weight-2);
                font-size: 1rem;
                line-height: 1.5rem;
                letter-spacing: normal
            }

        .ap-tag.ap-tag-lg .ap-tag-label {
            font-size: 1rem;
            font-weight: var(--font-weight-2)
        }

    .ap-tag .ap-tag-label {
        margin-right: var(--spacing-2);
        letter-spacing: -.025rem;
        white-space: nowrap
    }

    .ap-tag .Appkit4-icon {
        color: var(--color-background-secondary);
        cursor: pointer;
        z-index: 1
    }

        .ap-tag .Appkit4-icon:hover {
            cursor: pointer
        }

    .ap-tag.ap-tag-default:not(.ap-tag-disabled) {
        background: var(--color-background-primary)
    }

        .ap-tag.ap-tag-default:not(.ap-tag-disabled):hover:after {
            background-color: rgba(255,255,255,var(--opacity-3));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-tag.ap-tag-default:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-default:not(.ap-tag-disabled):visited:after {
            background-color: rgba(0,0,0,var(--opacity-1));
            content: "";
            height: 100%;
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: inherit
        }

        .ap-tag.ap-tag-default:not(.ap-tag-disabled):focus {
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary),var(--opacity-1));
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

    .ap-tag.ap-tag-blue:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-blue:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-blue:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-blue:not(.ap-tag-disabled):focus {
        outline: none
    }

    .ap-tag.ap-tag-green:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-green:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-green:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-green:not(.ap-tag-disabled):focus {
        outline: none
    }

    .ap-tag.ap-tag-indigo:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-indigo:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-indigo:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-indigo:not(.ap-tag-disabled):focus {
        outline: none
    }

    .ap-tag.ap-tag-orange:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-orange:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-orange:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-orange:not(.ap-tag-disabled):focus {
        outline: none
    }

    .ap-tag.ap-tag-pink:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-pink:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-pink:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-pink:not(.ap-tag-disabled):focus {
        outline: none
    }

    .ap-tag.ap-tag-purple:not(.ap-tag-disabled):hover:after {
        background-color: rgba(255,255,255,var(--opacity-3));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-purple:not(.ap-tag-disabled):active:after, .ap-tag.ap-tag-purple:not(.ap-tag-disabled):visited:after {
        background-color: rgba(0,0,0,var(--opacity-1));
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        border-radius: inherit
    }

    .ap-tag.ap-tag-purple:not(.ap-tag-disabled):focus {
        outline: none
    }

.ap-tooltip-react {
    position: fixed;
    visibility: visible;
    z-index: 10000;
    max-width: 15rem;
    color: var(--color-background-alt);
    font-size: .875rem;
    line-height: 1rem
}

    .ap-tooltip-react .ap-tooltip-reactContent {
        -webkit-backdrop-filter: var(--blur-2);
        backdrop-filter: var(--blur-2);
        transition: transform .3s,visibility .3s,opacity .3s;
        padding: var(--spacing-3);
        background-color: rgba(var(--color-background-container-inverse-rgb),.72);
        border-radius: var(--border-radius-2);
        visibility: visible
    }

        .ap-tooltip-react .ap-tooltip-reactContent:not(.show) {
            visibility: hidden;
            opacity: 0
        }

    .ap-tooltip-react .ap-tooltip-text {
        color: var(--color-background-alt);
        font-size: .875rem;
        line-height: 1rem
    }

    .ap-tooltip-react:not(.show) {
        visibility: hidden
    }

        .ap-tooltip-react:not(.show).right {
            transform: translate(-.3125rem)
        }

        .ap-tooltip-react:not(.show).left {
            transform: translate(.3125rem)
        }

        .ap-tooltip-react:not(.show).top {
            transform: translateY(.3125rem)
        }

        .ap-tooltip-react:not(.show).bottom {
            transform: translateY(-.3125rem)
        }

.ap-tree {
    margin: 0;
    padding: 0
}

    .ap-tree.no-outline .focus {
        outline: 0 !important
    }

.ap-files-fold {
    color: var(--color-text-body);
    padding: var(--spacing-4);
    margin-bottom: var(--spacing-2);
    letter-spacing: normal !important;
    -webkit-user-select: none;
    user-select: none;
    list-style: none
}

    .ap-files-fold:last-child {
        margin-bottom: 0
    }

    .ap-files-fold:focus {
        outline: 0
    }

    .ap-files-fold .ap-fold-name.focus, .ap-files-fold .ap-tree-list-item.focus {
        outline: -webkit-focus-ring-color auto .3125rem;
        outline-offset: var(--spacing-1)
    }

@supports (-moz-appearance: none) {
    .ap-files-fold .ap-fold-name.focus, .ap-files-fold .ap-tree-list-item.focus {
        box-shadow: 0 0 0 .125rem #2474d6;
        border-radius: .125rem
    }
}

.ap-files-fold .ap-fold-name {
    width: 100%;
    border-radius: var(--border-radius-2);
    font-size: 1rem;
    display: flex
}

    .ap-files-fold .ap-fold-name .Appkit4-icon {
        margin-right: var(--spacing-2)
    }

    .ap-files-fold .ap-fold-name .ap-file-title {
        display: inline-block;
        height: 1.5rem;
        line-height: 1.5rem;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

        .ap-files-fold .ap-fold-name .ap-file-title:hover {
            font-weight: var(--font-weight-2)
        }

.ap-files-fold .ap-tree-list {
    padding-left: var(--spacing-4)
}

    .ap-files-fold .ap-tree-list.fadeInDown {
        display: block
    }

    .ap-files-fold .ap-tree-list.fadeOutUp {
        display: none
    }

    .ap-files-fold .ap-tree-list .ap-tree-list-item {
        display: flex
    }

        .ap-files-fold .ap-tree-list .ap-tree-list-item:hover {
            cursor: pointer;
            color: var(--color-text-heading);
            font-weight: var(--font-weight-2)
        }

        .ap-files-fold .ap-tree-list .ap-tree-list-item .ap-file-title {
            display: inline-block;
            height: 1.5rem;
            line-height: 1.5rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .ap-files-fold .ap-tree-list .ap-tree-list-item .Appkit4-icon {
            margin-right: var(--spacing-2)
        }

.ap-files-fold.active, .ap-files-fold:hover {
    cursor: pointer;
    background-color: var(--color-background-hover);
    border-radius: var(--border-radius-2)
}

    .ap-files-fold.active .ap-fold-name {
        margin-bottom: 0
    }

    .ap-files-fold.active .ap-fold-name, .ap-files-fold .ap-files-fold {
        background-color: var(--color-background-hover);
        margin-top: var(--spacing-4);
        padding: 0
    }

    .ap-files-fold.active .ap-fold-name {
        margin-top: 0
    }

.ap-files-fold.normal .ap-tree-list {
    background-color: var(--color-background-alt)
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-20%,0)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-20%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

.ap-fileupload {
    display: inline-flex;
    width: 100%;
    -webkit-user-select: none;
    user-select: none
}

    .ap-fileupload.ap-fileupload-modal {
        background-color: var(--color-background-container);
        box-shadow: var(--box-shadow-3);
        border-radius: var(--border-radius-3);
        padding: var(--spacing-4) var(--spacing-4) var(--spacing-6) var(--spacing-6)
    }

    .ap-fileupload .ap-fileupload-wrapper {
        position: relative;
        width: 100%;
        letter-spacing: -.025rem
    }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-title {
            align-items: center;
            color: var(--color-text-heading);
            display: flex;
            font-weight: var(--font-weight-2);
            justify-content: space-between;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            word-break: break-word
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-title.title-inline {
                font-size: 1.03125rem
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-title.title-modal {
                font-size: 1.25rem;
                margin-bottom: var(--spacing-4)
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-title a {
                cursor: pointer
            }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-instruction {
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            color: var(--color-text-body);
            word-break: break-word
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-instruction.instruction-inline {
                margin-bottom: .875rem
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-instruction.instruction-modal {
                margin-bottom: var(--spacing-4);
                margin-right: var(--spacing-3)
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-instruction.instruction-modal-button {
                color: var(--color-text-body);
                margin-bottom: var(--spacing-6);
                margin-right: var(--spacing-3)
            }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper {
            height: 7rem;
            position: relative;
            width: calc(100% - 8px)
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper.content-inline {
                height: 4rem;
                width: 100%
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper.content-bottom {
                margin-bottom: var(--spacing-6)
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content-shadow {
                background-color: transparent;
                border-radius: var(--border-radius-2);
                height: calc(100% + 16px);
                left: calc(-1 * var(--spacing-3));
                padding: var(--spacing-3);
                position: absolute;
                top: calc(-1 * var(--spacing-3));
                width: calc(100% + 16px)
            }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content-shadow.file-over {
                    background-color: #f3f3f3
                }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content {
                background-color: transparent;
                border: dashed .125rem var(--color-text-body);
                border-radius: var(--border-radius-2);
                display: flex;
                height: 100%;
                padding: var(--spacing-3);
                position: absolute;
                width: 100%
            }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content .ap-fileupload-drop-btn {
                    width: 100%;
                    font-size: 1rem;
                    background-color: transparent;
                    cursor: pointer
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content .ap-fileupload-drop-btn .ap-fileupload-drop-span {
                        font-size: 1rem;
                        line-height: 1.5rem;
                        letter-spacing: -.025rem;
                        text-align: center;
                        color: var(--color-text-body)
                    }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content .ap-fileupload-drop-btn .ap-fileupload-drop-browse-span {
                        color: var(--color-text-link-primary);
                        font-weight: var(--font-weight-2);
                        text-decoration: underline
                    }

                        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-content-wrapper .ap-fileupload-content .ap-fileupload-drop-btn .ap-fileupload-drop-browse-span:hover {
                            text-decoration: none
                        }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists {
            margin-bottom: var(--spacing-6);
            transition: all .5s ease-in-out
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList:not(:last-child) {
                margin-bottom: var(--spacing-2)
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded {
                align-items: center;
                background-color: transparent;
                border-radius: var(--border-radius-2);
                display: flex;
                height: 3rem;
                justify-content: space-between;
                padding-left: var(--spacing-3);
                position: relative
            }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded.modal-loaded {
                    margin-left: calc(-1 * var(--spacing-3))
                }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded:hover {
                    background-color: var(--color-background-container-alt)
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded:hover .icon-file-upload-fill, .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded:hover .ap-fileupload-fileName, .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded:hover .ap-fileupload-fileSize, .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded:hover .icon-close-outline {
                        color: #252525
                    }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .doc-text {
                    fill: var(--color-text-heading)
                }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-loaded-close {
                    margin-right: var(--spacing-2);
                    background-color: transparent;
                    cursor: pointer;
                    width: 2.5rem;
                    height: 2.5rem;
                    padding: var(--spacing-3);
                    border-radius: var(--border-radius-2);
                    font-size: 1rem
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-loaded-close:hover {
                        background-color: var(--color-background-hover)
                    }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-loaded-close .icon-close-outline {
                        color: var(--color-text-heading)
                    }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-fileSpan {
                    width: 23.125rem;
                    display: flex;
                    align-items: center;
                    margin-left: var(--spacing-2);
                    margin-right: auto
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-fileSpan .ap-fileupload-fileName {
                        max-width: 17.5rem;
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 1.5rem;
                        letter-spacing: -.025rem;
                        color: var(--color-text-heading);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap
                    }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-fileSpan .ap-fileupload-fileSize {
                        font-size: 1rem;
                        margin-left: var(--spacing-3);
                        line-height: 1.5rem;
                        letter-spacing: -.025rem;
                        color: var(--color-text-body)
                    }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .icon-file-upload-fill {
                    color: var(--color-text-heading)
                }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-percentage {
                    margin-right: var(--spacing-3);
                    font-size: 1rem;
                    font-weight: 400;
                    line-height: 1.5rem;
                    letter-spacing: -.025rem;
                    color: #696969
                }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-progressbar {
                    width: calc(100% - 8px);
                    height: .25rem;
                    margin: var(--spacing-2) 0 0;
                    border-radius: var(--border-radius-1);
                    background-color: #d2d7e2;
                    position: absolute;
                    bottom: var(--spacing-2);
                    left: var(--spacing-2)
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-progressbar.upload-fail-progress {
                        background-color: var(--color-text-error) !important
                    }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-progressbar-inside {
                    height: .25rem;
                    border-radius: var(--border-radius-1);
                    background-color: #415385
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-progressbar-inside.upload-fail-progress-inside {
                        background-color: #c52a1a !important
                    }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-success {
                    width: 2.5rem;
                    height: 2.5rem;
                    padding: var(--spacing-3);
                    border-radius: var(--border-radius-2)
                }

                    .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-loaded .ap-fileupload-success .Appkit4-icon {
                        color: #21812d
                    }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-error-message {
                margin-top: var(--spacing-3);
                margin-bottom: var(--spacing-4);
                font-size: .75rem;
                line-height: .875rem;
                letter-spacing: -.025rem;
                text-align: center;
                color: var(--color-text-error);
                word-break: break-word
            }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-fileLists .ap-fileupload-fileList .ap-fileupload-error-message span {
                    cursor: pointer;
                    text-decoration: underline
                }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-footer {
            display: flex;
            justify-content: space-between;
            overflow: auto;
            padding: var(--spacing-2);
            margin: calc(-1 * var(--spacing-2))
        }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-footer-delete-attachment {
            align-items: flex-end;
            display: flex;
            flex-shrink: 0;
            margin-right: var(--spacing-4)
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-footer-delete-attachment span {
                display: inline-block;
                font-size: 1rem;
                font-weight: var(--font-weight-2);
                line-height: 1.5rem;
                letter-spacing: -.025rem;
                color: var(--color-text-primary);
                cursor: pointer
            }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-footer .ap-fileupload-footer-btn {
            margin-right: var(--spacing-3)
        }

        .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-action {
            position: absolute;
            top: var(--spacing-4);
            right: var(--spacing-4);
            display: flex
        }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-action .ap-fileupload-title-close .Appkit4-icon {
                color: var(--color-text-heading)
            }

            .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-action .ap-fileupload-title-close {
                background-color: transparent;
                cursor: pointer;
                width: 2.5rem;
                height: 2.5rem;
                padding: var(--spacing-3);
                border-radius: var(--border-radius-2);
                font-size: 1rem
            }

                .ap-fileupload .ap-fileupload-wrapper .ap-fileupload-action .ap-fileupload-title-close:hover {
                    background-color: var(--color-background-hover)
                }

    .ap-fileupload input[type=file], .ap-fileupload input[type=file]::-webkit-file-upload-button {
        cursor: pointer;
        opacity: 0;
        visibility: visible;
        width: 0%;
        position: absolute;
        height: 0%;
        left: 0
    }

    .ap-fileupload input[type=file] {
        opacity: 0
    }

.ap-navigation-wrapper {
    height: 100vh;
    background-color: transparent;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative
}

    .ap-navigation-wrapper:not(.solidnav) {
        background-color: var(--color-background-container-alt)
    }

    .ap-navigation-wrapper .ap-navigation-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-6);
        width: 100%
    }

        .ap-navigation-wrapper .ap-navigation-heading .ap-navigation-title-wrapper {
            display: flex;
            align-items: center
        }

            .ap-navigation-wrapper .ap-navigation-heading .ap-navigation-title-wrapper .ap-navigation-logo {
                margin-right: var(--spacing-2);
                width: 2.625rem;
                height: 2.5rem;
                mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMTkuMDYgNjguMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExOS4wNiA2OC4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyMzFGMjA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDguNDMsMjMuNTFjLTUuMTQsMC44NS03LjgsNC42My03LjgsMTEuMzZjMCw2LjcyLDMuNSwxMS4yNCw4Ljg3LDExLjI0YzIuNDksMCw0LjgtMC44NSw5LjU1LTMuMTZ2NS40MgoJCWMtNS43NiwyLjY2LTkuMSwzLjQ1LTEzLjczLDMuNDVjLTUuMDMsMC04LjUzLTEuMzYtMTEuNDEtNC4yNGMtMi45NC0yLjk0LTQuNDEtNi44NC00LjQxLTExLjE5YzAtOS42Niw3LjEyLTE2LjE2LDE3LjU3LTE2LjE2CgkJYzYuOTUsMCwxMS43LDMuMTYsMTEuNyw3LjhjMCwyLjk5LTIuMiw1LjA5LTUuNTQsNS4wOWMtMS43LDAtMy4xMS0wLjQ1LTQuODYtMS40N0wxMDguNDMsMjMuNTFMMTA4LjQzLDIzLjUxeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgzLjAxLDM2LjM5YzQuNjMtNS44Miw2LjI3LTguMTksNi4yNy0xMS4wMnMtMi4yNi01LjE0LTUuMzEtNS4xNGMtMS44NiwwLTMuNTYsMC44NS00LjM1LDEuODFWMzMuOQoJCWwtNy41NywxMC4xMXYtMjNoLTcuMjNMNTIuODMsNDAuODVWMjEuMDJoLTQuMTJsLTEwLjg1LDIuNjZ2Mi43N2w1LjkzLDAuNjJ2MjQuMzVoNy42OGwxMS40Ny0xOC44N3YxOC44N2g4LjQyTDgzLjAxLDM2LjM5eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjM3LDIwLjQ1Yy0yLjgzLDAtNC43NSwwLjU3LTEwLjM0LDMuOXYtNC4wN2gtMy4xMUwwLDIzLjl2Mi45NGg0Ljk3djM0LjAybC00LjQ2LDEuMTN2Mi44M0gyMHYtMi44MwoJCWwtNC45Ny0xLjEzbC0wLjA2LTkuODNjMS45OCwwLjIzLDMuOTYsMC4yOCw1LjA5LDAuMjhjMTAuMjgsMCwxNi43OC02LjU1LDE2Ljc4LTE2LjMzQzM2Ljg0LDI2LjU2LDMxLjk4LDIwLjQ1LDI1LjM3LDIwLjQ1egoJCSBNMTYuNzMsNDcuNjNjLTAuNTEsMC0wLjksMC0xLjctMC4wNmwwLjA2LTIwLjRjMS43NS0wLjIzLDIuNi0wLjM0LDMuNDUtMC4zNGM0Ljk3LDAsNy42OCwzLjMzLDcuNjgsOS41NQoJCUMyNi4yMiw0My43OSwyMi44OCw0Ny42MywxNi43Myw0Ny42M3oiLz4KPC9nPgo8L3N2Zz4K);
                -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMTkuMDYgNjguMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDExOS4wNiA2OC4wMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMyMzFGMjA7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDguNDMsMjMuNTFjLTUuMTQsMC44NS03LjgsNC42My03LjgsMTEuMzZjMCw2LjcyLDMuNSwxMS4yNCw4Ljg3LDExLjI0YzIuNDksMCw0LjgtMC44NSw5LjU1LTMuMTZ2NS40MgoJCWMtNS43NiwyLjY2LTkuMSwzLjQ1LTEzLjczLDMuNDVjLTUuMDMsMC04LjUzLTEuMzYtMTEuNDEtNC4yNGMtMi45NC0yLjk0LTQuNDEtNi44NC00LjQxLTExLjE5YzAtOS42Niw3LjEyLTE2LjE2LDE3LjU3LTE2LjE2CgkJYzYuOTUsMCwxMS43LDMuMTYsMTEuNyw3LjhjMCwyLjk5LTIuMiw1LjA5LTUuNTQsNS4wOWMtMS43LDAtMy4xMS0wLjQ1LTQuODYtMS40N0wxMDguNDMsMjMuNTFMMTA4LjQzLDIzLjUxeiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgzLjAxLDM2LjM5YzQuNjMtNS44Miw2LjI3LTguMTksNi4yNy0xMS4wMnMtMi4yNi01LjE0LTUuMzEtNS4xNGMtMS44NiwwLTMuNTYsMC44NS00LjM1LDEuODFWMzMuOQoJCWwtNy41NywxMC4xMXYtMjNoLTcuMjNMNTIuODMsNDAuODVWMjEuMDJoLTQuMTJsLTEwLjg1LDIuNjZ2Mi43N2w1LjkzLDAuNjJ2MjQuMzVoNy42OGwxMS40Ny0xOC44N3YxOC44N2g4LjQyTDgzLjAxLDM2LjM5eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI1LjM3LDIwLjQ1Yy0yLjgzLDAtNC43NSwwLjU3LTEwLjM0LDMuOXYtNC4wN2gtMy4xMUwwLDIzLjl2Mi45NGg0Ljk3djM0LjAybC00LjQ2LDEuMTN2Mi44M0gyMHYtMi44MwoJCWwtNC45Ny0xLjEzbC0wLjA2LTkuODNjMS45OCwwLjIzLDMuOTYsMC4yOCw1LjA5LDAuMjhjMTAuMjgsMCwxNi43OC02LjU1LDE2Ljc4LTE2LjMzQzM2Ljg0LDI2LjU2LDMxLjk4LDIwLjQ1LDI1LjM3LDIwLjQ1egoJCSBNMTYuNzMsNDcuNjNjLTAuNTEsMC0wLjksMC0xLjctMC4wNmwwLjA2LTIwLjRjMS43NS0wLjIzLDIuNi0wLjM0LDMuNDUtMC4zNGM0Ljk3LDAsNy42OCwzLjMzLDcuNjgsOS41NQoJCUMyNi4yMiw0My43OSwyMi44OCw0Ny42MywxNi43Myw0Ny42M3oiLz4KPC9nPgo8L3N2Zz4K);
                mask-repeat: no-repeat;
                -webkit-mask-repeat: no-repeat;
                mask-position: center;
                -webkit-mask-position: center;
                background-color: var(--color-text-heading);
                display: block
            }

            .ap-navigation-wrapper .ap-navigation-heading .ap-navigation-title-wrapper .ap-navigation-title {
                color: var(--color-text-heading);
                line-height: 1.5rem;
                display: block;
                letter-spacing: -.025rem
            }

    .ap-navigation-wrapper .ap-navigation-content {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-2);
        padding: 1rem var(--spacing-4) 4.5rem;
        width: 100%;
        height: calc(100% - 4.5rem);
        overflow-y: scroll;
        scrollbar-width: none
    }

        .ap-navigation-wrapper .ap-navigation-content::-webkit-scrollbar {
            height: 0;
            width: 0
        }

        .ap-navigation-wrapper .ap-navigation-content.ap-navigation-content-simple {
            padding-top: var(--spacing-4)
        }

    .ap-navigation-wrapper::-webkit-scrollbar {
        display: none
    }

    .ap-navigation-wrapper .ap-nav-item.nav-with-child:focus-visible .ap-navigation-item:hover {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .ap-navigation-wrapper .ap-navigation-item {
        display: flex;
        align-items: center;
        padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) var(--spacing-3);
        height: 3rem;
        line-height: 3rem;
        border-radius: var(--border-radius-2);
        background-color: transparent;
        color: var(--color-text-heading);
        position: relative
    }

        .ap-navigation-wrapper .ap-navigation-item:hover {
            cursor: pointer;
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
            background-color: var(--color-background-hover-selected)
        }

        .ap-navigation-wrapper .ap-navigation-item .itemContent {
            margin-left: var(--spacing-2);
            letter-spacing: -.025rem
        }

        .ap-navigation-wrapper .ap-navigation-item .suffixIcon {
            color: var(--color-text-body);
            position: absolute;
            top: .75rem;
            right: .75rem;
            transition: transform .3s
        }

            .ap-navigation-wrapper .ap-navigation-item .suffixIcon.rotate {
                transform: rotate(-180deg)
            }

        .ap-navigation-wrapper .ap-navigation-item .prefix-content {
            position: relative;
            color: var(--color-text-body)
        }

            .ap-navigation-wrapper .ap-navigation-item .prefix-content .icon-caret-down-fill.icon-collapsed {
                transform: rotate(-90deg);
                width: 12px;
                height: 12px;
                font-size: 12px;
                line-height: 12px;
                position: absolute;
                top: 1.125rem;
                left: 1.5rem
            }

                .ap-navigation-wrapper .ap-navigation-item .prefix-content .icon-caret-down-fill.icon-collapsed.Appkit4-icon:before {
                    color: var(--color-text-body)
                }

        .ap-navigation-wrapper .ap-navigation-item.selected {
            font-weight: var(--font-weight-2);
            background-color: var(--color-background-hover-selected)
        }

            .ap-navigation-wrapper .ap-navigation-item.selected .prefix-content {
                color: var(--color-text-primary)
            }

    .ap-navigation-wrapper .ap-nav-item.nav-with-child > .nav-item-child {
        list-style: none;
        height: 0;
        min-height: 0px;
        overflow: hidden !important;
        padding: 0px 1.5rem;
        opacity: 0
    }

    .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child {
        padding: 0;
        position: relative;
        height: auto;
        min-height: 3.125rem;
        opacity: 1
    }

        .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child .nav-item .ap-navigation-item .prefixIcon {
            padding-left: 1.5rem
        }

            .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child .nav-item .ap-navigation-item .prefixIcon.has-icon {
                padding-left: 0
            }

        .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child .prefix-content {
            margin-left: var(--spacing-7)
        }

            .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child .prefix-content + .itemContent {
                padding-left: 0
            }

        .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded > .nav-item-child .nav-item:not(:last-child) {
            margin-bottom: .25rem
        }

    .ap-navigation-wrapper .ap-nav-item.nav-with-child.nav-item-expanded .nav-item-child .ap-nav-item {
        margin: 4px 0
    }

    .ap-navigation-wrapper .ap-navigation-footer {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 4.5rem;
        display: block;
        padding: var(--spacing-4);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        background-color: rgba(var(--color-background-container-alt-rgb),.48)
    }

        .ap-navigation-wrapper .ap-navigation-footer .ap-navigation-item:hover {
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
            background-color: rgba(var(--color-background-hover-selected-rgb),.48)
        }

    .ap-navigation-wrapper.collapse-nav .ap-navigation-heading {
        justify-content: center;
        padding: var(--spacing-4) var(--spacing-5) 0 var(--spacing-5)
    }

        .ap-navigation-wrapper.collapse-nav .ap-navigation-heading .ap-navigation-title-wrapper .ap-navigation-logo, .ap-navigation-wrapper.collapse-nav .ap-navigation-heading .ap-navigation-title-wrapper .ap-navigation-title {
            display: none
        }

    .ap-navigation-wrapper.collapse-nav .ap-nav-item.nav-with-child {
        width: 3rem
    }

    .ap-navigation-wrapper.collapse-nav .ap-navigation-item {
        width: 3rem;
        padding: var(--spacing-4);
        border-radius: var(--border-radius-2);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

        .ap-navigation-wrapper.collapse-nav .ap-navigation-item:hover {
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
            background-color: rgba(var(--color-background-hover-selected-rgb),.48)
        }

        .ap-navigation-wrapper.collapse-nav .ap-navigation-item .prefix-content {
            height: 3rem;
            width: 3rem
        }

        .ap-navigation-wrapper.collapse-nav .ap-navigation-item .itemContent, .ap-navigation-wrapper.collapse-nav .ap-navigation-item .suffixIcon {
            display: none
        }

    .ap-navigation-wrapper.collapse-nav .ap-nav-item.nav-with-child:focus-visible .ap-navigation-item {
        -webkit-backdrop-filter: none;
        backdrop-filter: none
    }

    .ap-navigation-wrapper.solid-nav {
        box-shadow: 0 0 .0625rem 0 var(--color-background-default);
        background-color: var(--color-background-alt)
    }

        .ap-navigation-wrapper.solid-nav .ap-navigation-item:hover {
            background-color: var(--color-background-selected)
        }

        .ap-navigation-wrapper.solid-nav .ap-navigation-item.selected {
            font-weight: var(--font-weight-2);
            background-color: var(--color-background-selected)
        }

        .ap-navigation-wrapper.solid-nav .ap-navigation-footer {
            background-color: rgba(var(--color-background-alt-rgb),.48)
        }

            .ap-navigation-wrapper.solid-nav .ap-navigation-footer .ap-navigation-item:hover {
                background-color: rgba(var(--color-background-selected-rgb),.48)
            }

    .ap-navigation-wrapper .ap-divider {
        width: 100%;
        height: .0625rem;
        margin: var(--spacing-4) 0 var(--spacing-3) 0;
        background-color: var(--color-background-hover-selected)
    }

.ap-navigation-popup.ap-trigger-popup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-4);
    color: var(--color-text-body);
    margin-top: var(--spacing-2);
    cursor: pointer
}

    .ap-navigation-popup.ap-trigger-popup .ap-list-item {
        position: relative;
        width: 100%;
        height: 3rem;
        margin-bottom: var(--spacing-2);
        padding: var(--spacing-4) var(--spacing-3);
        border-radius: var(--border-radius-2);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        line-height: 1.5rem;
        color: var(--color-text-heading)
    }

        .ap-navigation-popup.ap-trigger-popup .ap-list-item:hover:not(.disabled) {
            background-color: var(--color-background-selected)
        }

        .ap-navigation-popup.ap-trigger-popup .ap-list-item.disabled {
            cursor: not-allowed
        }

            .ap-navigation-popup.ap-trigger-popup .ap-list-item.disabled .ap-option-label {
                opacity: var(--opacity-5)
            }

        .ap-navigation-popup.ap-trigger-popup .ap-list-item .icon-caret-down-fill.icon-collapsed {
            transform: rotate(-90deg);
            width: .75rem;
            height: .75rem;
            font-size: 12px;
            line-height: .75rem;
            position: absolute;
            top: 1.125rem;
            right: 0rem;
            color: var(--color-text-body)
        }

        .ap-navigation-popup.ap-trigger-popup .ap-list-item.selected, .ap-navigation-popup.ap-trigger-popup .ap-list-item.active {
            font-weight: var(--font-weight-2);
            color: var(--color-text-primary);
            background-color: var(--color-background-selected)
        }

.ap-navigation-demo-wrapper {
    background-color: var(--color-background-default)
}

.ap-navigation-wrapper {
    border-radius: var(--border-radius-3)
}

    .ap-navigation-wrapper .ap-navigation-item.selected, .ap-navigation-wrapper .ap-navigation-item.active .itemContent {
        color: var(--color-text-primary) !important;
        font-weight: var(--font-weight-2);
        background-color: var(--color-background-hover-selected)
    }

    .ap-navigation-wrapper.solid-nav .ap-navigation-item.selected, .ap-navigation-wrapper.solid-nav .ap-navigation-item.active {
        background-color: var(--color-background-selected)
    }

.ap-nav-item .nav-item:focus-visible {
    outline-offset: -.0625rem
}

.ap-nav-item.nav-with-child:focus-visible {
    outline-offset: .0625rem
}

.a-date-picker-header.no-outline .ap-field-icon-btn {
    outline: none
}

.a-react-date-picker-calendar, .a-date-range-picker-calendar {
    width: 320px
}

.a-react-date-picker-calendar, .a-date-range-picker-calendar, .a-date-range-picker-double-calendar {
    padding: var(--spacing-3);
    border-radius: var(--spacing-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    position: absolute;
    z-index: 10002;
    right: 0;
    cursor: default;
    transition: visibility .3s,opacity .3s,transform .3s;
    pointer-events: auto;
    transform-origin: top right
}

    .a-react-date-picker-calendar.a-has-no-outline .ap-tile, .a-date-range-picker-calendar.a-has-no-outline .ap-tile, .a-date-range-picker-double-calendar.a-has-no-outline .ap-tile {
        outline: none !important
    }

    .a-react-date-picker-calendar.closed, .a-date-range-picker-calendar.closed, .a-date-range-picker-double-calendar.closed, .a-react-date-picker-calendar.react-date-picker--closed, .a-date-range-picker-calendar.react-date-picker--closed, .a-date-range-picker-double-calendar.react-date-picker--closed {
        visibility: hidden;
        opacity: 0;
        transform: scale(.1)
    }

.a-double-calendar-container {
    display: flex;
    overflow: hidden;
    width: 40.5rem;
    outline: none !important
}

    .a-double-calendar-container .ap-datepicker-right {
        margin-left: calc(var(--spacing-8) - var(--spacing-3))
    }

    .a-double-calendar-container.no-bottom-left-border-radius {
        border-bottom-left-radius: 0
    }

    .a-double-calendar-container.no-bottom-right-border-radius {
        border-bottom-right-radius: 0
    }

    .a-double-calendar-container.open {
        z-index: 100
    }

    .a-double-calendar-container .a-double-calendar-divider {
        width: .625rem;
        background-color: var(--color-background-container)
    }

.react-date-picker .ap-field.text-readonly .ap-field-wrapper {
    cursor: default
}

.react-date-picker, .react-daterange-picker {
    position: relative
}

.a-date-range-picker-double-calendar {
    width: 41.5rem;
    z-index: 100;
    position: absolute
}

    .a-date-range-picker-double-calendar .a-date-range-picker-double-calendar-inner {
        display: inline-flex
    }

    .a-date-range-picker-double-calendar .a-double-calendar-container {
        margin-top: 0;
        margin-bottom: 0
    }

    .a-date-range-picker-double-calendar.closed {
        visibility: hidden;
        opacity: 0;
        transform: scale(.1)
    }

.a-double-calendar-has-left-panel {
    width: 51.125rem
}

.a-date-inline-focusable:focus {
    z-index: 999;
    outline: .0625rem dotted #444;
    outline: .3125rem auto -webkit-focus-ring-color
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .a-date-inline-focusable:focus {
        outline: .0625rem solid #4d90fe
    }
}

@supports (-ms-ime-align: auto) {
    .a-date-inline-focusable:focus {
        outline: .0625rem solid #4d90fe
    }
}

.a-date-inline-focusable.a-calendar-no-outline {
    outline: none
}

.keyboard-inner-highlight {
    z-index: 999;
    outline: .0625rem dotted #444;
    outline: .3125rem auto -webkit-focus-ring-color
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .keyboard-inner-highlight {
        outline: .0625rem solid #4d90fe
    }
}

@supports (-ms-ime-align: auto) {
    .keyboard-inner-highlight {
        outline: .0625rem solid #4d90fe
    }
}

.keyboard-date-view-inner-highlight .ap-tile-init-focus {
    z-index: 999;
    outline: .0625rem dotted #444;
    outline: .3125rem auto -webkit-focus-ring-color
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .keyboard-date-view-inner-highlight .ap-tile-init-focus {
        outline: .0625rem solid #4d90fe
    }
}

@supports (-ms-ime-align: auto) {
    .keyboard-date-view-inner-highlight .ap-tile-init-focus {
        outline: .0625rem solid #4d90fe
    }
}

.no-need-outline-highlight {
    outline: none !important
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ap-nav-next-button.keyboard-inner-highlight, .ap-nav-prev-button.keyboard-inner-highlight, .ap-calendar__month-view.keyboard-inner-highlight, .ap-calendar__year-view.keyboard-inner-highlight, .ap-calendar__decade-view.keyboard-inner-highlight {
        outline: auto 2px Highlight;
        outline: auto 5px -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }
}

.a-date-range-picker-calendar-has-left-panel {
    display: flex;
    width: 29.625rem;
    box-shadow: var(--level-3);
    border-radius: var(--spacing-3);
    overflow: hidden;
    padding: var(--spacing-3)
}

    .a-date-range-picker-calendar-has-left-panel .ap-calendar {
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        width: 304px
    }

.a-clendar-left-menu {
    width: 9.625rem
}

    .a-clendar-left-menu .a-calenar-menu-header {
        font-size: 1.25rem;
        color: var(--color-text-heading);
        height: 2.5rem;
        font-weight: var(--font-weight-2);
        display: flex;
        align-items: center;
        padding: var(--spacing-3);
        margin-bottom: var(--spacing-2)
    }

    .a-clendar-left-menu .a-clendar-left-menu-content {
        display: grid;
        grid-gap: var(--spacing-2)
    }

        .a-clendar-left-menu .a-clendar-left-menu-content .a-clendar-left-menu-content-item {
            color: var(--color-text-body);
            font-size: 1rem;
            height: 40px;
            cursor: pointer;
            padding: var(--spacing-3);
            display: flex;
            align-items: center
        }

            .a-clendar-left-menu .a-clendar-left-menu-content .a-clendar-left-menu-content-item.checked {
                font-weight: var(--font-weight-2)
            }

            .a-clendar-left-menu .a-clendar-left-menu-content .a-clendar-left-menu-content-item.disabled {
                color: rgba(var(--color-text-light-rgb),var(--opacity-6));
                cursor: not-allowed
            }

.ap-calendar .ap-tile {
    background-color: var(--color-background-container);
    color: var(--color-text-body);
    height: 2.5rem;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-2);
    cursor: pointer
}

    .ap-calendar .ap-tile:not(.ap-single-day--excluded):not(.disabled):not(.ap-tile-rangeStart):not(.ap-tile-rangeEnd):not(.ap-tile-rangeBothEnds):not(.ap-tile-within):not(.ap-single-day--neighboringMonth):not(.ap-tile-hoverEnd):not(.ap-tile-hoverStart):hover {
        background-color: var(--color-background-hover)
    }

    .ap-calendar .ap-tile.ap-tile-nav:focus-visible {
        z-index: 999;
        outline: .0625rem dotted #444;
        outline: .3125rem auto -webkit-focus-ring-color
    }

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ap-calendar .ap-tile.ap-tile-nav:focus-visible {
        outline: .0625rem solid #4d90fe
    }
}

@supports (-ms-ime-align: auto) {
    .ap-calendar .ap-tile.ap-tile-nav:focus-visible {
        outline: .0625rem solid #4d90fe
    }
}

.ap-calendar .ap-single-day--neighboringMonth {
    background-color: var(--color-background-container) !important;
    cursor: not-allowed !important;
    color: rgba(var(--color-text-light-rgb),var(--opacity-6)) !important;
    outline: none;
    font-weight: 400 !important
}

.ap-calendar .ap-tile-now:not(.ap-single-day--neighboringMonth) {
    font-weight: var(--font-weight-2)
}

.ap-calendar .ap-tile-rangeBothEnds:not(.ap-single-day--neighboringMonth) {
    background-color: var(--color-background-primary) !important;
    color: var(--color-text-tertiary);
    font-weight: var(--font-weight-2)
}

.ap-calendar .ap-calendar__decade-view__years, .ap-calendar .ap-calendar__year-view__months {
    display: grid;
    grid-gap: var(--spacing-2);
    gap: var(--spacing-2);
    grid-template-columns: 98px 100px 98px
}

    .ap-calendar .ap-calendar__decade-view__years .ap-single-month, .ap-calendar .ap-calendar__decade-view__years .ap-single-year, .ap-calendar .ap-calendar__year-view__months .ap-single-month, .ap-calendar .ap-calendar__year-view__months .ap-single-year {
        width: 6.125rem;
        height: 3.875rem;
        line-height: 2.5rem;
        letter-spacing: -.025rem
    }

        .ap-calendar .ap-calendar__decade-view__years .ap-single-month:nth-of-type(3n-1), .ap-calendar .ap-calendar__decade-view__years .ap-single-year:nth-of-type(3n-1), .ap-calendar .ap-calendar__year-view__months .ap-single-month:nth-of-type(3n-1), .ap-calendar .ap-calendar__year-view__months .ap-single-year:nth-of-type(3n-1) {
            width: 6.25rem
        }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-within, .ap-calendar .ap-calendar__decade-view__years .ap-tile-range-bothEnds, .ap-calendar .ap-calendar__decade-view__years .ap-tile-hover-middle, .ap-calendar .ap-calendar__year-view__months .ap-tile-within, .ap-calendar .ap-calendar__year-view__months .ap-tile-range-bothEnds, .ap-calendar .ap-calendar__year-view__months .ap-tile-hover-middle {
        background-color: var(--color-background-primary);
        color: var(--color-text-tertiary);
        font-weight: var(--font-weight-2)
    }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeStart, .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeEnd, .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeStart, .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeEnd {
        background-color: var(--color-background-primary)
    }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeStart, .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverStart, .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeStart, .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverStart {
        font-weight: var(--font-weight-2)
    }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeStart:nth-of-type(3n-2), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverStart:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeStart:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverStart:nth-of-type(3n-2) {
            margin-left: 0;
            margin-right: calc(-1 * var(--spacing-1));
            padding-right: calc(var(--spacing-3) + var(--spacing-1));
            width: 6.25rem;
            border-radius: var(--border-radius-2) 0 0 var(--border-radius-2)
        }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeStart:nth-of-type(3n), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverStart:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeStart:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverStart:nth-of-type(3n) {
            margin-left: 0;
            margin-right: 0;
            width: 6.125rem;
            border-radius: var(--border-radius-2)
        }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeStart:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverStart:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeStart:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverStart:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)) {
            margin-left: 0;
            margin-right: calc(-1 * var(--spacing-1));
            padding-right: calc(var(--spacing-3) + var(--spacing-1));
            width: 6.375rem;
            border-radius: var(--border-radius-2) 0 0 var(--border-radius-2)
        }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-within:nth-of-type(3n-2), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-within:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):nth-of-type(3n-2) {
        margin-left: 0;
        margin-right: calc(-1 * var(--spacing-1));
        padding-right: calc(var(--spacing-3) + var(--spacing-1));
        width: 6.25rem;
        border-radius: var(--border-radius-2) 0 0 var(--border-radius-2)
    }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-within:nth-of-type(3n), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-within:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):nth-of-type(3n) {
        margin-left: calc(-1 * var(--spacing-1));
        margin-right: 0;
        padding-left: calc(var(--spacing-3) + var(--spacing-1));
        width: 6.25rem;
        border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0
    }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-within:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-within:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd):not(:nth-of-type(3n-2)):not(:nth-of-type(3n)) {
        margin-left: calc(-1 * var(--spacing-1));
        margin-right: calc(-1 * var(--spacing-1));
        width: 6.5rem;
        border-radius: 0
    }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeBothEnds, .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeBothEnds {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: var(--spacing-3) !important;
        padding-right: var(--spacing-3) !important;
        border-radius: var(--border-radius-2) !important;
        font-weight: var(--font-weight-2)
    }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeBothEnds:nth-of-type(3n-2), .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeBothEnds:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeBothEnds:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeBothEnds:nth-of-type(3n) {
            width: 6.125rem
        }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeBothEnds:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeBothEnds:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)) {
            width: 6.25rem
        }

    .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeEnd, .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverEnd, .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeEnd, .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverEnd {
        font-weight: var(--font-weight-2)
    }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeEnd:nth-of-type(3n-2), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverEnd:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeEnd:nth-of-type(3n-2), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverEnd:nth-of-type(3n-2) {
            margin-left: 0;
            margin-right: 0;
            width: 6.125rem;
            border-radius: var(--border-radius-2)
        }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeEnd:nth-of-type(3n), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverEnd:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeEnd:nth-of-type(3n), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverEnd:nth-of-type(3n) {
            margin-left: calc(-1 * var(--spacing-1));
            margin-right: 0;
            padding-left: calc(var(--spacing-3) + var(--spacing-1));
            width: 6.25rem;
            border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0
        }

        .ap-calendar .ap-calendar__decade-view__years .ap-tile-rangeEnd:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__decade-view__years .ap-tile-hoverEnd:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-rangeEnd:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)), .ap-calendar .ap-calendar__year-view__months .ap-tile-hoverEnd:not(:nth-of-type(3n-2)):not(:nth-of-type(3n)) {
            margin-left: calc(-1 * var(--spacing-1));
            margin-right: 0;
            padding-left: calc(var(--spacing-3) + var(--spacing-1));
            width: 6.375rem;
            border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0
        }

.ap-calendar .ap-calendar__month-view .ap-weekdays {
    display: flex;
    grid-auto-flow: column;
    grid-column-gap: var(--spacing-2);
    column-gap: var(--spacing-2);
    margin-bottom: var(--spacing-2)
}

.ap-calendar .ap-calendar__month-view .ap-days {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile {
        width: 2.5rem;
        margin-bottom: var(--spacing-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-selected-tile:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds) {
        color: var(--color-background-secondary)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-selected-tile:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds) {
        background-color: var(--color-background-primary-light);
        font-weight: var(--font-weight-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-selected-tile.ap-single-day--excluded {
        color: rgba(var(--color-text-tertiary-rgb),var(--opacity-3))
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-single-day--neighboringMonth {
        background-color: var(--color-background-container)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-rangeStart:nth-of-type(7n), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hoverStart:not(.ap-tile-hoverBothEnds):nth-of-type(7n) {
        margin-left: 0;
        margin-right: 0;
        padding-left: var(--spacing-3);
        width: 2.5rem;
        border-radius: var(--border-radius-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-rangeStart:not(:nth-of-type(7n)), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hoverStart:not(.ap-tile-hoverBothEnds):not(:nth-of-type(7n)) {
        margin-left: 0;
        margin-right: calc(-1 * var(--spacing-1));
        padding-right: calc(var(--spacing-3) + var(--spacing-1));
        width: 2.625rem;
        border-radius: var(--border-radius-2) 0 0 var(--border-radius-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-active:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds):nth-of-type(7n-6), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-hoverBothEnds):nth-of-type(7n-6) {
        margin-left: 0;
        margin-right: calc(-1 * var(--spacing-1));
        padding-right: calc(var(--spacing-3) + var(--spacing-1));
        width: 2.625rem;
        border-radius: var(--border-radius-2) 0 0 var(--border-radius-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-active:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds):nth-of-type(7n), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-hoverBothEnds):nth-of-type(7n) {
        margin-left: calc(-1 * var(--spacing-1));
        margin-right: 0;
        padding-left: calc(var(--spacing-3) + var(--spacing-1));
        width: 2.625rem;
        border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-active:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds):not(:nth-of-type(7n-6)):not(:nth-of-type(7n)), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hover-middle:not(.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-hoverBothEnds):not(:nth-of-type(7n-6)):not(:nth-of-type(7n)) {
        margin-left: calc(-1 * var(--spacing-1));
        margin-right: calc(-1 * var(--spacing-1));
        width: 2.75rem;
        border-radius: 0
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-rangeEnd:nth-of-type(7n-6), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hoverEnd:not(.ap-tile-hoverBothEnds):nth-of-type(7n-6) {
        margin-left: 0;
        margin-right: 0;
        padding-right: var(--spacing-3);
        width: 2.5rem;
        border-radius: var(--border-radius-2)
    }

    .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-rangeEnd:not(:nth-of-type(7n-6)), .ap-calendar .ap-calendar__month-view .ap-days .ap-tile-hoverEnd:not(.ap-tile-hoverBothEnds):not(:nth-of-type(7n-6)) {
        margin-left: calc(-1 * var(--spacing-1));
        margin-right: 0;
        padding-left: calc(var(--spacing-3) + var(--spacing-1));
        width: 2.625rem;
        border-radius: 0 var(--border-radius-2) var(--border-radius-2) 0
    }

.ap-calendar.disable-bottom-radius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.ap-calendar button {
    margin: 0;
    border: 0
}

    .ap-calendar button:enabled:hover {
        cursor: pointer
    }

.ap-calendar .ap-single-weekday {
    font-weight: var(--font-weight-2);
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    color: var(--color-text-body);
    width: 40px
}

.ap-calendar .ap-nav-bar {
    height: 2.5rem;
    margin-bottom: var(--spacing-2);
    display: flex;
    align-items: center
}

    .ap-calendar .ap-nav-bar .a-center-button-wrapper {
        flex: 1 1 auto !important;
        display: flex;
        justify-content: left;
        align-items: center
    }

        .ap-calendar .ap-nav-bar .a-center-button-wrapper.second {
            display: flex;
            justify-content: flex-start
        }

        .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button {
            padding: var(--spacing-3)
        }

        .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group {
            font-size: 1.25rem;
            font-weight: var(--font-weight-2);
            line-height: 1.5rem;
            color: var(--color-text-heading);
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer
        }

            .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button.disabled, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group.disabled {
                cursor: default
            }

            .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month {
                margin-right: 4px
            }

            .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-year, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-year, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month {
                padding: var(--spacing-3);
                display: flex;
                justify-content: center;
                align-items: center;
                height: 2.5rem;
                font-weight: var(--font-weight-2);
                font-size: 1.25rem;
                line-height: 1.5rem;
                border-radius: var(--border-radius-2)
            }

                .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-year:hover, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month:hover, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-year:hover, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month:hover {
                    background-color: var(--color-background-hover)
                }

                .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month:focus-visible {
                    z-index: 999;
                    outline: .0625rem dotted #444;
                    outline: .3125rem auto -webkit-focus-ring-color
                }

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month:focus-visible {
        outline: .0625rem solid #4d90fe
    }
}

@supports (-ms-ime-align: auto) {
    .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button .ap-center-button-month:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-year:focus-visible, .ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-button-group .ap-center-button-month:focus-visible {
        outline: .0625rem solid #4d90fe
    }
}

.ap-calendar .ap-nav-bar .a-center-button-wrapper .a-center-text {
    cursor: default
}

.ap-calendar .ap-nav-bar .ap-nav-button-wrapper {
    display: inline-flex
}

    .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-prev-button {
        margin-right: var(--spacing-2)
    }

    .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-next-button, .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-prev-button {
        border-radius: var(--border-radius-2);
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        color: var(--color-text-body);
        padding: var(--spacing-3);
        box-sizing: content-box
    }

        .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-next-button.disabled, .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-prev-button.disabled {
            cursor: not-allowed
        }

        .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-next-button:hover, .ap-calendar .ap-nav-bar .ap-nav-button-wrapper .ap-nav-prev-button:hover {
            background-color: var(--color-background-hover)
        }

.ap-calendar .ap-nav-bar .a-nav-small-wrapper {
    display: flex
}

.ap-calendar abbr {
    text-decoration: none;
    cursor: inherit
}

.ap-calendar .ap-tile {
    letter-spacing: -.025rem
}

    .ap-calendar .ap-tile.ap-tile-key-nav:not(.ap-single-day--excluded) {
        z-index: 100;
        outline: .3125rem auto -webkit-focus-ring-color
    }

    .ap-calendar .ap-tile.ap-tile-active, .ap-calendar .ap-tile.ap-tile-hover-middle:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds,.ap-single-day--neighboringMonth) {
        background-color: var(--color-background-primary-light);
        font-weight: var(--font-weight-2)
    }

        .ap-calendar .ap-tile.ap-tile-active:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds,.ap-single-day--neighboringMonth) {
            background-color: var(--color-background-primary-light);
            color: var(--color-text-tertiary)
        }

            .ap-calendar .ap-tile.ap-tile-active:not(.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-hoverStart,.ap-tile-hoverEnd,.ap-tile-rangeBothEnds,.ap-single-day--neighboringMonth).ap-single-day--excluded:not(.ap-single-day--neighboringMonth) {
                color: rgba(var(--color-text-tertiary-rgb),var(--opacity-3))
            }

    .ap-calendar .ap-tile.ap-tile-hoverBothEnds .ap-calendar .ap-tile.ap-tile-rangeBothEnds, .ap-calendar .ap-tile.ap-tile-hoverStart, .ap-calendar .ap-tile.ap-tile-hoverEnd, .ap-calendar .ap-tile.ap-tile-rangeStart, .ap-calendar .ap-tile.ap-tile-rangeEnd:not(.ap-single-day--neighboringMonth) {
        background-color: var(--color-background-primary);
        color: var(--color-text-tertiary);
        font-weight: var(--font-weight-2)
    }

    .ap-calendar .ap-tile.ap-single-day--excluded:not(.ap-single-day--neighboringMonth) {
        cursor: not-allowed !important;
        color: rgba(var(--color-text-tertiary-rgb),var(--opacity-3))
    }

    .ap-calendar .ap-tile.ap-single-day--excluded:not(.ap-single-day--neighboringMonth,.ap-tile-rangeStart,.ap-tile-rangeEnd,.ap-tile-rangeBothEnds) {
        color: rgba(var(--color-text-light-rgb),var(--opacity-3))
    }

    .ap-calendar .ap-tile.ap-tile-within.ap-single-day--excluded:not(.ap-single-day--neighboringMonth) {
        color: rgba(var(--color-text-tertiary-rgb),var(--opacity-3))
    }

.ap-table-demo th {
    background-color: var(--color-background-container)
}

.ap-table-demo td:last-child {
    text-align: right
}

.ap-table-demo table.table-head-padding td:first-child {
    padding-left: 8px
}

.animated {
    animation-duration: .3s;
    animation-fill-mode: both
}

.rotateIn {
    animation-name: rotateIn
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-180deg);
        opacity: var(--opacity-7)
    }

    to {
        transform-origin: center;
        transform: rotate(0);
        opacity: var(--opacity-7)
    }
}

.rotateOut {
    animation-name: rotateOut
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        transform: rotate(0);
        opacity: var(--opacity-7)
    }

    to {
        transform-origin: center;
        transform: rotate(-180deg);
        opacity: var(--opacity-7)
    }
}

.ap-table {
    width: 100%;
    padding: var(--spacing-2) var(--spacing-3);
    box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
    border-radius: var(--border-radius-3);
    background-color: var(--color-background-container);
    letter-spacing: -.025rem
}

    .ap-table.ap-table-checkbox td:first-child {
        padding-left: var(--spacing-3)
    }

    .ap-table table {
        border-spacing: 0 var(--spacing-2);
        width: 100%;
        font-size: 1rem;
        border-collapse: separate
    }

        .ap-table table thead th {
            line-height: 1.5rem;
            font-size: 1rem;
            font-weight: var(--font-weight-2);
            color: var(--color-text-heading);
            transition: background-color .3s;
            padding: 0
        }

            .ap-table table thead th:not(:last-child) .header-container {
                margin-right: var(--spacing-2)
            }

            .ap-table table thead th .header-container {
                display: flex;
                justify-content: space-between;
                column-gap: var(--spacing-3);
                height: 3rem;
                line-height: 1.5rem;
                padding: 0 var(--spacing-4);
                margin-bottom: var(--spacing-2);
                border-radius: var(--border-radius-2);
                align-items: center
            }

                .ap-table table thead th .header-container .Appkit4-icon.sort-table {
                    color: var(--color-text-heading);
                    font-size: .75rem;
                    opacity: 1;
                    line-height: 1.5rem
                }

                    .ap-table table thead th .header-container .Appkit4-icon.sort-table:before {
                        font-weight: var(--font-weight-2)
                    }

                    .ap-table table thead th .header-container .Appkit4-icon.sort-table.hidden {
                        display: none
                    }

                    .ap-table table thead th .header-container .Appkit4-icon.sort-table.sorted {
                        color: var(--color-background-icon-primary)
                    }

                        .ap-table table thead th .header-container .Appkit4-icon.sort-table.sorted.descendant {
                            transform: rotate(-180deg)
                        }

                .ap-table table thead th .header-container:hover .Appkit4-icon.sort-table:not(.sorted) {
                    color: var(--color-background-icon-primary)
                }

                .ap-table table thead th .header-container.has-sorter:hover {
                    cursor: pointer;
                    background-color: var(--color-background-hover)
                }

                .ap-table table thead th .header-container.has-sorter .ap-table-header-description-sr-only {
                    display: none
                }

                .ap-table table thead th .header-container .ap-checkbox-container, .ap-table table thead th .header-container .ap-checkbox-container.check-all {
                    margin-right: 0 !important
                }

                    .ap-table table thead th .header-container .ap-checkbox-container.check-all:not(.show) {
                        display: flex !important
                    }

                .ap-table table thead th .header-container .sort-icon-wrapper {
                    width: 2.125rem;
                    height: 2.125rem;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                .ap-table table thead th .header-container.head-sorted {
                    background-color: var(--color-background-hover)
                }

                .ap-table table thead th .header-container.start-slot {
                    flex-direction: row-reverse
                }

                    .ap-table table thead th .header-container.start-slot > * {
                        margin-left: auto
                    }

                    .ap-table table thead th .header-container.start-slot .Appkit4-icon.sort-table {
                        padding-right: 0;
                        transition: opacity .3s,padding-right .3s,color .3s;
                        color: var(--color-background-icon-primary)
                    }

                    .ap-table table thead th .header-container.start-slot .sort-icon-wrapper {
                        margin-left: -.3125rem
                    }

                    .ap-table table thead th .header-container.start-slot:not(:hover) .sort-icon-wrapper:not(:focus-within) .Appkit4-icon.sort-table:not(.sorted) {
                        padding-right: var(--spacing-3);
                        opacity: 0
                    }

                .ap-table table thead th .header-container.end-slot {
                    flex-direction: row
                }

                    .ap-table table thead th .header-container.end-slot > * {
                        margin-right: auto
                    }

                    .ap-table table thead th .header-container.end-slot .Appkit4-icon.sort-table {
                        padding-left: 0;
                        transition: opacity .3s,padding-left .3s,color .3s;
                        color: var(--color-background-icon-primary)
                    }

                    .ap-table table thead th .header-container.end-slot .sort-icon-wrapper {
                        margin-right: -.3125rem
                    }

                    .ap-table table thead th .header-container.end-slot:not(:hover) .sort-icon-wrapper:not(:focus-within) .Appkit4-icon.sort-table:not(.sorted) {
                        padding-left: var(--spacing-3);
                        opacity: 0
                    }

        .ap-table table tbody tr {
            padding: 0;
            height: 3rem;
            color: var(--color-text-body);
            transition: background-color .3s,transform .3s
        }

            .ap-table table tbody tr.selected, .ap-table table tbody tr:hover {
                background-color: var(--color-background-hover)
            }

            .ap-table table tbody tr td {
                line-height: 1.5rem;
                padding: var(--spacing-4)
            }

                .ap-table table tbody tr td:first-child {
                    border-top-left-radius: var(--border-radius-2);
                    border-bottom-left-radius: var(--border-radius-2)
                }

                .ap-table table tbody tr td:last-child {
                    border-top-right-radius: var(--border-radius-2);
                    border-bottom-right-radius: var(--border-radius-2)
                }

                .ap-table table tbody tr td span {
                    vertical-align: inherit
                }

                .ap-table table tbody tr td .ap-checkbox-wrapper {
                    vertical-align: inherit;
                    margin: 0 var(--spacing-3) 0 0;
                    position: relative
                }

                    .ap-table table tbody tr td .ap-checkbox-wrapper .Appkit4-icon:before {
                        font-weight: var(--font-weight-2)
                    }

                    .ap-table table tbody tr td .ap-checkbox-wrapper .icon-check-blank-outline {
                        color: var(--color-text-body)
                    }

                    .ap-table table tbody tr td .ap-checkbox-wrapper .icon-check-backdrop-outline {
                        display: none;
                        position: relative;
                        color: var(--color-text-primary);
                        font-size: .75rem
                    }

                    .ap-table table tbody tr td .ap-checkbox-wrapper .a-checkbox-text {
                        height: 1.5rem;
                        line-height: 1.5rem;
                        font-size: .75rem;
                        font-weight: 400;
                        color: var(--color-text-body)
                    }

                    .ap-table table tbody tr td .ap-checkbox-wrapper input[type=checkbox] {
                        position: absolute;
                        width: 0;
                        height: 0;
                        opacity: 0
                    }

                        .ap-table table tbody tr td .ap-checkbox-wrapper input[type=checkbox]:checked ~ .icon-check-blank-outline {
                            display: none
                        }

                        .ap-table table tbody tr td .ap-checkbox-wrapper input[type=checkbox]:checked ~ .icon-check-backdrop-outline {
                            display: inline-block
                        }

    .ap-table.ap-table-condensed tbody tr {
        height: 2rem !important
    }

        .ap-table.ap-table-condensed tbody tr td {
            padding-top: var(--spacing-2) !important;
            padding-bottom: var(--spacing-2) !important
        }

    .ap-table.ap-table-striped tbody tr.striped {
        background-color: var(--color-background-selected)
    }

        .ap-table.ap-table-striped tbody tr.striped:hover, .ap-table.ap-table-striped tbody tr.striped.selected {
            background-color: var(--color-background-hover-selected)
        }

.ap-timepicker {
    display: flex;
    gap: var(--spacing-2)
}

    .ap-timepicker.ap-12-hour :not(:last-child) {
        flex: 1 0 5.0625rem
    }

.ap-timepicker-selector {
    position: relative
}

    .ap-timepicker-selector .ap-timepicker-input-wrapper {
        position: relative;
        display: flex;
        width: 100%;
        height: 3rem;
        background-color: var(--color-background-container);
        border-radius: var(--border-radius-2);
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
        overflow: hidden;
        cursor: text;
        transition: background-color .3s,box-shadow .3s
    }

        .ap-timepicker-selector .ap-timepicker-input-wrapper .ap-timepicker-input-label {
            position: absolute;
            max-width: calc(100% - 2.5rem);
            color: var(--color-text-light);
            pointer-events: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            z-index: 1;
            transition: all .3s
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper .ap-timepicker-input {
            width: 100%;
            color: var(--color-text-heading);
            background-color: transparent;
            outline: 0;
            transition: margin .3s,padding-bottom .3s,color .3s
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper .Appkit4-icon.icon-down-chevron-outline {
            position: absolute;
            right: var(--spacing-2);
            top: var(--spacing-2);
            width: 2.5rem;
            height: 2.5rem;
            line-height: 2.5rem;
            color: var(--color-text-body);
            border-radius: var(--border-radius-1);
            transition: all .3s;
            cursor: pointer
        }

            .ap-timepicker-selector .ap-timepicker-input-wrapper .Appkit4-icon.icon-down-chevron-outline:before {
                font-weight: var(--font-weight-1)
            }

            .ap-timepicker-selector .ap-timepicker-input-wrapper .Appkit4-icon.icon-down-chevron-outline.rotate {
                transform: rotate(-180deg)
            }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.hide-selector-title {
            transition: none
        }

            .ap-timepicker-selector .ap-timepicker-input-wrapper.hide-selector-title .ap-timepicker-input {
                margin: var(--spacing-4) var(--spacing-3);
                padding: 0
            }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.hide-title .ap-timepicker-input-label {
            opacity: 0;
            transition: none
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.hide-title .ap-timepicker-input {
            padding: var(--spacing-4) 2rem var(--spacing-4) var(--spacing-3)
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.error {
            background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3));
            box-shadow: inset 0 0 0 .0625rem var(--color-background-danger)
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:hover:not(.error) {
            background-color: var(--color-background-hover)
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:focus-within:not(.keyboard-focus) {
            box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:focus-within.keyboard-focus {
            outline: auto 2px Highlight;
            outline: auto 5px -webkit-focus-ring-color;
            outline-offset: var(--spacing-1)
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:focus-within:not(.hide-title) .ap-timepicker-input-label {
            left: var(--spacing-3);
            top: var(--spacing-3);
            line-height: .75rem;
            font-size: .75rem;
            letter-spacing: -.2px;
            padding-bottom: 1px
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:focus-within:not(.hide-title) .ap-timepicker-input {
            margin: var(--spacing-7) var(--spacing-3) 0;
            padding: 0 0 .5625rem
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:not(:focus-within):not(.hide-title) .ap-timepicker-input-label {
            font: var(--typography-3) "PwC Helvetica Neue";
            left: var(--spacing-3);
            top: .875rem;
            line-height: 1.25rem;
            padding-bottom: 1px
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper:not(:focus-within):not(.hide-title) .ap-timepicker-input {
            margin: 1.875rem var(--spacing-3) 0;
            padding: 0 2rem .3125rem 0
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.has-length:not(.hide-title) .ap-timepicker-input-label {
            left: var(--spacing-3);
            top: var(--spacing-3);
            line-height: .75rem;
            font-size: .75rem;
            letter-spacing: -.2px
        }

        .ap-timepicker-selector .ap-timepicker-input-wrapper.has-length:not(.hide-title) .ap-timepicker-input {
            margin: var(--spacing-7) var(--spacing-3) 0;
            padding: 0 0 .5625rem
        }

    .ap-timepicker-selector.meridiem {
        width: 5.0625rem
    }

.ap-timepicker-dropdown-list {
    position: absolute;
    display: block;
    width: 100%;
    top: 3.5rem;
    left: 0;
    padding: var(--spacing-3);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    color: var(--color-text-body);
    max-height: 17.5rem;
    visibility: visible;
    opacity: 1;
    transition: visibility .3s,transform .3s;
    pointer-events: auto;
    overflow: auto;
    z-index: 9999
}

    .ap-timepicker-dropdown-list:not(.show) {
        transform: translateY(var(--spacing-4));
        visibility: hidden;
        opacity: 0
    }

    .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item {
        position: relative;
        display: flex;
        width: 100%;
        height: 3rem;
        font: var(--typography-3) "PwC Helvetica Neue";
        padding: var(--spacing-4) var(--spacing-3);
        border-radius: var(--border-radius-2);
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        color: var(--color-text-body)
    }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item:not(:last-child) {
            margin-bottom: var(--spacing-2)
        }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item:hover {
            background-color: var(--color-background-hover)
        }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item .ap-timepicker-dropdown-item-char.bold {
            font-weight: var(--font-weight-2)
        }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item.disabled {
            cursor: not-allowed;
            opacity: var(--opacity-5);
            color: var(--color-text-body)
        }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item.active {
            background-color: var(--color-background-selected)
        }

        .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item.move:not(.disabled) {
            background-color: var(--color-background-hover);
            box-shadow: 0 0 0 .0625rem var(--color-background-tertiary)
        }

            .ap-timepicker-dropdown-list .ap-timepicker-dropdown-item.move:not(.disabled):hover {
                background-color: var(--color-background-hover-selected)
            }

.ap-timepicker-input-wrapper-outer.error .ap-field-content {
    color: var(--color-text-error)
}

.ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 3rem;
    background-color: var(--color-background-container);
    border-radius: var(--border-radius-2);
    box-shadow: inset 0 0 0 .0625rem var(--color-background-border);
    overflow: hidden;
    cursor: text;
    transition: background-color .3s,box-shadow .3s;
    flex-wrap: wrap
}

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.hide-selector-title {
        transition: none
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.hide-selector-title .ap-timepicker-input {
            margin: var(--spacing-4) var(--spacing-3);
            padding: 0
        }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.hide-title .ap-timepicker-input-label {
        opacity: 0;
        transition: none
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.hide-title .ap-timepicker-input {
        padding: var(--spacing-4) 2rem var(--spacing-4) var(--spacing-3)
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .ap-timepicker-input-label {
        position: absolute;
        max-width: calc(100% - 2.5rem);
        color: var(--color-text-light);
        pointer-events: none;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        z-index: 1;
        transition: all .3s
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .ap-timepicker-input-container {
        display: inline-flex;
        width: 100%;
        transition: margin .3s,padding-bottom .3s,color .3s
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .ap-timepicker-input-container .ap-timepicker-input {
            width: 1.125rem;
            padding: 0;
            color: var(--color-text-heading);
            background-color: transparent;
            outline: 0
        }

            .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .ap-timepicker-input-container .ap-timepicker-input.meridiem {
                width: -moz-fit-content;
                width: fit-content;
                margin-left: var(--spacing-1)
            }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .ap-timepicker-input-container .ap-timepicker-colon {
            width: .3125rem;
            align-self: center;
            text-align: center
        }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper .Appkit4-icon.icon-time-outline {
        position: absolute;
        right: var(--spacing-2);
        top: var(--spacing-2);
        width: 2.5rem;
        height: 2.5rem;
        line-height: 2.5rem;
        color: var(--color-text-body);
        border-radius: var(--border-radius-1);
        transition: all .3s;
        cursor: pointer
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.error {
        background-color: rgba(var(--color-background-danger-rgb),var(--opacity-3));
        box-shadow: inset 0 0 0 .0625rem var(--color-background-danger)
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.error .ap-timepicker-input-container:not(.disabled):focus-within:not(.keyboard-focus), .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.error:not(.required):focus-within:not(.keyboard-focus) {
            box-shadow: inset 0 0 0 .0625rem var(--color-background-danger),0 0 0 .25rem rgba(var(--color-background-danger-rgb),var(--opacity-3))
        }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:hover:not(.error):not(.disabled) {
        background-color: var(--color-background-hover)
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-border) !important;
        cursor: not-allowed
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.readonly), .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.readonly) {
            opacity: var(--opacity-5)
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled .Appkit4-icon, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly .Appkit4-icon {
            cursor: not-allowed
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled.noValue .ap-timepicker-input-label, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly.noValue .ap-timepicker-input-label {
            font: var(--typography-3) "PwC Helvetica Neue" !important;
            left: var(--spacing-3) !important;
            top: var(--spacing-4) !important
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled.noValue .ap-timepicker-input-container, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly.noValue .ap-timepicker-input-container {
            display: none
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.hide-title) .ap-timepicker-input-label, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.hide-title) .ap-timepicker-input-label {
            left: var(--spacing-3);
            top: var(--spacing-3);
            line-height: .75rem;
            font-size: .75rem;
            letter-spacing: -.2px;
            padding-bottom: 1px
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.hide-title) .ap-timepicker-input-container, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.hide-title) .ap-timepicker-input-container {
            margin: var(--spacing-7) var(--spacing-3) 0;
            padding: 0 2rem .5625rem 0
        }

            .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon {
                color: var(--color-text-light);
                visibility: visible
            }

            .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.disabled:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper.readonly:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input {
                color: var(--color-text-heading);
                visibility: visible
            }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.keyboard-focus), .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.keyboard-focus) {
        box-shadow: inset 0 0 0 .0625rem var(--color-background-primary),0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within.keyboard-focus, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within.keyboard-focus {
        outline: auto 2px Highlight;
        outline: auto 5px -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.hide-title) .ap-timepicker-input-label, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.hide-title) .ap-timepicker-input-label {
        left: var(--spacing-3);
        top: var(--spacing-3);
        line-height: .75rem;
        font-size: .75rem;
        letter-spacing: -.2px;
        padding-bottom: 1px
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.hide-title) .ap-timepicker-input-container, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.hide-title) .ap-timepicker-input-container {
        margin: var(--spacing-7) var(--spacing-3) 0;
        padding: 0 2rem .5625rem 0
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon {
            color: var(--color-text-light);
            visibility: visible
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):focus-within:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input {
            color: var(--color-text-heading);
            visibility: visible
        }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):not(:focus-within):not(.hide-title) .ap-timepicker-input-label, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):not(:focus-within):not(.hide-title) .ap-timepicker-input-label {
        font: var(--typography-3) "PwC Helvetica Neue";
        left: var(--spacing-3);
        top: var(--spacing-4)
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):not(:focus-within):not(.hide-title) .ap-timepicker-input-container, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):not(:focus-within):not(.hide-title) .ap-timepicker-input-container {
        margin: 1.875rem var(--spacing-3) 0;
        padding: 0 2rem .3125rem 0
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required):not(:focus-within):not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon {
            color: transparent;
            visibility: hidden
        }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled).has-length:not(.hide-title) .ap-timepicker-input-label, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required).has-length:not(.hide-title) .ap-timepicker-input-label {
        left: var(--spacing-3);
        top: var(--spacing-3);
        line-height: .75rem;
        font-size: .75rem;
        letter-spacing: -.2px
    }

    .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled).has-length:not(.hide-title) .ap-timepicker-input-container, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required).has-length:not(.hide-title) .ap-timepicker-input-container {
        margin: var(--spacing-7) var(--spacing-3) 0;
        padding: 0 2rem .5625rem 0
    }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input::placeholder {
            visibility: visible
        }

        .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.disabled).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-input, .ap-timepicker-input-wrapper-outer .ap-timepicker-input-wrapper:not(.required).has-length:not(.hide-title) .ap-timepicker-input-container .ap-timepicker-colon {
            color: var(--color-text-heading);
            visibility: visible
        }

.ap-composite-timepicker-dropdown-container {
    padding: var(--spacing-3);
    border-radius: var(--spacing-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container);
    position: absolute;
    z-index: 10002;
    right: 0;
    cursor: default;
    transition: visibility .3s,opacity .3s,transform .3s;
    pointer-events: auto;
    transform-origin: top right
}

    .ap-composite-timepicker-dropdown-container.a-has-no-outline .ap-tile {
        outline: none !important
    }

    .ap-composite-timepicker-dropdown-container.closed, .ap-composite-timepicker-dropdown-container.react-date-picker--closed {
        visibility: hidden;
        opacity: 0;
        transform: scale(.1)
    }

    .ap-composite-timepicker-dropdown-container .composite-time-picker-dropdown-container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 8px
    }

        .ap-composite-timepicker-dropdown-container .composite-time-picker-dropdown-container.hour-24 {
            grid-template-columns: 1fr 1fr
        }

        .ap-composite-timepicker-dropdown-container .composite-time-picker-dropdown-container .ap-meridiem-field .ap-field-input {
            margin-top: 12px
        }

        .ap-composite-timepicker-dropdown-container .composite-time-picker-dropdown-container .ap-field-title {
            width: 60px
        }

.ap-trigger-popup {
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 9999
}

    .ap-trigger-popup .Appkit4-icon.icon-caret-down-fill {
        transform: rotate(-90deg);
        width: 12px;
        height: 12px;
        font-size: 12px;
        line-height: 12px
    }

.ap-trigger-popup-hidden {
    display: none
}

.ap-trigger-popup-zoom-enter, .ap-trigger-popup-zoom-appear {
    opacity: 0;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.18,.89,.32,1.28);
    animation-duration: .3s;
    animation-fill-mode: both
}

.ap-trigger-popup-zoom-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-timing-function: cubic-bezier(.6,-.3,.74,.05)
}

.ap-trigger-popup-arrow {
    width: 0px;
    height: 0px;
    background: #000;
    border-radius: 100vw;
    box-shadow: 0 0 0 3px #000;
    z-index: 1
}

@keyframes rcTriggerZoomIn {
    0% {
        transform: scale(0);
        transform-origin: 50% 50%;
        opacity: 0
    }

    to {
        transform: scale(1);
        transform-origin: 50% 50%;
        opacity: 1
    }
}

@keyframes rcTriggerZoomOut {
    0% {
        transform: scale(1);
        transform-origin: 50% 50%;
        opacity: 1
    }

    to {
        transform: scale(0);
        transform-origin: 50% 50%;
        opacity: 0
    }
}

#react-modal .ap-modal-root {
    visibility: visible
}

#react-modal .ap-modal-live-static-demo {
    opacity: 1;
    visibility: visible;
    transition: all 0s;
    display: block
}

    #react-modal .ap-modal-live-static-demo .ap-modal {
        transition: all 0s;
        margin: 0;
        transform: none
    }

#react-modal .hide {
    display: none
}

#react-modal .open {
    display: block
}

.ap-body-overflow-hidden.modal-demo-init {
    overflow: auto
}

.tagList {
    list-style-type: none;
    display: inline-flex
}

    .tagList li {
        margin-right: 4px
    }

#react-badge .ap-badge:not(:first-child) {
    margin-left: 4px
}

#react-badge .dropdown-sample, #react-dropdown .ap-dropdown {
    width: 320px
}

#react-checkbox .ap-checkbox-container, #react-radio .ap-radio-container {
    margin-top: 8px
}

.tooltip-react-demo {
    width: 15rem;
    padding: var(--spacing-3) .625rem;
    border-radius: var(--border-radius-2);
    -webkit-backdrop-filter: var(--blur-2);
    backdrop-filter: var(--blur-2);
    background-color: rgba(var(--color-background-container-inverse-rgb),.72)
}

    .tooltip-react-demo .content {
        width: 13.75rem;
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.025rem;
        color: var(--color-background-alt)
    }

.ap-modal-body:not(.header-search) {
    padding: 0 var(--spacing-6) var(--spacing-6) var(--spacing-6);
    min-height: 5.75rem
}

    .ap-modal-body:not(.header-search).ap-modal-body-only {
        padding-bottom: var(--spacing-6);
        min-height: 5.75rem
    }

    .ap-modal-body:not(.header-search) p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body)
    }

.ap-modal-footer {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-3) var(--spacing-6) var(--spacing-6) var(--spacing-6);
    margin-top: calc(-1 * var(--spacing-3));
    overflow: auto;
    min-height: 4rem
}

.ap-modal-footer-customize {
    display: flex
}

.ap-page #react-list .sample3 .Appkit4-icon:before {
    color: var(--color-text-heading);
    opacity: var(--opacity-4)
}

.ap-page #react-list .sample3 .Appkit4-icon.selected:before {
    color: var(--color-text-warning);
    border-width: 0;
    opacity: var(--opacity-7)
}

.ap-page #react-list .sample4 .Appkit4-icon:before {
    color: #696969
}

.ap-page #react-list .sample5 .ap-list-item, .ap-page #react-list .sample6 .ap-list-item, .ap-page #react-list .sample7 .ap-list-item {
    padding-left: var(--spacing-3)
}

    .ap-page #react-list .sample7 .ap-list-item .ap-badge-text {
        line-height: 1rem
    }

.ap-page #react-list .sample8 .ap-list-item span {
    line-height: 1.5rem !important
}

.ap-page #react-list .sample9 .ap-list-item {
    padding: 0 !important
}

    .ap-page #react-list .sample9 .ap-list-item .ap-list-avatar-container {
        padding: 4px
    }

.ap-page #react-list .sample10 .ap-list-item {
    padding: var(--spacing-3)
}

.ap-page #react-list .sample11 .ap-list-item {
    padding: var(--spacing-3) var(--spacing-4)
}

.ap-ratings-demo-customer-ratings-container {
    background-color: var(--color-background-container);
    width: 288px;
    padding: 40px;
    box-shadow: var(--box-shadow-1);
    border-radius: var(--border-radius-3)
}

    .ap-ratings-demo-customer-ratings-container .customer-ratings-title {
        font: var(--font-weight-2) var(--typography-4) "PwC Helvetica Neue";
        color: var(--color-text-heading);
        margin-bottom: var(--spacing-2)
    }

    .ap-ratings-demo-customer-ratings-container .customer-ratings-score-container {
        display: flex;
        column-gap: var(--spacing-4);
        margin-bottom: var(--spacing-4)
    }

        .ap-ratings-demo-customer-ratings-container .customer-ratings-score-container .ap-ratings.readonly {
            margin-top: 20px
        }

        .ap-ratings-demo-customer-ratings-container .customer-ratings-score-container .score {
            width: 65px;
            font: var(--font-weight-2) var(--typography-6) "PwC Helvetica Neue";
            letter-spacing: -.8px;
            color: var(--color-text-heading)
        }

    .ap-ratings-demo-customer-ratings-container .customer-ratings-note {
        font: var(--typography-1) "PwC Helvetica Neue";
        letter-spacing: -.2px;
        color: var(--color-text-light);
        margin-bottom: var(--spacing-7)
    }

    .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper {
        display: grid;
        row-gap: var(--spacing-4)
    }

        .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar {
            display: flex;
            align-items: center;
            column-gap: var(--spacing-4)
        }

            .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .stars {
                display: flex;
                align-items: center;
                color: var(--color-text-body)
            }

                .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .stars .score {
                    font: var(--typography-3) "PwC Helvetica Neue";
                    width: 13px;
                    padding-left: var(--spacing-1);
                    display: flex;
                    justify-content: flex-end
                }

                .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .stars .Appkit4-icon {
                    font-size: 12px;
                    font-weight: var(--font-weight-2);
                    width: 18px;
                    padding-left: var(--spacing-1);
                    letter-spacing: normal
                }

            .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .bar {
                position: relative
            }

                .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .bar .bar-bottom {
                    width: 120px;
                    height: 24px;
                    background-color: var(--color-background-hover-selected);
                    border-radius: var(--border-radius-2)
                }

                .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .bar .bar-top {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 0;
                    height: 24px;
                    background-color: var(--color-background-primary);
                    border-radius: var(--border-radius-2)
                }

            .ap-ratings-demo-customer-ratings-container .customer-ratings-bars-wrapper .customer-ratings-bar .percentage {
                font: var(--typography-3) "PwC Helvetica Neue",sans-serif;
                color: var(--color-text-body)
            }

.ap-ratings-demo-review-comments-container {
    background-color: var(--color-background-container);
    width: 522px;
    padding: var(--spacing-6);
    box-shadow: var(--box-shadow-3);
    border-radius: var(--border-radius-3);
    scrollbar-width: none
}

    .ap-ratings-demo-review-comments-container::-webkit-scrollbar {
        height: 0;
        width: 0
    }

    .ap-ratings-demo-review-comments-container .review-comments-user-wrapper {
        margin: var(--spacing-2) 0 var(--spacing-4);
        font: var(--typography-3) "PwC Helvetica Neue"
    }

        .ap-ratings-demo-review-comments-container .review-comments-user-wrapper .review-comments-author {
            font-weight: var(--font-weight-2);
            color: var(--color-text-body);
            margin-right: var(--spacing-4)
        }

        .ap-ratings-demo-review-comments-container .review-comments-user-wrapper .review-comments-timestamp {
            color: var(--color-text-light)
        }

    .ap-ratings-demo-review-comments-container .review-comments-title {
        font: var(--font-weight-2) var(--typography-5) "PwC Helvetica Neue";
        margin-bottom: var(--spacing-3);
        color: var(--color-text-heading)
    }

    .ap-ratings-demo-review-comments-container .review-comments-content {
        font: var(--typography-3) "PwC Helvetica Neue";
        color: var(--color-text-body)
    }

    .ap-ratings-demo-review-comments-container.multi {
        display: grid;
        row-gap: var(--spacing-6);
        height: 495px;
        overflow: scroll
    }

    .ap-ratings-demo-review-comments-container .review-comments-attachment {
        margin-top: var(--spacing-4);
        margin-left: calc(-1 * var(--spacing-6));
        display: flex;
        column-gap: var(--spacing-4);
        width: 522px;
        overflow-x: scroll;
        scrollbar-width: none
    }

        .ap-ratings-demo-review-comments-container .review-comments-attachment::-webkit-scrollbar {
            height: 0;
            width: 0
        }

        .ap-ratings-demo-review-comments-container .review-comments-attachment img {
            width: 200px;
            height: 120px;
            border-radius: var(--border-radius-2)
        }

            .ap-ratings-demo-review-comments-container .review-comments-attachment img:first-child {
                margin-left: var(--spacing-6)
            }

            .ap-ratings-demo-review-comments-container .review-comments-attachment img:last-child {
                margin-right: var(--spacing-6)
            }

.ap-ratings-demo-write-review-container {
    display: grid;
    position: relative;
    width: 540px;
    padding: var(--spacing-6);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-3);
    background-color: var(--color-background-container)
}

    .ap-ratings-demo-write-review-container .icon-close-outline {
        color: var(--color-text-heading);
        position: absolute;
        top: var(--spacing-4);
        right: var(--spacing-4);
        cursor: pointer;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: var(--border-radius-2);
        padding: var(--spacing-3)
    }

        .ap-ratings-demo-write-review-container .icon-close-outline:before {
            font-weight: var(--font-weight-2)
        }

        .ap-ratings-demo-write-review-container .icon-close-outline:hover {
            background-color: var(--color-background-hover)
        }

    .ap-ratings-demo-write-review-container .ap-reviews {
        margin-bottom: var(--spacing-6)
    }

        .ap-ratings-demo-write-review-container .ap-reviews .ap-reviews-label {
            color: var(--color-text-heading);
            margin-bottom: var(--spacing-6);
            font: var(--font-weight-2) var(--typography-4) "PwC Helvetica Neue"
        }

        .ap-ratings-demo-write-review-container .ap-reviews .ap-reviews-fields {
            display: grid;
            row-gap: var(--spacing-4)
        }

        .ap-ratings-demo-write-review-container .ap-reviews .ap-ratings-demo-container {
            margin-bottom: var(--spacing-4)
        }

    .ap-ratings-demo-write-review-container .ap-ratings-demo-footer {
        display: flex;
        justify-content: space-between
    }

    .ap-ratings-demo-write-review-container .ap-ratings-demo-footer-attach {
        width: 40px;
        height: 40px;
        padding: var(--spacing-3);
        border-radius: var(--border-radius-2);
        background-color: var(--color-background-container);
        cursor: pointer;
        position: relative
    }

        .ap-ratings-demo-write-review-container .ap-ratings-demo-footer-attach:hover {
            background-color: var(--color-background-hover)
        }

        .ap-ratings-demo-write-review-container .ap-ratings-demo-footer-attach .Appkit4-icon {
            color: var(--color-text-heading)
        }

        .ap-ratings-demo-write-review-container .ap-ratings-demo-footer-attach input[type=file] {
            cursor: pointer;
            opacity: 0;
            text-indent: 2.625rem;
            visibility: visible;
            width: 2.5rem;
            position: absolute;
            height: 2.5rem;
            left: 0;
            top: 0
        }

    .ap-ratings-demo-write-review-container .uploaded-images {
        display: grid;
        gap: var(--spacing-3);
        grid-template-columns: repeat(4,119px);
        margin-top: var(--spacing-6);
        position: relative
    }

    .ap-ratings-demo-write-review-container .uploaded-images-placeholder {
        display: flex;
        position: absolute;
        left: 0;
        top: 0
    }

    .ap-ratings-demo-write-review-container .uploaded-images-placeholder-item {
        width: 119px;
        height: 120px;
        border-radius: var(--border-radius-2)
    }

        .ap-ratings-demo-write-review-container .uploaded-images-placeholder-item.rimless {
            border: dashed 1px var(--color-text-light)
        }

    .ap-ratings-demo-write-review-container .uploaded-images-placeholder .uploaded-images-placeholder-item + .uploaded-images-placeholder-item {
        margin-left: var(--spacing-3)
    }

    .ap-ratings-demo-write-review-container .uploaded-images .image-wrapper {
        width: 119px;
        height: 120px;
        border-radius: var(--border-radius-2);
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center
    }

        .ap-ratings-demo-write-review-container .uploaded-images .image-wrapper img {
            border-radius: var(--border-radius-2);
            max-height: 100%
        }

        .ap-ratings-demo-write-review-container .uploaded-images .image-wrapper .Appkit4-icon {
            color: #fff;
            cursor: pointer;
            position: absolute;
            border-radius: var(--border-radius-1);
            top: var(--spacing-1);
            right: var(--spacing-1)
        }

            .ap-ratings-demo-write-review-container .uploaded-images .image-wrapper .Appkit4-icon:hover {
                background-color: rgba(37,37,37,var(--opacity-6))
            }

#react-panel .ap-simple-panel-container, #react-panel .ap-panel-with-extra-container {
    width: 540px
}

    #react-panel .ap-panel-with-extra-container .ap-panel .ap-panel-footer {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px
    }

#react-panel .ap-extra-template-container {
    display: flex
}

    #react-panel .ap-extra-template-container .ap-tabset-container {
        flex-direction: row;
        width: 76px;
        margin-right: 2px
    }

        #react-panel .ap-extra-template-container .ap-tabset-container .ap-tabset-toggle {
            width: 32px !important;
            padding: 4px !important;
            height: 32px !important
        }

    #react-panel .ap-extra-template-container .ap-modal-header-icon {
        position: relative;
        width: 2.5rem;
        height: 2.5rem;
        padding: .5rem;
        background-color: transparent;
        color: #252525
    }

        #react-panel .ap-extra-template-container .ap-modal-header-icon:hover {
            background-color: #f3f3f3;
            border-radius: 4px;
            cursor: pointer
        }

        #react-panel .ap-extra-template-container .ap-modal-header-icon .height {
            height: 1.5rem
        }

        #react-panel .ap-extra-template-container .ap-modal-header-icon .icon-close-fill:before {
            font-weight: 500
        }

#react-search {
    width: 320px
}

#react-notification .ap-notifications-static-topHeader, #react-notification .ap-notifications-static-topHeader .ap-notification {
    width: 46.875rem
}

#react-feed .feeds-comments-wrapper-shadow.feeds-comments-wrapper-shadow-modal {
    box-shadow: var(--box-shadow-3)
}

#react-feed .feeds-comments-wrapper {
    border-radius: var(--border-radius-3);
    max-height: 536px;
    overflow: auto;
    width: 33.75rem;
    scrollbar-width: 0
}

    #react-feed .feeds-comments-wrapper::-webkit-scrollbar {
        height: 0;
        width: 0
    }

#react-feed .feeds-comments-wrapper-shadow {
    border-radius: var(--border-radius-3);
    box-shadow: var(--level-1)
}

#react-texteditor:not(.simple) {
    width: 100%
}

#react-dropdown .ap-combobox {
    width: 320px
}

.custom-node:focus {
    border-radius: 50% !important
}

    .custom-node:focus .keyboard-focus {
        outline: auto 5px -webkit-focus-ring-color;
        outline-offset: var(--spacing-1)
    }

    .custom-node:focus:not(.keyboard-focus) {
        outline: none;
        box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-3))
    }

#react-slider .ap-slider-wrapper.with-input {
    position: relative
}

    #react-slider .ap-slider-wrapper.with-input .ap-slider-label-wrapper {
        height: 2rem;
        line-height: 2rem
    }

.ap-panel-button-demo .ap-button {
    padding-left: var(--spacing-4);
    padding-right: var(--spacing-4)
}

    .ap-panel-button-demo .ap-button .ap-font-medium {
        display: flex;
        align-items: center
    }

    .ap-panel-button-demo .ap-button .ap-button-label {
        display: flex;
        justify-content: center;
        align-items: center
    }

.ap-panel-button-demo .icon-down-chevron-outline {
    font-size: .5rem;
    margin-left: var(--spacing-2);
    transform: rotate(0);
    transition: transform .3s;
    height: .5rem;
    width: .5rem;
    line-height: .5rem
}

    .ap-panel-button-demo .icon-down-chevron-outline.rotate {
        transform: rotate(-180deg)
    }

.ap-menu-complex-button-demo .ap-button {
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-7)
}

    .ap-menu-complex-button-demo .ap-button.ap-button-compact {
        padding: var(--spacing-2) var(--spacing-4) var(--spacing-2) var(--spacing-7)
    }

    .ap-menu-complex-button-demo .ap-button .Appkit4-icon {
        margin-right: 0
    }

.ap-menu-complex-button-demo .icon-down-chevron-outline {
    margin-left: var(--spacing-2);
    transform: rotate(0);
    transition: transform .3s
}

    .ap-menu-complex-button-demo .icon-down-chevron-outline.rotate {
        transform: rotate(-180deg)
    }

.ap-trigger-popup .ap-panel-with-extra-container {
    width: 540px
}

    .ap-trigger-popup .ap-panel-with-extra-container .ap-panel .ap-panel-footer {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px
    }

.ap-trigger-popup .ap-simple-popup-panel .ap-panel-body {
    padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);
    line-height: 1.25rem
}

    .ap-trigger-popup .ap-simple-popup-panel .ap-panel-body .ap-button {
        margin-left: var(--spacing-3)
    }

    .ap-trigger-popup .ap-simple-popup-panel .ap-panel-body .ap-panel-content {
        height: 38px
    }

.ap-trigger-popup .ap-simple-popup-panel .ap-panel-head {
    padding: var(--spacing-4);
    margin-bottom: 0
}

.ap-trigger-popup .ap-simple-popup-panel .ap-panel-footer {
    margin-top: var(--spacing-4)
}

.ap-trigger-popup .ap-simple-popup-panel .ap-panel-extra {
    top: var(--spacing-5);
    font-size: 14px;
    letter-spacing: -.2px
}

.ap-pattern-login {
    display: flex;
    position: fixed;
    height: 100vh;
    width: 100vw
}

    .ap-pattern-login .login-left-side {
        width: 60vw;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        z-index: 1
    }

        .ap-pattern-login .login-left-side .login-header .login-logo {
            position: fixed;
            top: 40px;
            left: 40px;
            justify-content: center;
            align-items: center;
            z-index: 1999;
            width: 7.25rem;
            height: 5.5625rem;
            overflow: auto;
            background-image: url(/Content/images/pwc-logo-white.svg);
            background-size: cover;
            background-position: center
        }

        .ap-pattern-login .login-left-side .login-body {
            align-items: center
        }

        .ap-pattern-login .login-left-side .login-body, .ap-pattern-login .login-left-side .ap-pattern-form {
            display: flex;
            flex-direction: column;
            min-width: 34.25rem;
            position: fixed;
            /*margin-bottom: 3.875rem;*/
            padding: unset;
            width: -moz-fit-content;
            width: fit-content
        }

            .ap-pattern-login .login-left-side .login-body .login-text-title, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title {
                width: 100%;
                font-family: Helvetica Neue,sans-serif;
                font-style: normal;
                font-weight: var(--font-weight-2);
                font-size: 1.25rem;
                line-height: 1.25rem;
                height: 1.25rem;
                letter-spacing: -.01625rem;
                color: var(--color-text-light);
                margin-bottom: .5rem
            }

                .ap-pattern-login .login-left-side .login-body .login-text-title .select-language, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language {
                    float: right;
                    position: relative;
                    left: .5rem
                }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-buttons-wrapper, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-buttons-wrapper {
                        top: -.25rem
                    }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button-dropdown.open, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button-dropdown.open {
                        width: 9.375rem
                    }

                        .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button-dropdown.open .ap-option-label, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button-dropdown.open .ap-option-label {
                            font-size: 1rem;
                            font-style: normal;
                            font-weight: 400;
                            line-height: 1.5rem;
                            letter-spacing: -.025rem;
                            color: var(--color-text-body);
                            flex: none;
                            order: 0;
                            flex-grow: 1
                        }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button .ap-button-label, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button .ap-button-label {
                        font-family: Helvetica Neue,sans-serif;
                        font-style: normal;
                        font-weight: var(--font-weight-1);
                        font-size: .75rem;
                        line-height: .875rem;
                        letter-spacing: -.0125rem;
                        color: var(--color-text-body)
                    }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button.ap-button-primary, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button.ap-button-primary {
                        background-color: transparent;
                        color: #000
                    }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button-dropdown.open, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button-dropdown.open {
                        top: 1.5rem
                    }

                    .ap-pattern-login .login-left-side .login-body .login-text-title .select-language .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus:not(.keyboard-focus), .ap-pattern-login .login-left-side .ap-pattern-form .login-text-title .select-language .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus:not(.keyboard-focus) {
                        box-shadow: none
                    }

            .ap-pattern-login .login-left-side .login-body .ap-pattern-form-login-title, .ap-pattern-login .login-left-side .ap-pattern-form .ap-pattern-form-login-title {
                letter-spacing: -.07rem
            }

            .ap-pattern-login .login-left-side .login-body .login-text-detail, .ap-pattern-login .login-left-side .ap-pattern-form .login-text-detail {
                width: 100%;
                font-family: Helvetica Neue,sans-serif;
                font-style: normal;
                font-weight: var(--font-weight-2);
                font-size: 3rem;
                line-height: 3.625rem;
                display: flex;
                align-items: center;
                letter-spacing: -.07rem;
                margin-bottom: 1.5rem
            }

            .ap-pattern-login .login-left-side .login-body .login-button-group, .ap-pattern-login .login-left-side .ap-pattern-form .login-button-group {
                border-radius: var(--border-radius-3);
                width: 100%
            }

                .ap-pattern-login .login-left-side .login-body .login-button-group .login-button, .ap-pattern-login .login-left-side .ap-pattern-form .login-button-group .login-button {
                    width: 100%
                }

                    .ap-pattern-login .login-left-side .login-body .login-button-group .login-button:nth-child(1), .ap-pattern-login .login-left-side .ap-pattern-form .login-button-group .login-button:nth-child(1) {
                        margin-bottom: 1rem
                    }

        .ap-pattern-login .login-left-side .login-footer {
            bottom: 0;
            position: fixed;
            z-index: -1
        }

            .ap-pattern-login .login-left-side .login-footer .ap-footer-content {
                text-align: center;
                color: var(--color-text-heading)
            }

            .ap-pattern-login .login-left-side .login-footer .ap-footer-link-group {
                display: flex;
                justify-content: center;
                margin-bottom: 1rem
            }

                .ap-pattern-login .login-left-side .login-footer .ap-footer-link-group .ap-link {
                    color: var(--color-text-primary)
                }

    .ap-pattern-login:not(.fractional) .login-left-side {
        background-color: var(--color-background-container-alt)
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-body .login-text-title, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-body .login-text-detail, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-body .ap-pattern-form-login-welcome, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-body .ap-pattern-form-login-title, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .ap-pattern-form .login-text-title, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .ap-pattern-form .login-text-detail, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .ap-pattern-form .ap-pattern-form-login-welcome, .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .ap-pattern-form .ap-pattern-form-login-title {
        /*color: var(--color-text-secondary)*/
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-header .login-logo {
        background-image: url(/Content/images/pwc-logo-white.svg)
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .login-left-side .login-button-group {
        background-color: var(--color-text-secondary);
        padding: 1.5rem
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .ap-footer-content, .ap-pattern-login.fractional:not(.dark-font-color) .ap-footer-link, .ap-pattern-login.fractional:not(.dark-font-color) .ap-link, .ap-pattern-login.fractional:not(.dark-font-color) .ap-footer-link-group .ap-link {
        color: var(--color-text-secondary)
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .select-language .ap-button .ap-button-label {
        color: var(--color-text-secondary) !important
    }

    .ap-pattern-login.fractional:not(.dark-font-color) .select-language .custom .language-text {
        color: var(--color-text-secondary) !important
    }

    .ap-pattern-login.fractional.dark-font-color .login-left-side .login-text-title, .ap-pattern-login.fractional.dark-font-color .login-left-side .login-text-detail, .ap-pattern-login.fractional.dark-font-color .login-left-side .ap-pattern-form-login-welcome {
        color: var(--color-text-heading)
    }

    .ap-pattern-login.fractional.dark-font-color .login-left-side .custom .language-text {
        color: var(--color-text-heading) !important
    }

    .ap-pattern-login.fractional.dark-font-color .login-left-side .login-button-group {
        background-color: var(--color-text-secondary);
        padding: 1.5rem
    }

    .ap-pattern-login.fractional.dark-font-color .ap-footer-content, .ap-pattern-login.fractional.dark-font-color .ap-footer-link, .ap-pattern-login.fractional.dark-font-color .ap-link {
        color: var(--color-text-heading)
    }

    .ap-pattern-login.fractional.dark-font-color .ap-footer-link-group .ap-link {
        color: var(--color-text-primary)
    }

    .ap-pattern-login.fractional .ap-pattern-login-wrapper {
        height: 100%;
        position: absolute;
        width: 100%
    }

    .ap-pattern-login .login-right-side {
        flex: 1
    }

        .ap-pattern-login .login-right-side .background-right {
            position: fixed;
            z-index: -1;
            height: 100%;
            object-fit: cover
        }

    .ap-pattern-login .ap-pattern-login-wrapper {
        height: 100%;
        background-size: cover
    }

.login-left-side .ap-pattern-form-footer {
    display: unset;
    justify-content: unset
}

    .login-left-side .ap-pattern-form-footer .ap-button:not(:first-child) {
        margin-left: 0
    }

.form-default-demo {
    display: flex;
    padding: 1rem
}

    .form-default-demo .solid-form {
        margin-left: 2rem
    }

.ap-mb-2 {
    margin-bottom: 1rem
}

.select-language {
    float: right;
    position: relative;
    left: .5rem
}

    .select-language .ap-buttons-wrapper {
        top: -.25rem
    }

        .select-language.ap-buttons-wrapper .custom + div.ap-button-dropdown {
            width: 9.375rem;
            left: unset
        }

    .select-language .ap-button-dropdown.open {
        width: 9.375rem
    }

        .select-language .ap-button-dropdown.open .ap-option-label {
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            color: #474747;
            flex: none;
            order: 0;
            flex-grow: 1
        }

    .select-language .ap-button .ap-button-label {
        font-family: Helvetica Neue,sans-serif;
        font-style: normal;
        font-weight: var(--font-weight-1);
        font-size: .75rem;
        line-height: .875rem;
        letter-spacing: -.0125rem;
        color: #474747
    }

    .select-language .ap-button.ap-button-primary {
        background-color: transparent;
        color: #000
    }

    .select-language .ap-button-dropdown.open {
        top: 1.5rem
    }

    .select-language .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus:not(.keyboard-focus) {
        box-shadow: none
    }

    .select-language .ap-button:not([disabled]).ap-button-primary:not(.in-loading):focus.keyboard-focus {
        outline-width: var(--spacing-1);
        outline-style: solid !important
    }

.language-container, .language-trigger {
    display: flex;
    align-items: center
}

.language-text {
    margin-left: .25rem;
    margin-right: 1rem;
    font-family: Helvetica Neue,sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .75rem;
    line-height: .875rem;
    letter-spacing: -.0125rem;
    color: #474747
}

.ap-pattern-login.fractional:not(.dark-font-color) .ap-pattern-form-header-extra .ap-button-label {
    color: var(--color-text-secondary)
}

[data-mode=dark] .ap-pattern-login .login-logo {
    background-image: url(/Content/images/pwc-logo-white.svg) !important
}

.light[data-mode=light] .ap-pattern-login:not(.fractional) .login-logo {
    background-image: url(/Content/images/pwc-logo-white.svg) !important
}

.default .ap-pattern-login-wrapper {
    background-image: url(/Content/images/pwc_account_layout-full.svg)
}

.fractional .ap-pattern-login-wrapper {
    background-image: url(/Content/images/pwc_account_layout-full.svg)
}

.generic .ap-pattern-login-wrapper {
    background-image: url(svg-generic-1.df910603ab7a6d25.svg)
}

.ap-pattern-form-footer.vertical .ap-button:not(:first-child) {
    margin-top: 1rem !important
}

.ap-pattern-form-footer.vertical hr + .ap-button:not(:first-child) {
    margin-top: 0 !important
}

.ap-pattern-confirmation {
    width: 33.75rem
}

    .ap-pattern-confirmation .ap-pattern-confirmation-message {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body)
    }

    .ap-pattern-confirmation .ap-pattern-form-label {
        position: relative;
        display: block;
        margin-top: .5rem
    }

    .ap-pattern-confirmation label span {
        display: inline-block;
        font-style: normal;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        margin-bottom: .25rem;
        color: var(--color-background-container-inverse)
    }

    .ap-pattern-confirmation .ap-modal-body {
        min-height: 5.75rem
    }

    .ap-pattern-confirmation .ap-modal-footer {
        padding: var(--spacing-3) var(--spacing-6) var(--spacing-6) var(--spacing-6)
    }

.ap-pattern-form-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    /*margin-bottom: var(--spacing-7)*/
}

    .ap-pattern-form-header.vertical {
        flex-direction: column
    }

.ap-pattern-form-title {
    font-weight: var(--font-weight-2);
    font-size: 1.5rem;
    line-height: 2rem;
    letter-spacing: -.025rem;
    color: var(--color-text-heading)
}

.ap-pattern-form-required-indicator {
    position: relative;
    font-weight: var(--font-weight-1);
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-light)
}

    .ap-pattern-form-required-indicator:before {
        content: "";
        position: absolute;
        left: calc(-1 * var(--spacing-3));
        top: var(--spacing-2);
        width: .25rem;
        height: .25rem;
        border-radius: var(--border-radius-1);
        background-color: var(--color-text-error);
        transition: all .3s
    }

.ap-pattern-form-footer {
    display: flex;
    justify-content: space-between
}

    .ap-pattern-form-footer .ap-button {
        width: 100%
    }

        .ap-pattern-form-footer .ap-button:not(:first-child) {
            margin-left: .625rem
        }

    .ap-pattern-form-footer hr {
        width: 100%;
        height: .125rem;
        margin: var(--spacing-5) 0;
        opacity: var(--opacity-5);
        background-color: #d1d1d1
    }

.remember-me {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .remember-me span:last-child a {
        color: var(--color-text-primary)
    }

.ap-pattern-form-footer.vertical {
    display: flex;
    flex-direction: column
}

    .ap-pattern-form-footer.vertical .ap-button:not(:first-child) {
        margin-top: 1rem
    }

.ap-pattern-form-header-extra .ap-buttons-wrapper div.ap-button-dropdown {
    right: 0rem
}

.ap-pattern-form-item .ap-field-demo-wrapper {
    width: 100% !important;
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: .625rem;
    row-gap: .625rem
}

.ap-pattern-form-item .ap-field-password .ap-field:not(.has-length) .ap-field-password-creator, .ap-pattern-form-item .ap-field-password .ap-field:not(:focus-within) .ap-field-password-creator {
    visibility: unset;
    display: none
}

.ap-pattern-form-item .ap-field-password .ap-field-password-creator {
    position: relative !important;
    top: unset;
    margin-bottom: 0
}

.ap-field-password-error {
    margin: .5rem 0 0;
    line-height: .75rem;
    font-size: .75rem;
    color: var(--color-text-error)
}

.ap-field-password .ap-field:not(.has-length) .ap-field-password-creator, .ap-field-password .ap-field:not(:focus-within) .ap-field-password-creator {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px)
}

.ap-field-password .ap-field-password-creator > span.highlight {
    color: var(--color-text-primary)
}

.ap-field-password .ap-field-password-creator.error > span.highlight {
    color: var(--color-text-error)
}

.ap-field-password .ap-field-password-creator.error > span:not(.highlight) {
    color: var(--color-text-error);
    opacity: .5
}

.ap-field-password .ap-field-password-creator > span {
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: var(--spacing-1)
}

    .ap-field-password .ap-field-password-creator > span .icon-circle-checkmark-fill {
        width: .75rem;
        height: .75rem;
        line-height: .75rem;
        font-size: .5rem
    }

    .ap-field-password .ap-field-password-creator > span .ap-field-password-condition {
        line-height: .75rem;
        font-size: .75rem
    }

.ap-pattern-form .ap-field-email-validation-suggestion {
    margin-bottom: 0 !important;
    margin-left: 0 !important
}

.ap-pattern-form .react-date-picker .ap-field-email-validation-error {
    margin-bottom: 0;
    margin-left: 0
}

.ap-pattern-form .ap-field-validation-error {
    margin: .5rem 0 1rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .75rem;
    color: var(--color-text-error)
}

.ap-pattern-form .ap-calendar-validation-error {
    margin-top: .5rem;
    height: .75rem;
    line-height: .75rem;
    font-size: .75rem;
    color: var(--color-text-error)
}

.ap-pattern-form-header-extra .ap-button-dropdown.open {
    width: 9.375rem
}

.ap-pattern-form .select-language {
    position: relative
}

    .ap-pattern-form .select-language .ap-button-dropdown.open {
        top: unset
    }

.ap-pattern-form {
    width: 27rem
}

.solid-form .ap-pattern-form-body {
    background-color: #fff;
    border-radius: .5rem;
    padding: 1.5rem
}

.ap-pattern-form-footer.vertical .ap-button:not(:first-child) {
    margin-left: 0
}

.ap-pattern-form-footer.vertical hr + .ap-button:not(:first-child) {
    margin-top: 0
}

.ap-pattern-form .ap-container {
    padding: 0
}

.ap-pattern-form-item .ap-container .row .col:first-child {
    padding-right: .5rem
}

.ap-pattern-form-item .ap-container .row .col:last-child {
    padding-left: .5rem
}

.ap-buttons-wrapper .custom + div.ap-button-dropdown {
    z-index: 2 !important
}

.ap-pattern-form-login-welcome {
    font-weight: var(--font-weight-2);
    font-size: 1.25rem;
    line-height: 1.25rem;
    letter-spacing: -.01625rem;
    color: var(--color-text-light);
    /*margin-bottom: .875rem*/
}

.ap-pattern-form-login {
    width: 27rem
}

.ap-pattern-form-header-extra {
    position: absolute;
    right: 0;
    top: -.25rem
}

.solid-form .ap-pattern-form-login-body {
    background-color: #fff;
    border-radius: var(--border-radius-3);
    padding: var(--spacing-7)
}

.ap-pattern-form-login-title {
    font-weight: var(--font-weight-2);
    font-size: 2rem;
    display: flex;
    align-items: center;
    letter-spacing: -.07rem;
    color: var(--color-text-heading)
}

.ap-pattern-form-item:not(.error) {
    margin-bottom: 1rem
}

.ap-pattern-form-login-footer .ap-button {
    width: 100%
}

.ap-pattern-form-title-container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.ap-pattern-form .ap-container, .ap-pattern-form-login .ap-container {
    padding: 0
}

.react-date-picker.required-error .ap-field .ap-field-wrapper, .react-date-picker.required-error .ap-field:not(.disabled):not(.readonly):not(.error) .ap-field-wrapper:hover {
    background-color: rgba(var(--color-text-error-rgb),var(--opacity-3));
    box-shadow: inset 0 0 0 .0625rem var(--color-text-error)
}

.react-date-picker.required-error .ap-field:not(.disabled):not(.readonly):not(.error):focus-within .ap-field-wrapper.focus:not(.keyboard-focus) {
    box-shadow: inset 0 0 0 .0625rem var(--color-text-error),0 0 0 .25rem rgba(var(--color-text-error-rgb),var(--opacity-3))
}

.react-date-picker.required-error .ap-field:not(.has-length):focus-within .ap-field-placeholder-container {
    color: var(--color-text-error)
}

.react-date-picker.required-error .ap-field-wrapper {
    background-color: rgba(var(--color-text-error-rgb),var(--opacity-3));
    box-shadow: inset 0 0 0 .0625rem var(--color-text-error)
}

    .react-date-picker.required-error .ap-field-wrapper .ap-field-input, .react-date-picker.required-error .ap-field-wrapper .ap-field-icon-btn {
        color: var(--color-text-error)
    }

        .react-date-picker.required-error .ap-field-wrapper .ap-field-icon-btn:not(.disabled):not(.icon-down-chevron-outline):hover {
            background-color: rgba(var(--color-text-error-rgb),var(--opacity-3)) !important
        }

.react-date-picker.required-error .ap-field-title-container .ap-field-title {
    color: var(--color-text-error)
}

.react-date-picker.required-error .ap-field-container:after {
    background-color: var(--color-text-error)
}

.ap-pattern-form-page {
    height: calc(100vh - 4rem);
    background-color: #f3f3f3
}

    .ap-pattern-form-page .ap-navigation-wrapper .ap-navigation-content {
        position: relative;
        top: 3rem;
        padding-top: 1.75rem
    }

    .ap-pattern-form-page .ap-pattern-form-page-content {
        display: flex
    }

        .ap-pattern-form-page .ap-pattern-form-page-content .ap-navigation-wrapper .ap-navigation-footer {
            position: fixed !important
        }

        .ap-pattern-form-page .ap-pattern-form-page-content .form-page {
            width: calc(100% - 17.5rem);
            display: flex;
            justify-content: center;
            align-items: center;
            height: calc(100vh - 4rem);
            position: relative;
            top: 4rem;
            background-color: #f3f3f3
        }

@media screen and (max-height: 456px) {
    .ap-pattern-form-page .ap-pattern-form-page-content .form-page {
        top: unset;
        height: unset
    }
}

.ap-pattern-form-page .ap-pattern-form-page-content.form-page-collapse .form-page {
    width: calc(100% - 4.5rem)
}

.ap-pattern-form-page .ap-pattern-form-page-content .form-wrapper {
    margin-top: 6rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.ap-pattern-form-page .ap-header {
    position: fixed;
    left: 0;
    top: 0
}

[data-mode=dark] .ap-pattern-form-page, [data-mode=dark] .ap-pattern-form-page-content, [data-mode=dark] .form-page {
    background-color: var(--color-background-default) !important
}

.ap-pattern-card {
    padding: var(--spacing-6);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-1);
    background-color: var(--color-background-container);
    cursor: pointer;
    transition: box-shadow .3s;
    z-index: 99;
    margin-right: .75rem;
    position: relative
}

    .ap-pattern-card .ap-pattern-card-head {
        position: relative;
        left: -.125rem;
        color: var(--color-text-body)
    }

        .ap-pattern-card .ap-pattern-card-head .prefixIcon {
            margin-right: .5rem;
            position: relative;
            top: -.125rem;
            height: unset
        }

        .ap-pattern-card .ap-pattern-card-head .ap-pattern-card-name {
            height: 1.5rem;
            font-size: 1.25rem;
            font-weight: var(--font-weight-2);
            line-height: 1.5rem;
            letter-spacing: -.025rem;
            color: var(--color-text-heading)
        }

    .ap-pattern-card .ap-pattern-card-desc {
        margin: var(--spacing-3) 0 0;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        color: var(--color-text-body)
    }

    .ap-pattern-card .card-pattern-footer {
        position: absolute;
        bottom: 1.25rem;
        left: 1rem;
        color: var(--color-text-body)
    }

        .ap-pattern-card .card-pattern-footer .component-footer-date {
            margin-right: .5rem
        }

        .ap-pattern-card .card-pattern-footer .footer-text {
            font-size: .75rem;
            line-height: .75rem;
            letter-spacing: -.0125rem;
            position: relative;
            bottom: .0625rem
        }

.ap-pattern-card {
    min-height: 22.25rem;
    padding: var(--spacing-6);
    border-radius: var(--border-radius-3);
    box-shadow: var(--box-shadow-1);
    background-color: var(--color-background-container);
    cursor: pointer;
    transition: box-shadow .3s;
    z-index: 99
}

    .ap-pattern-card .component-thumb {
        height: 8.25rem;
        margin-bottom: var(--spacing-6);
        border-radius: var(--border-radius-2);
        background-color: rgba(var(--color-background-tertiary-rgb),var(--opacity-5));
        display: flex;
        align-items: center;
        position: relative;
        overflow: hidden
    }

        .ap-pattern-card .component-thumb img {
            width: 100%;
            height: 100%
        }

        .ap-pattern-card .component-thumb.placeholder-center {
            display: flex;
            justify-content: center;
            align-items: center !important;
            color: var(--color-background-alt)
        }

.ap-pattern-card-according {
    align-items: flex-start !important
}

    .ap-pattern-card-according .example-image-wrapper {
        z-index: 3;
        position: absolute
    }

.ap-pattern-card:hover {
    box-shadow: var(--box-shadow-2)
}

    .ap-pattern-card:hover .ap-pattern-card-name {
        color: var(--color-text-primary)
    }

.ap-pattern-card-name {
    height: 1.5rem;
    font-size: 1.25rem;
    font-weight: var(--font-weight-2);
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-heading)
}

.ap-pattern-card-desc {
    margin: var(--spacing-2) 0 0;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -.025rem;
    color: var(--color-text-body)
}

.ap-pattern-card .ap-pattern-card-description {
    position: relative
}

.ap-pattern-card:last-child {
    margin-right: 0
}

.ap-pattern-card-grid-page-content {
    display: flex;
    background-color: #f3f3f3
}

    .ap-pattern-card-grid-page-content .ap-navigation-wrapper .ap-navigation-content {
        position: relative;
        top: 3rem;
        padding-top: 1.75rem
    }

    .ap-pattern-card-grid-page-content .ap-navigation-wrapper .ap-navigation-footer {
        position: fixed !important
    }

    .ap-pattern-card-grid-page-content .card-grid-page {
        margin: 0 auto;
        margin-top: 4rem;
        z-index: 0
    }

    .ap-pattern-card-grid-page-content .ap-pattern-card-grid-first {
        column-gap: .75rem;
        row-gap: var(--spacing-4);
        display: grid;
        grid-template-columns: repeat(auto-fill,16.3125rem);
        grid-auto-flow: row dense;
        width: 67.5rem;
        justify-content: center
    }

    .ap-pattern-card-grid-page-content .ap-pattern-card-grid-second {
        margin-top: .75rem;
        column-gap: .75rem;
        row-gap: var(--spacing-4);
        display: grid;
        grid-template-columns: repeat(auto-fill,22rem);
        grid-auto-flow: row dense;
        width: 67.5rem;
        justify-content: center
    }

    .ap-pattern-card-grid-page-content .ap-pattern-card-grid-first .ap-pattern-card.first {
        width: 16.3125rem;
        height: 22.25rem;
        min-height: unset
    }

        .ap-pattern-card-grid-page-content .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb {
            width: 13.8125rem
        }

            .ap-pattern-card-grid-page-content .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb img {
                content: url(placeholder-first.70d2aa7430dcd7e4.svg)
            }

    .ap-pattern-card-grid-page-content .ap-pattern-card-grid-second .ap-pattern-card.second {
        width: 22rem;
        height: 20.75rem;
        min-height: unset
    }

        .ap-pattern-card-grid-page-content .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb {
            width: 19.5rem
        }

            .ap-pattern-card-grid-page-content .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb img {
                content: url(placeholder-second.7b9c6014efb3dfd1.svg)
            }

    .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-first {
        column-gap: .75rem;
        row-gap: var(--spacing-4);
        display: grid;
        grid-template-columns: repeat(auto-fill,19.5625rem);
        grid-auto-flow: row dense;
        width: 80.5rem;
        justify-content: center
    }

    .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-second {
        margin-top: 2.25rem;
        column-gap: .75rem;
        row-gap: var(--spacing-4);
        display: grid;
        grid-template-columns: repeat(auto-fill,calc((80.5rem - 24px) / 3));
        grid-auto-flow: row dense;
        width: 80.5rem;
        justify-content: center
    }f

    .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-first .ap-pattern-card.first {
        width: 19.5625rem;
        height: 20.75rem;
        min-height: unset
    }

        .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb {
            width: 17.0625rem
        }

            .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb img {
                content: url(placeholder-first-wider.57854f423add3e9e.svg)
            }

    .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-second .ap-pattern-card.second {
        width: 26.3333333333rem;
        height: 19.25rem;
        min-height: unset
    }

        .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb {
            width: 23.8333333333rem
        }

            .ap-pattern-card-grid-page-content.card-page-collapse .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb img {
                content: url(placeholder-second-wider.52e38ad613627462.svg)
            }

.ap-pattern-card-grid-page .ap-header {
    position: fixed;
    left: 0;
    top: 0
}

[data-mode=dark] .ap-pattern-card-grid-page-content {
    background-color: var(--color-background-default)
}

.ap-pattern-card-grid {
    column-gap: .75rem;
    row-gap: var(--spacing-4);
    display: grid;
    grid-template-columns: repeat(auto-fill,17.28125rem);
    grid-auto-flow: row dense;
    width: 71.375rem;
    justify-content: center
}

    .ap-pattern-card-grid .ap-pattern-card {
        width: 17.3125rem
    }

.ap-pattern-card-grid-first {
    column-gap: .75rem;
    row-gap: var(--spacing-4);
    display: grid;
    grid-template-columns: repeat(auto-fill,16.3125rem);
    grid-auto-flow: row dense;
    width: 67.5rem;
    justify-content: center
}

.ap-pattern-card-grid-second {
    margin-top: .75rem;
    column-gap: .75rem;
    row-gap: var(--spacing-4);
    display: grid;
    grid-template-columns: repeat(auto-fill,22rem);
    grid-auto-flow: row dense;
    width: 67.5rem;
    justify-content: center
}

.ap-pattern-card-grid-first .ap-pattern-card.first {
    width: 16.3125rem;
    height: 22.25rem;
    min-height: unset
}

    .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb {
        width: 13.8125rem
    }

        .ap-pattern-card-grid-first .ap-pattern-card.first .component-thumb img {
            content: url(placeholder-first.70d2aa7430dcd7e4.svg)
        }

.ap-pattern-card-grid-second .ap-pattern-card.second {
    width: 22rem;
    height: 20.75rem;
    min-height: unset
}

    .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb {
        width: 19.5rem
    }

        .ap-pattern-card-grid-second .ap-pattern-card.second .component-thumb img {
            content: url(placeholder-second.7b9c6014efb3dfd1.svg)
        }

.view-directory {
    display: flex;
    height: 2.5rem;
    line-height: 2.5rem;
    color: var(--color-text-primary);
    align-items: center;
    margin-top: 1rem;
    cursor: pointer
}

    .view-directory .view-directory-link {
        display: flex
    }

        .view-directory .view-directory-link:after {
            content: "";
            width: 2rem;
            cursor: auto
        }

    .view-directory .ap-button.ap-button-primary {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .view-directory .view-directory-icon {
        height: 2.5rem;
        line-height: 2.5rem;
        color: var(--color-text-primary);
        outline-offset: .25rem
    }

    .view-directory .view-directory-text {
        margin-left: .25rem;
        color: var(--color-text-primary)
    }

.div-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 28.125rem
}

.pattern-content {
    display: flex
}

    .pattern-content .ap-navigation-demo-wrapper {
        position: fixed;
        left: 0;
        top: 0
    }

.ap-accordion-group-container {
    margin: 0
}

    .ap-accordion-group-container .ap-accordion-toggle {
        padding: var(--spacing-4) !important
    }

    .ap-accordion-group-container .ap-accordion-content ul {
        list-style-type: disc
    }

    .ap-accordion-group-container .ap-accordion-content .a-link {
        color: var(--color-text-primary);
        font-weight: var(--font-weight-2);
        cursor: pointer
    }

    .ap-accordion-group-container .ap-accordion-content p {
        margin-top: 0;
        margin-bottom: var(--spacing-5)
    }

    .ap-accordion-group-container .ap-accordion-content ol, .ap-accordion-group-container .ap-accordion-content ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

    .ap-accordion-group-container .ap-accordion-content .having-issue {
        margin-bottom: var(--spacing-2)
    }

    .ap-accordion-group-container .ap-accordion-content .registry-issue {
        margin-bottom: var(--spacing-5)
    }

    .ap-accordion-group-container .ap-accordion-content .registry-issue-tip {
        margin-bottom: 0
    }

.header-demo-wrapper {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.pattern-content .ap-navigation-wrapper .ap-navigation-content {
    position: relative;
    top: 4rem;
    padding-top: 2.75rem
}

.ap-pattern-page-anchor {
    color: var(--color-text-body);
    width: 15.375rem;
    position: fixed;
    top: 6rem
}

    .ap-pattern-page-anchor.anchor-list {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .ap-pattern-page-anchor.hidden {
        display: none
    }

    .ap-pattern-page-anchor.fixed {
        position: fixed;
        top: 0;
        right: 0;
        margin-top: 5rem;
        margin-right: var(--spacing-6)
    }

    .ap-pattern-page-anchor .anchor-trigger {
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: -.025rem;
        display: inline-block;
        height: 100%
    }

        .ap-pattern-page-anchor .anchor-trigger:hover {
            text-decoration: underline
        }

        .ap-pattern-page-anchor .anchor-trigger.selected {
            font-weight: var(--font-weight-2);
            color: var(--color-text-heading) !important
        }

        .ap-pattern-page-anchor .anchor-trigger .Appkit4-icon:first-child {
            margin-right: .125rem
        }

    .ap-pattern-page-anchor ul {
        padding-left: 0;
        margin-top: 0
    }

        .ap-pattern-page-anchor ul li {
            line-height: 1.5rem;
            cursor: pointer;
            list-style-type: none
        }

            .ap-pattern-page-anchor ul li:not(:first-child) {
                margin-top: var(--spacing-3)
            }

            .ap-pattern-page-anchor ul li a {
                color: var(--color-text-body)
            }

    .ap-pattern-page-anchor .ap-pattern-page-anchor-heading {
        font-weight: var(--font-weight-2);
        line-height: 1.5rem;
        font-size: 1.25rem;
        margin-bottom: var(--spacing-3);
        color: var(--color-text-heading)
    }

        .ap-pattern-page-anchor .ap-pattern-page-anchor-heading span:first-child {
            font-size: 1rem
        }

.ap-pattern-data-list-header {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    height: 6rem
}

    .ap-pattern-data-list-header.solid {
        background-color: var(--color-background-container);
        border-radius: .5rem;
        padding: 1.25rem;
        height: 8.5rem
    }

    .ap-pattern-data-list-header .data-list-header-selected {
        display: flex;
        margin-top: .75rem;
        margin-bottom: 2rem;
        line-height: 1.5rem;
        color: var(--color-text-body)
    }

        .ap-pattern-data-list-header .data-list-header-selected .header-selected-text {
            height: 2rem;
            line-height: 2rem
        }

        .ap-pattern-data-list-header .data-list-header-selected .icon-panel {
            margin-left: 1.75rem;
            display: flex;
            gap: .75rem;
            height: 2rem
        }

            .ap-pattern-data-list-header .data-list-header-selected .icon-panel .Appkit4-icon {
                cursor: pointer;
                width: 2rem;
                height: 2rem;
                line-height: 2rem
            }

                .ap-pattern-data-list-header .data-list-header-selected .icon-panel .Appkit4-icon:hover {
                    background-color: rgba(var(--color-background-hover-selected-rgb));
                    border-radius: .25rem
                }

            .ap-pattern-data-list-header .data-list-header-selected .icon-panel .icon-delete-outline {
                color: var(--color-text-error)
            }

    .ap-pattern-data-list-header .data-list-header-filter {
        display: flex;
        justify-content: space-between;
        height: 3rem
    }

        .ap-pattern-data-list-header .data-list-header-filter .ap-search-container {
            width: 19rem;
            padding: 0
        }

        .ap-pattern-data-list-header .data-list-header-filter .data-list-header-right-filter {
            position: relative;
            display: flex
        }

            .ap-pattern-data-list-header .data-list-header-filter .data-list-header-right-filter .ap-buttons-wrapper {
                margin-right: .5rem
            }

                .ap-pattern-data-list-header .data-list-header-filter .data-list-header-right-filter .ap-buttons-wrapper .ap-button.ap-button-compact {
                    height: 2.5rem;
                    line-height: 2rem
                }

            .ap-pattern-data-list-header .data-list-header-filter .data-list-header-right-filter .ap-button.ap-button-secondary {
                width: 10.9375rem
            }

    .ap-pattern-data-list-header .data-list-header-action-filter {
        display: flex;
        justify-content: space-between;
        height: 3rem
    }

        .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option .tags-panel, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter .tags-panel {
            display: flex;
            align-items: center
        }

            .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option .tags-panel .ap-tag:not(:last-child), .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter .tags-panel .ap-tag:not(:last-child) {
                margin-right: 1rem
            }

            .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option .tags-panel-border, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter .tags-panel-border {
                background-color: #d9d9d9;
                height: 2rem;
                width: .0625rem;
                margin-left: .5rem;
                margin-right: .5rem
            }

            .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option .header-right-option-clear, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter .header-right-option-clear {
                color: var(--color-text-primary);
                cursor: pointer;
                line-height: 2rem;
                height: 2rem;
                width: 7rem;
                display: flex;
                justify-content: center
            }

                .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-option .header-right-option-clear:hover, .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter .header-right-option-clear:hover {
                    background-color: rgba(var(--color-background-primary-rgb),var(--opacity-3));
                    border-radius: .25rem
                }

        .ap-pattern-data-list-header .data-list-header-action-filter .data-list-header-right-filter {
            margin-top: .5rem;
            justify-content: flex-end;
            margin-bottom: .5rem
        }

    .ap-pattern-data-list-header .ap-button .icon-down-chevron-outline {
        margin-left: .5rem;
        transition: transform .3s
    }

        .ap-pattern-data-list-header .ap-button .icon-down-chevron-outline.rotate {
            transform: rotate(-180deg)
        }

    .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters {
        box-shadow: none;
        margin-right: .5rem;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 7.6875rem
    }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters .Appkit4-icon.icon-down-chevron-outline {
            margin-left: .25rem;
            margin-right: 0
        }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters.with-count {
            width: 9.125rem
        }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters .disabled {
            opacity: var(--opacity-4)
        }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters.compact {
            height: 2rem;
            line-height: 2rem;
            display: flex;
            align-items: center
        }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters.show-menu {
            background-color: rgba(var(--color-background-primary-rgb),var(--opacity-4))
        }

            .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters.show-menu:hover {
                background-color: rgba(var(--color-background-primary-rgb),var(--opacity-3));
                border: none;
                box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),var(--opacity-4))
            }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters .filters-count {
            margin-left: .25rem;
            margin-right: 0
        }

        .ap-pattern-data-list-header .ap-button:not([disabled]).ap-button-secondary.ap-pattern-btn-filters:focus:not(.keyboard-focus) {
            border: none;
            box-shadow: 0 0 0 .25rem rgba(var(--color-background-primary-rgb),.24)
        }

.ap-pattern-filter-popup {
    background-color: var(--color-background-container);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    box-shadow: var(--box-shadow-3)
}

    .ap-pattern-filter-popup .filter-content {
        margin-bottom: .75rem
    }

        .ap-pattern-filter-popup .filter-content.empty {
            min-width: 12.5rem;
            min-height: 5.5rem
        }

        .ap-pattern-filter-popup .filter-content .filter-list-row {
            display: flex;
            padding: .75rem;
            height: 3rem
        }

            .ap-pattern-filter-popup .filter-content .filter-list-row:not(:last-child) {
                margin-bottom: .25rem
            }

            .ap-pattern-filter-popup .filter-content .filter-list-row:focus-visible {
                outline: auto .3125rem -webkit-focus-ring-color;
                box-shadow: none
            }

            .ap-pattern-filter-popup .filter-content .filter-list-row .ap-checkbox-container {
                width: 6.3125rem
            }

            .ap-pattern-filter-popup .filter-content .filter-list-row .secondary-text {
                margin-left: .5rem;
                line-height: 1.5rem;
                color: var(--color-text-light)
            }

            .ap-pattern-filter-popup .filter-content .filter-list-row.moved:not(.disabled) {
                background-color: var(--color-background-hover);
                box-shadow: 0 0 0 .0625rem var(--color-background-tertiary)
            }

    .ap-pattern-filter-popup .filter-footer {
        display: flex;
        gap: .5rem;
        justify-content: flex-end
    }

        .ap-pattern-filter-popup .filter-footer .ap-pattern-btn-clear-filters {
            width: 7rem
        }

        .ap-pattern-filter-popup .filter-footer .ap-pattern-btn-apply {
            width: 4.5625rem
        }

.ap-pattern-data-list-header-page-content {
    display: flex;
    background-color: #f3f3f3
}

    .ap-pattern-data-list-header-page-content .ap-navigation-wrapper .ap-navigation-content {
        position: relative;
        top: 3rem;
        padding-top: 1.75rem
    }

    .ap-pattern-data-list-header-page-content .data-list-header-page {
        width: calc(100% - 280px)
    }

    .ap-pattern-data-list-header-page-content.data-list-header-page-collapse .data-list-header-page {
        width: calc(100% - 72px)
    }

    .ap-pattern-data-list-header-page-content .data-list-header-wrapper {
        margin-top: 6rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

.ap-pattern-data-list-header-page .ap-header {
    position: fixed;
    left: 0;
    top: 0
}

body[data-mode=dark] .ap-pattern-data-list-header-page-content .data-list-header-page {
    background-color: var(--color-background-default)
}

.ap-list .ap-list-item-draggable {
    padding: 0
}

code[class*=language-], pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0,0,0,.3);
    font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    tab-size: 4;
    -webkit-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background: #272822
}

:not(pre) > code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: #8292a2
}

.token.punctuation {
    color: #f8f8f2
}

.token.namespace {
    opacity: .7
}

.token.property, .token.tag, .token.constant, .token.symbol, .token.deleted {
    color: #f92672
}

.token.boolean, .token.number {
    color: #ae81ff
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #a6e22e
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable {
    color: #f8f8f2
}

.token.atrule, .token.attr-value, .token.function, .token.class-name {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.regex, .token.important {
    color: #fd971f
}

.token.important, .token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre[class*=language-].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

    pre[class*=language-].line-numbers > code {
        position: relative;
        white-space: inherit
    }

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    user-select: none
}

.line-numbers-rows > span {
    display: block;
    counter-increment: linenumber
}

    .line-numbers-rows > span:before {
        content: counter(linenumber);
        color: #999;
        display: block;
        padding-right: .8em;
        text-align: right
    }