/* Minification failed. Returning unminified contents.
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(33,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 '-'
(39,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 '-'
(45,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 '-'
(51,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 '-'
(58,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 '-'
(64,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 '-'
(70,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 '-'
(76,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 '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,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 '-'
(86,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,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 '-'
(96,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 '-'
(104,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 '-'
(112,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 '-'
(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 '-'
(128,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 '-'
(136,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 '-'
(144,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 '-'
(152,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 '-'
(160,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 '-'
(165,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 '-'
(170,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 '-'
(175,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 '-'
(185,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 '-'
(190,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(191,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(192,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(193,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(194,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(195,25): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(198,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(199,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(200,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(201,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(202,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(203,26): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(206,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(207,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(208,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(209,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(210,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(211,30): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(213,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(214,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(215,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(216,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(217,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(218,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(220,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(221,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(222,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(223,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(224,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(225,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(227,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(228,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(229,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(230,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(231,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(232,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(235,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(236,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(237,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(238,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(239,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(240,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(242,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(243,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(244,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(245,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(246,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(247,34): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(249,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(250,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(251,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(252,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(253,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(254,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(256,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-0'
(257,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(258,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(259,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(260,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(261,33): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(268,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-1'
(269,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-2'
(270,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-3'
(271,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-4'
(272,31): run-time error CSS1039: Token not allowed after unary operator: '-hpa-spacer-5'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(287,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(288,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(289,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(290,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(291,21): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(294,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(295,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(296,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(297,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(298,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(299,22): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(302,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(303,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(304,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(305,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(306,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(307,26): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(309,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(310,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(311,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(312,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(313,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(314,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(316,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(317,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(318,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(319,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(320,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(321,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(323,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(324,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(325,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(326,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(327,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(328,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(331,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(332,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(333,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(334,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(335,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(336,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(338,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(339,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(340,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(341,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(342,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(343,30): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(345,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(346,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(347,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(348,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(349,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(350,28): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(352,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-0'
(353,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(354,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(355,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(356,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(357,29): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(364,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-1'
(365,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-2'
(366,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-3'
(367,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-4'
(368,27): run-time error CSS1039: Token not allowed after unary operator: '-spacer-5'
(464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(473,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-0'
(474,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-1'
(475,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-2'
(476,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-3'
(477,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-4'
(478,24): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-5'
(481,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-0'
(482,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-1'
(483,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-2'
(484,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-3'
(485,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-4'
(486,32): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-5'
(489,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-0'
(490,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-1'
(491,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-2'
(492,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-3'
(493,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-4'
(494,38): run-time error CSS1039: Token not allowed after unary operator: '-hpa-gap-5'
 */
:root,
[data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.hpa-15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.hpa-5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.hpa-75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.hpa-5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.hpa-175);
    --bs-border-radius: 0.hpa-375rem;
    --bs-border-radius-sm: 0.hpa-25rem;
    --bs-border-radius-lg: 0.hpa-5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.hpa-5rem 1rem rgba(0, 0, 0, 0.hpa-15);
    --bs-box-shadow-sm: 0 0.hpa-125rem 0.hpa-25rem rgba(0, 0, 0, 0.hpa-075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.hpa-175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.hpa-075);
    --bs-focus-ring-width: 0.hpa-25rem;
    --bs-focus-ring-opacity: 0.hpa-25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.hpa-25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
    color-scheme: dark;
    --bs-body-color: #dee2e6;
    --bs-body-color-rgb: 222, 226, 230;
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(222, 226, 230, 0.hpa-75);
    --bs-secondary-color-rgb: 222, 226, 230;
    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-color: rgba(222, 226, 230, 0.hpa-5);
    --bs-tertiary-color-rgb: 222, 226, 230;
    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    --bs-primary-text-emphasis: #6ea8fe;
    --bs-secondary-text-emphasis: #a7acb1;
    --bs-success-text-emphasis: #75b798;
    --bs-info-text-emphasis: #6edff6;
    --bs-warning-text-emphasis: #ffda6a;
    --bs-danger-text-emphasis: #ea868f;
    --bs-light-text-emphasis: #f8f9fa;
    --bs-dark-text-emphasis: #dee2e6;
    --bs-primary-bg-subtle: #031633;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051b11;
    --bs-info-bg-subtle: #032830;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2c0b0e;
    --bs-light-bg-subtle: #343a40;
    --bs-dark-bg-subtle: #1a1d20;
    --bs-primary-border-subtle: #084298;
    --bs-secondary-border-subtle: #41464b;
    --bs-success-border-subtle: #0f5132;
    --bs-info-border-subtle: #087990;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343a40;
    --bs-heading-color: inherit;
    --bs-link-color: #6ea8fe;
    --bs-link-hover-color: #8bb9fe;
    --bs-link-color-rgb: 110, 168, 254;
    --bs-link-hover-color-rgb: 139, 185, 254;
    --bs-code-color: #e685b5;
    --bs-highlight-color: #dee2e6;
    --bs-highlight-bg: #664d03;
    --bs-border-color: #495057;
    --bs-border-color-translucent: rgba(255, 255, 255, 0.hpa-15);
    --bs-form-valid-color: #75b798;
    --bs-form-valid-border-color: #75b798;
    --bs-form-invalid-color: #ea868f;
    --bs-form-invalid-border-color: #ea868f;
}


/* Spacing Scale */
:root {
    --hpa-spacer-0: 0rem;
    --hpa-spacer-1: 0.25rem; /* 4px */
    --hpa-spacer-2: 0.5rem;  /* 8px */
    --hpa-spacer-3: 1rem;    /* 16px */
    --hpa-spacer-4: 1.5rem;  /* 24px */
    --hpa-spacer-5: 3rem;    /* 48px */
}

/* Margin */
.hpa-m-0 { margin: var(--hpa-spacer-0) !important; }
.hpa-m-1 { margin: var(--hpa-spacer-1) !important; }
.hpa-m-2 { margin: var(--hpa-spacer-2) !important; }
.hpa-m-3 { margin: var(--hpa-spacer-3) !important; }
.hpa-m-4 { margin: var(--hpa-spacer-4) !important; }
.hpa-m-5 { margin: var(--hpa-spacer-5) !important; }

/* Padding */
.hpa-p-0 { padding: var(--hpa-spacer-0) !important; }
.hpa-p-1 { padding: var(--hpa-spacer-1) !important; }
.hpa-p-2 { padding: var(--hpa-spacer-2) !important; }
.hpa-p-3 { padding: var(--hpa-spacer-3) !important; }
.hpa-p-4 { padding: var(--hpa-spacer-4) !important; }
.hpa-p-5 { padding: var(--hpa-spacer-5) !important; }

/* Margin & Padding for Top (t), Bottom (b), Left (s), Right (e) */
.hpa-mt-0 { margin-top: var(--hpa-spacer-0) !important; }
.hpa-mt-1 { margin-top: var(--hpa-spacer-1) !important; }
.hpa-mt-2 { margin-top: var(--hpa-spacer-2) !important; }
.hpa-mt-3 { margin-top: var(--hpa-spacer-3) !important; }
.hpa-mt-4 { margin-top: var(--hpa-spacer-4) !important; }
.hpa-mt-5 { margin-top: var(--hpa-spacer-5) !important; }

.hpa-mb-0 { margin-bottom: var(--hpa-spacer-0) !important; }
.hpa-mb-1 { margin-bottom: var(--hpa-spacer-1) !important; }
.hpa-mb-2 { margin-bottom: var(--hpa-spacer-2) !important; }
.hpa-mb-3 { margin-bottom: var(--hpa-spacer-3) !important; }
.hpa-mb-4 { margin-bottom: var(--hpa-spacer-4) !important; }
.hpa-mb-5 { margin-bottom: var(--hpa-spacer-5) !important; }

.hpa-ms-0 { margin-left: var(--hpa-spacer-0) !important; }
.hpa-ms-1 { margin-left: var(--hpa-spacer-1) !important; }
.hpa-ms-2 { margin-left: var(--hpa-spacer-2) !important; }
.hpa-ms-3 { margin-left: var(--hpa-spacer-3) !important; }
.hpa-ms-4 { margin-left: var(--hpa-spacer-4) !important; }
.hpa-ms-5 { margin-left: var(--hpa-spacer-5) !important; }

.hpa-me-0 { margin-right: var(--hpa-spacer-0) !important; }
.hpa-me-1 { margin-right: var(--hpa-spacer-1) !important; }
.hpa-me-2 { margin-right: var(--hpa-spacer-2) !important; }
.hpa-me-3 { margin-right: var(--hpa-spacer-3) !important; }
.hpa-me-4 { margin-right: var(--hpa-spacer-4) !important; }
.hpa-me-5 { margin-right: var(--hpa-spacer-5) !important; }

/* Padding */
.hpa-pt-0 { padding-top: var(--hpa-spacer-0) !important; }
.hpa-pt-1 { padding-top: var(--hpa-spacer-1) !important; }
.hpa-pt-2 { padding-top: var(--hpa-spacer-2) !important; }
.hpa-pt-3 { padding-top: var(--hpa-spacer-3) !important; }
.hpa-pt-4 { padding-top: var(--hpa-spacer-4) !important; }
.hpa-pt-5 { padding-top: var(--hpa-spacer-5) !important; }

.hpa-pb-0 { padding-bottom: var(--hpa-spacer-0) !important; }
.hpa-pb-1 { padding-bottom: var(--hpa-spacer-1) !important; }
.hpa-pb-2 { padding-bottom: var(--hpa-spacer-2) !important; }
.hpa-pb-3 { padding-bottom: var(--hpa-spacer-3) !important; }
.hpa-pb-4 { padding-bottom: var(--hpa-spacer-4) !important; }
.hpa-pb-5 { padding-bottom: var(--hpa-spacer-5) !important; }

.hpa-ps-0 { padding-left: var(--hpa-spacer-0) !important; }
.hpa-ps-1 { padding-left: var(--hpa-spacer-1) !important; }
.hpa-ps-2 { padding-left: var(--hpa-spacer-2) !important; }
.hpa-ps-3 { padding-left: var(--hpa-spacer-3) !important; }
.hpa-ps-4 { padding-left: var(--hpa-spacer-4) !important; }
.hpa-ps-5 { padding-left: var(--hpa-spacer-5) !important; }

.hpa-pe-0 { padding-right: var(--hpa-spacer-0) !important; }
.hpa-pe-1 { padding-right: var(--hpa-spacer-1) !important; }
.hpa-pe-2 { padding-right: var(--hpa-spacer-2) !important; }
.hpa-pe-3 { padding-right: var(--hpa-spacer-3) !important; }
.hpa-pe-4 { padding-right: var(--hpa-spacer-4) !important; }
.hpa-pe-5 { padding-right: var(--hpa-spacer-5) !important; }

/* Auto Margins */
.hpa-mx-auto { margin-left: auto !important; margin-right: auto !important; }
.hpa-my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Negative Margins */
.hpa-m-n1 { margin: calc(var(--hpa-spacer-1) * -1) !important; }
.hpa-m-n2 { margin: calc(var(--hpa-spacer-2) * -1) !important; }
.hpa-m-n3 { margin: calc(var(--hpa-spacer-3) * -1) !important; }
.hpa-m-n4 { margin: calc(var(--hpa-spacer-4) * -1) !important; }
.hpa-m-n5 { margin: calc(var(--hpa-spacer-5) * -1) !important; }


/* Spacing Scale */
:root {
    --spacer-0: 0rem;
    --spacer-1: 0.25rem; /* 4px */
    --spacer-2: 0.5rem;  /* 8px */
    --spacer-3: 1rem;    /* 16px */
    --spacer-4: 1.5rem;  /* 24px */
    --spacer-5: 3rem;    /* 48px */
}

/* Margin */
.m-0 { margin: var(--spacer-0) !important; }
.m-1 { margin: var(--spacer-1) !important; }
.m-2 { margin: var(--spacer-2) !important; }
.m-3 { margin: var(--spacer-3) !important; }
.m-4 { margin: var(--spacer-4) !important; }
.m-5 { margin: var(--spacer-5) !important; }

/* Padding */
.p-0 { padding: var(--spacer-0) !important; }
.p-1 { padding: var(--spacer-1) !important; }
.p-2 { padding: var(--spacer-2) !important; }
.p-3 { padding: var(--spacer-3) !important; }
.p-4 { padding: var(--spacer-4) !important; }
.p-5 { padding: var(--spacer-5) !important; }

/* Margin & Padding for Top (t), Bottom (b), Left (s), Right (e) */
.mt-0 { margin-top: var(--spacer-0) !important; }
.mt-1 { margin-top: var(--spacer-1) !important; }
.mt-2 { margin-top: var(--spacer-2) !important; }
.mt-3 { margin-top: var(--spacer-3) !important; }
.mt-4 { margin-top: var(--spacer-4) !important; }
.mt-5 { margin-top: var(--spacer-5) !important; }

.mb-0 { margin-bottom: var(--spacer-0) !important; }
.mb-1 { margin-bottom: var(--spacer-1) !important; }
.mb-2 { margin-bottom: var(--spacer-2) !important; }
.mb-3 { margin-bottom: var(--spacer-3) !important; }
.mb-4 { margin-bottom: var(--spacer-4) !important; }
.mb-5 { margin-bottom: var(--spacer-5) !important; }

.ms-0 { margin-left: var(--spacer-0) !important; }
.ms-1 { margin-left: var(--spacer-1) !important; }
.ms-2 { margin-left: var(--spacer-2) !important; }
.ms-3 { margin-left: var(--spacer-3) !important; }
.ms-4 { margin-left: var(--spacer-4) !important; }
.ms-5 { margin-left: var(--spacer-5) !important; }

.me-0 { margin-right: var(--spacer-0) !important; }
.me-1 { margin-right: var(--spacer-1) !important; }
.me-2 { margin-right: var(--spacer-2) !important; }
.me-3 { margin-right: var(--spacer-3) !important; }
.me-4 { margin-right: var(--spacer-4) !important; }
.me-5 { margin-right: var(--spacer-5) !important; }

/* Padding */
.pt-0 { padding-top: var(--spacer-0) !important; }
.pt-1 { padding-top: var(--spacer-1) !important; }
.pt-2 { padding-top: var(--spacer-2) !important; }
.pt-3 { padding-top: var(--spacer-3) !important; }
.pt-4 { padding-top: var(--spacer-4) !important; }
.pt-5 { padding-top: var(--spacer-5) !important; }

.pb-0 { padding-bottom: var(--spacer-0) !important; }
.pb-1 { padding-bottom: var(--spacer-1) !important; }
.pb-2 { padding-bottom: var(--spacer-2) !important; }
.pb-3 { padding-bottom: var(--spacer-3) !important; }
.pb-4 { padding-bottom: var(--spacer-4) !important; }
.pb-5 { padding-bottom: var(--spacer-5) !important; }

.ps-0 { padding-left: var(--spacer-0) !important; }
.ps-1 { padding-left: var(--spacer-1) !important; }
.ps-2 { padding-left: var(--spacer-2) !important; }
.ps-3 { padding-left: var(--spacer-3) !important; }
.ps-4 { padding-left: var(--spacer-4) !important; }
.ps-5 { padding-left: var(--spacer-5) !important; }

.pe-0 { padding-right: var(--spacer-0) !important; }
.pe-1 { padding-right: var(--spacer-1) !important; }
.pe-2 { padding-right: var(--spacer-2) !important; }
.pe-3 { padding-right: var(--spacer-3) !important; }
.pe-4 { padding-right: var(--spacer-4) !important; }
.pe-5 { padding-right: var(--spacer-5) !important; }

/* Auto Margins */
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Negative Margins */
.m-n1 { margin: calc(var(--spacer-1) * -1) !important; }
.m-n2 { margin: calc(var(--spacer-2) * -1) !important; }
.m-n3 { margin: calc(var(--spacer-3) * -1) !important; }
.m-n4 { margin: calc(var(--spacer-4) * -1) !important; }
.m-n5 { margin: calc(var(--spacer-5) * -1) !important; }


/* Row */
.hpa-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

/* Column (default full width on small screens) */
.hpa-col {
    flex: 1 0 0%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

/* Specific Column Sizes */
.hpa-col-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
.hpa-col-2  { flex: 0 0 16.66%; max-width: 16.66%; }
.hpa-col-3  { flex: 0 0 25%;    max-width: 25%; }
.hpa-col-4  { flex: 0 0 33.33%; max-width: 33.33%; }
.hpa-col-5  { flex: 0 0 41.66%; max-width: 41.66%; }
.hpa-col-6  { flex: 0 0 50%;    max-width: 50%; }
.hpa-col-7  { flex: 0 0 58.33%; max-width: 58.33%; }
.hpa-col-8  { flex: 0 0 66.66%; max-width: 66.66%; }
.hpa-col-9  { flex: 0 0 75%;    max-width: 75%; }
.hpa-col-10 { flex: 0 0 83.33%; max-width: 83.33%; }
.hpa-col-11 { flex: 0 0 91.66%; max-width: 91.66%; }
.hpa-col-12 { flex: 0 0 100%;   max-width: 100%; }

/* Responsive Column Sizes */
@media (min-width: 576px) {
    .hpa-col-sm-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
    .hpa-col-sm-2  { flex: 0 0 16.66%; max-width: 16.66%; }
    .hpa-col-sm-3  { flex: 0 0 25%;    max-width: 25%; }
    .hpa-col-sm-4  { flex: 0 0 33.33%; max-width: 33.33%; }
    .hpa-col-sm-5  { flex: 0 0 41.66%; max-width: 41.66%; }
    .hpa-col-sm-6  { flex: 0 0 50%;    max-width: 50%; }
    .hpa-col-sm-7  { flex: 0 0 58.33%; max-width: 58.33%; }
    .hpa-col-sm-8  { flex: 0 0 66.66%; max-width: 66.66%; }
    .hpa-col-sm-9  { flex: 0 0 75%;    max-width: 75%; }
    .hpa-col-sm-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .hpa-col-sm-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .hpa-col-sm-12 { flex: 0 0 100%;   max-width: 100%; }
}

@media (min-width: 768px) {
    .hpa-col-md-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
    .hpa-col-md-2  { flex: 0 0 16.66%; max-width: 16.66%; }
    .hpa-col-md-3  { flex: 0 0 25%;    max-width: 25%; }
    .hpa-col-md-4  { flex: 0 0 33.33%; max-width: 33.33%; }
    .hpa-col-md-5  { flex: 0 0 41.66%; max-width: 41.66%; }
    .hpa-col-md-6  { flex: 0 0 50%;    max-width: 50%; }
    .hpa-col-md-7  { flex: 0 0 58.33%; max-width: 58.33%; }
    .hpa-col-md-8  { flex: 0 0 66.66%; max-width: 66.66%; }
    .hpa-col-md-9  { flex: 0 0 75%;    max-width: 75%; }
    .hpa-col-md-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .hpa-col-md-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .hpa-col-md-12 { flex: 0 0 100%;   max-width: 100%; }
}

@media (min-width: 992px) {
    .hpa-col-lg-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
    .hpa-col-lg-2  { flex: 0 0 16.66%; max-width: 16.66%; }
    .hpa-col-lg-3  { flex: 0 0 25%;    max-width: 25%; }
    .hpa-col-lg-4  { flex: 0 0 33.33%; max-width: 33.33%; }
    .hpa-col-lg-5  { flex: 0 0 41.66%; max-width: 41.66%; }
    .hpa-col-lg-6  { flex: 0 0 50%;    max-width: 50%; }
    .hpa-col-lg-7  { flex: 0 0 58.33%; max-width: 58.33%; }
    .hpa-col-lg-8  { flex: 0 0 66.66%; max-width: 66.66%; }
    .hpa-col-lg-9  { flex: 0 0 75%;    max-width: 75%; }
    .hpa-col-lg-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .hpa-col-lg-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .hpa-col-lg-12 { flex: 0 0 100%;   max-width: 100%; }
}

@media (min-width: 1200px) {
    .hpa-col-xl-1  { flex: 0 0 8.33%;  max-width: 8.33%; }
    .hpa-col-xl-2  { flex: 0 0 16.66%; max-width: 16.66%; }
    .hpa-col-xl-3  { flex: 0 0 25%;    max-width: 25%; }
    .hpa-col-xl-4  { flex: 0 0 33.33%; max-width: 33.33%; }
    .hpa-col-xl-5  { flex: 0 0 41.66%; max-width: 41.66%; }
    .hpa-col-xl-6  { flex: 0 0 50%;    max-width: 50%; }
    .hpa-col-xl-7  { flex: 0 0 58.33%; max-width: 58.33%; }
    .hpa-col-xl-8  { flex: 0 0 66.66%; max-width: 66.66%; }
    .hpa-col-xl-9  { flex: 0 0 75%;    max-width: 75%; }
    .hpa-col-xl-10 { flex: 0 0 83.33%; max-width: 83.33%; }
    .hpa-col-xl-11 { flex: 0 0 91.66%; max-width: 91.66%; }
    .hpa-col-xl-12 { flex: 0 0 100%;   max-width: 100%; }
}


/* Gap Spacing Scale */
:root {
    --hpa-gap-0: 0rem;
    --hpa-gap-1: 0.25rem; /* 4px */
    --hpa-gap-2: 0.5rem;  /* 8px */
    --hpa-gap-3: 1rem;    /* 16px */
    --hpa-gap-4: 1.5rem;  /* 24px */
    --hpa-gap-5: 3rem;    /* 48px */
}

/* General Gap */
.hpa-gap-0 { gap: var(--hpa-gap-0) !important; }
.hpa-gap-1 { gap: var(--hpa-gap-1) !important; }
.hpa-gap-2 { gap: var(--hpa-gap-2) !important; }
.hpa-gap-3 { gap: var(--hpa-gap-3) !important; }
.hpa-gap-4 { gap: var(--hpa-gap-4) !important; }
.hpa-gap-5 { gap: var(--hpa-gap-5) !important; }

/* Row Gap */
.hpa-row-gap-0 { row-gap: var(--hpa-gap-0) !important; }
.hpa-row-gap-1 { row-gap: var(--hpa-gap-1) !important; }
.hpa-row-gap-2 { row-gap: var(--hpa-gap-2) !important; }
.hpa-row-gap-3 { row-gap: var(--hpa-gap-3) !important; }
.hpa-row-gap-4 { row-gap: var(--hpa-gap-4) !important; }
.hpa-row-gap-5 { row-gap: var(--hpa-gap-5) !important; }

/* Column Gap */
.hpa-column-gap-0 { column-gap: var(--hpa-gap-0) !important; }
.hpa-column-gap-1 { column-gap: var(--hpa-gap-1) !important; }
.hpa-column-gap-2 { column-gap: var(--hpa-gap-2) !important; }
.hpa-column-gap-3 { column-gap: var(--hpa-gap-3) !important; }
.hpa-column-gap-4 { column-gap: var(--hpa-gap-4) !important; }
.hpa-column-gap-5 { column-gap: var(--hpa-gap-5) !important; }


.hpa-d-none { display: none !important; }
.hpa-d-inline { display: inline !important; }
.hpa-d-inline-block { display: inline-block !important; }
.hpa-d-block { display: block !important; }
.hpa-d-flex { display: flex !important; }
.hpa-d-inline-flex { display: inline-flex !important; }
.hpa-d-grid { display: grid !important; }
.hpa-d-inline-grid { display: inline-grid !important; }
.hpa-d-table { display: table !important; }
.hpa-d-table-cell { display: table-cell !important; }
.hpa-d-table-row { display: table-row !important; }
.hpa-d-table-column { display: table-column !important; }
.hpa-d-table-row-group { display: table-row-group !important; }
.hpa-d-table-header-group { display: table-header-group !important; }
.hpa-d-table-footer-group { display: table-footer-group !important; }
.hpa-d-table-column-group { display: table-column-group !important; }
.hpa-d-contents { display: contents !important; }
.hpa-d-list-item { display: list-item !important; }
.hpa-d-inherit { display: inherit !important; }
.hpa-d-initial { display: initial !important; }
.hpa-d-revert { display: revert !important; }
.hpa-d-unset { display: unset !important; }


@media (min-width: 576px) {
    .hpa-d-sm-none { display: none !important; }
    .hpa-d-sm-inline { display: inline !important; }
    .hpa-d-sm-inline-block { display: inline-block !important; }
    .hpa-d-sm-block { display: block !important; }
    .hpa-d-sm-flex { display: flex !important; }
    .hpa-d-sm-inline-flex { display: inline-flex !important; }
    .hpa-d-sm-grid { display: grid !important; }
    .hpa-d-sm-inline-grid { display: inline-grid !important; }
}


@media (min-width: 768px) {
    .hpa-d-md-none { display: none !important; }
    .hpa-d-md-inline { display: inline !important; }
    .hpa-d-md-inline-block { display: inline-block !important; }
    .hpa-d-md-block { display: block !important; }
    .hpa-d-md-flex { display: flex !important; }
    .hpa-d-md-inline-flex { display: inline-flex !important; }
    .hpa-d-md-grid { display: grid !important; }
    .hpa-d-md-inline-grid { display: inline-grid !important; }
}


@media (min-width: 992px) {
    .hpa-d-lg-none { display: none !important; }
    .hpa-d-lg-inline { display: inline !important; }
    .hpa-d-lg-inline-block { display: inline-block !important; }
    .hpa-d-lg-block { display: block !important; }
    .hpa-d-lg-flex { display: flex !important; }
    .hpa-d-lg-inline-flex { display: inline-flex !important; }
    .hpa-d-lg-grid { display: grid !important; }
    .hpa-d-lg-inline-grid { display: inline-grid !important; }
}


@media (min-width: 1200px) {
    .hpa-d-xl-none { display: none !important; }
    .hpa-d-xl-inline { display: inline !important; }
    .hpa-d-xl-inline-block { display: inline-block !important; }
    .hpa-d-xl-block { display: block !important; }
    .hpa-d-xl-flex { display: flex !important; }
    .hpa-d-xl-inline-flex { display: inline-flex !important; }
    .hpa-d-xl-grid { display: grid !important; }
    .hpa-d-xl-inline-grid { display: inline-grid !important; }
}


.hpa-d-flex { display: flex !important; }
.hpa-d-inline-flex { display: inline-flex !important; }

@media (min-width: 576px) {
    .hpa-d-sm-flex { display: flex !important; }
    .hpa-d-sm-inline-flex { display: inline-flex !important; }
}

@media (min-width: 768px) {
    .hpa-d-md-flex { display: flex !important; }
    .hpa-d-md-inline-flex { display: inline-flex !important; }
}

@media (min-width: 992px) {
    .hpa-d-lg-flex { display: flex !important; }
    .hpa-d-lg-inline-flex { display: inline-flex !important; }
}

@media (min-width: 1200px) {
    .hpa-d-xl-flex { display: flex !important; }
    .hpa-d-xl-inline-flex { display: inline-flex !important; }
}

.hpa-flex-row { flex-direction: row !important; }
.hpa-flex-row-reverse { flex-direction: row-reverse !important; }
.hpa-flex-column { flex-direction: column !important; }
.hpa-flex-column-reverse { flex-direction: column-reverse !important; }


@media (min-width: 576px) {
    .hpa-flex-sm-row { flex-direction: row !important; }
    .hpa-flex-sm-row-reverse { flex-direction: row-reverse !important; }
    .hpa-flex-sm-column { flex-direction: column !important; }
    .hpa-flex-sm-column-reverse { flex-direction: column-reverse !important; }
}

@media (min-width: 768px) {
    .hpa-flex-md-row { flex-direction: row !important; }
    .hpa-flex-md-row-reverse { flex-direction: row-reverse !important; }
    .hpa-flex-md-column { flex-direction: column !important; }
    .hpa-flex-md-column-reverse { flex-direction: column-reverse !important; }
}

@media (min-width: 992px) {
    .hpa-flex-lg-row { flex-direction: row !important; }
    .hpa-flex-lg-row-reverse { flex-direction: row-reverse !important; }
    .hpa-flex-lg-column { flex-direction: column !important; }
    .hpa-flex-lg-column-reverse { flex-direction: column-reverse !important; }
}

@media (min-width: 1200px) {
    .hpa-flex-xl-row { flex-direction: row !important; }
    .hpa-flex-xl-row-reverse { flex-direction: row-reverse !important; }
    .hpa-flex-xl-column { flex-direction: column !important; }
    .hpa-flex-xl-column-reverse { flex-direction: column-reverse !important; }
}


.hpa-flex-wrap { flex-wrap: wrap !important; }
.hpa-flex-nowrap { flex-wrap: nowrap !important; }
.hpa-flex-wrap-reverse { flex-wrap: wrap-reverse !important; }


@media (min-width: 576px) {
    .hpa-flex-sm-wrap { flex-wrap: wrap !important; }
    .hpa-flex-sm-nowrap { flex-wrap: nowrap !important; }
    .hpa-flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

@media (min-width: 768px) {
    .hpa-flex-md-wrap { flex-wrap: wrap !important; }
    .hpa-flex-md-nowrap { flex-wrap: nowrap !important; }
    .hpa-flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

@media (min-width: 992px) {
    .hpa-flex-lg-wrap { flex-wrap: wrap !important; }
    .hpa-flex-lg-nowrap { flex-wrap: nowrap !important; }
    .hpa-flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
}

@media (min-width: 1200px) {
    .hpa-flex-xl-wrap { flex-wrap: wrap !important; }
    .hpa-flex-xl-nowrap { flex-wrap: nowrap !important; }
    .hpa-flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
}


.hpa-justify-start { justify-content: flex-start !important; }
.hpa-justify-end { justify-content: flex-end !important; }
.hpa-justify-center { justify-content: center !important; }
.hpa-justify-between { justify-content: space-between !important; }
.hpa-justify-around { justify-content: space-around !important; }
.hpa-justify-evenly { justify-content: space-evenly !important; }


.hpa-align-start { align-items: flex-start !important; }
.hpa-align-end { align-items: flex-end !important; }
.hpa-align-center { align-items: center !important; }
.hpa-align-baseline { align-items: baseline !important; }
.hpa-align-stretch { align-items: stretch !important; }


.hpa-align-content-start { align-content: flex-start !important; }
.hpa-align-content-end { align-content: flex-end !important; }
.hpa-align-content-center { align-content: center !important; }
.hpa-align-content-between { align-content: space-between !important; }
.hpa-align-content-around { align-content: space-around !important; }
.hpa-align-content-stretch { align-content: stretch !important; }


.hpa-flex-grow-0 { flex-grow: 0 !important; }
.hpa-flex-grow-1 { flex-grow: 1 !important; }

.hpa-flex-shrink-0 { flex-shrink: 0 !important; }
.hpa-flex-shrink-1 { flex-shrink: 1 !important; }


.hpa-w-25 { width: 25% !important; }
.hpa-w-50 { width: 50% !important; }
.hpa-w-75 { width: 75% !important; }
.hpa-w-100 { width: 100% !important; }
.hpa-w-auto { width: auto !important; }
.hpa-w-min { width: min-content !important; }
.hpa-w-max { width: max-content !important; }
.hpa-w-fit { width: fit-content !important; }

@media (min-width: 576px) {
    .hpa-w-sm-25 { width: 25% !important; }
    .hpa-w-sm-50 { width: 50% !important; }
    .hpa-w-sm-75 { width: 75% !important; }
    .hpa-w-sm-100 { width: 100% !important; }
    .hpa-w-sm-auto { width: auto !important; }
}

@media (min-width: 768px) {
    .hpa-w-md-25 { width: 25% !important; }
    .hpa-w-md-50 { width: 50% !important; }
    .hpa-w-md-75 { width: 75% !important; }
    .hpa-w-md-100 { width: 100% !important; }
    .hpa-w-md-auto { width: auto !important; }
}

@media (min-width: 992px) {
    .hpa-w-lg-25 { width: 25% !important; }
    .hpa-w-lg-50 { width: 50% !important; }
    .hpa-w-lg-75 { width: 75% !important; }
    .hpa-w-lg-100 { width: 100% !important; }
    .hpa-w-lg-auto { width: auto !important; }
}

@media (min-width: 1200px) {
    .hpa-w-xl-25 { width: 25% !important; }
    .hpa-w-xl-50 { width: 50% !important; }
    .hpa-w-xl-75 { width: 75% !important; }
    .hpa-w-xl-100 { width: 100% !important; }
    .hpa-w-xl-auto { width: auto !important; }
}

.hpa-h-25 { height: 25% !important; }
.hpa-h-50 { height: 50% !important; }
.hpa-h-75 { height: 75% !important; }
.hpa-h-100 { height: 100% !important; }
.hpa-h-auto { height: auto !important; }
.hpa-h-min { height: min-content !important; }
.hpa-h-max { height: max-content !important; }
.hpa-h-fit { height: fit-content !important; }


@media (min-width: 576px) {
    .hpa-h-sm-25 { height: 25% !important; }
    .hpa-h-sm-50 { height: 50% !important; }
    .hpa-h-sm-75 { height: 75% !important; }
    .hpa-h-sm-100 { height: 100% !important; }
    .hpa-h-sm-auto { height: auto !important; }
}

@media (min-width: 768px) {
    .hpa-h-md-25 { height: 25% !important; }
    .hpa-h-md-50 { height: 50% !important; }
    .hpa-h-md-75 { height: 75% !important; }
    .hpa-h-md-100 { height: 100% !important; }
    .hpa-h-md-auto { height: auto !important; }
}

@media (min-width: 992px) {
    .hpa-h-lg-25 { height: 25% !important; }
    .hpa-h-lg-50 { height: 50% !important; }
    .hpa-h-lg-75 { height: 75% !important; }
    .hpa-h-lg-100 { height: 100% !important; }
    .hpa-h-lg-auto { height: auto !important; }
}

@media (min-width: 1200px) {
    .hpa-h-xl-25 { height: 25% !important; }
    .hpa-h-xl-50 { height: 50% !important; }
    .hpa-h-xl-75 { height: 75% !important; }
    .hpa-h-xl-100 { height: 100% !important; }
    .hpa-h-xl-auto { height: auto !important; }
}


.hpa-vw-25 { width: 25vw !important; }
.hpa-vw-50 { width: 50vw !important; }
.hpa-vw-75 { width: 75vw !important; }
.hpa-vw-100 { width: 100vw !important; }

.hpa-vh-25 { height: 25vh !important; }
.hpa-vh-50 { height: 50vh !important; }
.hpa-vh-75 { height: 75vh !important; }
.hpa-vh-100 { height: 100vh !important; }


.hpa-min-w-25 { min-width: 25% !important; }
.hpa-min-w-50 { min-width: 50% !important; }
.hpa-min-w-75 { min-width: 75% !important; }
.hpa-min-w-100 { min-width: 100% !important; }
.hpa-min-w-auto { min-width: auto !important; }
.hpa-min-w-fit { min-width: fit-content !important; }
.hpa-min-w-max { min-width: max-content !important; }

.hpa-max-w-25 { max-width: 25% !important; }
.hpa-max-w-50 { max-width: 50% !important; }
.hpa-max-w-75 { max-width: 75% !important; }
.hpa-max-w-100 { max-width: 100% !important; }
.hpa-max-w-auto { max-width: auto !important; }
.hpa-max-w-fit { max-width: fit-content !important; }
.hpa-max-w-max { max-width: max-content !important; }

.hpa-min-h-25 { min-height: 25% !important; }
.hpa-min-h-50 { min-height: 50% !important; }
.hpa-min-h-75 { min-height: 75% !important; }
.hpa-min-h-100 { min-height: 100% !important; }
.hpa-min-h-auto { min-height: auto !important; }
.hpa-min-h-fit { min-height: fit-content !important; }
.hpa-min-h-max { min-height: max-content !important; }

.hpa-max-h-25 { max-height: 25% !important; }
.hpa-max-h-50 { max-height: 50% !important; }
.hpa-max-h-75 { max-height: 75% !important; }
.hpa-max-h-100 { max-height: 100% !important; }
.hpa-max-h-auto { max-height: auto !important; }
.hpa-max-h-fit { max-height: fit-content !important; }
.hpa-max-h-max { max-height: max-content !important; }

.hpa-flex-no-shrink {   flex-shrink: 0 !important;}


/* Base Justify Content Classes */
.hpa-justify-start    { justify-content: flex-start !important; }
.hpa-justify-end      { justify-content: flex-end !important; }
.hpa-justify-center   { justify-content: center !important; }
.hpa-justify-between  { justify-content: space-between !important; }
.hpa-justify-around   { justify-content: space-around !important; }
.hpa-justify-evenly   { justify-content: space-evenly !important; }

/* Small Screens (≥576px) */
@media (min-width: 576px) {
  .hpa-justify-sm-start    { justify-content: flex-start !important; }
  .hpa-justify-sm-end      { justify-content: flex-end !important; }
  .hpa-justify-sm-center   { justify-content: center !important; }
  .hpa-justify-sm-between  { justify-content: space-between !important; }
  .hpa-justify-sm-around   { justify-content: space-around !important; }
  .hpa-justify-sm-evenly   { justify-content: space-evenly !important; }
}

/* Medium Screens (≥768px) */
@media (min-width: 768px) {
  .hpa-justify-md-start    { justify-content: flex-start !important; }
  .hpa-justify-md-end      { justify-content: flex-end !important; }
  .hpa-justify-md-center   { justify-content: center !important; }
  .hpa-justify-md-between  { justify-content: space-between !important; }
  .hpa-justify-md-around   { justify-content: space-around !important; }
  .hpa-justify-md-evenly   { justify-content: space-evenly !important; }
}

/* Large Screens (≥992px) */
@media (min-width: 992px) {
  .hpa-justify-lg-start    { justify-content: flex-start !important; }
  .hpa-justify-lg-end      { justify-content: flex-end !important; }
  .hpa-justify-lg-center   { justify-content: center !important; }
  .hpa-justify-lg-between  { justify-content: space-between !important; }
  .hpa-justify-lg-around   { justify-content: space-around !important; }
  .hpa-justify-lg-evenly   { justify-content: space-evenly !important; }
}

/* Extra Large Screens (≥1200px) */
@media (min-width: 1200px) {
  .hpa-justify-xl-start    { justify-content: flex-start !important; }
  .hpa-justify-xl-end      { justify-content: flex-end !important; }
  .hpa-justify-xl-center   { justify-content: center !important; }
  .hpa-justify-xl-between  { justify-content: space-between !important; }
  .hpa-justify-xl-around   { justify-content: space-around !important; }
  .hpa-justify-xl-evenly   { justify-content: space-evenly !important; }
}

/* Extra Extra Large Screens (≥1400px) */
@media (min-width: 1400px) {
  .hpa-justify-xxl-start    { justify-content: flex-start !important; }
  .hpa-justify-xxl-end      { justify-content: flex-end !important; }
  .hpa-justify-xxl-center   { justify-content: center !important; }
  .hpa-justify-xxl-between  { justify-content: space-between !important; }
  .hpa-justify-xxl-around   { justify-content: space-around !important; }
  .hpa-justify-xxl-evenly   { justify-content: space-evenly !important; }
}


/* Base Align Self Classes */
.hpa-align-self-start    { align-self: flex-start !important; }
.hpa-align-self-end      { align-self: flex-end !important; }
.hpa-align-self-center   { align-self: center !important; }
.hpa-align-self-baseline { align-self: baseline !important; }
.hpa-align-self-stretch  { align-self: stretch !important; }

/* Small Screens (≥576px) */
@media (min-width: 576px) {
  .hpa-align-self-sm-start    { align-self: flex-start !important; }
  .hpa-align-self-sm-end      { align-self: flex-end !important; }
  .hpa-align-self-sm-center   { align-self: center !important; }
  .hpa-align-self-sm-baseline { align-self: baseline !important; }
  .hpa-align-self-sm-stretch  { align-self: stretch !important; }
}

/* Medium Screens (≥768px) */
@media (min-width: 768px) {
  .hpa-align-self-md-start    { align-self: flex-start !important; }
  .hpa-align-self-md-end      { align-self: flex-end !important; }
  .hpa-align-self-md-center   { align-self: center !important; }
  .hpa-align-self-md-baseline { align-self: baseline !important; }
  .hpa-align-self-md-stretch  { align-self: stretch !important; }
}

/* Large Screens (≥992px) */
@media (min-width: 992px) {
  .hpa-align-self-lg-start    { align-self: flex-start !important; }
  .hpa-align-self-lg-end      { align-self: flex-end !important; }
  .hpa-align-self-lg-center   { align-self: center !important; }
  .hpa-align-self-lg-baseline { align-self: baseline !important; }
  .hpa-align-self-lg-stretch  { align-self: stretch !important; }
}

/* Extra Large Screens (≥1200px) */
@media (min-width: 1200px) {
  .hpa-align-self-xl-start    { align-self: flex-start !important; }
  .hpa-align-self-xl-end      { align-self: flex-end !important; }
  .hpa-align-self-xl-center   { align-self: center !important; }
  .hpa-align-self-xl-baseline { align-self: baseline !important; }
  .hpa-align-self-xl-stretch  { align-self: stretch !important; }
}

/* Extra Extra Large Screens (≥1400px) */
@media (min-width: 1400px) {
  .hpa-align-self-xxl-start    { align-self: flex-start !important; }
  .hpa-align-self-xxl-end      { align-self: flex-end !important; }
  .hpa-align-self-xxl-center   { align-self: center !important; }
  .hpa-align-self-xxl-baseline { align-self: baseline !important; }
  .hpa-align-self-xxl-stretch  { align-self: stretch !important; }
}

/* Base Text Alignment */
.hpa-text-start   { text-align: left !important; }
.hpa-text-center  { text-align: center !important; }
.hpa-text-end     { text-align: right !important; }
.hpa-text-justify { text-align: justify !important; }

/* Small Screens (≥576px) */
@media (min-width: 576px) {
  .hpa-text-sm-start   { text-align: left !important; }
  .hpa-text-sm-center  { text-align: center !important; }
  .hpa-text-sm-end     { text-align: right !important; }
  .hpa-text-sm-justify { text-align: justify !important; }
}

/* Medium Screens (≥768px) */
@media (min-width: 768px) {
  .hpa-text-md-start   { text-align: left !important; }
  .hpa-text-md-center  { text-align: center !important; }
  .hpa-text-md-end     { text-align: right !important; }
  .hpa-text-md-justify { text-align: justify !important; }
}

/* Large Screens (≥992px) */
@media (min-width: 992px) {
  .hpa-text-lg-start   { text-align: left !important; }
  .hpa-text-lg-center  { text-align: center !important; }
  .hpa-text-lg-end     { text-align: right !important; }
  .hpa-text-lg-justify { text-align: justify !important; }
}

/* Extra Large Screens (≥1200px) */
@media (min-width: 1200px) {
  .hpa-text-xl-start   { text-align: left !important; }
  .hpa-text-xl-center  { text-align: center !important; }
  .hpa-text-xl-end     { text-align: right !important; }
  .hpa-text-xl-justify { text-align: justify !important; }
}

/* Extra Extra Large Screens (≥1400px) */
@media (min-width: 1400px) {
  .hpa-text-xxl-start   { text-align: left !important; }
  .hpa-text-xxl-center  { text-align: center !important; }
  .hpa-text-xxl-end     { text-align: right !important; }
  .hpa-text-xxl-justify { text-align: justify !important; }
}

