/* Minification failed. Returning unminified contents.
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(63,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-color'
(195,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-feature-settings'
(196,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-family'
(197,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-size'
(198,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-style'
(199,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-font-weight'
(200,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h1-line-height'
(204,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color'
(205,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings'
(206,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family'
(207,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size'
(208,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style'
(209,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight'
(210,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height'
(214,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-color'
(215,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-feature-settings'
(216,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-family'
(217,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-size'
(218,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-style'
(219,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-font-weight'
(220,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h3-line-height'
(224,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color'
(225,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings'
(226,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family'
(227,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size'
(228,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style'
(229,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight'
(230,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height'
(234,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-color'
(235,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-feature-settings'
(236,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-family'
(237,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-size'
(238,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-style'
(239,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-font-weight'
(240,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h5-line-height'
(244,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color'
(245,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings'
(246,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family'
(247,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size'
(248,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style'
(249,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight'
(250,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height'
(254,17): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-color'
(255,33): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-feature-settings'
(256,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-family'
(257,21): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-size'
(258,22): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-style'
(259,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-font-weight'
(260,23): run-time error CSS1039: Token not allowed after unary operator: '-body-medium-line-height'
(264,17): run-time error CSS1039: Token not allowed after unary operator: '-body-small-color'
(265,33): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-feature-settings'
(266,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-family'
(267,21): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-size'
(268,22): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-style'
(269,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-font-weight'
(270,23): run-time error CSS1039: Token not allowed after unary operator: '-body-small-line-height'
(275,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-family'
(276,21): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-size'
(277,22): run-time error CSS1039: Token not allowed after unary operator: '-text-500-font-style'
(278,23): run-time error CSS1039: Token not allowed after unary operator: '-text-500-line-height'
(282,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(283,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(284,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(285,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(289,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(290,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(291,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(292,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(296,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family'
(297,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(298,22): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style'
(299,23): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height'
(303,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(304,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(305,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(306,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(310,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(311,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(312,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(313,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(317,23): run-time error CSS1039: Token not allowed after unary operator: '-text-bold-font-weight'
(321,23): run-time error CSS1039: Token not allowed after unary operator: '-text-medium-font-weight'
(325,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(332,24): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(415,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(421,34): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(454,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(458,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(462,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(468,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(472,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(476,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-400'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-enterprise-black'
(507,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(511,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(556,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(558,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(560,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(577,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(589,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(597,25): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(619,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(620,35): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(625,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(636,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(642,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(654,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(656,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(658,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(671,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(683,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(688,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(716,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(723,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(728,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(738,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(739,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(740,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(741,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(752,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(778,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(781,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(800,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(808,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(813,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(818,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family'
(819,25): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(820,26): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style'
(821,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(822,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(823,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height'
(827,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(841,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(852,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(863,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(902,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(903,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(906,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(910,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(918,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(923,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(933,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(954,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(960,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(964,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(973,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(976,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(992,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(994,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1015,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1016,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1017,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1018,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1019,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1020,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1021,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1053,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1059,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1070,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1071,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1072,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1073,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1074,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1075,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1076,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1077,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1082,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1089,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1090,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1096,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1098,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1099,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1100,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1101,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1102,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1117,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1125,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1131,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1138,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1139,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(1140,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(1141,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(1142,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1143,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(1152,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1153,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1154,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1155,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1156,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1157,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1162,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1166,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1170,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1171,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1182,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1186,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1190,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1195,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1199,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1207,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(1208,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(1209,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(1210,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1211,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1212,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(1248,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1251,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1261,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1264,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1323,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(1392,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1393,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1420,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1425,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1444,26): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1445,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1449,26): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1450,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1454,26): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1455,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1458,26): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1459,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1476,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1500,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1501,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1512,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1517,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1525,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1539,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1543,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1547,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1551,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1583,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1584,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1595,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1601,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1605,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1616,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1617,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1626,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1631,32): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1641,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1651,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color'
(1652,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings'
(1653,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family'
(1654,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size'
(1655,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style'
(1656,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight'
(1657,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height'
(1662,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color'
(1663,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings'
(1664,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family'
(1665,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size'
(1666,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style'
(1667,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight'
(1668,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height'
(1735,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color'
(1736,37): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings'
(1737,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family'
(1738,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size'
(1739,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style'
(1740,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight'
(1741,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height'
(1745,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1746,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1747,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1748,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1755,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1756,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1757,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1758,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1768,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(1772,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1814,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1815,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1816,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1822,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1823,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1824,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1828,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1832,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1833,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1834,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1840,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1841,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1842,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1846,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(1850,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1851,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1852,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1858,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(1859,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1860,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(1864,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-100'
(1869,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1870,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1871,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1877,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1878,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1882,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1883,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1889,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1890,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1891,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1897,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(1898,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1899,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(1903,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-100'
(1907,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1908,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1909,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1915,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(1916,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1917,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(1921,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-100'
(1944,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1945,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1962,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1963,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1978,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1979,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1995,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1996,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2011,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2012,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2017,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2018,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2022,24): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2029,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2033,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2047,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2053,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2074,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2076,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2098,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2109,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2111,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2150,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2151,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2153,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2159,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2164,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2165,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2169,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2173,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2174,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2178,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2183,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2184,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2188,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2231,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2246,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2254,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2262,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2271,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2303,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2304,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2313,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2314,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2326,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
 */
@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Demi.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "AvenirNext";
    src: url('../Content/fonts/AvenirNextLTPro-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

:root {
    /* 1. COLORS   */
    /* NEUTRAL   */
    --neutral-100: #FFFFFF;
    --neutral-200: #F7F9FC;
    --neutral-300: #E9EAF3;
    --neutral-400: #CACBD7;
    --neutral-500: #989AAD;
    --neutral-600: #6F7182;
    --neutral-700: #303350;
    --neutral-800: #0B0E2C;
    /* PARIS M   */
    --paris-m-100: #4C45B9;
    --paris-m-200: #423BA4;
    --paris-m-300: #39338F;
    --paris-m-400: #2F2A77;
    --paris-m-500: #262262;
    /* RESOLUTION BLUE   */
    --resolution-blue-100: #657AFB;
    --resolution-blue-200: #4D64F4;
    --resolution-blue-300: #3F53CF;
    --resolution-blue-400: #3243AC;
    --resolution-blue-500: #28368D;
    /* SUMMER SKY   */
    --summer-sky-100: #45D8EE;
    --summer-sky-200: #88CCE8;
    --summer-sky-300: #6FC1E3;
    --summer-sky-400: #50B4DE;
    --summer-sky-500: #25AAE1;
    /* TANGERINE YELLOW   */
    --tangerine-yellow-100: #FFEA95;
    --tangerine-yellow-200: #FFE169;
    --tangerine-yellow-300: #FFDA47;
    --tangerine-yellow-400: #FFDE22;
    --tangerine-yellow-500: #FECD08;
    --tangerine-yellow-600: #FFC407;
    /* FIRE ENGINE RED   */
    --fire-engine-red-100: #E6A1A4;
    --fire-engine-red-200: #DF7F82;
    --fire-engine-red-300: #D65D61;
    --fire-engine-red-400: #D13D42;
    --fire-engine-red-500: #CF2127;
    /* GREEN   */
    --green-100: #96CB7A;
    --green-200: #80C55C;
    --green-300: #69BE3E;
    --green-400: #51BA1C;
    --green-500: #3FB206;
    /* ORANGE   */
    --orange-100: #FFBB93;
    --orange-200: #FFA46F;
    --orange-300: #FFA46F;
    --orange-400: #FF9152;
    --orange-500: #F97D35;
    /* VIOLET   */
    --violet-100: #E9D6FF;
    --violet-200: #D8B6FF;
    --violet-300: #C898FF;
    --violet-400: #B575FF;
    --violet-500: #A3558F9;

    /* ENTERPRISE BLACK*/
    --enterprise-black: #2C2F36;
    --enterprise-black-100: #41444A;

    /* 2. TYPOGRAPHY   */
    /* Heading h1   */
    --heading-h1-color: var(--neutral-800,#0B0E2C);
    --heading-h1-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h1-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h1-font-size: 4.2rem;
    --heading-h1-font-style: normal;
    --heading-h1-font-weight: 700;
    --heading-h1-line-height: 5.4rem;
    /* Heading h2   */
    --heading-h2-color: var(--neutral-800,#0B0E2C);
    --heading-h2-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h2-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h2-font-size: 3.2rem;
    --heading-h2-font-style: normal;
    --heading-h2-font-weight: 700;
    --heading-h2-line-height: 4.8rem;
    /* Heading h3   */
    --heading-h3-color: var(--neutral-800,#0B0E2C);
    --heading-h3-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h3-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h3-font-size: 2.4rem;
    --heading-h3-font-style: normal;
    --heading-h3-font-weight: 700;
    --heading-h3-line-height: 3.4rem;
    /* Heading h4   */
    --heading-h4-color: var(--neutral-800,#0B0E2C);
    --heading-h4-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h4-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h4-font-size: 2.2rem;
    --heading-h4-font-style: normal;
    --heading-h4-font-weight: 700;
    --heading-h4-line-height: 2.8rem;
    /* Heading h5   */
    --heading-h5-color: var(--neutral-800,#0B0E2C);
    --heading-h5-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h5-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h5-font-size: 1.8rem;
    --heading-h5-font-style: normal;
    --heading-h5-font-weight: 700;
    --heading-h5-line-height: 2.4rem;
    /* Heading h6   */
    --heading-h6-color: var(--neutral-800,#0B0E2C);
    --heading-h6-font-feature-settings: 'liga' off, 'clig' off;
    --heading-h6-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --heading-h6-font-size: 1.6rem;
    --heading-h6-font-style: normal;
    --heading-h6-font-weight: 700;
    --heading-h6-line-height: 2.2rem;
    /* Body large   */
    --body-large-color: var(--neutral-600,#6F7182);
    --body-large-font-feature-settings: 'liga' off, 'clig' off;
    --body-large-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-large-font-size: 1.8rem;
    --body-large-font-style: normal;
    --body-large-font-weight: 400;
    --body-large-line-height: 3.2rem;
    /* Body medium   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.4rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.6rem;
    /* Body small   */
    --body-medium-color: var(--neutral-600,#6F7182);
    --body-medium-font-feature-settings: 'liga' off, 'clig' off;
    --body-medium-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --body-medium-font-size: 1.2rem;
    --body-medium-font-style: normal;
    --body-medium-font-weight: 400;
    --body-medium-line-height: 2.2rem;
    /* Text 500   */
    --text-500-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-500-font-size: 1.8rem;
    --text-500-font-style: normal;
    --text-500-line-height: 2rem;
    /* Text 400   */
    --text-400-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-400-font-size: 1.6rem;
    --text-400-font-style: normal;
    --text-400-line-height: 1.8rem;
    /* Text 300   */
    --text-300-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-300-font-size: 1.4rem;
    --text-300-font-style: normal;
    --text-300-line-height: 1.6rem;
    /* Text 200   */
    --text-200-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-200-font-size: 1.2rem;
    --text-200-font-style: normal;
    --text-200-line-height: 1.4em;
    /* Text 100   */
    --text-100-font-family: 'AvenirNext', 'Helvetica Neue', Arial, sans-serif;
    --text-100-font-size: 1rem;
    --text-100-font-style: normal;
    --text-100-line-height: 1.2rem;
    /* Text Bold   */
    --text-bold-font-weight: 700;
    /* Text Medium   */
    --text-medium-font-weight: 500;
    /* Text Regular   */
    --text-regular-font-weight: 400;
}

.text-heading-h1 {
    color: var(--heading-h1-color);
    font-feature-settings: var(--heading-h1-font-feature-settings);
    font-family: var(--heading-h1-font-family);
    font-size: var(--heading-h1-font-size);
    font-style: var(--heading-h1-font-style);
    font-weight: var(--heading-h1-font-weight);
    line-height: var(--heading-h1-line-height);
}

.text-heading-h2 {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

.text-heading-h3 {
    color: var(--heading-h3-color);
    font-feature-settings: var(--heading-h3-font-feature-settings);
    font-family: var(--heading-h3-font-family);
    font-size: var(--heading-h3-font-size);
    font-style: var(--heading-h3-font-style);
    font-weight: var(--heading-h3-font-weight);
    line-height: var(--heading-h3-line-height);
}

.text-heading-h4 {
    color: var(--heading-h4-color);
    font-feature-settings: var(--heading-h4-font-feature-settings);
    font-family: var(--heading-h4-font-family);
    font-size: var(--heading-h4-font-size);
    font-style: var(--heading-h4-font-style);
    font-weight: var(--heading-h4-font-weight);
    line-height: var(--heading-h4-line-height);
}

.text-heading-h5 {
    color: var(--heading-h5-color);
    font-feature-settings: var(--heading-h5-font-feature-settings);
    font-family: var(--heading-h5-font-family);
    font-size: var(--heading-h5-font-size);
    font-style: var(--heading-h5-font-style);
    font-weight: var(--heading-h5-font-weight);
    line-height: var(--heading-h5-line-height);
}

.text-body-large {
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.text-body-medium {
    color: var(--body-medium-color);
    font-feature-settings: var(--body-medium-font-feature-settings);
    font-family: var(--body-medium-font-family);
    font-size: var(--body-medium-font-size);
    font-style: var(--body-medium-font-style);
    font-weight: var(--body-medium-font-weight);
    line-height: var(--body-medium-line-height);
}

.text-body-small {
    color: var(--body-small-color);
    font-feature-settings: var(--body-small-font-feature-settings);
    font-family: var(--body-small-font-family);
    font-size: var(--body-small-font-size);
    font-style: var(--body-small-font-style);
    font-weight: var(--body-small-font-weight);
    line-height: var(--body-small-line-height);
}


.text-500 {
    font-family: var(--text-500-font-family);
    font-size: var(--text-500-font-size);
    font-style: var(--text-500-font-style);
    line-height: var(--text-500-line-height);
}

.text-400 {
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.text-300 {
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    line-height: var(--text-300-line-height);
}

.text-200 {
    font-family: var(--text-200-font-family);
    font-size: var(--text-200-font-size);
    font-style: var(--text-200-font-style);
    line-height: var(--text-200-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-100 {
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    line-height: var(--text-100-line-height);
}

.text-bold {
    font-weight: var(--text-bold-font-weight);
}

.text-medium {
    font-weight: var(--text-medium-font-weight);
}

.text-regular {
    font-weight: var(--text-regular-font-weight);
}



.focus-border:focus {
    outline: none;
    border-color: var(--summer-sky-500);
}

.w-full {
    width: 100%;
}

.relative {
    position: relative;
}

body .show-sm,
body .show-md,
body .show-lg,
body .show-xl,
body .show-2xl {
    display: none;
}

@media (max-width: 767.98px) {
    body .show-sm {
        display: flex;
    }

    body .hide-sm {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
    body .show-md {
        display: flex;
    }

    body .hide-md {
        display: none !important;
    }
}

@media (min-width: 1024px) and (max-width: 1279.98px) {
    body .show-lg {
        display: flex;
    }

    body .hide-lg {
        display: none !important;
    }
}

@media (min-width: 1280px) and (max-width: 1535.98px) {
    body .show-xl {
        display: flex;
    }

    body .hide-xl {
        display: none !important;
    }
}

@media (min-width: 1536px) {
    body .show-2xl {
        display: flex;
    }

    body .hide-2xl {
        display: none !important;
    }
}

.adm-header {
    min-width: 100%;
    flex-shrink: 0;
}

#main {
    display: flex;
    flex: 1;
    min-height: 0px;
}

#sidebar {
    width: 100%;
    max-width: 25.1rem;
    background-color: var(--neutral-100);
    position: relative;
    padding: 3.6rem 0 2rem 0;
    flex-shrink: 0;
    overflow: visible;
    height: 100%;
    border-right: 1px solid var(--neutral-300);
}

.regular-transition {
    transition: all 250ms;
}

#content {
    flex: 1;
    overflow-y: auto;
    position: relative;
    transition: all 250ms ease;
}

html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100svh;
}

body {
    display: flex;
    flex-direction: column;
    height: 100svh;
}

.icon-base {
    height: 2.4rem;
    width: 2.4rem;
}

.neutral-600 {
    color: var(--neutral-600)
}

.neutral-500 {
    color: var(--neutral-500)
}

.neutral-400 {
    color: var(--neutral-400)
}
.line-through{
    text-decoration:line-through;
}
.neutral-800 {
    color: var(--neutral-800)
}

.neutral-100 {
    color: var(--neutral-100)
}

.paris-m-400 {
    color: var(--paris-m-400)
}

.adm-anchor {
    display: block;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

    .adm-anchor:hover,
    .adm-anchor:focus,
    .adm-anchor:active,
    .adm-anchor:visited {
        color: inherit;
        text-decoration: none;
    }

    .adm-anchor:focus-visible {
        outline: none;
    }

.paris-m-500 {
    color: var(--paris-m-500)
}

.enterprise-black {
    color: var(--enterprise-black)
}

.resolution-blue-500 {
    color: var(--resolution-blue-500)
}

.resolution-blue-500 {
    color: var(--resolution-blue-500)
}

.shrink {
    height: 0 !important;
    max-height: 0 !important;
    display: none;
}

.scroll-hidden-but-space {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-gutter: stable;
    -ms-overflow-style: none;
}

    .scroll-hidden-but-space::-webkit-scrollbar {
        width: 0.8rem;
        background: transparent;
    }

    .scroll-hidden-but-space::-webkit-scrollbar-thumb {
        background: transparent;
    }


.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    transform: translateX(-100%);
    transition: transform 100ms ease;
    display: none;
}

.disabled-link {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}


.open .dropdown-menu.adm-dropdown-menu {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    display: flex;
    padding: 0.8rem 0;
    flex-direction: column;
    align-items: stretch;
    list-style: none;
    min-width: max-content;
    width: -webkit-fill-available;
    transition: opacity 550ms ease;
}

.dropdown-menu.adm-dropdown-menu {
    display: none;
    min-width: max-content;
}

    .dropdown-menu.adm-dropdown-menu > li > a {
        color: var(--neutral-600);
        align-items: center;
        display: inline-flex;
        width: 100%;
        padding: 0.4rem 1.2rem 0.4rem 0.8rem;
        gap: 1.6rem;
        transition: all 200ms ease;
        max-width: 250px;
        align-self: stretch;
    }

        .dropdown-menu.adm-dropdown-menu > li > a:hover {
            background-color: var(--neutral-300);
        }

        .dropdown-menu.adm-dropdown-menu > li > a > svg {
            max-width: 2.4rem;
            max-height: 2.4rem;
            width: 100%;
            height: auto;
            color: var(--paris-m-500);
            flex-shrink: 0;
        }

/* Asegura que el sombreado del hover de las opciones del menú de usuario cubra el ancho
   completo del menú, que es más ancho que el tope genérico de 250px de los <a> del dropdown
   (por el listado de roles y la opción de posición del menú). Solo aplica al menú de usuario
   del navbar. */
.dropdown-menu.adm-dropdown-menu.adm-navbar__user-menu > li > a {
    max-width: none;
}

/* Cambio de rol en línea dentro del menú de usuario del navbar.
   El listado de roles se muestra debajo de "Cambiar Rol" y se completa al abrir el menú.
   Usa variables de tema para soportar dark mode automáticamente. */
.adm-navbar__roles-list {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 24rem;
    overflow-y: auto;
    border-top: 1px solid var(--neutral-300);
    border-bottom: 1px solid var(--neutral-300);
}

.adm-navbar__roles-list > .adm-navbar__role-item > a,
.adm-navbar__roles-list > .adm-navbar__role-item > span {
    color: var(--neutral-600);
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    /* Sangría a la izquierda para alinear bajo el ícono de "Cambiar Rol" */
    padding: 0.4rem 1.2rem 0.4rem 4rem;
    transition: all 200ms ease;
}

    .adm-navbar__roles-list > .adm-navbar__role-item > a:hover {
        background-color: var(--neutral-300);
        cursor: pointer;
    }

.adm-navbar__role-item--current > span {
    font-weight: 600;
    background-color: var(--neutral-200);
}

.adm-navbar__role-name {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
    background-color: var(--neutral-100);
    box-shadow: 0 0.2rem 0.3rem 0 rgba(0,0,0,0.2);
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    color: var(--neutral-600);
    padding: 0.8rem 0;
}

.ui-menu .ui-menu-item.adm-search-result {
    display: flex;
    padding: 0.8rem 1.2rem;
    gap: 0.8rem;
    align-items: center;
    transition: all 300ms ease;
}

    .ui-menu .ui-menu-item.adm-search-result:hover {
        background-color: var(--neutral-300);
    }


.adm-search-result > .adm-search-result__text-content {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    align-items: flex-start;
}

    .adm-search-result > .adm-search-result__text-content > .adm-search-result__text-content-title {
        color: var(--resolution-blue-100);
    }


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete .adm-search-result > svg {
    color: var(--neutral-600);
    list-style-image: none !important;
    max-width: 2.4rem;
    max-height: 2.4rem;
    width: 100%;
    flex-shrink: 0;
    padding: 0;
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.adm-search-result .ui-state-active {
    background: none !important;
    transform: none !important;
    margin: 0 !important;
    color: inherit !important;
    border: none !important;
}

.adm-link-button {
    transition: border-color 0.25s ease !important;
    padding: 1px 0;
    color: var(--summer-sky-500);
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

    .adm-link-button:link, .adm-link-button:visited {
        color: var(--summer-sky-500);
        outline: none;
    }

    .adm-link-button:hover, .adm-link-button:focus, .adm-link-button:focus-visible {
        color: var(--summer-sky-500);
        text-decoration: underline;
        text-underline-offset: 4px;
        outline: none;
    }

.adm__input-label {
    display: flex;
    align-items: center;
    min-height: 3.4rem;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    line-height: var(--text-400-line-height);
}

.adm__input-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
}
.adm__input-icon > svg {
    position: absolute;
    color: var(--neutral-600);
    top:0;
    right:0;
    transform:translate(-50%,50%);
    pointer-events: none;
}

.adm__input-icon >svg {
    width: 2.4rem;
    height: 2.4rem;
}

.hidden {
    display: none;
}

.adm__input-wrapper {
    min-width: 100%;
    width: 100%;
    position: relative;
}

.adm__input-text {
    min-width: 100%;
    width: 100%;
    padding: 1rem 1.2rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    outline: none;
    color: var(--neutral-700);
    box-sizing: border-box;
    min-height: 46px;
    transition: all 250ms ease;
}

    .adm__input-text.adm__input-password {
        padding: 1rem 4rem 1rem 1.2rem;
    }
    .adm__input-text.adm__input-select {
        padding: 1rem 4rem 1rem 1.2rem;
        cursor: pointer;
        appearance: none;
        -webkit-appearance:none;
        -moz-appearance:none;
        -moz-appearance:none;
    }

    .adm__input-text.adm__input-select:invalid {
        color: var(--neutral-600)
    }

    .adm-list {
        padding-left: 2rem;
    }

    .adm__input-text:focus, .adm__input-text:focus-visible {
        border: 1px solid var(--summer-sky-500);
        outline: none;
    }

    .adm__input-text.error {
        border: 1px solid var(--fire-engine-red-500);
        outline: none;
    }

    .adm__input-text::placeholder {
        font-family: var(--text-200-font-family);
        font-size: var(--text-200-font-size);
        font-style: var(--text-200-font-style);
        color: var(--neutral-500);
        font-weight: var(--text-regular-font-weight);
        line-height: var(--text-200-line-height)
    }

.adm__password-btn {
    color: var(--neutral-600);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 250ms ease;
    border: 1px solid transparent;
    outline: none;
}

.adm__market-img {
    max-width: 160px;
    max-height: 51px;
    background: black;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__market-img-big {
    max-height: 60px;
    background: black;
    height: 100%;
    width: auto;
    border-radius: 8px;
    border: 1px solid var(--neutral-600);
    margin-inline: 4px;
    padding: 4px;
}

.adm__password-btn svg {
    width: 20px;
    height: 20px;
}

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid var(--summer-sky-500);
    outline: none;
}

    .adm__toggle-password:focus .adm__password-btn, .adm__toggle-password:focus-visible .adm__password-btn, .adm__password-btn:hover {
        transform: scale(1.1);
    }

.adm__toggle-password:focus, .adm__toggle-password:focus-visible {
    border: 1px solid transparent;
    outline: none;
}


.adm__toggle-password {
    position: absolute;
    right: 1.2rem;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    border: 1px solid transparent;
    outline: none;
}

.adm_checkbox-hidden {
    display: none;
}

.adm_custom-chekbox {
    display: inline-flex;
    align-items: start;
    cursor: pointer;
    gap: 0.8rem;
}

.adm_checkbox-hidden:disabled + .adm_checkbox-icon {
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-500);
}
.adm_checkbox-hidden:disabled:checked:hover + .adm_checkbox-icon {
    background-color: var(--neutral-500);
}
.adm_checkbox-hidden:disabled:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--neutral-500);
}

.adm_checkbox-icon {
    transition: all 250ms ease;
    width: 18px;
    height: 18px;
    padding: 1px;
    background-color: var(--neutral-100);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--neutral-300);
}

.adm_checkmark {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .adm_checkmark svg {
        color: var(--neutral-100);
        height: 14px;
        width: 14px;
        visibility:initial;
    }

.adm-list-with-tags{
    display:flex;
    flex-direction: column;
    gap:4px;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon .adm_checkmark {
    visibility: visible;
}
.adm_checkbox-hidden:not(:checked) + .adm_checkbox-icon .adm_checkmark {
    visibility: hidden;
}

.adm_checkbox-hidden:checked + .adm_checkbox-icon {
    visibility: visible;
    background-color: var(--resolution-blue-400);
    border: 1px solid transparent;
}

.adm_checkbox-hidden:checked:hover + .adm_checkbox-icon {
    border: 1px solid transparent;
    background-color: var(--resolution-blue-500);
}

.adm_checkbox-hidden:hover + .adm_checkbox-icon {
    border: 1px solid var(--neutral-400);
}

.adm_checkbox-label-text {
    user-select: none;
}

.adm_toggle-button.adm__btn.adm__btn-primary:not(.active){
    background-color: transparent;
    color: var(--neutral-600);
}
    .adm_toggle-button.adm__btn.adm__btn-primary:not(.active):hover {
        background-color: var(--neutral-400);
    }

.adm-login__main-form .adm_toggle-container {
    min-width: 513px;
}

.adm-login__main-form .adm_toggle-container a {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.adm_toggle-container {
    display: flex;
    gap: 4px;
    background-color: var(--neutral-300);
    padding: 1px;
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
}



.adm__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: 8px;
    outline: none;
    transition: all 250ms ease;
    padding: 4px 18px;
    white-space: nowrap;
}

    .adm__btn.adm__btn-primary {
        color: var(--neutral-100);
        background-color: var(--resolution-blue-500);
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        font-weight: var(--text-regular-font-weight);
        line-height: var(--text-300-line-height);
        text-decoration: none;
        position: relative;
    }

    .adm__btn.active > .adm__btn-loading-container {
        display: flex;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        max-height: fit-content;
    }

.adm__btn-loading-container > svg {
    width: 25px;
    height: 25px;
}

.adm__btn > .adm__btn-loading-container {
    display: none;
}

.adm__btn > span {
    visibility: visible;
}

.adm__btn.active > span {
    visibility: hidden;
}

.adm__btn.adm__btn-primary:hover, .adm__btn.adm__btn-primary:active, .adm__btn.adm__btn-primary:focus, .adm__btn.adm__btn-primary:focus-visible {
    background-color: var(--resolution-blue-400);
    outline: none;
}


.adm__btn.adm__btn-primary:disabled {
    background-color: var(--resolution-blue-100);
    text-decoration: none;
}

.adm__btn-loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.adm__btn.adm__btn-secondary {
    color: var(--resolution-blue-500);
    background-color: var(--neutral-100);
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    border: 1px solid var(--resolution-blue-500);
    text-decoration: none;
}

    .adm__btn.adm__btn-secondary:hover, .adm__btn.adm__btn-secondary:active, .adm__btn.adm__btn-secondary:focus, .adm__btn.adm__btn-secondary:focus-visible {
        background-color: var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }


    .adm__btn.adm__btn-secondary:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid var(--resolution-blue-100);
        outline: none;
        text-decoration: none;
    }

.adm__btn.adm__btn-ghost {
    color: var(--resolution-blue-500);
    background-color: transparent;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    text-decoration: none;
    outline: none !important;
    appearance: none;
    gap: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

    .adm__btn.adm__btn-ghost.adm__btn-ghost__icon {
        width: 44px;
        padding:0;
    }

    .adm__btn.adm__btn-ghost:hover, .adm__btn.adm__btn-ghost:active, .adm__btn.adm__btn-ghost:focus, .adm__btn.adm__btn-ghost:focus-visible {
        background-color: var(--neutral-300);
        outline: none !important;
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost:active {
        background-color: transparent;
        outline: none !important;
        border: 1px solid var(--resolution-blue-500);
        text-decoration: none;
    }


    .adm__btn.adm__btn-ghost:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid transparent !important;
        outline: none !important;
        text-decoration: none;
    }

.adm__input-error {
    color: var(--fire-engine-red-500);
    font-family: var(--text-100-font-family);
    font-size: var(--text-100-font-size);
    font-style: var(--text-100-font-style);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-100-line-height)
}


.adm__tag {
    line-height: 1.5rem;
    border-radius: 0.5rem;
    padding: 0.3rem 0.8rem;
    margin: auto 0;
    font-family: var(--text-300-font-family);
    font-size: var(--text-300-font-size);
    font-style: var(--text-300-font-style);
    color: var(--neutral-100);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-300-line-height);
    display: inline-block;
}

.adm__tag-yellow {
    background-color: var(--tangerine-yellow-500);
}

.adm__tag-black {
    background-color: var(--neutral-700);
}

.adm__tag-enterprise {
    background-color: var(--neutral-700);
    color: var(--tangerine-yellow-500);
}

.adm_flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.adm__tag-red {
    background-color: var(--fire-engine-red-500);
}

.adm__tag-green {
    background-color: var(--green-500);
}

.adm__tag-blue {
    background-color: var(--summer-sky-500);
    display: inline-block;
}

.adm__tag-dark-blue {
    background-color: var(--paris-m-500);
}

.adm__tag-clients-portal {
    background-color: var(--resolution-blue-500);
}

.adm__list {
    gap: 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    font-family: var(--text-400-font-family);
    font-size: var(--text-400-font-size);
    font-style: var(--text-400-font-style);
    color: var(--neutral-800);
    font-weight: var(--text-regular-font-weight);
    line-height: var(--text-400-line-height)
}

    .adm__list ul {
        padding-left: 32px;
    }

input[type="password"]::-webkit-textfield-decoration-container,
input::-ms-reveal,
input::-ms-clear,
input::-webkit-contacts-auto-fill-button,
input::-webkit-creadentials-auto-fill-button {
    display: none !important;
}


.adm-chat_user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}

.adm-chat__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
}
.adm-table__user-logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    background: var(--summer-sky-500);
    line-height: 2.2rem;
    border-radius: 10rem;
    color: var(--neutral-100);
    text-decoration: none;
}
.text-decoration-none {
    text-decoration: none !important;
}
.inline-margin-auto {
    margin-inline: auto !important;
}

.adm-table__user-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    border-radius: 10rem;
    object-fit: cover;
}
.adm-table__user-logo.fallback {
    display: none;
}

.adm-chat__user-logo.fallback {
    display: none;
}
.adm__add-user-to-chat-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

#chat_members_panel #all_users_div.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
}

#chat_members_panel #users_div {
    display: flex;
    gap: 8px;
}
#chat_members_panel .followers-body {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.margin-left-full{
    margin-left: auto;
}
.adm-card {
    max-width: 577px;
    width: 100%;
    padding: 24px 44px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--neutral-200);
    border-radius: 4px;
}

.adm-ordered-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 24px;
}

.adm-spinner {
    animation: rotate 2s linear infinite;
}

    .adm-spinner circle {
        stroke-dasharray: 100;
        stroke-dashoffset: 0;
        animation: dash 1.5s ease-in-out infinite;
    }

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35;
    }

    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124;
    }
}

.adm-spinner_container {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.adm-mini-spinner_container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.adm-mini-spinner_container > svg{
    width:3.2rem;
    height: auto;
}

.adm-tooltip {
    position: absolute;
    background-color: var(--paris-m-500);
    color: var(--neutral-100);
    padding: 12px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Permitir que los tooltips largos se ajusten en varias líneas en lugar de
       desbordar la página; los textos cortos siguen ocupando una sola línea. */
    white-space: normal;
    max-width: 280px;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}

    .adm-tooltip::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
    }

.adm-tooltip-bottom::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.adm-tooltip-top::after {
    top: -10px;
    border-bottom-color: var(--paris-m-500);
}

.custom-toast__container {
    display: flex !important;
    align-items: stretch !important;
    min-width: 250px !important;
    max-width: 527px !important;
    border-radius: 8px !important;
}

    .custom-toast__container.on-page {
        min-width: none !important;
        max-width: none !important;
        width: 100%;
    }


    .custom-toast__container.success .custom-toast__icon {
        background: var(--green-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.error .custom-toast__icon {
        background: var(--fire-engine-red-500) !important;
        color: var(--neutral-100);
    }

    .custom-toast__container.warning .custom-toast__icon {
        background: var(--tangerine-yellow-500) !important;
        color: var(--neutral-100);
    }
    .custom-toast__container.information .custom-toast__icon {
        background: var(--resolution-blue-500) !important;
        color: var(--neutral-100);
    }



.custom-toast__icon {
    min-height: 100% !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 64px !important;
}

    .custom-toast__icon svg {
        border-radius: 100px !important;
        border: 2px solid var(--neutral-100) !important;
        width: 28px !important;
        height: 28px !important;
        padding: 4px !important;
    }

.custom-toast__main {
    flex-grow: 1 !important;
    display: flex !important;
    padding: 1.6rem !important;
    gap: 1.6rem !important;
}

.custom-toast__text-container {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.custom-toast__close-button {
    align-self: start !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--paris-m-500) !important;
    background: var(--neutral-100) !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    transition: all 250ms ease !important;
    display: flex !important;
    justify-content: center !important;
    padding:0;
    align-items: center !important;
}

    .custom-toast__close-button:hover {
        background: var(--neutral-300) !important;
    }

    .custom-toast__close-button:focus,
    .custom-toast__close-button:focus-visible {
        border: 1px solid var(--summer-sky-500) !important;
        outline: none !important;
    }


.adm-toast {
    padding: 0 !important;
    background-image: none !important;
    background-color: var(--neutral-100) !important;
    border-radius: 0.8rem !important;
    overflow: hidden;
    animation: none !important;
    border: 1px solid transparent !important;
    width: 90%;
}

    .adm-toast.on-page {
        max-width: 100%;
        width: fit-content;
    }

    .adm-toast.success {
        border: 1px solid var(--green-500) !important;
    }

    .adm-toast.error {
        border: 1px solid var(--fire-engine-red-500) !important;
    }

    .adm-toast.warning {
        border: 1px solid var(--tangerine-yellow-500) !important;
    }

    .adm-toast.information {
        border: 1px solid var(--resolution-blue-500) !important;
    }


.adm-lines-container {
    position: absolute;
    top: 34.5px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 1;
}

.adm-stepper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

.adm-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.adm-step-circle {
    width: 3.1rem;
    height: 3.1rem;
    border-radius: 50%;
    background-color: var(--neutral-400);
    color: var(--neutral-100);
    line-height: 3.1rem;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}

.adm-step.active .adm-step-circle, .adm-step.completed .adm-step-circle {
    background-color: var(--paris-m-200);
}

.adm-step-label {
    margin-top: 5px;
    font-size: 12px;
    color: var(--neutral-400);
}

.adm-step.active .adm-step-label {
    color: var(--paris-m-200);
}

.adm-stepper-card {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 3.2rem;
    padding: 2rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.adm-step-line {
    height: 3px;
    position: absolute;
    background-color: var(--neutral-400);
    transition: background-color 0.3s;
}

    .adm-step-line.active {
        background-color: var(--paris-m-200);
    }



.adm-stepper__step-content {
    display: none;
    width: 100%;
    flex-direction: column;
    align-items: center;
    background-color: var(--neutral-100);
    gap: 3.2rem;
}


    .adm-stepper__step-content.active {
        display: flex;
    }

.adm_title {
    color: var(--heading-h2-color);
    font-feature-settings: var(--heading-h2-font-feature-settings);
    font-family: var(--heading-h2-font-family);
    font-size: var(--heading-h2-font-size);
    font-style: var(--heading-h2-font-style);
    font-weight: var(--heading-h2-font-weight);
    line-height: var(--heading-h2-line-height);
}

.adm_title-description {
 
    color: var(--body-large-color);
    font-feature-settings: var(--body-large-font-feature-settings);
    font-family: var(--body-large-font-family);
    font-size: var(--body-large-font-size);
    font-style: var(--body-large-font-style);
    font-weight: var(--body-large-font-weight);
    line-height: var(--body-large-line-height);
}

.adm__footer-thin {
    text-align: center;
    flex-shrink: 0;
}

@media (max-width: 759px) {
    .adm-search-text, .adm__input-text {
        font-size: 1.6rem !important;
    }

        .adm-search-text::placeholder,
        .adm__input-text::placeholder {
            font-size: 1.6rem !important;
        }
}

@media print {
    html, body {
        height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body{
        scrollbar-width: none;
        -ms-overflow-style:none;
    }
    ::-webkit-scrollbar{
        display: none;
    }

    /* Asegurar que DataTables y contenedores no recorten */
    #myTable_wrapper, 
    #myTable, 
    #myTable tbody,
    .dataTables_wrapper, 
    .dataTables_scroll, 
    .dataTables_scrollBody,
    .main-wrapper, 
    .main-body-content, 
    #partial_view, 
    #main, 
    #content {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }

    /* Evitar que las filas se partan entre páginas */
    tr {
        page-break-inside: avoid;
    }

    #hubspot-messages-iframe-container,
    #hubspot-messages-iframe-container *,
    #hubspot-conversations-iframe {
        display: none !important;
        visibility: hidden !important;
    }
}

@media (max-width: 759px) {

    .adm_title {
        color: var(--heading-h4-color);
        font-feature-settings: var(--heading-h4-font-feature-settings);
        font-family: var(--heading-h4-font-family);
        font-size: var(--heading-h4-font-size);
        font-style: var(--heading-h4-font-style);
        font-weight: var(--heading-h4-font-weight);
        line-height: var(--heading-h4-line-height);
    }

    .adm_title-description {
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }

    .adm__input-label {
        display: flex;
        align-items: center;
        min-height: 3.4rem;
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        font-style: var(--text-300-font-style);
        line-height: var(--text-300-line-height);
    }
}

.adm_header {
    display: flex;
    flex-direction: column;
}

.dxgvSearchPanel_Office365 {
    background-color: var(--neutral-200);
}

.table {
    background: var(--neutral-100);
}

.adm-center {
    display: flex;
    justify-content:center;
    align-items:center;
}

.adm-row {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}
.adm-space-between {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
}
.adm-col {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}

.adm-rotate {
    transform: rotate(180deg);
}

.adm_button-fit-content .adm__btn.adm__btn-primary {
    width: fit-content;
}

/*BOOTSTRAP OVERRIDE*/
.btn-primary {
    color: var(--neutral-100) !important;
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-primary:hover {
        background-color: var(--resolution-blue-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--resolution-blue-400) !important;
    }
    .btn-primary.always-disabled
    .btn-primary:disabled {
        background-color: var(--resolution-blue-100) !important;
    }

.btn-success {
    color: var(--neutral-100) !important;
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-success:hover {
        background-color: var(--green-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--green-400) !important;
    }

    .btn-success:disabled {
        background-color: var(--green-100) !important;
    }

.btn-info {
    color: var(--neutral-100) !important;
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-info:hover {
        background-color: var(--summer-sky-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--summer-sky-400) !important;
    }

    .btn-info:disabled {
        background-color: var(--summer-sky-100) !important;
    }


.btn-secondary {
    color: var(--resolution-blue-500) !important;
    background-color: var(--neutral-100) !important;
    border: 1px solid var(--resolution-blue-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-secondary:hover {
        background-color: var(--resolution-blue-100) !important;
        color: var(--resolution-blue-500) !important;
    }

    .btn-secondary:disabled {
        color: var(--resolution-blue-100) !important;
        border: 1px solid var(--resolution-blue-100) !important;
    }



.btn-danger {
    color: var(--neutral-100) !important;
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-danger:hover {
        background-color: var(--fire-engine-red-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--fire-engine-red-400) !important;
    }

    .btn-danger:disabled {
        background-color: var(--fire-engine-red-100) !important;
    }

.btn-warning {
    color: var(--neutral-100) !important;
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
    transition: all 250ms ease !important;
    
}

    .btn-warning:hover {
        background-color: var(--tangerine-yellow-400) !important;
        color: var(--neutral-100) !important;
        border: 1px solid var(--tangerine-yellow-400) !important;
    }

    .btn-warning:disabled {
        background-color: var(--tangerine-yellow-100) !important;
    }

.btn {
    transition: all 250ms ease !important;
}


.btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus, 
.label-primary,
.progress-bar, .list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus, 
 .bg-primary {
    background-color: var(--resolution-blue-500) !important;
    border: 1px solid var(--resolution-blue-500) !important;
}



.btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.label-danger,
 .bg-danger {
    background-color: var(--fire-engine-red-500) !important;
    border: 1px solid var(--fire-engine-red-500) !important;
}

.btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
.label-success,
fieldset[disabled] .btn-success.focus,
 .bg-success {
    background-color: var(--green-500) !important;
    border: 1px solid var(--green-500) !important;
}


.btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.label-info,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
 .bg-info {
    background-color: var(--summer-sky-500) !important;
    border: 1px solid var(--summer-sky-500) !important;
}

.btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.label-warning,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
 .bg-warning {
    background-color: var(--tangerine-yellow-500) !important;
    border: 1px solid var(--tangerine-yellow-500) !important;
}


.ui-tabs-active {
    background-color: var(--resolution-blue-100) !important;
    border: 1px solid var(--resolution-blue-100) !important;
}

input[type=checkbox]:checked {
    accent-color: var(--resolution-blue-500) !important;
}

.adm-error_technical-details {
    display: flex;
    flex-direction: column;
    align-items: start;
    background-color: var(--neutral-200);
    padding: 16px;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
}

.adm-error_technical-details p {
    text-align:start;
}

.adm-error_button-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

dialog.adm-dialog {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    padding: 3.2rem;
    width: 90%;
    min-width: 300px;
    max-width: 795px;
    background-color: var(--neutral-200);
}

dialog.adm-dialog .adm__home-header {
    padding-right: 44px;
}

dialog.adm-dialog .avatar-circle-large {
    height: 64px;
    width: 64px;
    max-height: 64px;
    max-width: 64px;
    flex-shrink: 0;
}

a.adm__dialog-grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 12px 4px;
    background-color: var(--neutral-100);
    transition: all 250ms ease;
    text-decoration: none !important;
    max-height: 171px;  
    height: 100%;
}

.adm__dialog-grid-item-name{
    text-align: center;
}
.adm__dialog-grid-item * {
    text-decoration: none;
}

.adm-dialog h2,
.adm-dialog p {
    padding: 0 !important;
    margin: 0 !important;
}

.adm__dialog-grid-item:hover {
   
    background-color: var(--neutral-300);
}

.adm__dialog-grid-list {
    display: grid;
    gap: 16px;
    height: fit-content;
    max-height: 50vh;
    overflow-y: auto;
    grid-template-columns: repeat(auto-fill,120px);
    padding: 16px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    justify-content: center;
}

.adm__input-text-area {
    min-height: 120px;
    height: 120px;
    max-height: 200px;
}

.adm-fit-content {
    width: fit-content !important;
}

dialog.adm-dialog.adm-dialog__survey {
    max-width: 600px;
}

    dialog.adm-dialog.adm-dialog__survey .adm__home-header {
        padding-inline: 0;
    }

        dialog.adm-dialog.adm-dialog__survey .adm__home-header .adm_title {
            padding-inline: 44px !important;
        }

dialog.adm-dialog  .adm-dialog_floating-close-btn {
    position: absolute;
    right: 0;
    top: 0;
}

dialog.adm-dialog .adm-dialog__survey-option {
    display: flex;
    flex-direction: column;
    padding: 8px;
    align-items: center;
    gap: 4px;
    width: 111px;
    border: 1px solid var(--neutral-500);
    color: var(--neutral-600);
    border-radius: 8px;
    background-color: var(--neutral-100);
    transition: all 250ms ease-in;
    opacity: 1;
}

    dialog.adm-dialog .adm-dialog__survey-option.selected {
        background-color: var(--neutral-100);
        opacity: 1 !important;
    }

dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected {
    border: 1px solid var(--fire-engine-red-500) !important;
    color: var(--fire-engine-red-500);
}

dialog.adm-dialog #Dissatisfied.adm-dialog__survey-option.selected  svg{
    color: var(--fire-engine-red-500);
}

dialog.adm-dialog #Normal.adm-dialog__survey-option.selected {
    border: 1px solid var(--tangerine-yellow-500) !important;
    color: var(--tangerine-yellow-500) !important;
}

dialog.adm-dialog #Normal.adm-dialog__survey-option.selected svg{
    color: var(--tangerine-yellow-500) !important;
}


dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected {
    border: 1px solid var(--green-500) !important;
    color: var(--green-500) !important;
}

dialog.adm-dialog #Sasstisfied.adm-dialog__survey-option.selected svg {
    color: var(--green-500) !important;
}


dialog.adm-dialog .adm-dialog__survey-option.not-selected {
    opacity: 0.35;
}

dialog.adm-dialog.adm-dialog__survey .adm-dialog__survey-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    justify-content: center;
}

dialog.adm-dialog.adm-dialog__survey .adm_row-btn {
    gap: 24px;
}

dialog.adm-dialog .adm-dialog__survey-form {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.adm-authentication-request-code__image > svg {
    max-width: 528px;
    max-height: 316px;
    width: 100%;
    height: auto;
}

.adm_row-btn {
    display: flex;
    gap: 8px;
    justify-content: center;
}

dialog.adm-dialog .adm-dialog__survey-option:hover {
    transform: scale(1.02);
    background-color: var(--neutral-300);
    opacity: 1;
}


dialog.adm-dialog .adm-dialog__survey-options {
    display: flex;
    justify-content:center;
    width: 100%;
    align-items: center;
    gap: 12px;
}

dialog.adm-dialog .adm-dialog__survey-option svg{
    transition: all 250ms ease-in;
    color: var(--neutral-600);
}
dialog.adm-dialog.adm-dialog__survey .adm__dialog-body {
    padding-block: 42px;
}

    dialog .adm-dialog .adm__dialog-grid-list-no-results-message {
    width: 100%;
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 200px;
    background-color: var(--neutral-100);
}
.adm__dialog-body {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.adm__dialog-body  input.adm-search-text {
    border: 1px solid var(--neutral-400);
}

table tr#waiting_message_row > td{
    white-space: nowrap !important;
}

@media (max-width: 759px) {
    .adm__dialog-grid-list {
        grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    }
}
@media (max-width: 767px) {
    .table-responsive > .table > tbody > tr > td {
        white-space: pre-wrap !important;
        overflow-wrap: anywhere;
    }
}

.adm-sticky-header-with-options #myTable_wrapper .dt-buttons,
.adm-sticky-header-with-options .dataTables_length,
.adm-sticky-header-with-options .dataTables_filter {
    position: sticky !important;
    top: 5px;
    z-index: 20;
}

.adm-sticky-header-with-options.table-responsive {
    max-height: 600px;
    overflow-y: auto !important;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--neutral-300);
    background-color: var(--neutral-100);
    position: relative;
    z-index: 0;
}

.adm-sticky-header-with-options #myTable thead th {
    position: sticky;
    top: 65px;
    z-index: 10;
    background-color: var(--neutral-100);
    box-shadow: 0 -62px 0 18px var(--neutral-100);
    padding-top: 15px;
}


@media screen and (max-width: 640px) {
    .adm-sticky-header-with-options #myTable_wrapper .dataTables_filter {
        top: 50px;
    }

    .adm-sticky-header-with-options #myTable thead th {
        top: 110px;
        box-shadow: 0 -134px 0 50px var(--neutral-100);
        padding-top: 35px;
    }
}

.adm-illustration-w-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
    width: 100%;
}