/* Minification failed. Returning unminified contents.
(27,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(34,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(38,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(40,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(43,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(44,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(49,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(52,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(54,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(55,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(57,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(59,22): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(60,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(62,24): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon-80'
(68,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xl'
(69,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(73,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(76,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(77,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(78,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(80,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(83,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(89,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(133,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(134,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(135,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(136,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(138,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(143,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(144,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(146,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(147,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(149,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(150,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(152,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(153,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(160,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(161,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(162,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(163,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(166,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(166,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(169,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(172,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(172,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(174,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(175,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(181,22): run-time error CSS1039: Token not allowed after unary operator: '-grandient-green'
(182,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(183,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(184,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(185,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(186,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(188,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(194,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(195,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(196,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(199,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(203,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(210,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(212,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(243,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(270,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(291,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(300,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine-10'
(301,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(302,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(303,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(304,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(305,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(307,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(314,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-3'
(328,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(332,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(333,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(337,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-3'
(338,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-xs'
(377,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(379,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(386,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(386,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(386,54): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(388,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-l'
(403,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-xs'
(409,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(410,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(410,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(413,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(416,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(417,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(418,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(420,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(420,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(420,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(432,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(440,25): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(446,30): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(448,30): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(450,30): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(456,25): run-time error CSS1039: Token not allowed after unary operator: '-border'
(457,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(457,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(459,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(459,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(462,26): run-time error CSS1039: Token not allowed after unary operator: '-color-very-light-pink'
(463,15): run-time error CSS1039: Token not allowed after unary operator: '-color-redish'
(464,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(464,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(464,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(464,68): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(466,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(483,28): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(488,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(489,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(501,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(503,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(506,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(507,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(508,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(510,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(511,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(513,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(517,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(534,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(535,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(536,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(540,36): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(541,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(542,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(545,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(546,28): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(549,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(549,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(549,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(549,72): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(556,20): run-time error CSS1039: Token not allowed after unary operator: '-border'
(557,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(558,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(560,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(565,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(566,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(566,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(571,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(572,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-default'
(572,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(590,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(593,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(595,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(596,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(606,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(607,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(608,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(612,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(615,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(618,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(625,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(627,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(629,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(630,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(630,49): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-m'
(632,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(633,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(637,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(642,20): run-time error CSS1039: Token not allowed after unary operator: '-border-width-s'
(673,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(675,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(677,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(679,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(691,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(691,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(691,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(691,72): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(692,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(701,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(702,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(707,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(707,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(707,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(707,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(729,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(730,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-m'
(730,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(741,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(742,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(744,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(746,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(755,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(760,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(774,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(775,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-m'
(775,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(826,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(832,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(833,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(835,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(869,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(884,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(885,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(922,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(924,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(936,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(937,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(940,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(941,25): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(944,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(960,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(961,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(966,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(973,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(974,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(975,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(978,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(980,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(995,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1000,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(1045,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1046,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1048,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1051,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(1060,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1062,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1063,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1064,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1071,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1080,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1081,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1090,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1091,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1092,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1097,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1098,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1101,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1101,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1101,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1101,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(1108,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1109,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1110,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(1112,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(1125,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(1128,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(1130,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1131,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1139,14): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1140,13): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1145,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1149,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1150,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1153,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1153,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1153,56): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1154,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1155,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(1160,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(1166,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(1172,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(1179,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(1234,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1262,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1288,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-text'
(1294,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(1302,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1307,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1309,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(1316,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1318,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(1320,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(1341,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1342,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(1343,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-dropdown'
(1344,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1345,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1352,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1362,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1370,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1371,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1374,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(1382,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1384,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1385,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1389,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1390,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1392,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(1395,14): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1397,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1400,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1408,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1409,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1427,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1432,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1436,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(1437,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1442,24): run-time error CSS1039: Token not allowed after unary operator: '-grandient-red'
(1443,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1480,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1482,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1489,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1489,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1489,54): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1491,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-l'
(1506,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-xs'
(1512,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1513,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1513,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1516,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(1519,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1520,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1521,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1523,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1523,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1523,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1535,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1543,25): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(1549,30): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(1551,30): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(1553,30): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(1559,25): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1560,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1560,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1562,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1562,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1565,26): run-time error CSS1039: Token not allowed after unary operator: '-color-very-light-pink'
(1566,15): run-time error CSS1039: Token not allowed after unary operator: '-color-redish'
(1567,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1567,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1567,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1567,68): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1569,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1645,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(1652,21): run-time error CSS1039: Token not allowed after unary operator: '-font-family'
(1656,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(1658,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1661,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(1662,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1667,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1670,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(1672,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(1673,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(1675,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1677,22): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(1678,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1680,24): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon-80'
(1686,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xl'
(1687,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1691,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(1694,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1695,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1696,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1698,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(1701,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1707,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1751,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1752,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1753,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1754,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1756,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(1759,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(1761,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1762,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(1764,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(1765,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5'
(1767,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1768,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(1770,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(1771,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(1778,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1779,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1780,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(1781,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1784,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1784,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1787,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1790,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1790,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1792,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1793,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1799,22): run-time error CSS1039: Token not allowed after unary operator: '-grandient-green'
(1800,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1801,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(1802,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(1803,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1804,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1806,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1812,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1813,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1814,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1817,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(1821,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(1828,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(1830,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1861,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1888,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1909,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(1918,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine-10'
(1919,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(1920,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1921,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1922,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1923,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1925,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1932,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-3'
(1946,28): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(1950,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1951,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(1955,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-3'
(1956,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-xs'
(1995,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(1997,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2004,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2004,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2004,54): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2006,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-l'
(2021,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-xs'
(2027,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2028,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2028,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2031,30): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2034,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2035,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2036,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2038,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2038,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2038,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2050,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2058,25): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(2064,30): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2066,30): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2068,30): run-time error CSS1039: Token not allowed after unary operator: '-color-info'
(2074,25): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2075,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2075,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2077,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2077,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2080,26): run-time error CSS1039: Token not allowed after unary operator: '-color-very-light-pink'
(2081,15): run-time error CSS1039: Token not allowed after unary operator: '-color-redish'
(2082,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2082,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2082,51): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2082,68): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2084,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2101,28): run-time error CSS1039: Token not allowed after unary operator: '-color-watermelon'
(2106,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2107,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2119,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2121,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2124,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2125,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2126,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2128,17): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2129,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2131,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2135,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(2152,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2153,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2154,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2158,36): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2159,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2160,32): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2163,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2164,28): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2167,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2167,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2167,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2167,72): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(2174,20): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2175,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2176,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2178,26): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(2183,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2184,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2184,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2189,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(2190,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-default'
(2190,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2208,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2211,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2213,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2214,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2224,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2225,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2226,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-m'
(2230,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2233,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2236,20): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2243,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(2245,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(2247,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2248,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2248,49): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-m'
(2250,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(2251,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(2255,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(2260,20): run-time error CSS1039: Token not allowed after unary operator: '-border-width-s'
(2291,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2293,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2295,28): run-time error CSS1039: Token not allowed after unary operator: '-color-warning'
(2297,28): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2309,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2309,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2309,55): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2309,72): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(2310,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2319,20): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2320,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2325,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2325,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2325,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2325,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-8'
(2347,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2348,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-m'
(2348,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(2359,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error'
(2360,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2362,17): run-time error CSS1039: Token not allowed after unary operator: '-color-tangerine'
(2364,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2373,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2378,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(2392,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2393,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-m'
(2393,52): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(2444,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2450,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2451,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2453,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2487,24): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2502,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(2503,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(2540,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2542,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2554,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2555,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2558,19): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2559,25): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2562,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(2578,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2579,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(2584,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2591,24): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2592,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(2593,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2596,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2598,24): run-time error CSS1039: Token not allowed after unary operator: '-color-success'
(2613,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2618,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2663,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2664,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2666,18): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2669,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(2678,27): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2680,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2681,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2682,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2689,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2698,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(2699,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2708,34): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2709,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2710,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2715,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2716,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2719,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2719,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2719,53): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2719,70): run-time error CSS1039: Token not allowed after unary operator: '-spacing-10'
(2726,18): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2727,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2728,22): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2730,24): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-s'
(2743,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2746,24): run-time error CSS1039: Token not allowed after unary operator: '-transition-1'
(2748,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2749,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2757,14): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2758,13): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(2763,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
(2767,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2768,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-1'
(2771,22): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2771,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2771,56): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2772,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(2773,21): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2778,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(2784,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2790,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(2797,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-600'
(2852,22): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2880,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2906,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-text'
(2912,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(2920,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2925,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-300'
(2927,17): run-time error CSS1039: Token not allowed after unary operator: '-gray-900'
(2934,22): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-outline'
(2936,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-200'
(2938,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-500'
(2959,20): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(2960,15): run-time error CSS1039: Token not allowed after unary operator: '-gray-700'
(2961,20): run-time error CSS1039: Token not allowed after unary operator: '-box-shadow-dropdown'
(2962,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2963,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2970,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2980,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3'
(2988,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2989,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(2992,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(3000,16): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3002,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3003,36): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3007,39): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3008,40): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3010,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-100'
(3013,14): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3015,21): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3018,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-6'
(3019,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3026,26): run-time error CSS1039: Token not allowed after unary operator: '-gray-000'
(3027,23): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(3045,16): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2'
(3050,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4'
(3054,28): run-time error CSS1039: Token not allowed after unary operator: '-gray-400'
(3055,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-full'
(3060,24): run-time error CSS1039: Token not allowed after unary operator: '-grandient-red'
(3061,30): run-time error CSS1039: Token not allowed after unary operator: '-gray-800'
 */
/*
$z-index: (
    navigation         : 1,
    footer             : 9,
    modal              : 99,
    notify             : 9999
);

@function z-index($key) {
    @return map-get($z-index, $key);
}

@mixin z-index($key) {
    z-index: z-index($key);
}

// Usage Exemple
@include z-index(navigation);
*/
button {
  border: none;
  outline: none;
  cursor: pointer;
  transition: all .35s; }

.button, .custom-file-upload, .btn {
  border-radius: var(--border-radius-m);
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all .35s;
  max-width: 400px;
  font-family: var(--font-family); }
  .button > label.text-transform-none, .custom-file-upload > label.text-transform-none, .btn > label.text-transform-none {
    text-transform: none !important; }
  .button.primary, .primary.custom-file-upload, .btn.primary {
    background-color: var(--gray-900);
    background-image: none;
    color: var(--gray-000);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.35); }
    .button.primary.disabled, .primary.disabled.custom-file-upload, .button.primary:disabled, .primary.custom-file-upload:disabled, .btn.primary.disabled, .btn.primary:disabled {
      background-color: var(--gray-400);
      color: var(--gray-000);
      cursor: default;
      pointer-events: none;
      user-select: none; }
    .button.primary:hover:not(.disabled):not(:disabled), .primary.custom-file-upload:hover:not(.disabled):not(:disabled), .btn.primary:hover:not(.disabled):not(:disabled) {
      background-color: var(--gray-800); }
    .button.primary:active:not(.disabled), .primary.custom-file-upload:active:not(.disabled), .btn.primary:active:not(.disabled) {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
      color: var(--gray-900); }
  .button.secondary, .secondary.custom-file-upload, .btn.secondary {
    background: var(--gray-200);
    color: var(--gray-900); }
    .button.secondary:hover, .secondary.custom-file-upload:hover, .btn.secondary:hover {
      background: var(--gray-300); }
  .button.danger, .danger.custom-file-upload, .btn.danger {
    background: var(--color-watermelon);
    color: var(--gray-000); }
    .button.danger:hover, .danger.custom-file-upload:hover, .btn.danger:hover {
      background: var(--color-watermelon-80); }
  .button.tertiary, .tertiary.custom-file-upload, .btn.tertiary {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: capitalize;
    border-radius: var(--border-radius-xl);
    color: var(--gray-800);
    text-align: center;
    padding: 8px 16px; }
    .button.tertiary:hover, .tertiary.custom-file-upload:hover, .btn.tertiary:hover {
      background: var(--gray-200);
      cursor: pointer; }
  .button.bordered, .bordered.custom-file-upload, .btn.bordered {
    background: var(--gray-000);
    color: var(--gray-800);
    border: var(--border); }
    .button.bordered:hover, .bordered.custom-file-upload:hover, .btn.bordered:hover {
      background: var(--gray-100); }
    .button.bordered:active, .bordered.custom-file-upload:active, .btn.bordered:active {
      box-shadow: 0 0 10px rgba(255, 255, 255, 0.5) inset;
      color: var(--gray-000); }
    .button.bordered img, .bordered.custom-file-upload img, .btn.bordered img {
      position: absolute;
      left: calc(100% - 8px);
      top: 1px;
      bottom: 0;
      background: var(--gray-800);
      padding: 4px 0;
      border-radius: 0 4px 4px 0; }
  .button.full-width, .full-width.custom-file-upload, .btn.full-width {
    width: 100%; }
  .button.half, .half.custom-file-upload, .btn.half {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2; }
    .button.half.left, .half.left.custom-file-upload, .btn.half.left {
      margin-right: 1px;
      border-radius: 4px 0 0 4px; }
    .button.half.right, .half.right.custom-file-upload, .btn.half.right {
      border-radius: 0 4px 4px 0; }
      .button.half.right > img, .half.right.custom-file-upload > img, .btn.half.right > img {
        width: 23px;
        height: 23px; }
  .button.icon, .icon.custom-file-upload, .btn.icon {
    padding: 0; }
  .button.xs, .xs.custom-file-upload, .btn.xs {
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 12px; }
  .button.s, .s.custom-file-upload, .btn.s {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 16px; }
  .button.m, .m.custom-file-upload, .btn.m {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px; }
  .button.l, .l.custom-file-upload, .btn.l {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 20px; }
  .button.xl, .xl.custom-file-upload, .btn.xl {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 16px 24px; }

.icon-button {
  background: var(--gray-000);
  border-radius: var(--border-radius-full);
  height: var(--spacing-6);
  width: var(--spacing-6);
  padding: 4px;
  transition: var(--transition-1); }
  .icon-button:hover {
    cursor: pointer;
    background-color: var(--gray-100); }
  .icon-button.icon-sm {
    width: var(--spacing-4);
    min-height: var(--spacing-4); }
  .icon-button.icon-md {
    height: var(--spacing-5);
    width: var(--spacing-5); }
  .icon-button.icon-l {
    height: var(--spacing-6);
    width: var(--spacing-6); }
  .icon-button.icon-xl {
    height: var(--spacing-8);
    width: var(--spacing-8); }
  .icon-button.mirror-rotate, .icon-button .mirror-rotate {
    transform: rotate(0.5turn); }

.add-button {
  display: flex;
  flex-direction: row;
  border: var(--border);
  border-radius: var(--spacing-2);
  color: var(--gray-600);
  background: var(--gray-000);
  font-size: 13px;
  font-size: 1.3rem;
  padding: var(--spacing-2) var(--spacing-3);
  align-items: center;
  font-weight: bold;
  margin-right: var(--spacing-3);
  text-transform: lowercase; }
  .add-button.sm {
    padding: var(--spacing-1) var(--spacing-2); }
    .add-button.sm .add-icon {
      height: var(--spacing-2);
      width: var(--spacing-2); }
  .add-button > div {
    display: inline-block; }
    .add-button > div::first-letter {
      text-transform: uppercase; }
  .add-button .add-icon {
    background: var(--grandient-green);
    height: var(--spacing-3);
    width: var(--spacing-3);
    border-radius: var(--border-radius-full);
    padding: var(--spacing-2);
    margin-right: var(--spacing-2); }
  .add-button:hover {
    box-shadow: var(--box-shadow-outline);
    cursor: pointer; }

.square-button {
  display: flex;
  padding: 6px;
  margin: auto var(--spacing-2) auto 0;
  border: var(--border);
  border-radius: var(--spacing-1);
  flex: 0; }
  .square-button:hover {
    box-shadow: var(--box-shadow-outline);
    cursor: pointer; }

.bell-disanimate:hover {
  background: var(--gray-000) !important;
  cursor: default !important; }

.switch-wrapper .switch-label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33;
  color: var(--gray-800);
  font-weight: 600;
  margin-left: var(--spacing-2);
  cursor: pointer; }

.btn-wrap-toggle {
  z-index: 4;
  height: 120px;
  width: 120px; }
  .btn-wrap-toggle:hover .btn-toggle {
    opacity: .5;
    z-index: 3; }
  .btn-wrap-toggle:hover .btn-toggle-overlay {
    display: block; }
  .btn-wrap-toggle:hover ul {
    z-index: 2; }
    .btn-wrap-toggle:hover ul li {
      opacity: 1; }
      .btn-wrap-toggle:hover ul li.child:nth-child(1):hover, .btn-wrap-toggle:hover ul li.child:nth-child(2):hover {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); }
      .btn-wrap-toggle:hover ul li.child:nth-child(1) {
        transform: translate(0, 110%); }
      .btn-wrap-toggle:hover ul li.child:nth-child(2) {
        transform: translate(0, 220%); }
  .btn-wrap-toggle .btn-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    position: absolute;
    height: 120px;
    width: 120px;
    border-radius: 19px;
    border: 1px solid var(--gray-300);
    cursor: pointer;
    transition: all 0.35s ease-in; }
  .btn-wrap-toggle #check-toggle {
    display: none; }
  .btn-wrap-toggle .btn-toggle-overlay {
    position: absolute;
    display: none;
    width: 120px;
    height: 269px;
    top: 208px;
    z-index: 2; }
  .btn-wrap-toggle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative; }
  .btn-wrap-toggle li {
    position: absolute;
    overflow: hidden;
    background: white;
    height: 120px;
    min-height: 50px;
    max-height: 120px;
    width: 120px;
    min-width: 50px;
    border-radius: 19px;
    border: 1px solid var(--gray-300);
    opacity: 0;
    background-clip: padding-box;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.48, 0.13, 0.42, 1.45), opacity 0.2s ease-in; }
    .btn-wrap-toggle li:nth-child(2) {
      transition-delay: 0.025s; }
    .btn-wrap-toggle li a {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
  .btn-wrap-toggle .child {
    background: white;
    height: 120px;
    min-height: 50px;
    max-height: 120px;
    width: 120px;
    min-width: 50px;
    border-radius: 19px;
    border: 1px solid var(--gray-300); }
    .btn-wrap-toggle .child img {
      width: 50px; }

.btn-toggle {
  position: relative;
  z-index: 1000; }
  .btn-toggle-title {
    width: 320px;
    background-color: var(--color-tangerine-10);
    border: 1px solid var(--color-tangerine);
    border-top-left-radius: var(--spacing-1);
    border-top-right-radius: var(--spacing-1);
    border-bottom-left-radius: var(--spacing-1);
    border-bottom-right-radius: var(--spacing-1);
    color: #000000;
    padding: var(--spacing-1);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer; }
    .btn-toggle-title .icon {
      transition: var(--transition-3); }
    .btn-toggle-title.active {
      border-top-right-radius: 0;
      border-top-left-radius: 0; }
      .btn-toggle-title.active .icon {
        transform: rotate(-0.5turn); }
      .btn-toggle-title.active + .btn-toggle-content {
        display: block;
        bottom: 33px;
        transform: translateY(0); }
  .btn-toggle-content {
    height: fit-content;
    display: none;
    background-color: white;
    border: 1px solid var(--color-tangerine);
    position: absolute;
    width: fit-content;
    bottom: 0px;
    border-top-right-radius: var(--spacing-1);
    border-top-left-radius: var(--spacing-1);
    font-size: 10px;
    font-size: 1rem;
    transform: translateY(100%);
    transition: var(--transition-3);
    box-shadow: var(--box-shadow-xs); }
    .btn-toggle-content .row .flex-column {
      min-width: 250px; }

/*
$z-index: (
    navigation         : 1,
    footer             : 9,
    modal              : 99,
    notify             : 9999
);

@function z-index($key) {
    @return map-get($z-index, $key);
}

@mixin z-index($key) {
    z-index: z-index($key);
}

// Usage Exemple
@include z-index(navigation);
*/
/*
    Exemple de bloc :
    <div class="bloc alert border border-radius-m box-shadow-s">
		<img alt="alert" src="/V2/Content/AdoriaPop/Images/icons/atom-alert.svg">
		<div class="content">
			<div class="subtitle-1">Alertes</div>
			<div class="message">
				<div>
					Vous avez <strong>1</strong> regle d'interdiction
				</div>
			</div>
		</div>
	</div>
*/
.bloc {
  position: relative;
  margin: var(--spacing-2);
  padding: 0;
  background-color: var(--gray-000);
  z-index: 1; }
  .bloc.alert {
    position: relative;
    display: flex;
    max-width: 100vw;
    width: auto;
    margin: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2); }
    .bloc.alert.clickable {
      box-shadow: var(--box-shadow-l);
      transition: all 1s;
      cursor: pointer; }
      .bloc.alert.clickable::after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 6px;
        margin-top: -12px;
        height: 24px;
        width: 24px;
        background: url("/v2/Content/AdoriaPop/Images/icons/atom-down.svg") center no-repeat;
        transform: rotate(-90deg); }
      .bloc.alert.clickable:hover {
        box-shadow: var(--box-shadow-xs); }
    .bloc.alert:before {
      position: relative;
      content: '';
      width: 5px;
      min-width: 5px;
      background-color: var(--color-error);
      border-radius: var(--spacing-1) 0 0 var(--spacing-1); }
    .bloc.alert img {
      position: relative;
      background-color: var(--color-error);
      height: 24px;
      width: 24px;
      border-radius: var(--border-radius-full);
      padding: var(--spacing-1);
      margin: auto var(--spacing-4); }
    .bloc.alert .content {
      padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 0; }
      .bloc.alert .content .title {
        text-transform: uppercase; }
      .bloc.alert .content .subtitle-1, .bloc.alert .content .title {
        text-transform: uppercase;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 900; }
      .bloc.alert .content .message {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        color: var(--gray-800);
        position: relative; }
        .bloc.alert .content .message ul {
          padding-left: 1em; }
          .bloc.alert .content .message ul :before {
            position: absolute;
            left: 0;
            content: "\2022";
            color: var(--color-watermelon);
            display: inline-block;
            font-size: 15px;
            font-size: 1.5rem;
            margin-top: -2px; }
    .bloc.alert.success:before, .bloc.alert.success img {
      background-color: var(--color-success); }
    .bloc.alert.warning:before, .bloc.alert.warning img {
      background-color: var(--color-warning); }
    .bloc.alert.info:before, .bloc.alert.info img {
      background-color: var(--color-info); }
    .bloc.alert.large {
      max-width: 99vw; }
    .bloc.alert.small {
      max-width: 33vw; }
  .bloc .bloc-header {
    border-bottom: var(--border);
    padding: var(--spacing-6) var(--spacing-4); }
  .bloc .bloc-title {
    padding: var(--spacing-6) var(--spacing-4); }

.error-banner {
  background-color: var(--color-very-light-pink);
  color: var(--color-redish);
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-6); }
  .error-banner .link {
    color: var(--gray-800);
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none; }
    .error-banner .link:hover {
      text-decoration: underline; }

.block-infos {
  background-color: white;
  width: fit-content;
  padding: 10px;
  border-radius: 10px; }

input {
  border: none; }
  input.error {
    border: 1px solid var(--color-watermelon); }

.label {
  text-transform: uppercase; }
  .label-optional {
    font-size: var(--spacing-2);
    color: var(--gray-600);
    font-style: italic; }

.input-radio, .input-radio-border {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-right: 10px; }
  .input-radio .input, .input-radio-border .input, .input-radio .input-search-s input, .input-search-s .input-radio input, .input-radio-border .input-search-s input, .input-search-s .input-radio-border input, .input-radio .input-search-m input, .input-search-m .input-radio input, .input-radio-border .input-search-m input, .input-search-m .input-radio-border input, .input-radio .selector select, .selector .input-radio select, .input-radio-border .selector select, .selector .input-radio-border select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--border-radius-full);
    cursor: pointer;
    margin: var(--spacing-2);
    padding: 2px;
    outline: none;
    box-shadow: 0 0 0 2px var(--gray-300);
    background-color: var(--gray-000);
    border: 4px solid var(--gray-000);
    box-sizing: border-box;
    width: var(--spacing-3);
    height: var(--spacing-3); }
    .input-radio .input:checked, .input-radio-border .input:checked, .input-radio .input-search-s input:checked, .input-search-s .input-radio input:checked, .input-radio-border .input-search-s input:checked, .input-search-s .input-radio-border input:checked, .input-radio .input-search-m input:checked, .input-search-m .input-radio input:checked, .input-radio-border .input-search-m input:checked, .input-search-m .input-radio-border input:checked, .input-radio .selector select:checked, .selector .input-radio select:checked, .input-radio-border .selector select:checked, .selector .input-radio-border select:checked {
      border: 4px solid var(--gray-800); }
  .input-radio .label, .input-radio-border .label, .input-radio label, .input-radio-border label {
    font-size: 13px;
    font-size: 1.3rem;
    color: var(--gray-700);
    text-transform: initial;
    font-weight: normal;
    cursor: pointer;
    margin: 0; }

.input-radio-border {
  border: none; }
  .input-radio-border > label {
    position: relative;
    display: flex;
    cursor: pointer; }
    .input-radio-border > label .input, .input-radio-border > label .input-search-s input, .input-search-s .input-radio-border > label input, .input-radio-border > label .input-search-m input, .input-search-m .input-radio-border > label input, .input-radio-border > label .selector select, .selector .input-radio-border > label select {
      position: absolute;
      margin: 16px 16px;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: var(--spacing-3);
      height: var(--spacing-3);
      border-radius: var(--border-radius-full);
      cursor: pointer;
      outline: none; }
      .input-radio-border > label .input:checked, .input-radio-border > label .input-search-s input:checked, .input-search-s .input-radio-border > label input:checked, .input-radio-border > label .input-search-m input:checked, .input-search-m .input-radio-border > label input:checked, .input-radio-border > label .selector select:checked, .selector .input-radio-border > label select:checked {
        box-shadow: 0 0 0 2px var(--gray-300);
        background-color: var(--gray-000);
        border: 4px solid var(--gray-800);
        box-sizing: border-box; }
        .input-radio-border > label .input:checked ~ .label, .input-radio-border > label .input-search-s input:checked ~ .label, .input-search-s .input-radio-border > label input:checked ~ .label, .input-radio-border > label .input-search-m input:checked ~ .label, .input-search-m .input-radio-border > label input:checked ~ .label, .input-radio-border > label .input-group > .input:checked ~ .label, .input-radio-border > label .selector select:checked ~ .label, .selector .input-radio-border > label select:checked ~ .label {
          border: 1px solid var(--gray-800);
          box-shadow: var(--box-shadow-outline); }
    .input-radio-border > label .label {
      position: relative;
      padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);
      display: flex;
      flex: 1;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.33;
      border: var(--border);
      border-radius: var(--spacing-1);
      transition: var(--transition-1); }
      .input-radio-border > label .label:hover {
        box-shadow: var(--box-shadow-s); }

.input-radio-custom label {
  cursor: pointer; }
  .input-radio-custom label .content {
    transition: var(--transition-1);
    padding: var(--spacing-4) var(--spacing-3);
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: none;
    border-radius: var(--border-radius-m);
    border: var(--border-width-default) solid var(--gray-300); }
    .input-radio-custom label .content > .paragraph > .caption3 {
      text-transform: none;
      text-overflow: ellipsis;
      overflow: hidden;
      max-height: 80px;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; }
  .input-radio-custom label input[type='radio'] {
    display: none; }
  .input-radio-custom label .content .illustration {
    position: relative; }
    .input-radio-custom label .content .illustration .mono {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      transition: var(--transition-1); }
    .input-radio-custom label .content .illustration .color {
      opacity: 0;
      transition: var(--transition-1); }
  .input-radio-custom label input:checked ~ .content {
    border: 1px solid var(--gray-800);
    box-shadow: var(--box-shadow-outline); }
    .input-radio-custom label input:checked ~ .content .illustration .mono {
      opacity: 0; }
    .input-radio-custom label input:checked ~ .content .illustration .color {
      opacity: 1; }

.input, .input-search-s input, .input-search-m input, .input-group > .input, .selector select {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  padding: 12px 16px;
  background: var(--gray-000);
  color: var(--gray-800);
  border-radius: var(--border-radius-m);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: var(--spacing-2) 0;
  line-height: 1.6;
  letter-spacing: normal;
  border: var(--border);
  outline: none;
  filter: none;
  transition: var(--transition-1);
  box-sizing: border-box; }
  .input::placeholder, .input-search-s input::placeholder, .input-search-m input::placeholder, .input-group > .input::placeholder, .selector select::placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.33;
    color: var(--gray-500); }
  .input:hover, .input-search-s input:hover, .input-search-m input:hover, .selector select:hover {
    box-shadow: var(--box-shadow-s); }
  .input:focus, .input-search-s input:focus, .input-search-m input:focus, .selector select:focus {
    border: 1px solid var(--gray-000);
    box-shadow: var(--box-shadow-outline), var(--box-shadow-m); }
  .input:disabled, .input-search-s input:disabled, .input-search-m input:disabled, .selector select:disabled {
    color: var(--gray-700);
    background-color: var(--gray-100);
    cursor: not-allowed;
    user-select: none; }
    .input:disabled::placeholder, .input-search-s input:disabled::placeholder, .input-search-m input:disabled::placeholder, .selector select:disabled::placeholder {
      color: var(--gray-500); }
    .input:disabled:hover, .input-search-s input:disabled:hover, .input-search-m input:disabled:hover, .selector select:disabled:hover {
      box-shadow: none; }
    .input:disabled:focus, .input-search-s input:disabled:focus, .input-search-m input:disabled:focus, .selector select:disabled:focus {
      box-shadow: none;
      border: var(--border-width-s) solid transparent; }
  .input.xxs, .input-search-s input.xxs, .input-search-m input.xxs, .selector select.xxs {
    font-size: 10px;
    font-size: 1rem;
    padding: 4px 8px; }
  .input.xs, .input-search-s input.xs, .input-search-m input.xs, .selector select.xs {
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 12px; }
  .input.s, .input-search-s input.s, .input-search-m input.s, .selector select.s {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 16px; }
  .input.m, .input-search-s input.m, .input-search-m input.m, .selector select.m {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px; }
  .input.l, .input-search-s input.l, .input-search-m input.l, .selector select.l {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 20px; }
  .input.xl, .input-search-s input.xl, .input-search-m input.xl, .selector select.xl {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 16px 24px; }
  .input.date, .input-search-s input.date, .input-search-m input.date, .selector select.date {
    padding-right: 24px; }
    .input.date ~ .calendar-icon, .input-search-s input.date ~ .calendar-icon, .input-search-m input.date ~ .calendar-icon, .input-group > .date.input ~ .calendar-icon, .selector select.date ~ .calendar-icon {
      position: absolute;
      right: 0; }
  .input.error, .input-search-s input.error, .input-search-m input.error, .selector select.error {
    border: 1px solid var(--color-error) !important; }
  .input.success, .input-search-s input.success, .input-search-m input.success, .selector select.success {
    border: 1px solid var(--color-success) !important; }
  .input.warning, .input-search-s input.warning, .input-search-m input.warning, .selector select.warning {
    border: 1px solid var(--color-warning) !important; }
  .input.error.warning, .input-search-s input.error.warning, .input-search-m input.error.warning, .selector select.error.warning {
    border: 1px solid var(--color-error) !important; }
  .input-search-s, .input-search-m {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1; }
    .input-search-s input, .input-search-m input {
      position: relative;
      display: flex;
      flex: 1;
      border-radius: 50px;
      padding: var(--spacing-1) var(--spacing-6) var(--spacing-1) var(--spacing-8);
      margin: 0 var(--spacing-2) 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .input-search-s input::-webkit-search-cancel-button, .input-search-m input::-webkit-search-cancel-button {
        display: none; }
    .input-search-s .search-icon, .input-search-m .search-icon {
      position: absolute;
      top: 50%;
      bottom: var(--spacing-2);
      left: var(--spacing-2);
      height: 20px;
      margin-top: -10px;
      z-index: 2; }
  .input-search-m input {
    padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);
    height: 42px; }
  .input-search-m .search-icon {
    width: 24px;
    left: 5px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-search.svg");
    background-position: center;
    background-repeat: no-repeat; }
  .input-search-m .reset-icon, .input-search-m .reset-icon-input-select, .input-search-m .reset-icon-auto-complete {
    width: 24px;
    right: 10px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-add.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: .35s ease-in-out; }
    .input-search-m .reset-icon.loader, .input-search-m .loader.reset-icon-input-select, .input-search-m .loader.reset-icon-auto-complete {
      background-image: none;
      width: 14px;
      height: 12px;
      margin-top: -9px;
      padding: 0;
      right: 15px;
      border: 2px solid var(--gray-600);
      border-top: var(--border-width-m) solid var(--gray-100); }
  .input-search-m::placeholder {
    text-overflow: ellipsis; }
  .input-error, .input-warning, .input-success {
    position: relative;
    bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--color-error);
    margin-bottom: var(--spacing-2); }
  .input-warning {
    color: var(--color-tangerine); }
  .input-success {
    color: var(--color-success); }

.reset-icon, .reset-icon-input-select, .reset-icon-auto-complete {
  position: absolute;
  top: 50%;
  right: 7px;
  height: 24px;
  margin-top: -12px;
  padding: 0 3px;
  border-radius: var(--border-radius-full);
  transform: rotate(0.125turn);
  z-index: 2; }
  .reset-icon:hover, .reset-icon-input-select:hover, .reset-icon-auto-complete:hover {
    cursor: pointer;
    background-color: var(--gray-100); }
  .reset-icon-auto-complete {
    width: 24px;
    right: 0px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-add.svg");
    background-position: center;
    background-repeat: no-repeat; }
    .reset-icon-auto-complete.loader {
      background-image: none;
      width: 14px;
      height: 12px;
      margin-top: -9px;
      padding: 0;
      right: 5px;
      border: 2px solid var(--gray-600);
      border-top: var(--border-width-m) solid var(--gray-100); }
    .reset-icon-auto-complete::placeholder {
      text-overflow: ellipsis; }

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .input-search-s .input-group > input:not(:last-child), .input-search-m .input-group > input:not(:last-child), .input-group > .input:not(:last-child), .selector .input-group > select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-search-s .input-group > input:not(:first-child), .input-search-m .input-group > input:not(:first-child), .input-group > .input:not(:first-child), .selector .input-group > select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .input-group-prepend {
    margin-right: -1px;
    display: flex; }
    .input-group > .input-group-prepend > .input-group-text {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .input-group > .input-group-append {
    margin-left: -1px;
    display: flex; }
    .input-group > .input-group-append > .input-group-text {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .input-group .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem; }

.date-input {
  position: relative;
  display: inline-block;
  color: var(--gray-600);
  font-size: 14px;
  font-size: 1.4rem; }
  .date-input > input {
    font-size: 13px;
    font-size: 1.3rem;
    color: var(--gray-600);
    padding: var(--spacing-2); }
    .date-input > input.s {
      padding: var(--spacing-1); }
  .date-input .input.s, .date-input .input-search-s input.s, .input-search-s .date-input input.s, .date-input .input-search-m input.s, .input-search-m .date-input input.s, .date-input .selector select.s, .selector .date-input select.s {
    padding-right: 32px;
    width: 70px;
    cursor: pointer;
    font-weight: 600; }
  .date-input:after {
    position: absolute;
    content: '';
    background-image: url("/V2/Content/AdoriaPop/images/icons/basic-icon-calendar.svg");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    pointer-events: none; }
  .date-input img {
    width: 18px;
    height: 18px; }

.checkbox-wrapper {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  height: 30px; }
  .checkbox-wrapper .checkbox {
    margin-right: var(--spacing-3); }

.checkbox {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  max-width: 24px;
  cursor: pointer;
  display: flex;
  z-index: 2;
  vertical-align: middle; }
  .checkbox.disabled {
    pointer-events: none; }
    .checkbox.disabled input:checked {
      background: var(--gray-400);
      border: 1px solid var(--gray-400); }
    .checkbox.disabled label {
      cursor: default; }
  .checkbox label, .checkbox input img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .checkbox label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .checkbox label img {
      position: relative;
      display: flex;
      height: 8px;
      width: 7px;
      margin: auto;
      z-index: 3; }
    .checkbox label span {
      width: auto; }
  .checkbox input {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: var(--border);
    border-radius: 3px;
    transition: var(--transition-1);
    background: white;
    width: 20px;
    min-width: 20px;
    height: 20px;
    max-width: 24px; }
    .checkbox input:checked {
      content: '';
      display: block;
      font-size: 13px;
      font-size: 1.3rem;
      position: absolute;
      background: var(--gray-800);
      border: 1px solid var(--gray-800); }
    .checkbox input:focus {
      outline: none;
      caret: var(--gray-800);
      caret-color: var(--gray-800); }
    .checkbox input:hover {
      cursor: pointer;
      box-shadow: var(--box-shadow-s); }

.svg-checkbox input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none; }

.switch-wrapper {
  display: flex;
  align-items: center; }
  .switch-wrapper .switch {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: var(--gray-300);
    border: 1px solid var(--gray-400);
    border-radius: 100px;
    height: 18px;
    width: 34px;
    cursor: pointer;
    transition: var(--transition-1); }
    .switch-wrapper .switch:after {
      content: '';
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      background: var(--gray-000);
      border: 1px solid var(--gray-400);
      border-radius: var(--border-radius-full);
      height: 16px;
      width: 16px;
      transition: var(--transition-1); }
    .switch-wrapper .switch:checked {
      background: var(--color-success); }
      .switch-wrapper .switch:checked:after {
        transform: translateX(16px); }

.selector {
  position: relative;
  display: flex;
  flex-direction: column;
  height: fit-content; }
  .selector label {
    line-height: 1.33; }
  .selector select {
    cursor: pointer;
    position: relative;
    padding: 4px 30px 4px 8px !important;
    margin: var(--spacing-2) 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    min-height: 28px;
    color: var(--gray-600);
    font-weight: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    text-overflow: ellipsis;
    flex: 1 0; }
    .selector select:-moz-focusring, .selector select:active, .selector select:hover {
      outline: 0; }
  .selector:after {
    position: absolute;
    content: '';
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-down-double-down.svg");
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    pointer-events: none; }

.radio-inputs .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  height: 30px;
  text-transform: initial; }
  .radio-inputs .option label {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
    text-transform: none; }
  .radio-inputs .option input {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: var(--border-radius-full);
    border: var(--border);
    cursor: pointer;
    margin: var(--spacing-2);
    outline: none; }
    .radio-inputs .option input:hover {
      box-shadow: var(--box-shadow-s); }
    .radio-inputs .option input:after {
      content: '';
      position: absolute;
      display: flex;
      left: 0;
      top: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--border-radius-full); }
    .radio-inputs .option input:checked {
      box-shadow: 0 0 0 2px var(--gray-300);
      background-color: var(--gray-000);
      border: 4px solid var(--gray-800);
      box-sizing: border-box; }

.radio-inputs label {
  position: relative;
  display: flex;
  cursor: pointer;
  margin-bottom: var(--spacing-2); }
  .radio-inputs label input {
    position: absolute;
    margin: 23px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: var(--border-radius-full);
    border: var(--border);
    cursor: pointer;
    outline: none; }
    .radio-inputs label input:disabled, .radio-inputs label input:disabled ~ .option {
      opacity: 0.6;
      cursor: default; }
      .radio-inputs label input:disabled:hover, .radio-inputs label input:disabled ~ .option:hover {
        box-shadow: none; }
    .radio-inputs label input:checked {
      box-shadow: 0 0 0 2px var(--gray-300);
      background-color: var(--gray-000);
      border: 4px solid var(--gray-800);
      box-sizing: border-box; }
    .radio-inputs label input.hidden {
      display: none; }
    .radio-inputs label input:checked ~ .option {
      border: 1px solid var(--gray-800);
      box-shadow: var(--box-shadow-outline); }
  .radio-inputs label .option {
    position: relative;
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);
    display: flex;
    flex: 1;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.33;
    border: var(--border);
    border-radius: var(--spacing-1);
    transition: var(--transition-1); }
    .radio-inputs label .option:hover {
      box-shadow: var(--box-shadow-s); }

.radio-card label {
  cursor: pointer; }
  .radio-card label input[type=radio] {
    display: none; }
  .radio-card label .card .illustration {
    position: relative; }
    .radio-card label .card .illustration .mono {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      transition: var(--transition-1); }
    .radio-card label .card .illustration .color {
      opacity: 0;
      transition: var(--transition-1); }
  .radio-card label input:checked ~ .card {
    border: 1px solid var(--gray-800);
    box-shadow: var(--box-shadow-outline); }
    .radio-card label input:checked ~ .card .illustration .mono {
      opacity: 0; }
    .radio-card label input:checked ~ .card .illustration .color {
      opacity: 1; }

.text-input .text-input-label {
  position: absolute;
  left: var(--spacing-6);
  top: var(--spacing-6);
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33;
  color: var(--gray-800); }

.text-input .message-area {
  resize: none;
  border: var(--border);
  border-radius: var(--spacing-1);
  width: calc(100% - 32px);
  height: 92px;
  padding: 42px var(--spacing-4) var(--spacing-4) var(--spacing-4);
  margin-bottom: var(--spacing-4);
  caret-color: var(--gray-600);
  caret-shape: bar;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.38;
  color: var(--gray-700); }
  .text-input .message-area::placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.38;
    font-weight: normal;
    color: var(--gray-600); }
  .text-input .message-area:focus {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.38;
    font-weight: normal;
    color: var(--gray-700); }

.text-input .char-counter {
  position: relative;
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: var(--gray-600); }

input[type="file"] {
  display: none; }

.custom-file-upload {
  display: flex !important;
  align-items: center;
  position: relative;
  text-transform: uppercase;
  cursor: pointer; }
  .custom-file-upload img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    padding: 0;
    margin-left: 10px;
    background: none !important;
    cursor: pointer; }
  .custom-file-upload.disabled, .custom-file-upload[disabled] {
    opacity: .75;
    cursor: default; }

.multi-range,
.multi-range * {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.multi-range {
  position: relative;
  width: 200px;
  height: 28px;
  /*&::after {
        z-index: -1;
        height: 1rem;
        border-radius: 1rem;
        content: "";
        background: #ecebe9;
        --u: calc(2.75rem + 10vw);
        --mask: linear-gradient(90deg, red calc(0.75rem + 1*var(--u)), transparent 0), linear-gradient(90deg, red calc(0.75rem + 6*var(--u)), transparent 0);
        -webkit-mask: var(--mask);
        -webkit-mask-composite: xor;
        mask: var(--mask);
    }*/
  /* Thumb */ }
  .multi-range::before {
    content: ' ';
    position: absolute;
    top: 8px;
    left: -1px;
    width: 100%;
    height: 9px;
    border-radius: 9px;
    background: var(--gray-300);
    border: 1px solid #CCC; }
  .multi-range > input[type=range] {
    width: calc(100% - 16px);
    position: absolute;
    bottom: 6px;
    left: 0;
    color: white;
    -webkit-transition: .2s;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
    z-index: 2; }
    .multi-range > input[type=range]:last-of-type {
      margin-left: 16px;
      z-index: 1; }
  .multi-range > input[type=range]:focus {
    outline: none; }
  .multi-range > input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .multi-range > input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid var(--gray-300);
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background: white;
    margin-top: -14px;
    box-shadow: 0 0 1px #0d0d0d;
    cursor: pointer; }
  .multi-range > input[type=range]::-moz-range-thumb,
  .multi-range > input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer; }
  .multi-range > output {
    position: absolute;
    top: -18px;
    left: 0;
    display: block;
    height: 24px;
    line-height: 24px;
    width: auto;
    border: none;
    font-size: var(--font-size-text); }
  .multi-range > output:last-of-type {
    left: auto;
    right: 0; }

textarea[disabled] {
  color: var(--gray-900);
  background-color: transparent; }

.js-number {
  display: flex;
  flex-direction: row;
  align-content: center; }
  .js-number input:hover {
    box-shadow: var(--box-shadow-outline); }
  .js-number .minus, .js-number .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-300);
    transition: all .35s;
    color: var(--gray-900);
    width: 20px;
    user-select: none;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    box-shadow: var(--box-shadow-outline); }
    .js-number .minus:hover, .js-number .plus:hover {
      background-color: var(--gray-200); }
    .js-number .minus:active, .js-number .plus:active {
      background-color: var(--gray-500);
      color: white; }
  .js-number .minus {
    border-radius: 4px 0 0 4px;
    padding-bottom: 2px; }
  .js-number .plus {
    border-radius: 0 4px 4px 0; }

.input-button-select {
  display: flex;
  flex-direction: row;
  align-items: center; }

.input-button-select-arrow {
  margin-left: 5px; }

.drop-down-input-select {
  position: absolute;
  width: 250px;
  height: fit-content;
  max-height: 255px;
  background: var(--gray-000);
  color: var(--gray-700);
  box-shadow: var(--box-shadow-dropdown);
  border: var(--border);
  border-radius: var(--spacing-2);
  z-index: 100; }
  .drop-down-input-select .content-drop-down {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; }
    .drop-down-input-select .content-drop-down .label {
      padding: 6px var(--spacing-3);
      display: flex;
      align-items: center;
      white-space: nowrap;
      font-size: 1.2rem;
      height: 24px;
      line-height: 24px;
      cursor: default;
      pointer-events: none; }
    .drop-down-input-select .content-drop-down .label-child {
      padding: 6px var(--spacing-3);
      display: flex;
      align-items: center;
      white-space: nowrap;
      font-size: 1.2rem;
      height: 24px;
      line-height: 24px; }
      .drop-down-input-select .content-drop-down .label-child:last-child {
        border-bottom-left-radius: var(--spacing-2);
        border-bottom-right-radius: var(--spacing-2); }
      .drop-down-input-select .content-drop-down .label-child:hover {
        cursor: pointer;
        background: var(--gray-100); }

.input-auto-complete-custom-dropdown {
  overflow-y: auto;
  position: absolute;
  z-index: 101;
  width: 345px;
  background-color: #fff;
  border: var(--border);
  box-sizing: border-box;
  border-bottom-left-radius: var(--spacing-2);
  border-bottom-right-radius: var(--spacing-2); }
  .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item {
    cursor: pointer; }
    .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item:last-child {
      border-bottom-left-radius: var(--spacing-2);
      border-bottom-right-radius: var(--spacing-2); }
    .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item:hover {
      background-color: var(--gray-100); }

.carousel .carousel-left-button {
  left: var(--spacing-6);
  transform: rotate(0.5turn);
  margin: auto var(--spacing-4) auto 0; }

.carousel .carousel-right-button {
  right: var(--spacing-6);
  margin: auto 0 auto var(--spacing-4); }

.carousel .carousel-left-button, .carousel .carousel-right-button {
  position: absolute;
  bottom: 150px;
  z-index: 2;
  height: 30px;
  background-color: var(--gray-000);
  border-radius: var(--border-radius-full); }
  .carousel .carousel-left-button img:hover, .carousel .carousel-right-button img:hover {
    transform: scale(1.05);
    cursor: pointer; }
  .carousel .carousel-left-button .inactive, .carousel .carousel-right-button .inactive {
    cursor: unset;
    opacity: 0; }

.carousel .carousel-viewport {
  overflow: hidden;
  width: 400px; }
  .carousel .carousel-viewport .carousel-slide {
    min-width: 400px;
    text-align: center;
    transition: all ease-out 0.6s;
    z-index: 0; }

.bottom-message {
  margin: var(--spacing-2) 0; }

.carousel-dots {
  display: flex;
  flex-direction: row;
  margin: 0 auto var(--spacing-4) auto; }
  .carousel-dots .carousel-dot {
    width: 12px;
    height: 12px;
    border: 2px solid var(--gray-400);
    border-radius: var(--border-radius-full);
    margin: 0 4px;
    transition: all ease-out 0.5s;
    cursor: pointer; }
    .carousel-dots .carousel-dot.active {
      background: var(--grandient-red);
      border: 2px solid var(--gray-800); }

/*
$z-index: (
    navigation         : 1,
    footer             : 9,
    modal              : 99,
    notify             : 9999
);

@function z-index($key) {
    @return map-get($z-index, $key);
}

@mixin z-index($key) {
    z-index: z-index($key);
}

// Usage Exemple
@include z-index(navigation);
*/
/*
    Exemple de bloc :
    <div class="bloc alert border border-radius-m box-shadow-s">
		<img alt="alert" src="/V2/Content/AdoriaPop/Images/icons/atom-alert.svg">
		<div class="content">
			<div class="subtitle-1">Alertes</div>
			<div class="message">
				<div>
					Vous avez <strong>1</strong> regle d'interdiction
				</div>
			</div>
		</div>
	</div>
*/
.bloc {
  position: relative;
  margin: var(--spacing-2);
  padding: 0;
  background-color: var(--gray-000);
  z-index: 1; }
  .bloc.alert {
    position: relative;
    display: flex;
    max-width: 100vw;
    width: auto;
    margin: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2); }
    .bloc.alert.clickable {
      box-shadow: var(--box-shadow-l);
      transition: all 1s;
      cursor: pointer; }
      .bloc.alert.clickable::after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 6px;
        margin-top: -12px;
        height: 24px;
        width: 24px;
        background: url("/v2/Content/AdoriaPop/Images/icons/atom-down.svg") center no-repeat;
        transform: rotate(-90deg); }
      .bloc.alert.clickable:hover {
        box-shadow: var(--box-shadow-xs); }
    .bloc.alert:before {
      position: relative;
      content: '';
      width: 5px;
      min-width: 5px;
      background-color: var(--color-error);
      border-radius: var(--spacing-1) 0 0 var(--spacing-1); }
    .bloc.alert img {
      position: relative;
      background-color: var(--color-error);
      height: 24px;
      width: 24px;
      border-radius: var(--border-radius-full);
      padding: var(--spacing-1);
      margin: auto var(--spacing-4); }
    .bloc.alert .content {
      padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 0; }
      .bloc.alert .content .title {
        text-transform: uppercase; }
      .bloc.alert .content .subtitle-1, .bloc.alert .content .title {
        text-transform: uppercase;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 900; }
      .bloc.alert .content .message {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        color: var(--gray-800);
        position: relative; }
        .bloc.alert .content .message ul {
          padding-left: 1em; }
          .bloc.alert .content .message ul :before {
            position: absolute;
            left: 0;
            content: "\2022";
            color: var(--color-watermelon);
            display: inline-block;
            font-size: 15px;
            font-size: 1.5rem;
            margin-top: -2px; }
    .bloc.alert.success:before, .bloc.alert.success img {
      background-color: var(--color-success); }
    .bloc.alert.warning:before, .bloc.alert.warning img {
      background-color: var(--color-warning); }
    .bloc.alert.info:before, .bloc.alert.info img {
      background-color: var(--color-info); }
    .bloc.alert.large {
      max-width: 99vw; }
    .bloc.alert.small {
      max-width: 33vw; }
  .bloc .bloc-header {
    border-bottom: var(--border);
    padding: var(--spacing-6) var(--spacing-4); }
  .bloc .bloc-title {
    padding: var(--spacing-6) var(--spacing-4); }

.error-banner {
  background-color: var(--color-very-light-pink);
  color: var(--color-redish);
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-6); }
  .error-banner .link {
    color: var(--gray-800);
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none; }
    .error-banner .link:hover {
      text-decoration: underline; }

.block-infos {
  background-color: white;
  width: fit-content;
  padding: 10px;
  border-radius: 10px; }

#notify {
  position: fixed;
  top: 15px;
  right: 15px;
  width: 350px;
  height: auto;
  z-index: 9999; }
  #notify .alert {
    cursor: pointer;
    transition: all .35s;
    justify-content: flex-start;
    justify-items: center;
    align-items: center;
    align-content: center; }
    #notify .alert::before {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%; }
    #notify .alert img {
      display: flex; }
    #notify .alert:hover {
      opacity: .75 !important; }
  #notify.top-right {
    top: 15px;
    right: 15px; }
  #notify.top-left {
    top: 15px;
    left: 15px; }
  #notify.bottom-left {
    bottom: 15px;
    left: 15px; }
  #notify.bottom-right {
    bottom: 15px;
    right: 15px; }

/*
$z-index: (
    navigation         : 1,
    footer             : 9,
    modal              : 99,
    notify             : 9999
);

@function z-index($key) {
    @return map-get($z-index, $key);
}

@mixin z-index($key) {
    z-index: z-index($key);
}

// Usage Exemple
@include z-index(navigation);
*/
button {
  border: none;
  outline: none;
  cursor: pointer;
  transition: all .35s; }

.button, .custom-file-upload, .btn {
  border-radius: var(--border-radius-m);
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
  transition: all .35s;
  max-width: 400px;
  font-family: var(--font-family); }
  .button > label.text-transform-none, .custom-file-upload > label.text-transform-none, .btn > label.text-transform-none {
    text-transform: none !important; }
  .button.primary, .primary.custom-file-upload, .btn.primary {
    background-color: var(--gray-900);
    background-image: none;
    color: var(--gray-000);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.35); }
    .button.primary.disabled, .primary.disabled.custom-file-upload, .button.primary:disabled, .primary.custom-file-upload:disabled, .btn.primary.disabled, .btn.primary:disabled {
      background-color: var(--gray-400);
      color: var(--gray-000);
      cursor: default;
      pointer-events: none;
      user-select: none; }
    .button.primary:hover:not(.disabled):not(:disabled), .primary.custom-file-upload:hover:not(.disabled):not(:disabled), .btn.primary:hover:not(.disabled):not(:disabled) {
      background-color: var(--gray-800); }
    .button.primary:active:not(.disabled), .primary.custom-file-upload:active:not(.disabled), .btn.primary:active:not(.disabled) {
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
      color: var(--gray-900); }
  .button.secondary, .secondary.custom-file-upload, .btn.secondary {
    background: var(--gray-200);
    color: var(--gray-900); }
    .button.secondary:hover, .secondary.custom-file-upload:hover, .btn.secondary:hover {
      background: var(--gray-300); }
  .button.danger, .danger.custom-file-upload, .btn.danger {
    background: var(--color-watermelon);
    color: var(--gray-000); }
    .button.danger:hover, .danger.custom-file-upload:hover, .btn.danger:hover {
      background: var(--color-watermelon-80); }
  .button.tertiary, .tertiary.custom-file-upload, .btn.tertiary {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: capitalize;
    border-radius: var(--border-radius-xl);
    color: var(--gray-800);
    text-align: center;
    padding: 8px 16px; }
    .button.tertiary:hover, .tertiary.custom-file-upload:hover, .btn.tertiary:hover {
      background: var(--gray-200);
      cursor: pointer; }
  .button.bordered, .bordered.custom-file-upload, .btn.bordered {
    background: var(--gray-000);
    color: var(--gray-800);
    border: var(--border); }
    .button.bordered:hover, .bordered.custom-file-upload:hover, .btn.bordered:hover {
      background: var(--gray-100); }
    .button.bordered:active, .bordered.custom-file-upload:active, .btn.bordered:active {
      box-shadow: 0 0 10px rgba(255, 255, 255, 0.5) inset;
      color: var(--gray-000); }
    .button.bordered img, .bordered.custom-file-upload img, .btn.bordered img {
      position: absolute;
      left: calc(100% - 8px);
      top: 1px;
      bottom: 0;
      background: var(--gray-800);
      padding: 4px 0;
      border-radius: 0 4px 4px 0; }
  .button.full-width, .full-width.custom-file-upload, .btn.full-width {
    width: 100%; }
  .button.half, .half.custom-file-upload, .btn.half {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.2; }
    .button.half.left, .half.left.custom-file-upload, .btn.half.left {
      margin-right: 1px;
      border-radius: 4px 0 0 4px; }
    .button.half.right, .half.right.custom-file-upload, .btn.half.right {
      border-radius: 0 4px 4px 0; }
      .button.half.right > img, .half.right.custom-file-upload > img, .btn.half.right > img {
        width: 23px;
        height: 23px; }
  .button.icon, .icon.custom-file-upload, .btn.icon {
    padding: 0; }
  .button.xs, .xs.custom-file-upload, .btn.xs {
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 12px; }
  .button.s, .s.custom-file-upload, .btn.s {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 16px; }
  .button.m, .m.custom-file-upload, .btn.m {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px; }
  .button.l, .l.custom-file-upload, .btn.l {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 20px; }
  .button.xl, .xl.custom-file-upload, .btn.xl {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 16px 24px; }

.icon-button {
  background: var(--gray-000);
  border-radius: var(--border-radius-full);
  height: var(--spacing-6);
  width: var(--spacing-6);
  padding: 4px;
  transition: var(--transition-1); }
  .icon-button:hover {
    cursor: pointer;
    background-color: var(--gray-100); }
  .icon-button.icon-sm {
    width: var(--spacing-4);
    min-height: var(--spacing-4); }
  .icon-button.icon-md {
    height: var(--spacing-5);
    width: var(--spacing-5); }
  .icon-button.icon-l {
    height: var(--spacing-6);
    width: var(--spacing-6); }
  .icon-button.icon-xl {
    height: var(--spacing-8);
    width: var(--spacing-8); }
  .icon-button.mirror-rotate, .icon-button .mirror-rotate {
    transform: rotate(0.5turn); }

.add-button {
  display: flex;
  flex-direction: row;
  border: var(--border);
  border-radius: var(--spacing-2);
  color: var(--gray-600);
  background: var(--gray-000);
  font-size: 13px;
  font-size: 1.3rem;
  padding: var(--spacing-2) var(--spacing-3);
  align-items: center;
  font-weight: bold;
  margin-right: var(--spacing-3);
  text-transform: lowercase; }
  .add-button.sm {
    padding: var(--spacing-1) var(--spacing-2); }
    .add-button.sm .add-icon {
      height: var(--spacing-2);
      width: var(--spacing-2); }
  .add-button > div {
    display: inline-block; }
    .add-button > div::first-letter {
      text-transform: uppercase; }
  .add-button .add-icon {
    background: var(--grandient-green);
    height: var(--spacing-3);
    width: var(--spacing-3);
    border-radius: var(--border-radius-full);
    padding: var(--spacing-2);
    margin-right: var(--spacing-2); }
  .add-button:hover {
    box-shadow: var(--box-shadow-outline);
    cursor: pointer; }

.square-button {
  display: flex;
  padding: 6px;
  margin: auto var(--spacing-2) auto 0;
  border: var(--border);
  border-radius: var(--spacing-1);
  flex: 0; }
  .square-button:hover {
    box-shadow: var(--box-shadow-outline);
    cursor: pointer; }

.bell-disanimate:hover {
  background: var(--gray-000) !important;
  cursor: default !important; }

.switch-wrapper .switch-label {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.33;
  color: var(--gray-800);
  font-weight: 600;
  margin-left: var(--spacing-2);
  cursor: pointer; }

.btn-wrap-toggle {
  z-index: 4;
  height: 120px;
  width: 120px; }
  .btn-wrap-toggle:hover .btn-toggle {
    opacity: .5;
    z-index: 3; }
  .btn-wrap-toggle:hover .btn-toggle-overlay {
    display: block; }
  .btn-wrap-toggle:hover ul {
    z-index: 2; }
    .btn-wrap-toggle:hover ul li {
      opacity: 1; }
      .btn-wrap-toggle:hover ul li.child:nth-child(1):hover, .btn-wrap-toggle:hover ul li.child:nth-child(2):hover {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1); }
      .btn-wrap-toggle:hover ul li.child:nth-child(1) {
        transform: translate(0, 110%); }
      .btn-wrap-toggle:hover ul li.child:nth-child(2) {
        transform: translate(0, 220%); }
  .btn-wrap-toggle .btn-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    background: white;
    position: absolute;
    height: 120px;
    width: 120px;
    border-radius: 19px;
    border: 1px solid var(--gray-300);
    cursor: pointer;
    transition: all 0.35s ease-in; }
  .btn-wrap-toggle #check-toggle {
    display: none; }
  .btn-wrap-toggle .btn-toggle-overlay {
    position: absolute;
    display: none;
    width: 120px;
    height: 269px;
    top: 208px;
    z-index: 2; }
  .btn-wrap-toggle ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative; }
  .btn-wrap-toggle li {
    position: absolute;
    overflow: hidden;
    background: white;
    height: 120px;
    min-height: 50px;
    max-height: 120px;
    width: 120px;
    min-width: 50px;
    border-radius: 19px;
    border: 1px solid var(--gray-300);
    opacity: 0;
    background-clip: padding-box;
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s cubic-bezier(0.48, 0.13, 0.42, 1.45), opacity 0.2s ease-in; }
    .btn-wrap-toggle li:nth-child(2) {
      transition-delay: 0.025s; }
    .btn-wrap-toggle li a {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
  .btn-wrap-toggle .child {
    background: white;
    height: 120px;
    min-height: 50px;
    max-height: 120px;
    width: 120px;
    min-width: 50px;
    border-radius: 19px;
    border: 1px solid var(--gray-300); }
    .btn-wrap-toggle .child img {
      width: 50px; }

.btn-toggle {
  position: relative;
  z-index: 1000; }
  .btn-toggle-title {
    width: 320px;
    background-color: var(--color-tangerine-10);
    border: 1px solid var(--color-tangerine);
    border-top-left-radius: var(--spacing-1);
    border-top-right-radius: var(--spacing-1);
    border-bottom-left-radius: var(--spacing-1);
    border-bottom-right-radius: var(--spacing-1);
    color: #000000;
    padding: var(--spacing-1);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer; }
    .btn-toggle-title .icon {
      transition: var(--transition-3); }
    .btn-toggle-title.active {
      border-top-right-radius: 0;
      border-top-left-radius: 0; }
      .btn-toggle-title.active .icon {
        transform: rotate(-0.5turn); }
      .btn-toggle-title.active + .btn-toggle-content {
        display: block;
        bottom: 33px;
        transform: translateY(0); }
  .btn-toggle-content {
    height: fit-content;
    display: none;
    background-color: white;
    border: 1px solid var(--color-tangerine);
    position: absolute;
    width: fit-content;
    bottom: 0px;
    border-top-right-radius: var(--spacing-1);
    border-top-left-radius: var(--spacing-1);
    font-size: 10px;
    font-size: 1rem;
    transform: translateY(100%);
    transition: var(--transition-3);
    box-shadow: var(--box-shadow-xs); }
    .btn-toggle-content .row .flex-column {
      min-width: 250px; }

/*
$z-index: (
    navigation         : 1,
    footer             : 9,
    modal              : 99,
    notify             : 9999
);

@function z-index($key) {
    @return map-get($z-index, $key);
}

@mixin z-index($key) {
    z-index: z-index($key);
}

// Usage Exemple
@include z-index(navigation);
*/
/*
    Exemple de bloc :
    <div class="bloc alert border border-radius-m box-shadow-s">
		<img alt="alert" src="/V2/Content/AdoriaPop/Images/icons/atom-alert.svg">
		<div class="content">
			<div class="subtitle-1">Alertes</div>
			<div class="message">
				<div>
					Vous avez <strong>1</strong> regle d'interdiction
				</div>
			</div>
		</div>
	</div>
*/
.bloc {
  position: relative;
  margin: var(--spacing-2);
  padding: 0;
  background-color: var(--gray-000);
  z-index: 1; }
  .bloc.alert {
    position: relative;
    display: flex;
    max-width: 100vw;
    width: auto;
    margin: var(--spacing-2) var(--spacing-2) 0 var(--spacing-2); }
    .bloc.alert.clickable {
      box-shadow: var(--box-shadow-l);
      transition: all 1s;
      cursor: pointer; }
      .bloc.alert.clickable::after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 6px;
        margin-top: -12px;
        height: 24px;
        width: 24px;
        background: url("/v2/Content/AdoriaPop/Images/icons/atom-down.svg") center no-repeat;
        transform: rotate(-90deg); }
      .bloc.alert.clickable:hover {
        box-shadow: var(--box-shadow-xs); }
    .bloc.alert:before {
      position: relative;
      content: '';
      width: 5px;
      min-width: 5px;
      background-color: var(--color-error);
      border-radius: var(--spacing-1) 0 0 var(--spacing-1); }
    .bloc.alert img {
      position: relative;
      background-color: var(--color-error);
      height: 24px;
      width: 24px;
      border-radius: var(--border-radius-full);
      padding: var(--spacing-1);
      margin: auto var(--spacing-4); }
    .bloc.alert .content {
      padding: var(--spacing-4) var(--spacing-4) var(--spacing-4) 0; }
      .bloc.alert .content .title {
        text-transform: uppercase; }
      .bloc.alert .content .subtitle-1, .bloc.alert .content .title {
        text-transform: uppercase;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 900; }
      .bloc.alert .content .message {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: normal;
        color: var(--gray-800);
        position: relative; }
        .bloc.alert .content .message ul {
          padding-left: 1em; }
          .bloc.alert .content .message ul :before {
            position: absolute;
            left: 0;
            content: "\2022";
            color: var(--color-watermelon);
            display: inline-block;
            font-size: 15px;
            font-size: 1.5rem;
            margin-top: -2px; }
    .bloc.alert.success:before, .bloc.alert.success img {
      background-color: var(--color-success); }
    .bloc.alert.warning:before, .bloc.alert.warning img {
      background-color: var(--color-warning); }
    .bloc.alert.info:before, .bloc.alert.info img {
      background-color: var(--color-info); }
    .bloc.alert.large {
      max-width: 99vw; }
    .bloc.alert.small {
      max-width: 33vw; }
  .bloc .bloc-header {
    border-bottom: var(--border);
    padding: var(--spacing-6) var(--spacing-4); }
  .bloc .bloc-title {
    padding: var(--spacing-6) var(--spacing-4); }

.error-banner {
  background-color: var(--color-very-light-pink);
  color: var(--color-redish);
  padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-6); }
  .error-banner .link {
    color: var(--gray-800);
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none; }
    .error-banner .link:hover {
      text-decoration: underline; }

.block-infos {
  background-color: white;
  width: fit-content;
  padding: 10px;
  border-radius: 10px; }

input {
  border: none; }
  input.error {
    border: 1px solid var(--color-watermelon); }

.label {
  text-transform: uppercase; }
  .label-optional {
    font-size: var(--spacing-2);
    color: var(--gray-600);
    font-style: italic; }

.input-radio, .input-radio-border {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-right: 10px; }
  .input-radio .input, .input-radio-border .input, .input-radio .input-search-s input, .input-search-s .input-radio input, .input-radio-border .input-search-s input, .input-search-s .input-radio-border input, .input-radio .input-search-m input, .input-search-m .input-radio input, .input-radio-border .input-search-m input, .input-search-m .input-radio-border input, .input-radio .selector select, .selector .input-radio select, .input-radio-border .selector select, .selector .input-radio-border select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--border-radius-full);
    cursor: pointer;
    margin: var(--spacing-2);
    padding: 2px;
    outline: none;
    box-shadow: 0 0 0 2px var(--gray-300);
    background-color: var(--gray-000);
    border: 4px solid var(--gray-000);
    box-sizing: border-box;
    width: var(--spacing-3);
    height: var(--spacing-3); }
    .input-radio .input:checked, .input-radio-border .input:checked, .input-radio .input-search-s input:checked, .input-search-s .input-radio input:checked, .input-radio-border .input-search-s input:checked, .input-search-s .input-radio-border input:checked, .input-radio .input-search-m input:checked, .input-search-m .input-radio input:checked, .input-radio-border .input-search-m input:checked, .input-search-m .input-radio-border input:checked, .input-radio .selector select:checked, .selector .input-radio select:checked, .input-radio-border .selector select:checked, .selector .input-radio-border select:checked {
      border: 4px solid var(--gray-800); }
  .input-radio .label, .input-radio-border .label, .input-radio label, .input-radio-border label {
    font-size: 13px;
    font-size: 1.3rem;
    color: var(--gray-700);
    text-transform: initial;
    font-weight: normal;
    cursor: pointer;
    margin: 0; }

.input-radio-border {
  border: none; }
  .input-radio-border > label {
    position: relative;
    display: flex;
    cursor: pointer; }
    .input-radio-border > label .input, .input-radio-border > label .input-search-s input, .input-search-s .input-radio-border > label input, .input-radio-border > label .input-search-m input, .input-search-m .input-radio-border > label input, .input-radio-border > label .selector select, .selector .input-radio-border > label select {
      position: absolute;
      margin: 16px 16px;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: var(--spacing-3);
      height: var(--spacing-3);
      border-radius: var(--border-radius-full);
      cursor: pointer;
      outline: none; }
      .input-radio-border > label .input:checked, .input-radio-border > label .input-search-s input:checked, .input-search-s .input-radio-border > label input:checked, .input-radio-border > label .input-search-m input:checked, .input-search-m .input-radio-border > label input:checked, .input-radio-border > label .selector select:checked, .selector .input-radio-border > label select:checked {
        box-shadow: 0 0 0 2px var(--gray-300);
        background-color: var(--gray-000);
        border: 4px solid var(--gray-800);
        box-sizing: border-box; }
        .input-radio-border > label .input:checked ~ .label, .input-radio-border > label .input-search-s input:checked ~ .label, .input-search-s .input-radio-border > label input:checked ~ .label, .input-radio-border > label .input-search-m input:checked ~ .label, .input-search-m .input-radio-border > label input:checked ~ .label, .input-radio-border > label .input-group > .input:checked ~ .label, .input-radio-border > label .selector select:checked ~ .label, .selector .input-radio-border > label select:checked ~ .label {
          border: 1px solid var(--gray-800);
          box-shadow: var(--box-shadow-outline); }
    .input-radio-border > label .label {
      position: relative;
      padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);
      display: flex;
      flex: 1;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: normal;
      line-height: 1.33;
      border: var(--border);
      border-radius: var(--spacing-1);
      transition: var(--transition-1); }
      .input-radio-border > label .label:hover {
        box-shadow: var(--box-shadow-s); }

.input-radio-custom label {
  cursor: pointer; }
  .input-radio-custom label .content {
    transition: var(--transition-1);
    padding: var(--spacing-4) var(--spacing-3);
    display: flex;
    flex-direction: row;
    align-items: center;
    box-shadow: none;
    border-radius: var(--border-radius-m);
    border: var(--border-width-default) solid var(--gray-300); }
    .input-radio-custom label .content > .paragraph > .caption3 {
      text-transform: none;
      text-overflow: ellipsis;
      overflow: hidden;
      max-height: 80px;
      display: -webkit-box;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical; }
  .input-radio-custom label input[type='radio'] {
    display: none; }
  .input-radio-custom label .content .illustration {
    position: relative; }
    .input-radio-custom label .content .illustration .mono {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      transition: var(--transition-1); }
    .input-radio-custom label .content .illustration .color {
      opacity: 0;
      transition: var(--transition-1); }
  .input-radio-custom label input:checked ~ .content {
    border: 1px solid var(--gray-800);
    box-shadow: var(--box-shadow-outline); }
    .input-radio-custom label input:checked ~ .content .illustration .mono {
      opacity: 0; }
    .input-radio-custom label input:checked ~ .content .illustration .color {
      opacity: 1; }

.input, .input-search-s input, .input-search-m input, .input-group > .input, .selector select {
  position: relative;
  font-family: 'Open Sans', sans-serif;
  padding: 12px 16px;
  background: var(--gray-000);
  color: var(--gray-800);
  border-radius: var(--border-radius-m);
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 600;
  margin: var(--spacing-2) 0;
  line-height: 1.6;
  letter-spacing: normal;
  border: var(--border);
  outline: none;
  filter: none;
  transition: var(--transition-1);
  box-sizing: border-box; }
  .input::placeholder, .input-search-s input::placeholder, .input-search-m input::placeholder, .input-group > .input::placeholder, .selector select::placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.33;
    color: var(--gray-500); }
  .input:hover, .input-search-s input:hover, .input-search-m input:hover, .selector select:hover {
    box-shadow: var(--box-shadow-s); }
  .input:focus, .input-search-s input:focus, .input-search-m input:focus, .selector select:focus {
    border: 1px solid var(--gray-000);
    box-shadow: var(--box-shadow-outline), var(--box-shadow-m); }
  .input:disabled, .input-search-s input:disabled, .input-search-m input:disabled, .selector select:disabled {
    color: var(--gray-700);
    background-color: var(--gray-100);
    cursor: not-allowed;
    user-select: none; }
    .input:disabled::placeholder, .input-search-s input:disabled::placeholder, .input-search-m input:disabled::placeholder, .selector select:disabled::placeholder {
      color: var(--gray-500); }
    .input:disabled:hover, .input-search-s input:disabled:hover, .input-search-m input:disabled:hover, .selector select:disabled:hover {
      box-shadow: none; }
    .input:disabled:focus, .input-search-s input:disabled:focus, .input-search-m input:disabled:focus, .selector select:disabled:focus {
      box-shadow: none;
      border: var(--border-width-s) solid transparent; }
  .input.xxs, .input-search-s input.xxs, .input-search-m input.xxs, .selector select.xxs {
    font-size: 10px;
    font-size: 1rem;
    padding: 4px 8px; }
  .input.xs, .input-search-s input.xs, .input-search-m input.xs, .selector select.xs {
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 12px; }
  .input.s, .input-search-s input.s, .input-search-m input.s, .selector select.s {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 8px 16px; }
  .input.m, .input-search-s input.m, .input-search-m input.m, .selector select.m {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 12px 20px; }
  .input.l, .input-search-s input.l, .input-search-m input.l, .selector select.l {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 14px 20px; }
  .input.xl, .input-search-s input.xl, .input-search-m input.xl, .selector select.xl {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 16px 24px; }
  .input.date, .input-search-s input.date, .input-search-m input.date, .selector select.date {
    padding-right: 24px; }
    .input.date ~ .calendar-icon, .input-search-s input.date ~ .calendar-icon, .input-search-m input.date ~ .calendar-icon, .input-group > .date.input ~ .calendar-icon, .selector select.date ~ .calendar-icon {
      position: absolute;
      right: 0; }
  .input.error, .input-search-s input.error, .input-search-m input.error, .selector select.error {
    border: 1px solid var(--color-error) !important; }
  .input.success, .input-search-s input.success, .input-search-m input.success, .selector select.success {
    border: 1px solid var(--color-success) !important; }
  .input.warning, .input-search-s input.warning, .input-search-m input.warning, .selector select.warning {
    border: 1px solid var(--color-warning) !important; }
  .input.error.warning, .input-search-s input.error.warning, .input-search-m input.error.warning, .selector select.error.warning {
    border: 1px solid var(--color-error) !important; }
  .input-search-s, .input-search-m {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 1; }
    .input-search-s input, .input-search-m input {
      position: relative;
      display: flex;
      flex: 1;
      border-radius: 50px;
      padding: var(--spacing-1) var(--spacing-6) var(--spacing-1) var(--spacing-8);
      margin: 0 var(--spacing-2) 0 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .input-search-s input::-webkit-search-cancel-button, .input-search-m input::-webkit-search-cancel-button {
        display: none; }
    .input-search-s .search-icon, .input-search-m .search-icon {
      position: absolute;
      top: 50%;
      bottom: var(--spacing-2);
      left: var(--spacing-2);
      height: 20px;
      margin-top: -10px;
      z-index: 2; }
  .input-search-m input {
    padding: var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);
    height: 42px; }
  .input-search-m .search-icon {
    width: 24px;
    left: 5px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-search.svg");
    background-position: center;
    background-repeat: no-repeat; }
  .input-search-m .reset-icon, .input-search-m .reset-icon-input-select, .input-search-m .reset-icon-auto-complete {
    width: 24px;
    right: 10px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-add.svg");
    background-position: center;
    background-repeat: no-repeat;
    transition: .35s ease-in-out; }
    .input-search-m .reset-icon.loader, .input-search-m .loader.reset-icon-input-select, .input-search-m .loader.reset-icon-auto-complete {
      background-image: none;
      width: 14px;
      height: 12px;
      margin-top: -9px;
      padding: 0;
      right: 15px;
      border: 2px solid var(--gray-600);
      border-top: var(--border-width-m) solid var(--gray-100); }
  .input-search-m::placeholder {
    text-overflow: ellipsis; }
  .input-error, .input-warning, .input-success {
    position: relative;
    bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: normal;
    color: var(--color-error);
    margin-bottom: var(--spacing-2); }
  .input-warning {
    color: var(--color-tangerine); }
  .input-success {
    color: var(--color-success); }

.reset-icon, .reset-icon-input-select, .reset-icon-auto-complete {
  position: absolute;
  top: 50%;
  right: 7px;
  height: 24px;
  margin-top: -12px;
  padding: 0 3px;
  border-radius: var(--border-radius-full);
  transform: rotate(0.125turn);
  z-index: 2; }
  .reset-icon:hover, .reset-icon-input-select:hover, .reset-icon-auto-complete:hover {
    cursor: pointer;
    background-color: var(--gray-100); }
  .reset-icon-auto-complete {
    width: 24px;
    right: 0px;
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-add.svg");
    background-position: center;
    background-repeat: no-repeat; }
    .reset-icon-auto-complete.loader {
      background-image: none;
      width: 14px;
      height: 12px;
      margin-top: -9px;
      padding: 0;
      right: 5px;
      border: 2px solid var(--gray-600);
      border-top: var(--border-width-m) solid var(--gray-100); }
    .reset-icon-auto-complete::placeholder {
      text-overflow: ellipsis; }

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .input-search-s .input-group > input:not(:last-child), .input-search-m .input-group > input:not(:last-child), .input-group > .input:not(:last-child), .selector .input-group > select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-search-s .input-group > input:not(:first-child), .input-search-m .input-group > input:not(:first-child), .input-group > .input:not(:first-child), .selector .input-group > select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .input-group-prepend {
    margin-right: -1px;
    display: flex; }
    .input-group > .input-group-prepend > .input-group-text {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .input-group > .input-group-append {
    margin-left: -1px;
    display: flex; }
    .input-group > .input-group-append > .input-group-text {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  .input-group .input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem; }

.date-input {
  position: relative;
  display: inline-block;
  color: var(--gray-600);
  font-size: 14px;
  font-size: 1.4rem; }
  .date-input > input {
    font-size: 13px;
    font-size: 1.3rem;
    color: var(--gray-600);
    padding: var(--spacing-2); }
    .date-input > input.s {
      padding: var(--spacing-1); }
  .date-input .input.s, .date-input .input-search-s input.s, .input-search-s .date-input input.s, .date-input .input-search-m input.s, .input-search-m .date-input input.s, .date-input .selector select.s, .selector .date-input select.s {
    padding-right: 32px;
    width: 70px;
    cursor: pointer;
    font-weight: 600; }
  .date-input:after {
    position: absolute;
    content: '';
    background-image: url("/V2/Content/AdoriaPop/images/icons/basic-icon-calendar.svg");
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    pointer-events: none; }
  .date-input img {
    width: 18px;
    height: 18px; }

.checkbox-wrapper {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
  justify-content: flex-start;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  height: 30px; }
  .checkbox-wrapper .checkbox {
    margin-right: var(--spacing-3); }

.checkbox {
  position: relative;
  width: 20px;
  min-width: 20px;
  height: 20px;
  max-width: 24px;
  cursor: pointer;
  display: flex;
  z-index: 2;
  vertical-align: middle; }
  .checkbox.disabled {
    pointer-events: none; }
    .checkbox.disabled input:checked {
      background: var(--gray-400);
      border: 1px solid var(--gray-400); }
    .checkbox.disabled label {
      cursor: default; }
  .checkbox label, .checkbox input img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
  .checkbox label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    width: 100%;
    height: 100%;
    cursor: pointer; }
    .checkbox label img {
      position: relative;
      display: flex;
      height: 8px;
      width: 7px;
      margin: auto;
      z-index: 3; }
    .checkbox label span {
      width: auto; }
  .checkbox input {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    border: var(--border);
    border-radius: 3px;
    transition: var(--transition-1);
    background: white;
    width: 20px;
    min-width: 20px;
    height: 20px;
    max-width: 24px; }
    .checkbox input:checked {
      content: '';
      display: block;
      font-size: 13px;
      font-size: 1.3rem;
      position: absolute;
      background: var(--gray-800);
      border: 1px solid var(--gray-800); }
    .checkbox input:focus {
      outline: none;
      caret: var(--gray-800);
      caret-color: var(--gray-800); }
    .checkbox input:hover {
      cursor: pointer;
      box-shadow: var(--box-shadow-s); }

.svg-checkbox input {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none; }

.switch-wrapper {
  display: flex;
  align-items: center; }
  .switch-wrapper .switch {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    background: var(--gray-300);
    border: 1px solid var(--gray-400);
    border-radius: 100px;
    height: 18px;
    width: 34px;
    cursor: pointer;
    transition: var(--transition-1); }
    .switch-wrapper .switch:after {
      content: '';
      position: absolute;
      top: -1px;
      bottom: -1px;
      left: -1px;
      background: var(--gray-000);
      border: 1px solid var(--gray-400);
      border-radius: var(--border-radius-full);
      height: 16px;
      width: 16px;
      transition: var(--transition-1); }
    .switch-wrapper .switch:checked {
      background: var(--color-success); }
      .switch-wrapper .switch:checked:after {
        transform: translateX(16px); }

.selector {
  position: relative;
  display: flex;
  flex-direction: column;
  height: fit-content; }
  .selector label {
    line-height: 1.33; }
  .selector select {
    cursor: pointer;
    position: relative;
    padding: 4px 30px 4px 8px !important;
    margin: var(--spacing-2) 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    min-height: 28px;
    color: var(--gray-600);
    font-weight: normal;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    text-overflow: ellipsis;
    flex: 1 0; }
    .selector select:-moz-focusring, .selector select:active, .selector select:hover {
      outline: 0; }
  .selector:after {
    position: absolute;
    content: '';
    background-image: url("/V2/Content/AdoriaPop/images/icons/atom-down-double-down.svg");
    background-size: 18px 18px;
    background-position: center;
    background-repeat: no-repeat;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    pointer-events: none; }

.radio-inputs .option {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  height: 30px;
  text-transform: initial; }
  .radio-inputs .option label {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 0;
    text-transform: none; }
  .radio-inputs .option input {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: var(--border-radius-full);
    border: var(--border);
    cursor: pointer;
    margin: var(--spacing-2);
    outline: none; }
    .radio-inputs .option input:hover {
      box-shadow: var(--box-shadow-s); }
    .radio-inputs .option input:after {
      content: '';
      position: absolute;
      display: flex;
      left: 0;
      top: 0;
      align-items: center;
      justify-content: center;
      border-radius: var(--border-radius-full); }
    .radio-inputs .option input:checked {
      box-shadow: 0 0 0 2px var(--gray-300);
      background-color: var(--gray-000);
      border: 4px solid var(--gray-800);
      box-sizing: border-box; }

.radio-inputs label {
  position: relative;
  display: flex;
  cursor: pointer;
  margin-bottom: var(--spacing-2); }
  .radio-inputs label input {
    position: absolute;
    margin: 23px 16px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    border-radius: var(--border-radius-full);
    border: var(--border);
    cursor: pointer;
    outline: none; }
    .radio-inputs label input:disabled, .radio-inputs label input:disabled ~ .option {
      opacity: 0.6;
      cursor: default; }
      .radio-inputs label input:disabled:hover, .radio-inputs label input:disabled ~ .option:hover {
        box-shadow: none; }
    .radio-inputs label input:checked {
      box-shadow: 0 0 0 2px var(--gray-300);
      background-color: var(--gray-000);
      border: 4px solid var(--gray-800);
      box-sizing: border-box; }
    .radio-inputs label input.hidden {
      display: none; }
    .radio-inputs label input:checked ~ .option {
      border: 1px solid var(--gray-800);
      box-shadow: var(--box-shadow-outline); }
  .radio-inputs label .option {
    position: relative;
    padding: var(--spacing-3) var(--spacing-4) var(--spacing-3) var(--spacing-10);
    display: flex;
    flex: 1;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.33;
    border: var(--border);
    border-radius: var(--spacing-1);
    transition: var(--transition-1); }
    .radio-inputs label .option:hover {
      box-shadow: var(--box-shadow-s); }

.radio-card label {
  cursor: pointer; }
  .radio-card label input[type=radio] {
    display: none; }
  .radio-card label .card .illustration {
    position: relative; }
    .radio-card label .card .illustration .mono {
      opacity: 1;
      position: absolute;
      top: 0;
      left: 0;
      transition: var(--transition-1); }
    .radio-card label .card .illustration .color {
      opacity: 0;
      transition: var(--transition-1); }
  .radio-card label input:checked ~ .card {
    border: 1px solid var(--gray-800);
    box-shadow: var(--box-shadow-outline); }
    .radio-card label input:checked ~ .card .illustration .mono {
      opacity: 0; }
    .radio-card label input:checked ~ .card .illustration .color {
      opacity: 1; }

.text-input .text-input-label {
  position: absolute;
  left: var(--spacing-6);
  top: var(--spacing-6);
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.33;
  color: var(--gray-800); }

.text-input .message-area {
  resize: none;
  border: var(--border);
  border-radius: var(--spacing-1);
  width: calc(100% - 32px);
  height: 92px;
  padding: 42px var(--spacing-4) var(--spacing-4) var(--spacing-4);
  margin-bottom: var(--spacing-4);
  caret-color: var(--gray-600);
  caret-shape: bar;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.38;
  color: var(--gray-700); }
  .text-input .message-area::placeholder {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.38;
    font-weight: normal;
    color: var(--gray-600); }
  .text-input .message-area:focus {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.38;
    font-weight: normal;
    color: var(--gray-700); }

.text-input .char-counter {
  position: relative;
  right: 0;
  font-size: 13px;
  font-size: 1.3rem;
  color: var(--gray-600); }

input[type="file"] {
  display: none; }

.custom-file-upload {
  display: flex !important;
  align-items: center;
  position: relative;
  text-transform: uppercase;
  cursor: pointer; }
  .custom-file-upload img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    padding: 0;
    margin-left: 10px;
    background: none !important;
    cursor: pointer; }
  .custom-file-upload.disabled, .custom-file-upload[disabled] {
    opacity: .75;
    cursor: default; }

.multi-range,
.multi-range * {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.multi-range {
  position: relative;
  width: 200px;
  height: 28px;
  /*&::after {
        z-index: -1;
        height: 1rem;
        border-radius: 1rem;
        content: "";
        background: #ecebe9;
        --u: calc(2.75rem + 10vw);
        --mask: linear-gradient(90deg, red calc(0.75rem + 1*var(--u)), transparent 0), linear-gradient(90deg, red calc(0.75rem + 6*var(--u)), transparent 0);
        -webkit-mask: var(--mask);
        -webkit-mask-composite: xor;
        mask: var(--mask);
    }*/
  /* Thumb */ }
  .multi-range::before {
    content: ' ';
    position: absolute;
    top: 8px;
    left: -1px;
    width: 100%;
    height: 9px;
    border-radius: 9px;
    background: var(--gray-300);
    border: 1px solid #CCC; }
  .multi-range > input[type=range] {
    width: calc(100% - 16px);
    position: absolute;
    bottom: 6px;
    left: 0;
    color: white;
    -webkit-transition: .2s;
    appearance: none;
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
    z-index: 2; }
    .multi-range > input[type=range]:last-of-type {
      margin-left: 16px;
      z-index: 1; }
  .multi-range > input[type=range]:focus {
    outline: none; }
  .multi-range > input[type=range]::-ms-track {
    width: 100%;
    cursor: pointer;
    /* Hides the slider so custom styles can be added */
    background: transparent;
    border-color: transparent;
    color: transparent; }
  .multi-range > input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid var(--gray-300);
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background: white;
    margin-top: -14px;
    box-shadow: 0 0 1px #0d0d0d;
    cursor: pointer; }
  .multi-range > input[type=range]::-moz-range-thumb,
  .multi-range > input[type=range]::-ms-thumb {
    box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
    border: 1px solid #000000;
    height: 36px;
    width: 16px;
    border-radius: 3px;
    background: #ffffff;
    cursor: pointer; }
  .multi-range > output {
    position: absolute;
    top: -18px;
    left: 0;
    display: block;
    height: 24px;
    line-height: 24px;
    width: auto;
    border: none;
    font-size: var(--font-size-text); }
  .multi-range > output:last-of-type {
    left: auto;
    right: 0; }

textarea[disabled] {
  color: var(--gray-900);
  background-color: transparent; }

.js-number {
  display: flex;
  flex-direction: row;
  align-content: center; }
  .js-number input:hover {
    box-shadow: var(--box-shadow-outline); }
  .js-number .minus, .js-number .plus {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-300);
    transition: all .35s;
    color: var(--gray-900);
    width: 20px;
    user-select: none;
    cursor: pointer;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
    box-shadow: var(--box-shadow-outline); }
    .js-number .minus:hover, .js-number .plus:hover {
      background-color: var(--gray-200); }
    .js-number .minus:active, .js-number .plus:active {
      background-color: var(--gray-500);
      color: white; }
  .js-number .minus {
    border-radius: 4px 0 0 4px;
    padding-bottom: 2px; }
  .js-number .plus {
    border-radius: 0 4px 4px 0; }

.input-button-select {
  display: flex;
  flex-direction: row;
  align-items: center; }

.input-button-select-arrow {
  margin-left: 5px; }

.drop-down-input-select {
  position: absolute;
  width: 250px;
  height: fit-content;
  max-height: 255px;
  background: var(--gray-000);
  color: var(--gray-700);
  box-shadow: var(--box-shadow-dropdown);
  border: var(--border);
  border-radius: var(--spacing-2);
  z-index: 100; }
  .drop-down-input-select .content-drop-down {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden; }
    .drop-down-input-select .content-drop-down .label {
      padding: 6px var(--spacing-3);
      display: flex;
      align-items: center;
      white-space: nowrap;
      font-size: 1.2rem;
      height: 24px;
      line-height: 24px;
      cursor: default;
      pointer-events: none; }
    .drop-down-input-select .content-drop-down .label-child {
      padding: 6px var(--spacing-3);
      display: flex;
      align-items: center;
      white-space: nowrap;
      font-size: 1.2rem;
      height: 24px;
      line-height: 24px; }
      .drop-down-input-select .content-drop-down .label-child:last-child {
        border-bottom-left-radius: var(--spacing-2);
        border-bottom-right-radius: var(--spacing-2); }
      .drop-down-input-select .content-drop-down .label-child:hover {
        cursor: pointer;
        background: var(--gray-100); }

.input-auto-complete-custom-dropdown {
  overflow-y: auto;
  position: absolute;
  z-index: 101;
  width: 345px;
  background-color: #fff;
  border: var(--border);
  box-sizing: border-box;
  border-bottom-left-radius: var(--spacing-2);
  border-bottom-right-radius: var(--spacing-2); }
  .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item {
    cursor: pointer; }
    .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item:last-child {
      border-bottom-left-radius: var(--spacing-2);
      border-bottom-right-radius: var(--spacing-2); }
    .input-auto-complete-custom-dropdown .auto-complete-custom-dropdown-item:hover {
      background-color: var(--gray-100); }

.carousel .carousel-left-button {
  left: var(--spacing-6);
  transform: rotate(0.5turn);
  margin: auto var(--spacing-4) auto 0; }

.carousel .carousel-right-button {
  right: var(--spacing-6);
  margin: auto 0 auto var(--spacing-4); }

.carousel .carousel-left-button, .carousel .carousel-right-button {
  position: absolute;
  bottom: 150px;
  z-index: 2;
  height: 30px;
  background-color: var(--gray-000);
  border-radius: var(--border-radius-full); }
  .carousel .carousel-left-button img:hover, .carousel .carousel-right-button img:hover {
    transform: scale(1.05);
    cursor: pointer; }
  .carousel .carousel-left-button .inactive, .carousel .carousel-right-button .inactive {
    cursor: unset;
    opacity: 0; }

.carousel .carousel-viewport {
  overflow: hidden;
  width: 400px; }
  .carousel .carousel-viewport .carousel-slide {
    min-width: 400px;
    text-align: center;
    transition: all ease-out 0.6s;
    z-index: 0; }

.bottom-message {
  margin: var(--spacing-2) 0; }

.carousel-dots {
  display: flex;
  flex-direction: row;
  margin: 0 auto var(--spacing-4) auto; }
  .carousel-dots .carousel-dot {
    width: 12px;
    height: 12px;
    border: 2px solid var(--gray-400);
    border-radius: var(--border-radius-full);
    margin: 0 4px;
    transition: all ease-out 0.5s;
    cursor: pointer; }
    .carousel-dots .carousel-dot.active {
      background: var(--grandient-red);
      border: 2px solid var(--gray-800); }