/* 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-400'
(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'
(629,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(630,35): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(635,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(646,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(652,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(664,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(666,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(668,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(681,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(693,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(698,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(725,20): run-time error CSS1019: Unexpected token, found '-'
(725,31): run-time error CSS1031: Expected selector, found ')'
(725,31): run-time error CSS1025: Expected comma or open brace, found ')'
(744,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(745,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(764,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(771,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(776,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(786,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(787,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(788,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(789,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(800,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(826,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(829,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(848,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(908,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(915,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(916,21): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(933,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(951,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(953,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(954,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(955,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(956,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(967,36): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(974,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(975,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(980,36): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(981,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(989,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(994,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(999,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-family'
(1000,25): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
(1001,26): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-style'
(1002,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1003,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1004,27): run-time error CSS1039: Token not allowed after unary operator: '-text-200-line-height'
(1008,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1022,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1033,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1044,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1083,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1084,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1087,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1091,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(1099,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1104,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1114,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1135,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1141,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1145,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1154,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(1157,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1173,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1175,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1196,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1197,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1198,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1199,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1200,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1201,27): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1202,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1235,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(1240,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1247,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1248,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1249,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1250,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1251,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1252,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1253,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1254,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1259,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1260,28): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(1261,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1267,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(1268,28): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(1279,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1280,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1281,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1282,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1283,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1284,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1285,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1286,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1291,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1298,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1299,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1305,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1307,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1308,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1309,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1310,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1311,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1326,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1334,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1340,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(1347,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1348,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-family'
(1349,21): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-size'
(1350,22): run-time error CSS1039: Token not allowed after unary operator: '-text-100-font-style'
(1351,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1352,23): run-time error CSS1039: Token not allowed after unary operator: '-text-100-line-height'
(1361,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(1362,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(1363,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(1364,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1365,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1366,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(1372,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1377,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1382,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(1383,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1395,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1401,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1407,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1413,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1418,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1426,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-family'
(1427,21): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-size'
(1428,22): run-time error CSS1039: Token not allowed after unary operator: '-text-400-font-style'
(1429,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(1430,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(1431,23): run-time error CSS1039: Token not allowed after unary operator: '-text-400-line-height'
(1467,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1470,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1480,22): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1483,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1542,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(1564,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(1570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1611,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1612,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1639,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1644,31): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1663,26): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1664,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1668,26): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1669,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1673,26): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1674,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1677,26): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1678,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1695,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1719,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-500'
(1720,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1731,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1736,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(1744,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1758,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(1762,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(1766,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(1770,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(1802,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1803,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1814,28): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1820,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1824,17): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1835,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1836,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(1845,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(1850,32): run-time error CSS1039: Token not allowed after unary operator: '-paris-m-200'
(1860,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(1870,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-color'
(1871,33): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-feature-settings'
(1872,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-family'
(1873,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-size'
(1874,22): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-style'
(1875,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-font-weight'
(1876,23): run-time error CSS1039: Token not allowed after unary operator: '-heading-h2-line-height'
(1920,17): run-time error CSS1039: Token not allowed after unary operator: '-body-large-color'
(1921,33): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-feature-settings'
(1922,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-family'
(1923,21): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-size'
(1924,22): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-style'
(1925,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-font-weight'
(1926,23): run-time error CSS1039: Token not allowed after unary operator: '-body-large-line-height'
(1993,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-color'
(1994,37): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-feature-settings'
(1995,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-family'
(1996,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-size'
(1997,26): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-style'
(1998,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-font-weight'
(1999,27): run-time error CSS1039: Token not allowed after unary operator: '-heading-h4-line-height'
(2010,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2011,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2012,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2013,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2020,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2021,25): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2022,26): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2023,27): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2033,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2037,22): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2079,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2080,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2081,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2087,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(2088,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2089,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(2093,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2097,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2098,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2099,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2105,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(2106,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2107,32): run-time error CSS1039: Token not allowed after unary operator: '-green-400'
(2111,32): run-time error CSS1039: Token not allowed after unary operator: '-green-100'
(2115,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2116,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2117,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2123,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(2124,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2125,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-400'
(2129,32): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-100'
(2134,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2135,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2136,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2142,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2143,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2147,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2148,32): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2154,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2155,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2156,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2162,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(2163,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2164,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(2168,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-100'
(2172,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2173,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2174,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2180,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(2181,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2182,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-400'
(2186,32): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-100'
(2209,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2210,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2227,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2228,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2243,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2244,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2260,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2261,28): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2276,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2277,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2282,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2283,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2287,24): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-500'
(2294,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2298,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2312,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2318,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2339,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2341,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2363,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2374,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2376,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2415,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2416,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2418,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2424,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2429,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2430,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2434,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2438,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2439,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2443,17): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-500'
(2448,28): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2449,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2453,17): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2496,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2511,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2519,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2527,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2536,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2568,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2569,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2578,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2579,37): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2591,42): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2602,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2608,29): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2612,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2623,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2624,33): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(2639,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2660,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2662,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2670,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2672,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2681,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2683,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2704,28): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-400'
(2720,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2728,32): run-time error CSS1039: Token not allowed after unary operator: '-green-500'
(2754,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(2760,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2764,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2765,28): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2766,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2767,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2768,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2769,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(2770,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2777,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-400'
(2782,17): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2784,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-family'
(2785,21): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-size'
(2786,22): run-time error CSS1039: Token not allowed after unary operator: '-text-300-font-style'
(2787,23): run-time error CSS1039: Token not allowed after unary operator: '-text-regular-font-weight'
(2788,23): run-time error CSS1039: Token not allowed after unary operator: '-text-300-line-height'
(2803,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2811,32): run-time error CSS1039: Token not allowed after unary operator: '-fire-engine-red-500'
(2816,21): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-100'
(2842,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2859,21): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(2867,17): run-time error CSS1039: Token not allowed after unary operator: '-resolution-blue-300'
(2875,17): run-time error CSS1039: Token not allowed after unary operator: '-summer-sky-500'
(2904,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(2914,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(2915,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(2960,28): run-time error CSS1039: Token not allowed after unary operator: '-tangerine-yellow-600'
(2966,21): run-time error CSS1039: Token not allowed after unary operator: '-text-200-font-size'
 */
@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-400 {
    color: var(--resolution-blue-400)
}

.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;
}

/* Menú de la campana de notificaciones. Sus etiquetas ("Apagar notificaciones y correos")
   superan el tope genérico de 250px de los <a> del dropdown y quedaban pegadas/cortadas contra
   el borde derecho del menú. Se libera el tope y se garantiza el margen derecho para que el
   texto respire; el menú crece con su contenido por el min-width: max-content ya definido. */
.dropdown-menu.adm-dropdown-menu.adm-navbar__notification-menu > li > a {
    max-width: none;
    padding-right: 2.4rem;
    white-space: nowrap;
}

/* 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;
}

/* Enlace extra "Ir al dashboard" en cada resultado del buscador global. Se alinea a la derecha con
   margin-left:auto y solo aparece cuando el servidor entrega fixed_dashboard_address. Usa tokens
   (--summer-sky-*/--neutral-*) que se re-mapean en modo oscuro, y el SVG hereda el color vía
   currentColor, por lo que funciona en claro y oscuro sin reglas adicionales. */
.adm-search-result > .adm-search-result__dashboard-link {
    margin-left: auto;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.4rem;
    border-radius: 0.4rem;
    color: var(--summer-sky-500);
    cursor: pointer;
    text-decoration: none;
    transition: background-color 200ms ease;
}

    .adm-search-result > .adm-search-result__dashboard-link:hover,
    .adm-search-result > .adm-search-result__dashboard-link:focus,
    .adm-search-result > .adm-search-result__dashboard-link:focus-visible {
        background-color: var(--neutral-400);
        color: var(--summer-sky-500);
        text-decoration: none;
        outline: none;
    }

    .adm-search-result > .adm-search-result__dashboard-link > svg {
        width: 2rem;
        height: 2rem;
        max-width: 2rem;
        max-height: 2rem;
        flex-shrink: 0;
        /* El clic siempre debe registrarse sobre el <a> (para stopPropagation y navegación),
           no sobre los paths internos del SVG. */
        pointer-events: none;
    }

.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)
    }

    /* Campos de fecha (_InputField con Type="date"): son inputs de texto con datepicker, no el input
       nativo, para respetar el formato de fecha de la empresa. */
    .adm__input-text.adm__input-date {
        cursor: pointer;
    }

/* Banda derecha reservada en los campos que llevan un control DENTRO del input: el icono de calendario
   de los campos de fecha y el boton de la calculadora. Sin ella el icono queda montado sobre el texto,
   lo que se nota sobre todo en los montos, que van alineados a la derecha.

   Dos decisiones a proposito:
   - Selector de 3 clases (.adm__input-wrapper > ...): las pantallas redefinen el padding de sus inputs
     con selectores de 2 clases (p. ej. ".adm-import-docs__card-grid .adm__input-text { padding: 8px 12px }"),
     y como sus hojas se cargan despues del DS, ganaban por orden de cascada y borraban este hueco.
   - Solo se fija padding-right, no el shorthand: asi la pantalla sigue controlando el padding vertical
     y el izquierdo de sus campos sin volver a pisar la banda del icono.
   4rem cubre el control (2.8rem) mas su separacion del borde (0.8rem) y deja aire antes del texto. */
.adm__input-wrapper > .adm__input-text.adm__input-date,
.adm__input-wrapper > .adm__input-text.adm__input-calculator {
    padding-right: 4rem;
}

/* =============================================================
   CALCULADORA DE CAMPOS NUMERICOS (modulo AmountCalculator)
   ============================================================= */

/* Contenedor del input en las pantallas que NO usan el Design System, sino los editores clasicos de
   Bootstrap (EditorTemplates2/Decimal.cshtml con EnableCalculator: encabezados de transacciones y fichas).
   Cumple el mismo papel que .adm__input-wrapper en el DS:
   - position: relative -> es el ancestro contra el que se posiciona el boton, que va en absolute.
   - padding-right en el input -> reserva la banda del boton para que el icono no quede montado sobre el
     texto del monto. 4rem cubre el control (2.8rem) mas su separacion del borde (0.8rem) y deja aire.
   Se fija solo padding-right, no el shorthand, para no tocar el padding vertical de Bootstrap. */
.adm-amount-field {
    position: relative;
}

    .adm-amount-field > .form-control {
        padding-right: 4rem;
    }

/* Boton que abre el panel, dentro del .adm__input-wrapper del campo. A diferencia de .adm__input-icon
   (decorativo) este SI recibe clics, por eso lleva su propio posicionamiento y estados. */
.adm__input-calculator-button {
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    padding: 0;
    border: none;
    border-radius: 0.6rem;
    background: transparent;
    color: var(--neutral-600);
    cursor: pointer;
    transition: background-color 250ms ease, color 250ms ease;
}

    .adm__input-calculator-button:hover,
    .adm__input-calculator-button:focus-visible {
        background-color: var(--neutral-300);
        color: var(--summer-sky-500);
        outline: none;
    }

    .adm__input-calculator-button > svg {
        width: 2rem;
        height: 2rem;
        /* El clic siempre debe registrarse sobre el <button>, no sobre los paths internos del SVG. */
        pointer-events: none;
    }

/* Panel flotante. Se posiciona por JS en coordenadas de pagina (top/left), por eso es absolute. */
.adm-calculator {
    display: none;
    position: absolute;
    z-index: 1100;
    padding: 0.8rem;
    border: 1px solid var(--neutral-300);
    border-radius: 0.8rem;
    background-color: #fff;
    box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.18);
}

    .adm-calculator.adm-calculator--open {
        display: block;
    }

    .adm-calculator__keys {
        display: grid;
        grid-template-columns: repeat(4, 4.4rem);
        gap: 0.4rem;
    }

    .adm-calculator__key,
    .adm-calculator__accept {
        border: 1px solid var(--neutral-300);
        border-radius: 0.6rem;
        background-color: var(--neutral-200);
        color: var(--neutral-700);
        font-family: var(--text-300-font-family);
        font-size: var(--text-300-font-size);
        cursor: pointer;
        transition: background-color 250ms ease;
    }

    .adm-calculator__key {
        height: 4rem;
    }

        .adm-calculator__key:hover,
        .adm-calculator__accept:hover {
            background-color: var(--neutral-300);
        }

    .adm-calculator__accept {
        width: 100%;
        height: 4rem;
        margin-top: 0.4rem;
        border-color: var(--summer-sky-500);
        background-color: var(--summer-sky-500);
        color: #fff;
    }

        .adm-calculator__accept:hover {
            background-color: var(--summer-sky-400);
            border-color: var(--summer-sky-400);
        }

    .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;
        gap: 8px;
    }

    .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;
}

/* Variante VERDE (accion positiva/confirmacion). Misma tipografia y forma que la primaria pero con
   la paleta green-*, para acciones que se quieren destacar como "registrar/guardar/confirmar". */
.adm__btn.adm__btn-success {
    color: var(--neutral-100);
    background-color: var(--green-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);
    border: 1px solid var(--green-500);
    text-decoration: none;
}

    .adm__btn.adm__btn-success:hover, .adm__btn.adm__btn-success:active, .adm__btn.adm__btn-success:focus, .adm__btn.adm__btn-success:focus-visible {
        background-color: var(--green-400);
        border-color: var(--green-400);
        color: var(--neutral-100);
        outline: none;
        text-decoration: none;
    }

    .adm__btn.adm__btn-success:disabled {
        background-color: var(--green-100);
        border-color: var(--green-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,
.adm__tag-warning {
    background-color: var(--tangerine-yellow-500);
    display: inline-block;
}

.adm__tag-black {
    background-color: var(--neutral-700);
    display: inline-block;
}

.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,
.adm__tag-danger {
    background-color: var(--fire-engine-red-500);
    display: inline-block;
}

.adm__tag-green,
.adm__tag-success {
    background-color: var(--green-500);
    display: inline-block;
}

.adm__tag-blue,
.adm__tag-info {
    background-color: var(--summer-sky-500);
    display: inline-block;
}

.adm__tag-dark-blue,
.adm__tag-primary {
    background-color: var(--paris-m-500);
    display: inline-block;
}

.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);
}

/* ---------------------------------------------------------------------------
   Titulo de pantalla
   ---------------------------------------------------------------------------
   Contrato unico para el titulo de TODAS las pantallas, tomado de ImportDocs:
   siempre un <h1 class="adm_title adm__page-title">.

     - .adm_title      aporta la tipografia del design system (tokens heading-h2
                       en escritorio, heading-h4 en movil).
     - .adm__page-title aporta el espaciado: sin margen superior y una separacion
                       inferior identica en todas las pantallas.

   Las clases ganan por especificidad a las reglas de elemento de Bootstrap
   (h1,h2,h3 { margin-top: 20px; margin-bottom: 10px }) y de Layout2.css
   (h1,h2 { margin-top: 0 }), sin importar el orden de carga de las hojas.
   Por eso no hace falta ningun !important.
   -------------------------------------------------------------------------- */
.adm__page-title {
    margin-top: 0;
    margin-bottom: 1.6rem;
}

/* Muchas pantallas separan el titulo del contenido con un <hr>. Bootstrap le da
   20px arriba y abajo; combinados con el margen del titulo daban separaciones
   distintas en cada pantalla. Se normaliza el bloque titulo + separador. */
.adm__page-title + hr {
    margin-top: 0;
    margin-bottom: 1.6rem;
}

@media print {

    /* Al imprimir el titulo no debe ocupar el tamano de pantalla (3.2rem). Se usa
       el mismo tamano que Layout2.css ya declara para los <h1> impresos. */
    .adm__page-title {
        font-size: x-large;
        line-height: 1.2;
    }
}

.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);
    }

    /* En movil el titulo baja a los tokens h4, asi que la separacion con el
       contenido tambien se reduce para no dejar un hueco desproporcionado. */
    .adm__page-title,
    .adm__page-title + hr {
        margin-bottom: 1.2rem;
    }

    .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,
.adm_button-fit-content .adm__btn.adm__btn-error {
    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-inline: 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__input-wrapper.calendar > .adm__input-text {
    padding-left: 36px;
}

.adm-calendar-icon {
    position: absolute;
    color: var(--neutral-500);
    top: 10px;
    left: 7px;
}

.adm_upload-container {
    border: 2px dashed var(--neutral-500);
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    background-color: var(--neutral-100);
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
}

    .adm_upload-container:hover,
    .adm_upload-container.adm_drag-over {
        background-color: var(--neutral-300);
        border: 2px dashed var(--neutral-600);
    }

.adm_upload-footer {
    display: flex;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 16px;
}

.adm_upload-content-uploaded {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px 8px 12px;
    border: 1px solid var(--neutral-500);
    width: 100%;
    max-width: 100px;
    align-items: center;
    border-radius: 8px;
}

    .adm_upload-content-uploaded > p {
        width: 100%;
    }

.adm_upload-container_files {
    display: flex;
    gap: 8px;
    flex-direction: column;
    max-height: 200px;
    overflow: auto;
}

    .adm_upload-container_files.active {
        padding: 16px;
        background: var(--neutral-300);
        border-radius: 8px;
        border: 1px solid var(--neutral-400);
    }

.adm_upload-container_file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 8px 16px;
}

.adm-upload_uploaded-file-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background-color: var(--neutral-100);
    border-radius: 8px;
    border: 1px solid var(--neutral-400);
    padding: 8px 16px;
}

.adm-upload_uploaded-file {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    flex: 1;
}

.adm_upload-container_file-info {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
}

.adm-progress-bar {
    height: 100%;
    background-color: var(--resolution-blue-400);
    width: 0%;
    transition: all 250ms ease;
    border-radius: 8px;
}

.adm-progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.adm-progress-container {
    position: relative;
    width: 100%;
    background-color: var(--neutral-400);
    border-radius: 8px;
    overflow: hidden;
    height: 16px;
}

    .adm-progress-container.loaded .adm-progress-bar {
        width: 100% !important;
        background-color: var(--green-500);
    }

.adm-ilustration-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .adm-ilustration-container > svg {
        max-width: 250px;
        max-height: 250px;
        width: 100%;
        height: auto;
    }


.adm_dialog-body-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    gap: 16px;
    padding-bottom: 32px;
}


dialog.adm-dialog.adm-dialog-xl {
    border: 1px solid var(--neutral-400);
    border-radius: 8px;
    padding: 3.2rem;
    width: 90%;
    min-width: 300px;
    max-width: 90% !important;
    background-color: var(--neutral-200);
}

.adm__btn.adm__btn-error {
    color: var(--neutral-100);
    background-color: var(--fire-engine-red-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;
    gap: 4px;
}

    .adm__btn.adm__btn-error:hover, .adm__btn.adm__btn-error:active, .adm__btn.adm__btn-error:focus, .adm__btn.adm__btn-error:focus-visible {
        background-color: var(--fire-engine-red-400);
        outline: none;
    }

.adm__btn.adm__btn-ghost-danger {
    color: var(--fire-engine-red-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-danger.adm__btn-ghost-danger__icon {
        width: 44px;
        padding: 0;
    }

    .adm__btn.adm__btn-ghost-danger:hover, .adm__btn.adm__btn-ghost-danger:active, .adm__btn.adm__btn-ghost-danger:focus, .adm__btn.adm__btn-ghost-danger:focus-visible {
        background-color: var(--neutral-300);
        outline: none !important;
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost-danger:active {
        background-color: transparent;
        outline: none !important;
        border: 1px solid var(--fire-engine-red-500);
        text-decoration: none;
    }

    .adm__btn.adm__btn-ghost-danger:disabled {
        color: var(--resolution-blue-100);
        border: 1px solid transparent !important;
        outline: none !important;
        text-decoration: none;
    }

.adm__align-cell-vertically {
    vertical-align: middle
}
.adm__input-group-label {
    height: 44px;
}

.adm__input-group.adm__input-group-w-icon {
    position: relative;
}

    .adm__input-group.adm__input-group-w-icon input {
        padding: 1.2rem 4.2rem;
    }

    .adm__input-group.adm__input-group-w-icon .adm__input-group-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--neutral-500);
        height: 24px;
    }

.adm__input-group.adm__input-group-w-icon {
    position: relative;
}

    .adm__input-group.adm__input-group-w-icon input {
        padding: 1.2rem 4.2rem;
    }

    .adm__input-group.adm__input-group-w-icon .adm__input-group-icon {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--neutral-500);
        height: 24px;
    }

.adm__btn.adm__btn-small {
    padding: 4px 10px;
}
.resolution-300 {
    color: var(--resolution-blue-300)
}

.items-end {
    align-items: end !important;
}

.summer-sky-500 {
    color: var(--summer-sky-500) !important;
}


.adm-vertical-center {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
}

.adm-vertical-start {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    width:fit-content;
    flex-direction: column;
}

.adm-error-page__main {
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
    align-items: center;
    background-color: var(--neutral-200);
}

.adm-error-page__main-content {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 2.4rem;
    padding: 4.1rem;
    background-color: var(--neutral-100);
    border: 1px solid var(--neutral-300);
    border-radius: 8px;
    text-align: center;
}

.adm__error-page > svg {
    max-width: 450px;
    width: 100%;
    height: auto;
}

@media (max-width: 759px) {
    .adm-error-page__main-content {
        padding: 2.5rem;
        height: auto;
    }

    .adm-error-page__main-main-header {
        gap: 20px;
    }
}

.adm-error-page__main-main-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.adm-illustration-w-container {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    align-items: center;
    width: 100%;
}

/* ==========================================================================
   Advertencia pegada a un campo
   Hoy la usa el editor de tasa de cambio (EditorTemplates2/ExchangeRate.cshtml) cuando el usuario
   digita una tasa que se aleja del historico de la moneda. El contenedor nace vacio y oculto; lo
   llena Tools.EnableExchangeRateAnomalyCheck. No bloquea nada: solo resalta el control y explica
   por que. El icono va en ::before porque el JS escribe el texto con textContent.
   ========================================================================== */

.adm__input-warning {
    border: 1px solid var(--tangerine-yellow-600) !important;
    box-shadow: 0 0 0 2px rgba(254, 205, 8, 0.25);
}

.adm__field-warning {
    margin-top: 4px;
    font-size: var(--text-200-font-size);
    line-height: 1.4;
    color: #8a6d3b;
}

    .adm__field-warning::before {
        font-family: 'Glyphicons Halflings';
        content: "\e107";
        margin-right: 4px;
    }

