/* Minification failed. Returning unminified contents.
(4,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none'
(8,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(21,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(28,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(28,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(31,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(32,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(33,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(33,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(34,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(38,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(43,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(48,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin'
(48,54): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure'
(49,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(54,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(59,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(59,58): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure'
(60,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(63,22): run-time error CSS1030: Expected identifier, found '.'
(63,48): run-time error CSS1031: Expected selector, found ')'
(63,48): run-time error CSS1025: Expected comma or open brace, found ')'
(70,24): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(71,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(75,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin'
(75,54): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(76,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(78,22): run-time error CSS1030: Expected identifier, found '.'
(78,40): run-time error CSS1031: Expected selector, found ')'
(78,40): run-time error CSS1025: Expected comma or open brace, found ')'
(88,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(93,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(95,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(95,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(99,22): run-time error CSS1030: Expected identifier, found '.'
(99,43): run-time error CSS1031: Expected selector, found ')'
(99,43): run-time error CSS1025: Expected comma or open brace, found ')'
(117,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(129,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(129,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl'
(129,69): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(129,95): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(133,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(133,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl'
(133,69): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(133,94): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(138,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(147,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(151,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(151,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(151,70): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(151,96): run-time error CSS1039: Token not allowed after unary operator: '-padding-xl'
(160,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(168,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(172,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(172,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxl'
(172,69): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(172,95): run-time error CSS1039: Token not allowed after unary operator: '-padding-lx'
(177,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md'
(179,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(179,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(181,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(182,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(182,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(183,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(190,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(227,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-none'
(228,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(245,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(246,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(247,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-thin'
(247,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(255,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(311,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(312,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(316,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(320,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(321,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(322,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(326,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(330,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep'
(331,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(332,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(336,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-deep'
(340,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(341,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(348,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(358,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(364,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(370,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(371,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(372,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(414,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(415,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(425,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(430,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(440,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(441,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(442,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(446,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(447,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(452,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(456,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(462,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(462,54): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(463,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(464,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(465,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(466,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(471,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(472,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker'
(473,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(479,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deepest'
(480,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(484,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(485,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(490,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(492,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(492,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(496,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(497,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(498,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(498,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(502,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(502,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(503,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(507,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(514,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(519,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(520,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(524,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(528,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(529,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(534,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(535,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(536,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(536,54): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(540,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-darker'
(545,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deepest'
(549,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(550,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(556,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(557,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(558,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(558,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(562,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(563,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(564,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(564,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(568,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(569,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(569,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(573,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(574,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(580,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(585,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(586,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(590,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(594,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(595,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(600,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(601,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(602,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(602,54): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(606,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-darker'
(607,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(611,28): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(615,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(616,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(621,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(622,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(623,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(623,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(627,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted'
(628,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(629,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(629,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(633,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale'
(634,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(634,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(638,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(639,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(650,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted'
(651,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(655,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale'
(659,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(660,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(665,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(666,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(667,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(667,54): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(671,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(671,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(672,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(676,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest'
(680,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(681,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(687,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(688,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(689,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(689,58): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(693,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(694,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(694,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(695,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(699,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(699,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(700,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(704,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(705,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(705,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(706,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(712,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(717,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(718,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(722,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(726,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(727,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(767,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(768,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(769,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(769,54): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(773,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error-darker'
(774,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(775,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(775,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(779,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deepest'
(780,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(781,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(781,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(785,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(786,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(786,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(787,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(793,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(794,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(795,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(795,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(799,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale'
(800,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(801,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(801,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(805,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(806,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(806,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(810,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(811,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(817,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(822,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale'
(823,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(827,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(831,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(832,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(837,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(837,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(838,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(839,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(843,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(843,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(844,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(845,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(849,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(849,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(850,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(851,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(856,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(857,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(858,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(862,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(863,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(864,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(870,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(871,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(872,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(878,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(884,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(887,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(889,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(901,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(905,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted'
(909,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(913,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted'
(926,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(926,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-soft'
(930,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(930,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-dark'
(934,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(934,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker'
(938,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(938,64): run-time error CSS1039: Token not allowed after unary operator: '-color-enutral-tinted'
(943,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(943,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(947,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(947,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(951,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(951,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(955,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(955,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(960,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(960,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-soft'
(964,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(964,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(968,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(968,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(972,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(972,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(977,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(977,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(981,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(981,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(985,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(985,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(989,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(989,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(994,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(994,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest'
(998,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(998,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(1002,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1002,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(1006,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1006,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(1011,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1011,64): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(1015,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1015,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(1019,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1019,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(1023,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1023,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(1028,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1028,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-soft'
(1032,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1032,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-dark'
(1036,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1036,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(1040,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1040,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(1045,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1045,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(1049,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1049,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(1053,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1053,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(1057,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1057,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(1086,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1087,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(1088,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(1089,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(1089,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1090,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1091,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1102,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(1117,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(1125,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(1126,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(1127,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1134,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1134,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1138,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1138,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1142,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1146,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1150,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(1154,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(1155,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(1159,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1160,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(1165,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs'
(1176,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(1177,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(1178,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1178,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1179,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(1182,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(1183,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(1187,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(1188,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft'
(1195,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft'
(1196,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(1198,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(1199,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1199,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(1204,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(1205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1210,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1210,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1211,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(1212,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(1216,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1216,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1217,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1218,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(1222,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1222,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1223,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1224,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(1228,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(1229,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(1230,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(1231,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(1245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1261,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1262,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(1263,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(1264,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(1265,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1266,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1384,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1385,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1387,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1392,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1393,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1394,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1395,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1399,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1402,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1407,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1409,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1410,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1424,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1475,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1476,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl'
(1477,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-huge'
(1481,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1482,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl'
(1483,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxl'
(1487,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1488,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(1489,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xl'
(1494,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1495,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(1496,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(1500,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1501,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md'
(1502,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg'
(1506,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1507,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(1508,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(1513,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1514,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(1515,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg'
(1519,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1520,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(1521,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(1525,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1526,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1527,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(1532,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1533,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(1534,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(1538,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1539,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1540,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(1544,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1545,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs'
(1546,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(1551,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1552,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1553,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(1557,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1558,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs'
(1559,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(1563,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1564,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-hadron'
(1565,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxs'
(1571,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1576,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(1577,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1577,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(1578,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1582,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none'
(1600,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(1603,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md'
(1604,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(1608,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1608,62): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure'
(1609,26): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted'
(1610,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(1611,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep'
(1617,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure'
(1621,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(1625,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(1629,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(1633,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(1637,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(1641,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md'
(1661,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1665,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1680,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl'
(1708,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1712,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(1713,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1714,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1715,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1716,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1720,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(1721,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1722,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(1723,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1724,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1728,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(1729,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(1733,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(1734,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted'
(1742,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1746,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5'
(1751,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1751,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1757,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure'
(1761,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure'
(1763,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(1764,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted'
(1769,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(1771,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(1776,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(1780,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(1784,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(1788,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(1792,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(1796,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(1800,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(1804,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure'
(1808,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1812,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(1843,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md'
(1851,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1853,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs'
(1855,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(1856,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1856,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1857,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1862,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(1863,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1864,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(1867,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(1871,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1873,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1879,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron'
(1879,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark'
(1882,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark'
(1883,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(1884,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1884,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1885,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(1893,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(1896,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs'
(1898,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(1899,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(1899,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(1900,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(1920,1): run-time error CSS1019: Unexpected token, found '@import'
(1920,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap')'
(1924,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary'
(1927,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(1928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1940,24): run-time error CSS1046: Expect comma, found '71'
(1940,31): run-time error CSS1046: Expect comma, found '/'
(1981,23): run-time error CSS1046: Expect comma, found '0'
(1981,27): run-time error CSS1046: Expect comma, found '/'
(2014,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2081,10): run-time error CSS1030: Expected identifier, found '#fotosContainer'
(2081,39): run-time error CSS1031: Expected selector, found ')'
(2081,39): run-time error CSS1025: Expected comma or open brace, found ')'
(2130,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2131,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2132,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2132,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2136,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2137,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2150,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2155,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(2495,31): run-time error CSS1046: Expect comma, found '221'
(2495,39): run-time error CSS1046: Expect comma, found '/'
(2507,38): run-time error CSS1046: Expect comma, found '221'
(2507,46): run-time error CSS1046: Expect comma, found '/'
(2537,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(2546,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(2547,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(2556,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted'
(2557,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2561,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted'
(2562,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure'
(2637,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(2638,8): run-time error CSS1035: Expected colon, found '{'
(2666,25): run-time error CSS1046: Expect comma, found '111'
(2666,33): run-time error CSS1046: Expect comma, found '/'
(2666,65): run-time error CSS1046: Expect comma, found '125'
(2666,73): run-time error CSS1046: Expect comma, found '/'
(2900,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(2901,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2902,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(2953,27): run-time error CSS1046: Expect comma, found '0'
(2953,31): run-time error CSS1046: Expect comma, found '/'
(2959,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(2960,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2963,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2964,21): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2976,23): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(2977,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(2978,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2983,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2991,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(3031,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs'
(3082,27): run-time error CSS1046: Expect comma, found '0'
(3082,31): run-time error CSS1046: Expect comma, found '/'
 */
/* Container do Input */
.input-container {
    display: flex;
    padding: var(--padding-none, 0px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--margin-nano, 8px);
}

/* Label do Input */
.input-label {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 5px;
}

.input-label label,
.input-label span {
    color: var(--color-neutral-darker, #7F7F7F);
    transition: color 0.2s ease;
}

/* Campo de Input */
.input-field {
    display: flex;
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
    align-items: center;
    width: 100%;
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-quark, 4px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #D1D1D1);
    background-color: var(--color-essence-ivory, #FFF);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input-field::placeholder {
    color: var(--color-neutral-darker, #7F7F7F);
}

/* Hover */
.input-field:hover {
    background: var(--color-neutral-pale, #E5E5E5);
}

/* Focus */
.input-field:focus {
    border: var(--border-width-thin, 2px) solid var(--color-accent-pure, #0095FF);
    background: var(--color-essence-ivory, #FFF);
    outline: none;
    box-shadow: none;
}
.input-container:focus-within .input-label label {
    color: var(--color-essence-charcoal, #000);
}

/* Campo Required Válido */
.input-field.valid {
    border: var(--border-width-hairline, 1px) solid var(--color-success-pure, #29CC5F);
    background-color: var(--color-essence-ivory, #FFF);
}

.input-container:has(.input-field.touched:valid) .input-label label {
    color: var(--color-essence-charcoal, #000);
}

/* Campos Inválidos */
.input-field.input-validation-error,
.input-field.error {
    border-color: var(--color-error-pure, #D44333);
    background-color: var(--color-essence-ivory, #FFF3F3);
}
.input-field.input-validation-error:focus,
.input-field.error:focus {
    border: var(--border-width-thin, 2px) solid var(--color-error-pure, #D44333);
    background-color: var(--color-essence-ivory, #FFF3F3);
}
.input-container:has(.input-field.error) .input-label label,
.input-container:has(.input-field.error) .input-label label,
.input-container:has(.input-field.input-validation-error) .input-label label,
.input-container:has(.input-field.input-validation-error) .input-sufix i {
    color: var(--color-error-pure, #D44333);
}

/* Mensagem de Erro */
.error-message,
.error {
    color: var(--color-error-pure, #D44333);
}

/* Estado Desabilitado */
.input-field:disabled {
    background-color: var(--color-essence-ivory, #FFF3F3);
    cursor: not-allowed;
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #7F7F7F);
}

.input-field:disabled::placeholder,
.input-container:has(.input-field:disabled) .input-label label {
        color: var(--color-neutral-light, #7F7F7F);
    }

/* Icone ao final do input */
.input-sufix,
.input-twofix,
.input-prefix {
    width: 100%;
    position: relative;
}

.input-sufix i,
.input-sufix span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-30%, -50%);
    color: var(--color-neutral-darker);
}

.input-sufix i {
    font-size: 24px;
}

.input-sufix.textarea span {
    top: 20px;
}

.input-sufix .input-field {
    padding: var(--padding-quark, 4px) var(--padding-xl, 40px) var(--padding-quark, 4px) var(--padding-nano, 8px);
}

.input-sufix textarea.input-field {
    padding: var(--padding-nano, 8px) var(--padding-xxl, 48px) var(--padding-nano, 8px) var(--padding-nano, 8px);
    resize: none;
}

.input-sufix .input-field.error+i {
    color: var(--color-error-pure, #D44333);
}

/* Texto/Icone no começo do input */
.input-prefix span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%);
    color: var(--color-neutral-darker);
}

.input-prefix .input-field {
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px) var(--padding-quark, 4px) var(--padding-xl, 40px);
}

/* Texto/Icone nos dois lados */
.input-twofix .lf-span {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%);
    color: var(--color-neutral-darker);
}

.input-twofix .rg-span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-neutral-darker);
}

.input-twofix .input-field {
    padding: var(--padding-quark, 4px)var(--padding-xxl, 40px) var(--padding-quark, 4px) var(--padding-lx, 36px);
}

/* Input Checkbox */
.input-options {
    gap: var(--margin-md, 24px);
    display: flex;
    padding: var(--padding-nano, 8px) var(--padding-xs, 16px);
    align-items: center;
    border-radius: var(--border-radius-quark, 4px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-darker, #7F7F7F);
    background-color: var(--color-essence-ivory, #FFF);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.option {
    display: flex;
    align-items: center;
    gap: var(--margin-nano, 8px);
}

/* Tamanho do Input */
.input-sm {
    height: 32px;
}

.input-md {
    height: 40px;
}

.input-lg {
    height: 56px;
}


/* Estilos gerais */
.switch-container {
    display: flex;
    justify-content: center;
    margin: 20px;
    gap: 30px;
}

.content-div {
    text-align: center;
    font-size: 1.5rem;
    padding: 20px;
    transition: opacity 0.5s ease;
}

/* Estilo do switch */
.switch {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--margin-none, 0px);
    padding: var(--padding-nano, 8px);
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    background-color: var(--color-neutral-tinted, #FAFAFA);
    border-radius: var(--border-radius-pill, 500px);
    border: var(--border-width-thin, 2px) solid var(--color-neutral-darker, #7F7F7F);
}

.slider:before {
    position: absolute;
    content: "";
    transition: 0.4s;
    border-radius: 50%;
    background-color: var(--color-neutral-darker, #7F7F7F);
}

/* Switch grande */
.switch-lg {
    width: 64px;
    height: 40px;
}

.switch-lg .slider:before {
    width: 24px;
    height: 24px;
    left: 5px;
    top: 7px;
}

.switch-lg input:checked+.slider::before {
    transform: translateX(26px);
}

/* Switch médio */
.switch-md {
    width: 48px;
    height: 32px;
}

.switch-md .slider:before {
    width: 18px;
    height: 18px;
    left: 4px;
    top: 6px;
}

.switch-md input:checked+.slider::before {
    transform: translateX(18px);
}

/* Switch pequeno */
.switch-sm {
    width: 40px;
    height: 24px;
}

.switch-sm .slider:before {
    width: 16px;
    height: 16px;
    left: 3px;
    top: 2px;
}

.switch-sm input:checked+.slider::before {
    transform: translateX(15px);
}

/* Efeitos de estado: checked, hover e disabled */
input:checked+.slider {
    border-color: var(--color-secondary-pure, #163867);
    background: var(--color-secondary-tinted, #163867);
}

input:checked+.slider::before {
    background: var(--color-secondary-pure, #163867);
}

.switch input:not(:checked):not(:disabled)+.slider:hover {
    border-color: var(--color-neutral-deep, #4A4A4A);
    box-shadow: var(--shadow-level-1);
    background: var(--color-neutral-pale, #E5E5E5);
}

.switch input:not(:checked):not(:disabled)+.slider:hover::before {
    background: var(--color-neutral-deep, #4A4A4A);
}

.switch input:checked:not(:disabled)+.slider:hover {
    border-color: var(--color-accent-deep, #004366);
    box-shadow: var(--shadow-level-1);
    background: var(--color-secondary-pale, #B3C3DA);
}

.switch input:checked:not(:disabled)+.slider:hover::before {
    background: var(--color-accent-deep, #004366);
}

.switch input:disabled+.slider {
    border-color: var(--color-neutral-light, #D1D1D1);
    background: var(--color-neutral-tinted, #FAFAFA);
    cursor: not-allowed;
    opacity: 0.6;
    /* Opcional: reduz a opacidade para indicar o estado desativado */
}

.switch input:disabled+.slider:before {
    background-color: var(--color-neutral-light, #D1D1D1);
}

/* Input Select */
.input-select {
    width: 100%;
    position: relative;
}

.input-select.input-sufix i {
    font-size: var(--font-size-sm);
}

/* Estilização do <select> */
.custom-select {
    width: 100%;
    padding: var(--padding-nano, 16px);
    outline: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: var(--border-radius-quark, 4px);
    border: 1px solid var(--color-neutral-darker, #7F7F7F);
    background: var(--color-essence-ivory, #FFF);
}

.custom-select::after {
    content: '▼';
    font-size: 12px;
    color: #333;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.custom-select:focus {
    border-color: #007bff;
    background-color: #eef6ff;
}

.custom-select option {
    padding: 10px;
    background-color: #fff;
    color: #333;
}

.custom-select option:hover {
    background-color: #007bff;
    color: #fff;
}

.custom-select option:disabled {
    color: var(--color-neutral-deep);
}
/* Botão Padrão */
.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-nano, 8px);
    transition: background-color .2s ease, transform .1s ease, border-right .2s ease;
}

.btn:focus-visible {
    outline: none;
    box-shadow: none;
}

.btn:hover {
    box-shadow: var(--shadow-level-1);
    transform: translateY(1px);
}

.btn:active {
    box-shadow: var(--shadow-level-1);
    transform: scale(0.98);
}

.btn:disabled:hover {
    transform: translateY(0);
    box-shadow: none;
}

.btn-outlined:disabled {
    background: var(--color-essence-ivory, #FFF) !important;
    border-color: var(--color-neutral-soft, #BDBDBD) !important;
    color: var(--color-neutral-soft, #BDBDBD) !important;
}

.btn-standart:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

.btn i {
    line-height: inherit;
    font-size: var(--font-size-sm, 20px);
}

.btn-sm i {
    font-size: var(--font-size-xs, 16px);
}

/* Botão Azul - Accent */
.btn-accent,
.nav-tabs .nav-link.active {
    border: var(--border-width-none, 0px) solid var(--color-secondary-pure, #163867);
    background: var(--color-secondary-pure, #163867);
    background-color: var(--color-secondary-pure, #163867);
    color: var(--color-essence-ivory, #FFF);
    border-radius: var(--border-radius-nano, 8px);
}

.btn-accent:hover,
.nav-tabs .nav-link.active:hover {
    color: var(--color-essence-ivory, #FFF);
    background: var(--color-secondary-darker, #0D2241);
    border-radius: var(--border-radius-nano, 8px);
}

.btn-accent:active,
.btn-accent.show,
.nav-tabs .nav-link.active:active {
    background-color: var(--color-secondary-deepest, #050B17) !important;
    color: var(--color-essence-ivory, #FFF) !important;
}

.btn-accent:disabled {
    background-color: var(--color-neutral-pale, #E5E5E5);
    color: var(--color-neutral-dark, #BDBDBD);
}

/* Versão Outlined */
.btn-outlined.btn-accent {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-secondary-pure, #163867);
    border: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867);
}

.btn-outlined.btn-accent:hover {
    background: var(--color-secondary-pale, #B3C3DA);
    color: var(--color-secondary-deep, #09162E);
    border: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E);
}

.btn-outlined.btn-accent:active {
    border: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E);
    background-color: var(--color-secondary-light, #7F9ABD) !important;
}

.btn-outlined.btn-accent:disabled:hover {
    background-color: var(--color-essence-ivory, #fff);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Versão Standart */
.btn-standart.btn-accent {
    background: white;
    color: var(--color-secondary-pure, #163867);
    border: none;
}

.btn-standart.btn-accent:hover {
    background: var(--color-secondary-pale, #B3C3DA);
    color: var(--color-secondary-deep, #09162E);
}

.btn-standart.btn-accent:active {
    background: var(--color-secondary-light, #7F9ABD);
}

.btn-standart.btn-accent:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Botão Verde - Primary */
.btn-primary {
    background: var(--color-primary-pure, #163867);
    color: var(--color-essence-ivory, #FFF);
    border: var(--border-width-none, 0px) solid var(--color-primary-pure, #163867);
}

.btn-primary:hover {
    background: var(--color-primary-darker, #0D2241);
}

.btn-primary:active,
.btn-whatsapp:active {
    background-color: var(--color-primary-deepest, #050B17);
}

.btn-primary:disabled {
    background-color: var(--color-neutral-pale, #E5E5E5);
    color: var(--color-neutral-dark, #BDBDBD);

}

/* Primary - Versão Outlined */
.btn-outlined.btn-primary {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-primary-pure, #163867);
    border: var(--border-width-hairline, 1px) solid var(--color-primary-pure, #186531);
}

.btn-outlined.btn-primary:hover {
    background: var(--color-primary-pale, #B8D6C1);
    color: var(--color-primary-deep, #0A2915);
    border: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915);
}

.btn-outlined.btn-primary:active {
    background: var(--color-primary-light, #87B896);
    border: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915);
}

.btn-outlined.btn-primary:disabled:hover {
    background-color: var(--color-essence-ivory, #fff);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Primary - Versão Standart */
.btn-standart.btn-primary {
    background: transparent;
    color: var(--color-primary-pure, #186531);
    border: none;
}

.btn-standart.btn-primary:hover {
    background: var(--color-primary-pale, #B8D6C1);
    color: var(--color-primary-deep, #0A2915);
}

.btn-standart.btn-primary:active {
    background: var(--color-primary-light, #87B896);
}

.btn-standart.btn-primary:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Botão Laranja - Quaternary */
.btn-quaternary {
    background: var(--color-quaternary-dark, #CC8400);
    color: var(--color-essence-ivory, #FFF);
    border: var(--border-width-none, 0px) solid var(--color-quaternary-dark, #CC8400);
}

.btn-quaternary:hover {
    background: var(--color-quaternary-darker, #996300);
    color: var(--color-essence-ivory, #FFF);
}

.btn-quaternary:active {
    background-color: var(--color-quaternary-deep, #664200);
}

.btn-quaternary:disabled {
    background-color: var(--color-neutral-pale, #E5E5E5);
    color: var(--color-neutral-dark, #BDBDBD);
}

/* Quaternary - Versão Outlined */
.btn-outlined.btn-quaternary {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-quaternary-dark, #CC8400);
    border: var(--border-width-hairline, 1px) solid var(--color-quaternary-dark, #CC8400);
}

.btn-outlined.btn-quaternary:hover {
    background: var(--color-quaternary-tinted, #FFF4E0);
    color: var(--color-quaternary-deep, #664200);
    border: var(--border-width-hairline, 1px) solid var(--color-quaternary-deep, #664200);
}

.btn-outlined.btn-quaternary:active {
    background: var(--color-quaternary-pale, #FFE5B3);
    border: var(--border-width-hairline, 1px) solid var(--color-quaternary-deep, #664200);
}

.btn-outlined.btn-quaternary:disabled:hover {
    background-color: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Quaternary - Versão Standard */
.btn-standart.btn-quaternary {
    background: transparent;
    color: var(--color-quaternary-dark, #CC8400);
    border: none;
}

.btn-standart.btn-quaternary:hover {
    background: var(--color-quaternary-tinted, #FFF4E0);
    color: var(--color-quaternary-deep, #664200);
}

.btn-standart.btn-quaternary:active {
    background: var(--color-quaternary-pale, #FFE5B3);
}

.btn-standart.btn-quaternary:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Botão Neutro (Preto) */
.btn-neutral {
    background: var(--color-essence-charcoal, #000);
    color: var(--color-essence-ivory, #FFF);
    border: var(--border-width-none, 0px) solid var(--color-essence-charcoal, #000);
}

.btn-neutral:hover {
    border: var(--border-width-none, 0px) solid var(--color-neutral-pure, #A8A8A8);
    background: var(--color-neutral-darker, #7F7F7F);
}

.btn-neutral:active {
    background-color: var(--color-neutral-deepest, #050B17);
}

.btn-neutral:disabled {
    background-color: var(--color-neutral-pale, #E5E5E5);
    color: var(--color-neutral-dark, #BDBDBD);

}

/* Neutral - Versão Outlined */
.btn-outlined.btn-neutral {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-essence-charcoal, #000);
    border: var(--border-width-hairline, 1px) solid var(--color-essence-charcoal, #000);
}

.btn-outlined.btn-neutral:hover {
    background: var(--color-neutral-pale, #B8D6C1);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A);
    color: var(--color-neutral-deep, #4A4A4A);
}

.btn-outlined.btn-neutral:active {
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A);
    background: var(--color-neutral-light, #87B896);
}

.btn-outlined.btn-neutral:disabled {
    background-color: var(--color-essence-ivory, #fff);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Neutral - Versão Standart */
.btn-standart.btn-neutral {
    background: transparent;
    color: var(--color-essence-charcoal, #000);
    border: none;
}

.btn-standart.btn-neutral:hover {
    background: var(--color-neutral-pale, #B8D6C1);
    color: var(--color-neutral-deep, #0A2915);
}

.btn-standart.btn-neutral:active {
    background: var(--color-neutral-light, #87B896);
}

.btn-standart.btn-neutral:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Botão Banco Simule */
.btn-banco-simule {
    background: #FEFB31;
    color: #4E5FFC;
    border: 1px solid #4E5FFC;
}

.btn-banco-simule:focus-visible {
    background: #FEFB31;
    color: #4E5FFC;
    border: 1px solid #4E5FFC;
}

.btn-banco-simule:hover {
    background: #f7f42a;
    color: #4E5FFC;
    border-color: #3a4ae0;
}

.btn-banco-simule:active {
    background: #ece61c;
    border-color: #2c38c0;
}

.btn-banco-simule:disabled {
    background: #fdfd9f;
    border-color: #b3b9f8;
    color: #BDBDBD;
    cursor: not-allowed;
}

.btn-banco-simule img {
    max-width: 20px;
}

/* Botão Vermelho - Destructive */
.btn-destructive {
    background: var(--color-error-pure, #D44333);
    color: var(--color-essence-ivory, #FFF);
    border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333);
}

    .btn-destructive:hover {
        background: var(--color-error-darker, #802B1F);
        color: var(--color-essence-ivory, #FFF);
        border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333);
    }

    .btn-destructive:active {
        background-color: var(--color-error-deepest, #2B100A) !important;
        color: var(--color-essence-ivory, #FFF) !important;
        border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333);
    }

.btn-destructive:disabled {
    background-color: var(--color-neutral-pale, #E5E5E5);
    border: var(--border-width-none, 0px) solid var(--color-neutral-pure, #A8A8A8);
    color: var(--color-neutral-dark, #BDBDBD);

}

/* Destructive - Versão Outlined */
.btn-outlined.btn-destructive {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-error-pure, #163867);
    border: var(--border-width-hairline, 1px) solid var(--color-error-pure, #551E14);
}

.btn-outlined.btn-destructive:hover {
    background: var(--color-error-pale, #B8D6C1);
    color: var(--color-error-deep, #0A2915);
    border: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14);
}

.btn-outlined.btn-destructive:active {
    background: var(--color-error-light, #87B896);
    border: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14);
}

.btn-outlined.btn-destructive:disabled:hover {
    background-color: var(--color-essence-ivory, #fff);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Destructive - Versão Standart */
.btn-standart.btn-destructive {
    background: transparent;
    color: var(--color-error-pure, #186531);
    border: none;
}

.btn-standart.btn-destructive:hover {
    background: var(--color-error-pale, #B8D6C1);
    color: var(--color-error-deep, #0A2915);
}

.btn-standart.btn-destructive:active {
    background: var(--color-error-light, #87B896);
}

.btn-standart.btn-destructive:disabled {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-neutral-soft, #BDBDBD);
}

/* Tamanhos do Button */
.btn-lg {
    padding: var(--padding-nano, 8px) var(--padding-xs, 16px);
    font-size: var(--font-size-xs, 16px);
    line-height: var(--line-height-sm, 20px);
}

.btn-md {
    padding: var(--padding-quark, 4px) var(--padding-xs, 16px);
    font-size: var(--font-size-xxs, 14px);
    line-height: var(--line-height-sm, 20px);
}

.btn-sm {
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
    font-size: var(--font-size-xxs, 14px);
    line-height: var(--line-height-xs, 16px);
}

/* Tamanho Icon Button */
.btn-icon-lg {
    padding: var(--padding-nano, 8px);
    font-size: var(--font-size-sm, 20px);
    line-height: var(--line-height-md, 24px);
}

.btn-icon-md {
    font-size: var(--font-size-sm, 16px);
    line-height: var(--line-height-sm, 20px);
    padding: var(--padding-quark, 4px);
    height: 40px !important;
    width: 40px !important;
}

.btn-icon-sm {
    padding: var(--padding-quark, 4px);
    line-height: var(--line-height-xs, 16px);
    font-size: var(--font-size-xxs, 14px);
    min-height: 30px !important;
    min-width: 30px !important;
}

.btn-icon-sm i {
    font-size: var(--font-size-xs, 16px);
}

/* Grupo de Buttons */
.group-btn {
    display: inline-flex;
    padding: var(--padding-nano, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--margin-nano, 8px);
    align-self: stretch;
    border-radius: var(--border-radius-xs, 16px);
}

.group-btn .btn {
    width: 100%;
}

.group-btn.chip-gp .btn {
    width: fit-content;
}

.gp-accent.group-btn {
    background: var(--color-secondary-tinted, #E8EEF5);
}

.gp-primary.group-btn {
    background: var(--color-primary-tinted, #EAF4EC);
}

.gp-neutral.group-btn {
    background: var(--color-neutral-tinted, #FAFAFA);
}

.gp-destructive.group-btn {
    background: var(--color-error-tinted, #FAFAFA);
}

/* Botão Dropdown */
.btn-dropdown {
    display: inline-flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
}

/* Dropdown Accent  */
.btn-dropdown.btn-accent>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-soft, #4A70A1);
}

.btn-dropdown.btn-accent:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-dark, #122D54);
}

.btn-dropdown.btn-accent:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-darker, #0D2241);
}

.btn-dropdown.btn-accent:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-enutral-tinted, #FAFAFA);
}

/* Outlined Dropdown - Accent */
.btn-dropdown.btn-outlined.btn-accent>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867);
}

.btn-dropdown.btn-outlined.btn-accent:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E);
}

.btn-dropdown.btn-outlined.btn-accent:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E);
}

.btn-dropdown.btn-outlined.btn-accent:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD);
}

/* Dropdown - Primary */
.btn-dropdown.btn-primary>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-soft, #4A7031);
}

.btn-dropdown.btn-primary:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-dark, #145128);
}

.btn-dropdown.btn-primary:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915);
}

.btn-dropdown.btn-primary:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA);
}

/* Outlined Dropdown - Primary */
.btn-dropdown.btn-outlined.btn-primary>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-pure, #186531);
}

.btn-dropdown.btn-outlined.btn-primary:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915);
}

.btn-dropdown.btn-outlined.btn-primary:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915);
}

.btn-dropdown.btn-outlined.btn-primary:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD);
}

/* Dropdown - Neutral */
.btn-dropdown.btn-neutral>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deepest, #292929);
}

.btn-dropdown.btn-neutral:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-dark, #4A4A4A);
}

.btn-dropdown.btn-neutral:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A);
}

.btn-dropdown.btn-neutral:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA);
}

/* Outlined Dropdown - Neutral */
.btn-dropdown.btn-outlined.btn-neutral>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-essence-charcoal, #000);
}

.btn-dropdown.btn-outlined.btn-neutral:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A);
}

.btn-dropdown.btn-outlined.btn-neutral:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A);
}

.btn-dropdown.btn-outlined.btn-neutral:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD);
}

/* Dropdown - Destructive */
.btn-dropdown.btn-destructive>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-soft, #B86565);
}

.btn-dropdown.btn-destructive:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-dark, #7A1F1F);
}

.btn-dropdown.btn-destructive:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #571616);
}

.btn-dropdown.btn-destructive:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA);
}

/* Outlined Dropdown - Destructive */
.btn-dropdown.btn-outlined.btn-destructive>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-pure, #186531);
}

.btn-dropdown.btn-outlined.btn-destructive:hover>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14);
}

.btn-dropdown.btn-outlined.btn-destructive:active>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14);
}

.btn-dropdown.btn-outlined.btn-destructive:disabled>.btn-label {
    border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD);
}

/* Versão Standart */
.btn-standart.btn-dropdown>.btn-label {
    border-right: none !important;
    padding-right: 0;
}

/* Dropdown-Group (lista de itens do drop) */
.dropdown {
    position: relative;
}

.dropdown.select .dropdown-group {
    width: fit-content;
    white-space: nowrap;
}

.dropdown-group {
    display: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    list-style: none;
    margin-top: 8px;
    right: 0;
    width: 100%;
    padding: var(--padding-nano, 8px);
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-nano, 8px);
    border: var(--border-width-none, 1px) solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-essence-ivory, #FFF);
    box-shadow: var(--shadow-level-3);
    max-height: 200px;
    overflow-y: auto;
    z-index: 100;
}

.dropdown-group::-webkit-scrollbar {
    width: 7px;
}

.dropdown-group::-webkit-scrollbar-thumb {
    background-color: var(--color-neutral-light, #D1D1D1);
    border-radius: 4px;
}

.dropdown-group::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 4px;
}

.dropdown-group li {
    width: 100%;
}

.dropdown-group a {
    text-decoration: none;
    color: var(--color-essence-charcoal);
}

/* Item */
.dropdown-group .item {
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-nano, 8px);
    background: var(--color-essence-ivory, #FFF);
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
}

.dropdown-group .item-sm {
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
}

.dropdown-group .item-md {
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
}

.dropdown-group .item-lg {
    padding: var(--padding-nano, 8px);
}

.dropdown-group .item:hover {
    background: var(--color-neutral-pale, #E5E5E5);
}

.dropdown-group .item:active {
    background: var(--color-neutral-light, #D1D1D1);
}

.dropdown-group .item:focus {
    background: var(--color-secondary-tinted, #D1D1D1);
    color: var(--color-secondary-pure, #163867);
}

.dropdown-group .item:disabled {
    background: var(--color-essence-ivory, #F9F9F9);
    color: var(--color-neutral-soft, #B0B0B0);
    opacity: 0.6;
}

.dropdown.select .dropdown-group .item {
    padding-right: var(--padding-xxs);
}

/* Chip */
.chip {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    font-style: normal;
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-pill, 500px);
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
    font-size: var(--font-size-small, 14px);
    transition: background-color 0.2s ease, color 0.2s ease;
    border: 1px solid transparent;
    background-color: var(--color-neutral-light, #F5F5F5);
    color: var(--color-neutral-dark, #333);
}

.chip:disabled {
    background-color: var(--color-neutral-soft, #E0E0E0);
    color: var(--color-neutral-dark-soft, #A8A8A8);
    cursor: not-allowed;
}

/* Chip com borda (outlined) */
.chip-outlined {
    background-color: transparent;
    border-color: var(--color-neutral-dark-soft, #BDBDBD);
    color: var(--color-secondary-pure, #163867);

    border-radius: var(--border-radius-pill, 500px);
    border: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867);
}

/* Chip com estilo preenchido (standart) */
.chip-standart {
    background-color: var(--color-primary, #3B82F6);
    color: var(--color-essence-ivory, #FFF);
}

/* Tamanhos do Button */
.chip-lg {
    padding: var(--padding-nano, 8px) var(--padding-xs, 16px);
    font-size: var(--font-size-sm, 20px);
    line-height: var(--line-height-md, 24px);
}

.chip-md {
    padding: var(--padding-quark, 4px) var(--padding-xs, 16px);
    font-size: var(--font-size-xxs, 16px);
    line-height: var(--line-height-sm, 20px);
}

.chip-sm {
    padding: var(--padding-quark, 4px) var(--padding-nano, 8px);
    font-size: var(--font-size-xxs, 14px);
    line-height: var(--line-height-xs, 16px);
}

.group-btn.chip-gp {
    padding: var(--padding-quark);
    border-radius: var(--border-radius-pill, 1000px);
    border: 1px solid var(--color-secondary-pale, #B3C3DA);
    background: var(--color-secondary-tinted, #E8EEF5);
}
/* Animação de Subir ao Aparecer */
@keyframes slideUp {
    from {
        top: 100%;
    }

    to {
        top: 0;
    }
}

.modal.banco-simule {
    --bs-modal-width: 800px;
}

.modal.banco-simule .modal-content {
    border: 1px solid #4E5FFC;
}

/* Center Absolute Container */
.header-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -35px;
    width: 80px;
    height: 80px;
    padding: var(--padding-nano, 8px);
    gap: var(--margin-nano, 8px);
    border-radius: var(--border-radius-xs, 16px);
    background: var(--color-neutral-pure, #A8A8A8);
    box-shadow: var(--shadow-level-3);
    color: var(--color-essence-ivory, #FFF);
}

@media only screen and (max-height: 850px) {
    .modal-dialog {
        padding-top: 30px;
    }
}
/*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');*/

/* Variaveis */
:root {
    /* TOKENS */
    /* Fonte (font-family) */
    --font-family-primary: 'Inter', sans-serif;
    /* Espessura da Fonte (font-weight) */
    --font-weight-bold: 700;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    /* Tamanho da Fonte (font-size) */
    --font-size-huge: 64px;
    --font-size-xxxl: 56px;
    --font-size-xxl: 48px;
    --font-size-xl: 40px;
    --font-size-lg: 32px;
    --font-size-md: 24px;
    --font-size-sm: 20px;
    --font-size-s: 18px;
    --font-size-xs: 16px;
    --font-size-xxs: 14px;
    --font-size-xxxs: 12px;
    --font-size-hadron: 10px;
    --font-size-nano: 8px;
    /* Altura de Linha (line-height) */
    --line-height-giant: 72px;
    --line-height-huge: 64px;
    --line-height-xxxl: 56px;
    --line-height-xxl: 48px;
    --line-height-xl: 40px;
    --line-height-lg: 32px;
    --line-height-md: 24px;
    --line-height-sm: 20px;
    --line-height-xs: 16px;
    --line-height-xxs: 14px;
    --line-height-xxxs: 12px;
    --line-height-hadron: 10px;
    --line-height-nano: 8px;
    --line-height-quark: 4px;
    /* Raio da Borda (border-radius) */
    --border-radius-circular: 50%;
    --border-radius-pill: 500px;
    --border-radius-md: 24px;
    --border-radius-xs: 16px;
    --border-radius-nano: 8px;
    --border-radius-quark: 4px;
    --border-radius-none: 0;
    /* Espessura da Borda (border-width) */
    --border-width-heavy: 8px;
    --border-width-thick: 4px;
    --border-width-thin: 2px;
    --border-width-hairline: 1px;
    --border-width-none: 0px;
    /* Opacidade (opacity) */
    --opacity-semi-opaque: 0.80;
    --opacity-super-intense: 0.64;
    --opacity-intense: 0.40;
    --opacity-medium: 0.32;
    --opacity-light: 0.16;
    --opacity-semi-transparent: 0.08;
    /* Sombra (shadow) - x y blur spread(0) color */
    --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, var(--opacity-medium));
    --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, var(--opacity-super-intense));
    --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, var(--opacity-semi-transparent));
    --shadow-level-4: 0px 8px 16px rgba(0, 0, 0, var(--opacity-light));
    --shadow-level-5: 0px 16px 32px rgba(0, 0, 0, var(--opacity-light));
    /* Margem Interna (padding) */
    --padding-giant: 72px;
    --padding-huge: 64px;
    --padding-xxxl: 56px;
    --padding-xxl: 48px;
    --padding-xl: 40px;
    --padding-lx: 36px;
    --padding-lg: 32px;
    --padding-md: 24px;
    --padding-xs: 16px;
    --padding-xxs: 14px;
    --padding-nano: 8px;
    --padding-quark: 4px;
    --padding-hadron: 2px;
    /* Margem (margin) */
    --margin-giant: 72px;
    --margin-huge: 64px;
    --margin-xxxl: 56px;
    --margin-xxl: 48px;
    --margin-xl: 40px;
    --margin-lg: 32px;
    --margin-md: 24px;
    --margin-xs: 16px;
    --margin-nano: 8px;
    --margin-quark: 4px;
    --margin-none: 0px;
    /* CORES */
    /* Cores Prim�rias */
    --color-primary-tinted: #EAF4EC;
    --color-primary-pale: #B8D6C1;
    --color-primary-light: #87B896;
    --color-primary-soft: #569A6B;
    --color-primary-pure: #186531;
    --color-primary-dark: #145128;
    --color-primary-darker: #0F3D1E;
    --color-primary-deep: #0A2915;
    --color-primary-deepest: #05140B;
    /* Cores Secund�rias */
    --color-secondary-tinted: #E8EEF5;
    --color-secondary-pale: #B3C3DA;
    --color-secondary-light: #7F9ABD;
    --color-secondary-soft: #4A70A1;
    --color-secondary-pure: #163867;
    --color-secondary-dark: #122D54;
    --color-secondary-darker: #0D2241;
    --color-secondary-deep: #09162E;
    --color-secondary-deepest: #050B17;
    /* Cores Terci�rias */
    --color-tertiary-tinted: #F0F2F6;
    --color-tertiary-pale: #E6EBF3;
    --color-tertiary-light: #D6DDE8;
    --color-tertiary-soft: #C6CCD8;
    --color-tertiary-pure: #AFB8CB;
    --color-tertiary-dark: #989EA8;
    --color-tertiary-darker: #74787F;
    --color-tertiary-deep: #4F5257;
    --color-tertiary-deepest: #2B2D30;
    /* Cores Quatern�rias */
    --color-quaternary-tinted: #FFF4E0;
    --color-quaternary-pale: #FFE5B3;
    --color-quaternary-light: #FFD580;
    --color-quaternary-soft: #FFC14D;
    --color-quaternary-pure: #FFA500;
    --color-quaternary-dark: #CC8400;
    --color-quaternary-darker: #996300;
    --color-quaternary-deep: #664200;
    --color-quaternary-deepest: #332100;
    /* Cores de Acento (Accent) */
    --color-accent-tinted: #E6F3FF;
    --color-accent-pale: #B3DCFF;
    --color-accent-light: #80C4FF;
    --color-accent-soft: #4DACFF;
    --color-accent-pure: #0095FF;
    --color-accent-dark: #007ACC;
    --color-accent-darker: #005E99;
    --color-accent-deep: #004366;
    --color-accent-deepest: #002733;
    /* Cores de Sucesso (Success) */
    --color-success-tinted: #E6F8EC;
    --color-success-pale: #B3EECB;
    --color-success-light: #80E4AA;
    --color-success-soft: #4DDA89;
    --color-success-pure: #29CC5F;
    --color-success-dark: #22A64D;
    --color-success-darker: #1B803B;
    --color-success-deep: #145A29;
    --color-success-deepest: #0A2D14;
    /* Cores de Alerta (Warning) */
    --color-warning-tinted: #FFECD9;
    --color-warning-pale: #FFD0A3;
    --color-warning-light: #FFB46D;
    --color-warning-soft: #FF9936;
    --color-warning-pure: #FF8A00;
    --color-warning-dark: #CC6E00;
    --color-warning-darker: #995300;
    --color-warning-deep: #663700;
    --color-warning-deepest: #331C00;
    /* Cores de Erro (Error) */
    --color-error-tinted: #FBE8E6;
    --color-error-pale: #F2BFB9;
    --color-error-light: #E9968C;
    --color-error-soft: #E06C5F;
    --color-error-pure: #D44333;
    --color-error-dark: #AA3729;
    --color-error-darker: #802B1F;
    --color-error-deep: #551E14;
    --color-error-deepest: #2B100A;
    /* Cores Neutras (Neutral) */
    --color-neutral-tinted: #FAFAFA;
    --color-neutral-pale: #E5E5E5;
    --color-neutral-light: #D1D1D1;
    --color-neutral-soft: #BDBDBD;
    --color-neutral-pure: #A8A8A8;
    --color-neutral-dark: #949494;
    --color-neutral-darker: #7F7F7F;
    --color-neutral-deep: #4A4A4A;
    --color-neutral-deepest: #292929;
    /* Cores Essenciais (Essence)*/
    --color-essence-ivory: #FFFFFF;
    --color-essence-charcoal: #000;
}

/* Geral */
img {
    width: 100%;
    height: 100%;
}

ul {
    list-style: none;
}

/* Display Styles */
.display-large {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xxl);
    line-height: var(--line-height-huge);
}

.display-medium {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl);
    line-height: var(--line-height-xxl);
}

.display-small {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-xl);
}

/* Headline Styles */
.headline-large {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-lg);
    line-height: var(--line-height-md);
}

.headline-medium {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md);
    line-height: var(--line-height-lg);
}

.headline-small {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-md);
}

/* Title Styles */
.title-large {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-sm);
    line-height: var(--line-height-lg);
}

.title-medium {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-md);
}

.title-small {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs);
}

/* Body */
.body-large {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xs);
    line-height: var(--line-height-md);
}

.body-medium {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-sm);
}

.body-small {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-sm);
}

/* Label */
.label-large {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xxs);
    line-height: var(--line-height-xs);
}

.label-medium {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-xxxs);
    line-height: var(--line-height-xs);
}

.label-small {
    font-weight: var(--font-weight-regular);
    font-size: var(--font-size-hadron);
    line-height: var(--line-height-xxs);
}

/* Avatar */
.avatar {
    display: flex;
    padding: var(--padding-nano, 8px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: var(--border-radius-nano, 8px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #D1D1D1);
    background: var(--color-neutral-pale, #E5E5E5);
}

.avatar-img {
    padding: var(--padding-none, 0px);
    overflow: hidden;
    position: relative;
}

.avatar.large {
    width: 40px;
    height: 40px;
}

.avatar.medium {
    width: 32px;
    height: 32px;
}

/* Alertas */
.alert {
    display: flex;
    padding: var(--padding-nano, 8px);
    justify-content: center;
    align-items: center;
    gap: var(--margin-md, 24px);
    border-radius: var(--border-radius-xs, 16px);
}

    .alert.warning {
        border: var(--border-width-hairline, 1px) solid var(--color-warning-pure, #FF8A00);
        background: var(--color-warning-tinted, #FFECD9);
        box-shadow: var(--shadow-level-1);
        color: var(--color-warning-deep);
    }

/* Text Styles */
.link {
    text-decoration: underline;
    color: var(--color-accent-pure);
}

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

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

.ft-xxs {
    font-size: var(--font-size-xxs, 14px) !important;
}

.ft-xs {
    font-size: var(--font-size-xs, 16px) !important;
}

.ft-sm {
    font-size: var(--font-size-sm, 20px) !important;
}

.ft-md {
    font-size: var(--font-size-md, 24px) !important;
}

.ellipse-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
}

.line-normal {
    line-height: normal;
}
/* Linha e Barra */
.line {
    width: 100%;
    height: 1px;
    background: var(--color-neutral-pale, #E5E5E5);
}

.divisor {
    background: var(--color-neutral-pale, #E5E5E5);
    width: 1px;
    align-self: stretch;
}

/* Crescimento de Flex */
.flex-grow {
    flex: 1 0 0;
}

.flex-two-grow {
    flex: 2.07 0 0;
}

.gap-6 {
    gap: var(--margin-xl, 40px) !important;
}

/* Padding */
.pt-6 {
    padding-top: 4rem !important;
}

/* Width */
.w-200 {
    width: 214px !important;
}

.w-250 {
    width: 230px !important;
}

.w-300 {
    width: 310px;
}

/* Height */
.h-fit {
    height: fit-content;
}

/* Backgrounds */
.bg-white {
    background: var(--color-essence-ivory, #FFF) !important;
}

.bg-shadow {
    border-radius: var(--border-radius-nano, 8px);
    border: 1px solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-essence-ivory, #FFF);
    padding: var(--padding-xs, 16px);
    box-shadow: var(--shadow-level-3);
}

.bg-neutral {
    border-radius: var(--border-radius-nano, 8px);
    border: 1px solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-neutral-tinted, #FAFAFA);
    padding: var(--padding-xs, 16px);
    box-shadow: var(--shadow-level-3);
}

.bg-secondary {
    border: 1px solid var(--color-secondary-pale, #B3C3DA) !important;
    background: var(--color-secondary-tinted, #E8EEF5) !important;
}

.bg-primary {
    border: 1px solid var(--color-primary-pale, #B3C3DA) !important;
    background: var(--color-primary-tinted, #E8EEF5) !important;
}

.cursor-default {
    cursor: default !important;
}

.box-shadow-3 {
    box-shadow: var(--shadow-level-3);
}

.box-shadow-5 {
    box-shadow: var(--shadow-level-5);
}

/* Bordas */
.border-1 {
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5) !important;
}

/* Colors */
.success,
.check {
    color: var(--color-success-pure);
}

.bg-success {
    color: var(--color-success-pure, #29CC5F);
    border: none !important;
    border-radius: var(--border-radius-quark, 4px) !important;
    background-color: var(--color-success-tinted, #E6F8EC) !important;
}

/* dropdown item */
.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--color-neutral-dark);
}

/* classes cores */
.neutral-deep {
    color: var(--color-neutral-deep) !important;
}

.neutral-text {
    color: var(--color-neutral-darker) !important;
}

.neutral-dark {
    color: var(--color-neutral-dark) !important;
}

.neutral-pure {
    color: var(--color-neutral-pure) !important;
}

.neutral-color {
    color: var(--color-essence-charcoal, #000000) !important;
}

.accent-color {
    color: var(--color-secondary-pure, #163867);
}

.primary-color {
    color: var(--color-primary-pure, #186531);
}

.warning-pure {
    color: var(--color-warning-pure, #FF8A00);
}

.white-color {
    color: var(--color-essence-ivory, #fff) !important;
}

.destructive-color {
    color: var(--color-error-pure, #fff) !important;
}

.whatsapp-color {
    color: #449d44 !important;
}

/* Visivel e escondido */
.hidden {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: none;
}

.visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
    pointer-events: auto;
}

.cursor-pointer {
    cursor: pointer !important;
}

/* Pagination */
.d-flex .pagination {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: var(--margin-md, 24px);
    align-self: stretch;
}

/* Item da Lista */
.item-list {
    display: flex;
    width: 100%;
    padding: var(--padding-xs, 16px);
    justify-content: center;
    gap: var(--margin-xs, 16px);
    transition: all .2s ease;
    border-radius: var(--border-radius-xs, 16px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-essence-ivory, #FFF);
    align-items: center;
}

    .item-list:hover {
        border-radius: var(--border-radius-xs, 16px);
        border: 1px solid var(--color-neutral-pale, #E5E5E5);
        background: var(--color-essence-ivory, #FFF);
        cursor: pointer;
        transform: translateY(-1px);
        box-shadow: var(--shadow-level-3);
    }

    .item-list:active {
        border: 1px solid var(--color-neutral-pale, #E5E5E5);
        transform: scale(.99);
        background: var(--color-neutral-pale, #E5E5E5);
    }

/* C�digo/Tag */
.code {
    display: flex;
    padding: var(--padding-hadron, 2px) var(--margin-quark, 4px);
    justify-content: center;
    align-items: center;
    gap: var(--margin-quark, 4px);
    border-radius: var(--border-radius-quark, 4px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-neutral-tinted, #FAFAFA);
}

.indicator {
    display: flex;
    width: 100%;
    min-height: 407px;
    height: 100%;
    padding: var(--padding-xs, 16px);
    flex-direction: column;
    justify-content: center;
    gap: var(--margin-xs, 16px);
    transition: all .2s ease;
    border-radius: var(--border-radius-xs, 16px);
    border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5);
    background: var(--color-neutral-tinted, #FFF);
}

.mobile-view {
    display: none !important;
}

.web-view {
    display: flex !important;
}

@media screen and (max-width: 700px) {
    .mobile-view {
        display: flex !important;
    }

    .web-view {
        display: none !important;
    }
}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

#imovel-page *,
.toast-container * {
    font-family: var(--font-family-primary);
}

@keyframes FadeOut {
    0% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

/* fundo azul */
.background-main {
    position: absolute;
    background: rgb(38 71 117 / 100%);
    width: 100%;
    z-index: -1;
    margin: 60px 0;
    height: 300px;
    overflow: hidden;
}

/* conteudo da pagina */
.imovel-page {
    padding: 70px 30px 30px;
    max-width: 1560px;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.section {
    display: grid;
    grid-template-columns: 1fr .4fr;
    padding: 0;
    gap: 20px;
}

/* nav tabs da imagem */
#fotosTab {
    border-radius: 16px 16px 0 0;
    position: absolute;
    z-index: 100;
    background: transparent;
    border: none;
}

/* container tabs da imagem */
#fotosContainer .inner {
    height: 450px;
    background: #f3f3f3;
    width: 100%;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 5px;
    display: none;
    opacity: 0;
    animation: FadeOut .5s;
    visibility: hidden;
}

#fotosContainer .inner.active {
        display: block;
        opacity: 1;
        visibility: inherit;
    }

#fotosContainer .iframe-video {
    height: 100%;
    width: 100%;
}

/* slide/carousel da imagem */
.swiper-wrapper {
    will-change: transform;
} 

.swiper-wrapper img {
    max-height: 480px;
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;
    transform: scale(1);
    transition: none;
}

@keyframes zoomPanRight {
    0% {
        transform: scale(1.3) translateX(0%);
    }

    100% {
        transform: scale(1.3) translateX(-10%);
    }
}

.swiper-imovel-novo img {
    transform: scale(1.3);
    object-fit: cover;
}

.swiper-imovel-novo .swiper-slide-active img {
    animation: zoomPanRight 5s ease-in-out forwards;
}

.swiper img.paused-animation {
    animation-play-state: paused !important;
}

.swiper-button-prev,
.swiper-button-next {
    background: hsl(0deg 0% 100%);
    border: 1px solid #26477538;
}

.swiper-button-next:after {
    padding-left: 2px;
}

.swiper-button-prev:after {
    padding-right: 2px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 16px !important;
    color: #264775;
    font-weight: bolder;
}

/* imagem em tela cheia */
#fullscreenButton {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1000;
    color: #264775;
}

#fotosContainer .swiper.fixed {
    position: fixed;
    z-index: 100000;
    height: 100vh;
    top: 0;
    right: 0;
    border: 0;
    display: flex;
    align-items: center;
    background: #000000d9;
    border-radius: 0;
}

body:has(#fotosContainer .swiper.fixed) {
    overflow-y: hidden;
}

#fotosContainer .swiper.fixed .swiper-slide img {
    max-height: 98vh;
}

#fotosContainer .swiper.fixed .swiper-imovel-novo img {
    object-fit: contain;
    animation: none !important;
}

/* quantidade de fotos */
.center-image-counter {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 999;
    width: auto;
}

#quantityLabel {
    border: 1px solid #26477540;
    background: #ffffff;
    z-index: 999;
    font-size: 18px;
    color: #264775;
}

/* ligar agora */
.complete {
    display: none;
}

/* badges do imovel */
.badge {
    padding: 6px 16px;
    border-radius: 45px;
    visibility: visible;
    transition: background-color .2s ease, transform .1s ease, border-right .2s ease;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.badge-novo {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-secondary-pure, #163867);
    border: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867);
}

.badge-seguro {
    background: var(--color-essence-ivory, #FFF);
    color: var(--color-secondary-pure, #163867);
    border: 1px solid #00833d;
    cursor: pointer;
}

.badge-destaque {
    background: rgba(228, 228, 228, 0.852);
    border: 1px solid #133769;
    color: #133769;
}

.badge-assinado {
    background: #232323;
    color: var(--color-essence-ivory, #FFF);
    border: 1px solid black;
}

.badge-seguro:hover {
    box-shadow: var(--shadow-level-1);
    transform: translateY(1px);
}

/* textos accordion */
.escondido-text {
    white-space: pre-line;
    font-size: 15px;
    color: #6b6b6b;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    padding: 10px 10px 0;
}

.escondido-text.plus {
    height: fit-content !important;
}

.assined-imv {
    margin-top: -20px;
    padding: 10px 10px 0;
}

.text-more {
    width: fit-content;
    cursor: pointer;
    display: flex;
    padding: 5px 10px;
    align-items: center;
    width: 100%;
    gap: 7px;
}

.text-more.menor {
    display: none;
}

.text-more span,
.text-more i {
    color: #123768;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: bold;
}

.text-more i {
    font-size: 18px;
}

@media (max-width: 800px) {
    .assined-imv.maior {
        -webkit-line-clamp: 4;
    }
}

/* detalhes destaque */
.info-details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
}

.info-details div {
    font-size: 14px;
    color: #133769;
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: flex-start;
    background: #e9e9e9b8;
    border-radius: 30px;
}

.info-details i {
    font-size: 25px;
    color: #34537e;
    padding: 10px;
    background: #ffffff;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
}

/* cards e seus titulos */
.imv-card {
    background: white;
    border-radius: 10px;
    display: flex;
    padding: 20px;
    position: relative;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    flex-direction: column;
    gap: 10px;
}

.imv-flex {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 4px;
    width: 100%;
    flex-wrap: wrap;
}

.imv-flex h3 {
    font-weight: 800;
    color: #133769eb;
    height: fit-content;
    display: flex;
    align-items: center;
    border-radius: 5px;
    gap: 10px;
}

.imv-flex .btn-icon-md {
    position: absolute;
    right: 0;
    top: -10px;
}

.imv-flex h3.assinado {
    color: #060606eb;
}

.imv-flex h3 span {
    font-size: 14px;
}

.imv-flex h3 i {
    font-size: 16px;
}

/* card de detalhes */
    .details-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 0 10px;
}

.details-text li {
    margin-right: 15px;
    font-size: 15px;
    color: #6b6b6b;
}

.details-text li span,
.details-text li b {
    font-size: 15px;
}

/* card de assinados */
.assinado-container p {
    padding: 0px 10px 0;
    font-size: 15px;
    color: #454545;
}

/* card de descricao */
.info-desc .span {
    white-space: pre-line;
    font-size: 15px;
    color: #6b6b6b;
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    padding: 10px 10px 0;
}

.info-desc .row-btns {
    display: flex;
    margin: 0 0 10px 0;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/* card de caracteristicas */
.feature-itens {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 15px 10px;
}

.feature-itens.escondido-text {
    height: fit-content;
}

.feature-itens li {
    color: #6b6b6b;
    font-size: 15px;
}

.feature-itens li:before {
    display: inline-block;
    margin-right: 10px;
    top: -1px;
    position: relative;
    content: "✓";
    font-size: 13px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    background-color: #133769;
    padding: 2px 4px 1px;
    transition: border-color 0s;
    border-radius: 2px;
}

.dados-block {
    background: #254672;
}

.dados-block .details-text li {
    color: black;
}

.card-estatisticas-efeito {
    background: linear-gradient(135deg, #eef5ff, #ffffff);
    border: 1px solid #d0e4ff;
    box-shadow: 0 0 6px rgba(0, 123, 255, 0.1);
}

/* card de unidades */
.unity-top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 10px;
}

.unity-top div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.unity-top div span {
    margin-left: 5px;
    font-size: 17px;
    font-weight: 600;
}

.unity-img {
    display: flex;
    justify-content: center;
}

.unity-img img {
    object-fit: contain;
}

/* card do mapa e localizacao */
.imv-map h4 {
    font-weight: 600;
    color: #133769;
    font-size: 15px;
    margin: 7px 5px 15px;
}

.map-imovel {
    padding: 5px;
    background-color: #fff;
    background: url(https://www.dfimoveis.com.br/Content/images/bg-mapss.jpg) center center no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
}

.map-imovel button {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #133769;
    border: 1px solid #133769;
    flex-direction: column;
    padding: 20px;
    cursor: pointer;
}

.map-imovel button i {
    font-size: 50px;
    color: #133769;
}

.map-imovel button strong {
    font-size: 17px;
    color: #133769;
}

.maps-center {
    margin: 10px 0;
}

.map-container {
    margin-top: 10px;
    display: flex;
}

.map-container section.active {
    display: block;
}

.map-container section {
    display: none;
    width: 100%;
    animation: FadeOut .5s;
}

.map-content iframe,
.streetview iframe {
    height: 450px;
    width: 100%;
}

/* ASIDE - formulario esticado ao lado */
.sticky-side {
    height: fit-content;
    padding: 0;
    position: sticky;
    top: 75px;
}

.sticky-side .inside-container {
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    background: white;
    border-radius: 10px;
}

.sticky-side .line {
    width: 100%;
    height: 1px;
    margin: 3px 0;
    background-color: rgb(221 221 221 / 50%);
}

.sticky-side .input-md {
    height: 36px;
}

.action-btns .btn {
    min-width: 190px;
}

.text-aside-top {
    border-bottom: 1px solid rgb(221 221 221 / 50%);
}

/* dados do anunciante do imovel */
.anunci-img {
    max-width: 85px;
    max-height: 90px;
}

.aside-btns span {
    white-space: nowrap;
}

/* PHONE AND WHATSAPP ASIDE */
.anunci-wpp a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 10px 10px;
    background: #449d44;
    padding: 10px;
    font-size: 16px;
    color: white;
    font-weight: bold;
    gap: 5px;
}

a.link-cor {
    text-transform: uppercase;
    text-decoration: none;
    color: var(--color-neutral-darker);
}

a.link-cor:hover {
    color: #1274ca;
}

/* modais */
.modal span b {
    font-size: var(--font-size-xs);
    line-height: var(--line-height-md);
}

.scroll-modal {
    max-height: 50vh;
    overflow-y: auto;
}

.header-icon.destructive {
    background: var(--color-error-tinted, #FBE8E6);
    color: var(--color-error-pure, #D44333);
}

.header-icon.quaternary {
    background: var(--color-quaternary-tinted, #FFF4E0);
    color: var(--color-quaternary-pure, #FFA500);
}

.input-ran {
    width: 70px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    padding: 3px 5px 2px 10px;
}

.input-sufix input[type="range"] {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
}

.close-modal {
    position: absolute;
    right: 15px;
    top: 10px;
}

.imagem-parceiro {
    width: 100%;
    height: 100%;
    max-width: 150px;
    object-fit: contain;
    border-radius: 10px;

}

.unity-img .img-quantity {
    position: absolute;
    background: hsl(0deg 0% 0% / 33%);
    z-index: 1000;
    font-size: 14px;
    color: white;
    pointer-events: none;
    bottom: 0;
    padding: 0px 13px;
    border-radius: 2px;
}

/* loading de carregamento */
.loading-main {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-color: #6666669c;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    top: 0;
}

.loading {
    border: 12px solid #e5e5e5;
    border-top-color: #3F51B5;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    animation: is-rotating 1s infinite;
}

@media (max-width: 650px) {
    .loading-main {
        border-radius: 0px;
        min-width: 100%;
        min-height: 100%;
        position: fixed;
    }
}

@keyframes is-rotating {
    to {
        transform: rotate(1turn);
    }
}

/* Imóveis Similares */
.similares {
    padding: 1rem 0;
}

    .similares h5 {
        margin-bottom: .5rem;
    }

.similares-lista {
    position: relative;
    display: flex;
    align-items: center;
}

.item-similar {
    display: flex;
    color: #000000;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    text-align: center;
    overflow: hidden;
    margin: 10px;
    box-shadow: rgb(107 111 113 / 30%) 0px 1px 2px 0px, rgb(122 125 127 / 15%) 0px 2px 6px 2px;
    flex-direction: column;
    background: white;
    border-radius: 3px;
}

    .item-similar:hover {
        opacity: initial;
    }

    .item-similar .item-img {
        height: 200px;
        width: 100%;
        position: relative;
    }

    .item-similar .slide-img {
        height: 100%;
        width: 100%;
    }

        .item-similar .slide-img img {
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .item-similar .listing-badges {
        position: absolute;
        top: 0;
        z-index: 999;
        right: 0;
        width: 100%;
        display: flex;
        padding: 0px;
        overflow: hidden;
        height: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: #121B22;
        transition: opacity 0.5s ease;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
        color: white;
    }

    .item-similar:hover .listing-badges {
        opacity: .6;
        visibility: visible;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    .item-similar .listing-badges span {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: bold;
    }

.item-display {
    padding: 15px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .item-similar .item-data {
        display: flex;
        text-align: start;
        flex-direction: column;
    }

        .item-similar .item-data span,
        .item-similar .item-data .title-adress {
            font-weight: bold;
            color: #133769;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .item-similar .item-data span {
            color: #606060;
            font-size: 14px;
        }

    .item-similar .item-info {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 5px;
    }

    .item-similar .info-one {
        display: flex;
        align-items: center;
        gap: 5px;
    }

        .item-similar .info-one i {
            font-size: 18px;
            color: #6b6f71e0;
        }

        .item-similar .info-one span {
            font-size: 14px;
            color: #272727;
            font-weight: 500;
            display: -webkit-box;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        .item-similar .info-one .name {
            color: #888;
        }

    .item-similar .valu-cont {
        position: absolute;
        bottom: 10px;
        display: flex;
        left: 10px;
        transition: all .2s ease-in-out;
        box-sizing: border-box;
        align-items: center;
        justify-content: space-between;
    }

        .item-similar .valu-cont span {
            color: #fff;
            z-index: 1000;
            border-radius: 3px;
            font-size: 15px;
            letter-spacing: .5px;
            font-weight: 600;
            padding: 5px 14px;
            background: #133769;
        }


.customNavigation {
    position: absolute;
    margin: auto;
    display: flex;
    z-index: 10;
    align-items: center;
}

    .customNavigation.right {
        right: -10px;
    }

    .customNavigation.left {
        left: -10px;
    }

    .customNavigation a {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

    .customNavigation i {
        font-size: 37px;
        color: grey;
        cursor: pointer;
    }

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel {
    display: none;
    padding: 0 30px;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
            transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.top-web {
    top: -45px;
}

@media screen and (min-width: 1600px) {
    #fotosContainer .inner {
        height: 480px;
    }
    .action-btns .body-small {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-xxs);
        line-height: var(--line-height-sm);
    }
}

@media screen and (max-width: 1200px) {
    .section {
        grid-template-columns: 1fr .5fr;
    }
}

@media screen and (max-width: 1000px) {
    .section {
        grid-template-columns: 1fr;
    }
    .top-div {
        position: absolute;
        right: 0;
        padding: 70px 20px 30px 0;
        z-index: 100;
        width: fit-content !important;
    }
    .top-div i.ft-xs {
        font-size: 20px !important;
    }
    .top-div span {
        display: none !important;
    }
    .top-web {
        top: 0;
    }
    .top-mobile {
        margin-top: 50px;
    }
}

@media screen and (max-width: 700px) {
    .imovel-page {
        padding: 70px 10px 30px;
    }
    .top-div .body-medium {
        display: none;
    }
    .top-div.sticky {
        position: fixed;
        left: 0;
        top: 0;
        padding: 0 10px;
        background: white;
        width: 100% !important;
        height: 60px;
        align-items: center !important;
        box-shadow: rgb(0 0 0 / 12%) 0px 6px 16px;
        z-index: 1000;
    }
    .top-div .btn,
    .imovel-page .nav-tabs .btn {
        padding: 6px;
        line-height: var(--line-height-xs, 16px);
        font-size: var(--font-size-xxs, 14px);
    }
    .top-div.sticky .btn {
        background: var(--color-essence-ivory, #FFF);
        color: var(--color-secondary-pure, #163867);
        box-shadow: none;
    }
    .top-div .logo-sticky {
        display: none !important;
    }
    .top-div.sticky .logo-sticky {
        display: flex !important;
        max-width: 140px;
        position: relative;
    }
    #fotos-container .btn-icon-md {
        padding: var(--padding-quark, 4px);
        line-height: var(--line-height-xs, 16px);
        font-size: var(--font-size-xxs, 14px);
        height: 36px !important;
        width: 36px !important;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: var(--font-size-xxs, 14px) !important;
        color: #264775;
        font-weight: bolder;
    }
    .mobile-favoritar .body-medium {
        display: none !important;
    }
    .mobile-favoritar .ft-xs {
        font-size: var(--font-size-sm, 20px) !important;
    }
    .action-btns {
        gap: .6rem !important;
    }
    .info-section {
        gap: 1.4rem !important;
    }
    #fotosContainer .inner {
        height: 320px;
    }
    .imovel-info {
        gap: 1rem !important;
    }
    .imovel-title {
        flex-direction: column-reverse;
        gap: 1rem !important;
    }
    .imovel-title .headline-small {
        font-size: 18px;
    }
    .imovel-title .body-large {
        font-size: 15px;
        line-height: 20px;
    }
    .imovel-title .badges-immobile {
        width: 100%;
    }
    .info-details {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        padding: 0;
    }
    .info-details i {
        font-size: 20px;
    }
    .info-details div {
        padding-right: 5px;
    }
    .city .label-large {
        font-size: var(--font-size-xxxs, 12px);
    }
    .btn-banco-simule img {
        max-width: 20px;
    }
    .badge {
        padding: 4px 14px;
        font-size: 13px;
    }
    .badge i {
        font-size: 13px !important;
    }
    .item-price {
        gap: 6px 15px !important;
    }
    .item-price .headline-medium {
        font-size: 20px !important;
    }
    .item-price .body-large {
        font-size: 13px;
    }
/*    .item-price {
        flex-wrap: wrap;
        gap: 8px 15px !important;
        position: fixed;
        bottom: 70px;
        z-index: 1000;
        width: 100%;
        background: white;
        padding: 15px;
        left: 0;
        box-shadow: rgb(0 0 0 / 29%) 0px 0px 16px;
    }*/
    .btn-whatsapp {
        color: #fff;
        border-color: rgb(20, 179, 12);
        background-color: rgb(20, 179, 12);
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    }

        .btn-whatsapp:hover {
            color: #fff;
            border-color: rgb(20, 179, 12);
            background-color: rgb(20, 179, 12);
        }

    .aside-btns {
        position: fixed;
        bottom: 0;
        flex-wrap: nowrap;
        z-index: 1000;
        box-shadow: rgb(0 0 0 / 29%) 0px 0px 16px;
        background: white;
        width: 100%;
        margin-bottom: 0 !important;
        left: 0;
        padding: 10px 15px;
        justify-content: center;
        gap: 10px;
    }
    .aside-btns .btn-icon-md {
        height: 36px !important;
        width: 36px !important;
    }
    .imov-texts div {
        font-size: 13px;
        padding: 3px 10px;
    }
    .unity-img img {
        max-height: 330px;
    }
    .unity-img .img-quantity {
        font-size: 13px;
        width: fit-content;
        text-align: center;
    }
    .mobile-view {
        display: flex !important;
    }
    .web-view {
        display: none !important;
    }
    .w-50 {
        width: 100% !important;
    }
    .details-text {
        grid-template-columns: 1fr;
    }
    .feature-itens {
        grid-template-columns: 1fr;
        gap: 6px;
    }
    .map-imovel {
        height: 400px;
    }
    .content-simule {
        flex-direction: column;
    }
    .result-top h2 {
        margin-top: 15px;
        text-align: center;
    }
    .back-to-form {
        top: -47px;
    }
    .result-info {
        flex-direction: column;
    }
    .p-2 {
        padding: .3rem !important;
    }
}
@media screen and (max-width: 450px) {
    .item-price .btn-banco-simule {
        font-size: 12px;
        padding: 4px 11px;
    }
}
@media screen and (max-width: 350px) {
    .badge {
        padding: 3px 8px;
        font-size: 12px;
    }
}