/* Minification failed. Returning unminified contents.
(597,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(791,25): run-time error CSS1046: Expect comma, found '247'
(791,32): run-time error CSS1046: Expect comma, found ')'
(2298,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(2299,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(2309,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(2314,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(2324,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2325,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2326,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2330,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2331,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2336,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(2340,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(2346,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2346,54): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2347,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2348,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2349,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2350,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(2355,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2356,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker'
(2357,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(2363,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deepest'
(2364,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2368,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2369,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2374,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2375,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2376,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2376,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2380,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(2381,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2382,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2382,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2386,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2386,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2387,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(2391,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2392,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2398,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2403,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(2404,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2408,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light'
(2412,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2413,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2418,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2419,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2420,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2420,54): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2424,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-darker'
(2429,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deepest'
(2433,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2434,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2440,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2441,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2442,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2442,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2446,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(2447,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2448,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2448,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2452,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(2453,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2453,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2457,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2458,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2464,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2469,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(2470,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2474,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light'
(2478,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2479,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2484,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(2485,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2486,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2486,54): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(2490,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-darker'
(2491,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2495,28): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(2499,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2500,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2505,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2506,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(2507,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2507,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(2511,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted'
(2512,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(2513,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2513,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(2517,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale'
(2518,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2518,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(2522,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2523,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2529,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark'
(2534,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted'
(2535,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep'
(2539,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale'
(2543,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2544,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2549,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2550,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2551,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2551,54): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2555,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2555,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(2556,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(2560,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest'
(2564,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2565,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2571,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2572,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2573,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2573,58): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2577,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2578,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2578,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2579,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2583,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2583,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2584,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(2588,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2589,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2589,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2590,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2596,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2601,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2602,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2606,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(2610,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2611,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2651,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2652,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2653,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2653,54): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2657,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error-darker'
(2658,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2659,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2659,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2663,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deepest'
(2664,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2665,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2665,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2669,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2670,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2670,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(2671,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2677,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2678,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2679,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2679,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2683,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale'
(2684,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2685,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2685,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2689,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(2690,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2690,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2694,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2695,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2701,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2706,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale'
(2707,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2711,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light'
(2715,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2716,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2721,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(2721,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(2722,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(2723,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(2727,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(2727,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(2728,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2729,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(2733,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(2733,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(2734,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2735,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(2740,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(2741,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(2742,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(2746,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(2747,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(2748,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(2754,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(2755,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(2756,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(2762,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(2768,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(2771,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(2773,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(2785,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(2789,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted'
(2793,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(2797,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted'
(2810,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2810,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-soft'
(2814,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2814,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-dark'
(2818,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2818,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker'
(2822,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2822,64): run-time error CSS1039: Token not allowed after unary operator: '-color-enutral-tinted'
(2827,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2827,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(2831,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2831,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2835,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2835,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep'
(2839,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2839,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2844,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2844,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-soft'
(2848,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2848,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark'
(2852,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2852,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2856,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2856,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(2861,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2861,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(2865,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2865,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2869,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2869,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep'
(2873,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2873,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2878,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2878,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest'
(2882,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2882,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(2886,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2886,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2890,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2890,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(2895,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2895,64): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(2899,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2899,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2903,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2903,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(2907,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2907,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2912,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2912,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-soft'
(2916,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2916,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-dark'
(2920,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2920,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2924,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2924,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(2929,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2929,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(2933,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2933,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2937,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2937,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep'
(2941,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(2941,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(2970,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(2971,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(2972,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(2973,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none'
(2973,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(2974,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(2975,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(2986,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(3001,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(3009,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(3010,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(3011,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3018,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3018,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3022,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3022,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3026,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3030,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3034,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(3038,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(3039,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(3043,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3044,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(3049,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs'
(3060,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(3061,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(3062,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3062,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3063,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small'
(3066,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(3067,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(3071,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft'
(3072,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft'
(3079,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft'
(3080,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(3082,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(3083,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3083,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(3088,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3089,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3094,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3094,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(3095,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(3096,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(3100,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3100,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(3101,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3102,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(3106,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3106,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3107,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3108,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(3112,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark'
(3113,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill'
(3114,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(3115,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(3129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3145,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3146,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano'
(3147,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(3148,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(3149,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(3150,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3359,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3360,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl'
(3361,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-huge'
(3365,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3366,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl'
(3367,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxl'
(3371,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3372,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(3373,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xl'
(3378,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3379,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg'
(3380,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(3384,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3385,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md'
(3386,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg'
(3390,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3391,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(3392,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(3397,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3398,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(3399,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg'
(3403,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3404,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(3405,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(3409,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3410,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3411,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(3416,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3417,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(3418,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md'
(3422,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3423,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3424,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(3428,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3429,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs'
(3430,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm'
(3435,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3436,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3437,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(3441,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3442,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs'
(3443,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs'
(3447,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3448,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-hadron'
(3449,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxs'
(3455,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3460,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(3461,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3461,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light'
(3462,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3466,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none'
(3484,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano'
(3487,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md'
(3488,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(3492,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3492,58): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure'
(3493,22): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted'
(3494,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1'
(3495,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep'
(3501,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure'
(3505,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(3509,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular'
(3513,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs'
(3517,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs'
(3521,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm'
(3525,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md'
(3545,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3549,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3564,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl'
(3592,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3596,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(3597,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3598,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3599,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(3600,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(3604,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano'
(3605,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3606,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
(3607,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(3608,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(3612,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale'
(3613,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted'
(3617,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale'
(3618,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted'
(3626,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(3630,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5'
(3635,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3635,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3641,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure'
(3645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure'
(3647,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(3648,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted'
(3653,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(3655,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(3660,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep'
(3664,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker'
(3668,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark'
(3672,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure'
(3676,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal'
(3680,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure'
(3684,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure'
(3688,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure'
(3692,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3696,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure'
(3727,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md'
(3735,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs'
(3737,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs'
(3739,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(3740,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3740,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3741,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3746,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs'
(3747,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3748,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory'
(3751,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3'
(3755,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3757,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3763,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron'
(3763,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark'
(3766,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark'
(3767,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark'
(3768,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline'
(3768,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale'
(3769,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted'
 */
br {
    display: none;
}

.btn {
    gap: 5px;
}

/* SECTION BODY */
.section {
    display: grid;
    grid-template-columns: .7fr 2fr .4fr;
    padding: 10px 0;
    padding-top: 73px;
    justify-items: center;
}

.no-has-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 50px 0;
    text-align: center;
}

    .no-has-content .no-text h4 {
        margin: 7px 0;
        font-weight: bold;
    }

    .no-has-content .no-text p,
    .no-has-content .no-alert p {
        font-size: 14px;
    }

    .no-has-content .no-filter ul {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin: 10px 0;
    }

    .no-has-content .no-filter li a {
        background: rgb(224, 223, 223);
        padding: 1px 10px;
        color: black;
        gap: 6px;
        display: flex;
        align-items: center;
    }

        .no-has-content .no-filter li a,
        .no-has-content .no-filter li a span {
            font-size: 13px;
        }

    .no-has-content .no-alert {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .no-has-content .no-alert a {
            padding: 4px 20px;
            text-transform: uppercase;
            width: fit-content;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 5px 0;
        }

    .no-has-content .no-img {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 40px 0 0 0;
        position: relative;
    }

        .no-has-content .no-img img {
            width: 40%;
        }

        .no-has-content .no-img .angel-alert {
            max-width: 150px;
            position: absolute;
            right: 150px;
            top: -35px;
            height: fit-content;
        }

/* LEFT SIDE - FILTERS */
.item-left {
    min-width: 374px;
}

    .item-left .item-div {
        padding: 10px;
        box-shadow: 0px 1px 5px #00000033;
        background-color: white;
        margin-bottom: 8px;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
    }

.remove-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 10px 0;
}

    .remove-filter .filter-card__button-remover {
        text-transform: uppercase;
        color: red;
        cursor: pointer;
    }

.item-div .item-top {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

    .item-div .item-top i,
    .input-search i {
        cursor: pointer;
        font-size: 15px;
        color: grey;
    }

.search-icon {
    display: flex;
    gap: 8px;
    font-size: 13px;
    align-items: center;
    background: #f3f3f3;
    cursor: pointer;
    padding: 5px 9px;
    border-radius: 7px;
    color: #6f6f6f;
    font-weight: bold;
}

.input-search {
    position: relative;
    display: flex;
}

    .input-search i {
        position: absolute;
        right: 10px;
        top: 6px;
        font-size: 15px;
    }

.item-input {
    height: 0;
    margin-bottom: 0;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    color: #133769;
    width: 100%;
    opacity: 0;
    padding: 0 30px 0 12px;
    transform: translateY(-10px);
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s, height 0.3s ease, margin-bottom 0.3s ease, padding 0.3s ease;
}

    .item-input.active {
        height: 2.5rem;
        margin: 0px 0 15px;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
        transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0s, height 0.3s ease, margin-bottom 0.3s ease, padding 0.3s ease;
    }

.item-div .item-title {
    font-weight: 700;
    font-size: 16px;
    color: rgb(102, 102, 102);
    display: block;
    padding: 3px 0 10px 0;
}

.search form {
    display: flex;
    flex-direction: column;
}

.search .input {
    height: 2.5rem;
    margin-bottom: 4px;
    padding: 0px 12px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    color: #133769;
    width: 100%;
}

.input-div .select2 {
    width: 100% !important;
    margin-bottom: 5px;
    padding: 0px 10px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    color: #133769;
    width: 100%;
}

.select2-container .select2-selection,
.select2-container .select2-selection--default {
    border: 0;
    width: 100%;
}

.text-imv .select2-dropdown.select2-dropdown--below {
    width: 100px !important;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: fit-content;
    overflow-y: inherit;
}

.search .input:focus {
    outline: none;
    border: 1px solid #13376979;
}

.search .inputs-middle {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
}

    .search .inputs-middle .cb-quartos,
    .search .inputs-middle .cb-input {
        width: 100%;
    }

    .search .inputs-middle .select2 {
        margin-bottom: 5px;
        padding: 0px 10px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
        color: #133769;
        width: 100% !important;
        overflow: hidden;
    }

.search .filter-checkbox {
    display: flex;
    font-size: 12px;
    align-items: center;
}

.search .check-div {
    display: flex;
    justify-content: space-between;
    padding: 5px 5px;
}

    .search .filter-checkbox input {
        margin-right: 8px;
        width: 14px;
        height: 14px;
    }

    .search .filter-checkbox.exibirNoSalaoDiv {
        color: #e01c10;
        font-weight: 800;
        letter-spacing: 0px;
    }

.search .aceitaPermuta1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.search .filter-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

    .search .filter-btns button {
        text-transform: uppercase;
        padding: 7px 8px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: baseline;
    }

        .search .filter-btns button i {
            font-size: 11px;
        }

.filters .headerfilter {
    display: none;
}

.item-div .overflow {
    max-height: 212px;
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 10px;
}

.filters .valores {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 2px;
    align-items: center;
}

    .filters .valores span {
        font-size: 12px;
    }

.filters .item-btn {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

    .filters .item-btn button {
        text-transform: uppercase;
        padding: 5px 35px;
    }

.values .inputs {
    display: flex;
    align-items: center;
}

.values .input {
    padding: 7px 12px;
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    color: #133769;
    width: 100%;
}

.values .value-line {
    width: 30px;
    margin: 0 10px;
    height: 2px;
    background: rgb(153, 153, 153);
}

.search .filter-btns .border-btn {
    background-color: #133769;
    color: white !important;
    max-width: 200px;
    margin-top: 5px;
}

/* CENTER SIDE */
.item-center {
    padding: 0 0 0 20px;
}

    .item-center #slider-container {
        margin-bottom: 10px;
        height: 243px;
    }

#slider-container .carousel-indicators {
    position: relative;
    transition: all .2s;
    margin-bottom: 0;
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
    display: flex;
}

.carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.carousel-item {
    justify-content: center;
    width: 100%;
}

.carousel-inner {
    width: 876px;
    height: 230px;
}

.text-imv {
    margin-bottom: 8px;
    padding: 10px 15px 10px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h-center .center-text {
    font-weight: 600;
    font-size: 15px;
    color: #133769;
    max-width: 400px;
}

.h-center.h-two {
    padding: 10px 11px;
}

.text-imv .center-selects {
    display: flex;
    transition: .5s ease;
    flex-wrap: wrap;
    background: #fcfcfc;
    gap: 10px;
    justify-content: flex-end;
}

    .text-imv .center-selects button,
    .text-imv .center-selects .map {
        text-transform: uppercase;
        margin-left: 10px;
        padding: 0 18px;
        height: 30px;
    }

        .text-imv .center-selects button.order {
            text-transform: uppercase;
            padding: 0;
            height: 30px;
        }

    .text-imv .center-selects .select-btn svg {
        margin-right: 3px;
        font-size: 10px;
    }

    .text-imv .center-selects button span {
        font-size: 11px;
    }

.text-imv button .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #133769;
}

.text-imv button:hover .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white;
    background-color: #133769;
    transition: .3s ease-in-out;
}

.text-imv .select2 {
    margin-bottom: 0px;
    padding: 0px 5px;
    border-radius: 10px;
    border: none;
    color: #133769;
}

i.fa-heart.logged.fa-solid {
    color: #eb3535;
}

.logo-test {
    display: none;
}

/* MAIN CARD */
.new-card {
    display: grid;
    grid-template-columns: .8fr 1.5fr;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #d1d1d144;
    box-shadow: 0px 1px 5px #85858533;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    color: rgb(27, 27, 27);
}

    .new-card.newone {
        background: #ebebeb;
    }

a.new-card:hover {
    color: #000;
}

.new-card:active {
    background: rgba(black, 0.9);
    transform: translateY(2px);
    transition-duration: 0s;
}

.new-card .new-img,
.new-card .new-pic,
.new-card .new-img picture img {
    height: 185px;
    width: 100%;
}

.new-card .new-img {
    position: relative;
}

    .new-card .new-img picture img {
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

.new-card .new-texts {
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    left: 0;
}

.new-texts.feirao {
    top: 0;
    bottom: auto;
    background: white;
    padding: 2px 5px 5px;
    border-radius: 8px 0;
}

.feirao img {
    max-width: 70px;
}

.new-card .new-texts.launch {
    width: 60%;
}

.new-card .new-texts.fase {
    top: 0;
    bottom: auto;
}

.new-texts.fase .new-imv {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
}

.new-texts div {
    font-weight: 600;
    border-bottom-left-radius: 10px;
    padding: 3px 10px 2px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 10px;
    white-space: nowrap;
}

.new-texts .new-imv {
    background: #111111bf;
    border: none;
    color: #ffffff;
    padding: 4px 10px 3px;
    border-top-right-radius: 10px;
}

.new-texts .super-enphasis {
    background: #e0dede;
    border: 1px solid #133769;
    color: #133769;
}

.new-texts .imovel-assinado {
    background-color: black;
    border: 1px solid black;
    color: white;
    border-top-left-radius: 0;
    border-bottom-left-radius: 10px;
    align-items: center;
    font-family: var(--bs-body-font-family);
    gap: 5px;
}

.imovel-assinado span {
    font-size: 9px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.new-texts.assinado-together {
    border: solid 1px white;
    border-radius: 18px;
    padding: 3px 7px;
    cursor: default !important;
    color: white;
    background: #232323;
    right: 10px;
    left: auto;
    bottom: 10px;
}

    .new-texts.assinado-together i {
        font-size: 13px;
    }

.new-texts .imovel-assinado i {
    font-size: 9px;
}

.new-texts .secure-imv {
    background: #e0dede;
    border: 1px solid #2ea44f;
    color: #133769;
}

.new-img .new-icons {
    position: absolute;
    right: 10px;
    top: 10px;
    display: flex;
    z-index: 1;
}

.new-icon {
    position: absolute;
    right: 14px;
    top: 12px;
}

    .new-icon i {
        font-size: 18px;
        color: #b3b3b3;
    }

.new-icons div {
    font-size: 13px;
    margin-left: 10px;
    padding: 6px 7px;
    background: rgba(228, 228, 228, 0.852);
    border-radius: 50%;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    z-index: 10;
    max-width: 30px;
    max-height: 29px;
}

    .new-icons div .web-svg,
    .new-icons div img {
        color: #133769;
        opacity: .84;
        width: 100%;
        height: 100%;
    }

    .new-icons div .mobile-svg {
        display: none;
    }

    .new-icons div .web-svg {
        width: 100%;
        height: 80%;
    }

.new-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 15px;
    height: 100%;
}

    .new-info .phrase {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .new-info .new-header {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .new-info .new-head {
        display: flex;
        flex-direction: column;
        gap: 2px;
        margin-bottom: 2px;
    }

    .new-info .new-title,
    .new-info .new-title span,
    .new-info .new-subtitle {
        font-size: 15px;
        font-weight: 600;
        color: #072d62;
    }

    .new-info .new-simple {
        opacity: .8;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 12px;
    }

    .new-info .new-desc {
        display: none;
        font-size: 10px;
    }

    .new-info .new-text {
        margin: 2px 0;
        font-size: 13px;
    }

    .new-info .new-price-detail {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 5px 0 0;
    }

    .new-info .new-price {
        display: flex;
        gap: 5px;
        align-items: baseline;
    }

        .new-info .new-price h4,
        .new-info .new-price h5 {
            font-size: 14px;
            margin: 0;
        }

            .new-info .new-price h4 span {
                color: #072d62;
                font-weight: 600;
                font-size: 16px;
            }

            .new-info .new-price h5 span {
                color: #072d62;
                font-weight: 600;
                font-size: 16px;
            }

    .new-info .new.line {
        height: 100%;
        width: 2px;
        margin: 0 10px;
    }

    .new-info .new-details-ul {
        white-space: nowrap;
        display: flex;
        gap: 6px;
    }

.new-card .new-info .new-details-ul li {
    background: rgb(233, 233, 233);
    padding: 2px 9px 1px;
    border-radius: 10px;
}

.new-card.newone .new-info .new-details-ul li {
    background: rgb(247 247 247);
}

.new-card .new-info .new-anounce {
    display: flex;
    align-items: center;
    gap: 30px;
}

    .new-card .new-info .new-anounce .creci span {
        color: rgb(169, 17, 17);
        font-weight: bold;
    }

.new-card .new-info .new-anunciante {
    display: flex;
    align-items: center;
    gap: 10px;
    max-height: 50px;
    overflow: hidden;
}

    .new-card .new-info .new-anunciante picture {
        width: 58px;
    }

.new-salao {
    position: absolute;
    left: 0;
    top: 0;
    width: fit-content;
}

    .new-salao img {
        width: 95px;
    }

/* PAGINATION */
.paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
}

.pagination {
    gap: 9px;
    display: flex;
    padding-left: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .pagination .btn {
        background: #efefef;
    }

    .pagination a {
        font-family: "Open Sans", sans-serif;
        background: #ccc;
        padding: 6px 12px;
        margin: 0px 5px;
        text-decoration: none;
        color: #000;
        font-weight: 600;
        position: relative;
        border-radius: 20px;
        transition: 0.3s;
        display: flex;
        align-items: center;
    }

        .pagination a:hover {
            background: #085496 !important;
            color: #fff;
            transition-duration: 0.3s;
        }

    .pagination .active {
        background: #133769;
        color: #fff;
        transition-duration: 0.3s;
    }

/* FULL SEARCH */
.full-search {
    display: flex;
    gap: 25px;
    margin-top: 50px;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .full-search .full {
        display: flex;
        flex-direction: column;
        width: 260px;
    }

    .full-search:before,
    .full-search:after {
        content: '';
        display: flex;
        justify-content: center;
        width: 100%;
        height: 2px;
        background: #ededed;
        margin: 0 10px;
    }

.full a {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 3px;
}

.full h3 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0.5rem;
    color: #7b7b7b;
}

/* BREADCRUMB */
.breadcontent {
    padding: 0 10px;
}

.breadcrumb {
    width: 100%;
    display: flex;
    align-items: center;
    transition: .5s ease;
    border-radius: 4px;
    padding: 0.8rem;
    text-transform: uppercase;
    border: 0;
    background: #ededed82;
    box-shadow: 0 1px 3px #32325d26, 0 1px 0 #00000005;
    margin-top: 1rem;
    justify-content: center;
}

.breadcrumb-item + ::before {
    display: inline-block;
    padding: 0 0.5rem;
    content: "/";
}

.breadcrumb-link span {
    font-size: 12px;
    font-weight: 600;
}

/* RIGHT SIDE - BANNER */
.item-right {
    display: flex;
    justify-content: center;
}

    .item-right .banner {
        display: flex;
        position: fixed;
        justify-content: center;
        width: 10vw;
    }

    .item-right picture img {
        height: 100%;
        width: 100%;
    }

/* MODAL */
.modal {
    height: 100vh;
    width: 100%;
    background: #00000080;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: none;
    justify-content: center;
    align-items: center;
}

    .modal.ativo {
        display: flex;
    }

.modal-in {
    background: #ffffff;
    min-width: 300px;
    box-shadow: 0px 3px 4px 1px #3c3838;
    position: relative;
    font-family: Helvetica, Arial;
    color: #085496;
}

.headermodal,
.headerfilter {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.411);
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(244, 244, 244);
}

.headerfill {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headertext {
    color: grey;
    font-size: 15px;
    font-weight: bold;
}

.headerbtn span {
    color: grey;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.contentmodal {
    display: flex;
    padding: 20px 40px 40px;
    gap: 40px;
    background: white;
}

.form-up,
.form-up div {
    margin-bottom: 10px;
}

    .form-up .code {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 10px;
    }

        .form-up .code button {
            padding: 6px 20px;
        }

        .form-up .code input {
            width: 70%;
            padding: 7px 12px;
            border-radius: 10px;
            border: 1px solid #d9d9d9;
        }

    .form-up input,
    .form-up select {
        width: 100%;
        padding: 7px 12px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
    }

.form-down .checkboxs {
    display: flex;
    gap: 12px;
}

.checkboxs .item {
    width: 100%;
}

    .checkboxs .item select {
        width: 100%;
        padding: 7px 12px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
    }

        .checkboxs .item select:checked,
        .checkboxs .item select::after,
        .checkboxs .item select:focus {
            border: 1px solid #8f8f8f;
            outline: none;
        }

.modal-text label {
    display: flex;
    gap: 5px;
    color: #6e6e6e;
    font-size: 14px;
}

.modal-text input[type="checkbox"] {
    margin-right: 4px;
    transform: scale(1.2);
    background: grey;
}

.modal-text .label-title {
    color: rgb(0, 0, 0);
    margin: 0px 5px 4px;
    font-size: 14px;
    opacity: .9;
}

.form-down .form-room {
    margin-bottom: 15px;
}

.checkside {
    margin-bottom: 0px;
}

.checkitem {
    margin: 3px 0;
}

    .checkitem label {
        font-size: 14px;
    }

.area {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

    .area .label-title {
        margin: 10px 5px 4px;
    }

    .area input {
        width: 100%;
        padding: 7px 12px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
    }

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

.checkdetal {
    margin: 2px 0;
}

    .checkdetal label {
        font-size: 14px;
    }

.checkside,
.detaldiv {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.endbutton {
    display: flex;
    margin-top: 10px;
    align-items: center;
    gap: 10px;
}

    .endbutton div {
        width: 100%;
    }

    .endbutton input {
        width: 100%;
        padding: 7px 12px;
        border-radius: 10px;
        border: 1px solid #d9d9d9;
    }

    .endbutton button,
    .endbutton .buscar span {
        width: 100%;
        justify-content: center;
        text-transform: uppercase;
    }

/* MOBILE BANNER */
.mobile-banner {
    display: none;
}

.center-alert {
    display: flex;
    align-items: center;
    margin: 20px 5px;
    justify-content: center;
}

/*.alert-div {
    display: flex;
    background: #00833d;
    color: white;
    width: 100%;
    border: 1px solid #00833d;
    align-items: center;
    border-radius: 5px;
    transition: .3s ease;
}

    .alert-div i.fa-solid.fa-bell {
        font-size: 16px;
        background: #fff;
        color: #00833d;
        margin-right: 7px;
        border-radius: 5px 0 0 5px;
        padding: 20px 16px;
    }
*/
.alert-content {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 5px 4px;
}

.alerts-text {
    text-transform: uppercase;
}

    .alerts-text p {
        font-size: 15px;
        font-weight: 700;
        color: #fff;
    }

    .alerts-text span {
        word-spacing: 1px;
        font-size: 10px;
        color: #e5e5e5;
    }

.alert-content i.fa-solid.fa-arrow-right {
    padding-bottom: 3px;
    padding-right: 5px;
    color: #fff;
    transform: rotate(45deg);
    font-size: 16px;
}

.alert-div:hover {
    transform: translateY(-2px);
}

/* FAQ */
section#faq,
.desc-section {
    padding: 30px 0 20px;
}

.faq-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1.5rem;
    color: #7b7b7b;
}

.faq-item h3 {
    cursor: pointer;
    padding: 10px;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s;
}

    .faq-item h3.active {
        background-color: #ccc;
    }

.faq-item p {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    display: none; /* Default para escondido */
}

details {
    margin: 10px 0;
    border-radius: 4px;
    background: #c6d6e51f;
    border: 1px solid #00305b38;
    overflow: hidden;
    transition: all 0.2s linear;
}

    details summary {
        display: flex;
        min-height: 50px;
        padding: 0 15px;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
        transition: background-color 0.2s linear;
        background: transparent;
    }

    details[open] summary {
        background-color: #2f9bff14;
    }

summary .title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

details[open] summary .title {
    font-weight: 700;
}

summary i {
    font-size: 15px;
    color: #333;
    transition: transform 0.3s;
}

details[open] summary i {
    transform: rotate(45deg);
}

.accordion-content .description {
    font-size: 14px;
    color: #333;
    font-weight: 400;
    padding: 10px 15px;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

details[open] .description {
    max-height: 500px; /* Ajuste conforme o conte�do */
    opacity: 1;
    animation: fadeInOpacity 0.3s ease;
}

.desc-section h3 {
    margin: 20px 0 10px;
    font-size: 17px;
    font-weight: bold;
    color: #636363;
}

.desc-text {
    font-size: 14px;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* MEDIAS */
@media (min-width: 1260px) {
    .new-card .new-img, .new-card .new-pic, .new-card .new-img picture img {
        height: 200px;
        width: 100%;
    }
}

@media (max-width: 1480px) {
    .item-left {
        min-width: 360px;
    }
}

@media (max-width: 1450px) {
    .item-left {
        min-width: 330px;
    }

    .item-center {
        padding: 0;
    }

    .section {
        display: grid;
        grid-template-columns: .7fr 2fr 1fr;
    }

    .carousel-inner {
        width: 876px;
    }
}

@media (max-width: 1400px) {
    .new-card .new-img,
    .new-card .new-pic,
    .new-card .new-img picture img {
        height: 180px;
        width: 100%;
    }

    .new-info .new-price span {
        white-space: nowrap;
    }

    .new-card .new-info .new-details-ul li {
        padding: 2px 8px 1px;
    }

    .new-details-ul li span {
        font-size: 11px;
    }

    .item-left {
        min-width: 300px;
    }
}

@media (max-width: 1360px) {
    .carousel-item iframe {
        width: 100%;
    }

    .carousel-item div {
        width: 100%;
    }

    .carousel-inner {
        width: 850px;
    }

    .item-left {
        min-width: 250px;
    }

    .section {
        grid-template-columns: .7fr 2fr .4fr;
    }

    .search .inputs-middle .cb-quartos, .search .inputs-middle .cb-input {
        width: 50%;
    }

    .search .filter-checkbox input {
        margin-right: 2px;
    }
}

@media (max-width: 1340px) {
    .alerts-text p {
        font-size: 14px;
    }

    .alerts-text span {
        font-size: 9px;
    }

    .alert-content i.fa-solid.fa-arrow-right {
        font-size: 14px;
    }

    .alert-div i.fa-solid.fa-bell {
        font-size: 15px;
        padding: 19px 12px;
    }
}

@media (max-width: 1280px) {
    .alert-div i.fa-solid.fa-bell {
        margin-right: 0px;
    }

    .alert-content i.fa-solid.fa-arrow-right {
        padding-right: 0;
    }
}

@media (max-width: 1260px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1300px;
    }

    .alert-div i.fa-solid.fa-bell {
        margin-right: 7px;
    }

    .alert-content i.fa-solid.fa-arrow-right {
        padding-right: 5px;
    }

    .search .filter-checkbox input {
        margin-right: 8px;
    }

    .section {
        grid-template-columns: .7fr 2fr;
    }

    .item-left {
        min-width: 323px;
    }

    .item-right {
        display: none !important;
    }

    .item-center {
        padding: 0px 10px 0px 1px;
    }

    .carousel-inner {
        width: 876px;
    }

    .new-card {
        grid-template-columns: .9fr 1.5fr;
    }

        .new-card .new-info .new-text {
            margin: 3px 0;
            font-size: 12px;
        }

        .new-card .new-info {
            column-gap: 0px;
            grid-template-columns: 1fr .1fr;
        }

        .new-card .new-img,
        .new-card .new-pic,
        .new-card .new-img picture img {
            height: 170px;
            width: 100%;
        }

        .new-card .new-info .new-details-ul li {
            padding: 2px 5px 1px;
        }

    .new-info .new-details-ul span {
        font-size: 10px;
    }

    .new-card .new-info .new-price h4 {
        font-size: 14px;
    }

    .new-card .new-info .new-title,
    .new-card .new-info .new-title span,
    .new-card .new-info .new-subtitle {
        font-size: 14px;
    }

        .new-card .new-info .new-title span {
            font-size: 14px;
            font-weight: 600;
        }

    .new-card .new-info .new-simple {
        font-size: 11px;
        margin: 3px 0;
    }
}

@media (max-width: 1220px) {
    .carousel-inner {
        width: 850px;
    }
}

@media (max-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1200px;
    }

    .item-left {
        min-width: 310px;
    }

    .full-search {
        justify-content: space-around;
    }

    .search .filter-btns button {
        margin-bottom: 10px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0px;
    }

    .search .filter-btns button i {
        position: relative;
        top: -1px;
    }

    .center-selects .btn span {
        font-size: 11px;
    }
}

@media (max-width: 1185px) {
    .carousel-inner {
        width: 840px;
    }
}

@media (max-width: 1150px) {
    .carousel-inner {
        width: 100%;
    }

    .section {
        grid-template-columns: .6fr 2fr;
    }

    .item-left {
        min-width: 280px;
    }
}

@media (max-width: 1080px) {
    body {
        overflow-x: hidden;
    }

    .new-salao img {
        width: 80px;
    }

    .filters {
        display: none;
    }

    .search .filter-btns {
        flex-wrap: nowrap;
        gap: 20px;
    }

    .item-left .item-div {
        padding: 0;
        box-shadow: 0 0;
    }

    .search .aceitaPermuta1 {
        display: flex;
        gap: 22px;
        flex-wrap: nowrap;
    }

    .search .filter-checkbox {
        display: flex;
        font-size: 12px;
    }
    .search .filter-btns button span,
    .search .filter-btns button i {
        font-size: 11px;
    }

    .select2 {
        margin-bottom: 6px;
        padding: 0px 10px;
        border-radius: 5px;
    }

    .text-imv {
        margin: 13px 0;
    }

        .text-imv .center-selects.sticky .logo-test {
            display: block;
        }

            .text-imv .center-selects.sticky .logo-test img {
                height: 30px;
                width: 76px;
            }

        .text-imv .center-selects.sticky .alert-div {
            display: none;
        }

        .text-imv .center-selects button span,
        .text-imv .center-selects button i,
        .text-imv .center-selects select {
            font-size: 10px;
        }

    .search .input {
        margin-bottom: 6px;
        padding: 3px 19px;
        border-radius: 10px;
    }

    .item-left .search {
        padding: 0px;
        border: none;
        border-radius: 5px;
        margin-bottom: 6px;
    }

    .item-left .filters .item-div {
        padding: 10px;
        border: 1px solid #c9c9c990;
        border-radius: 0;
    }

    .no-has-content .no-img img {
        width: 70%;
    }

    .no-has-content .no-img .angel-alert {
        max-width: 180px;
        position: absolute;
        right: 8px;
        top: 0px;
    }

    .search .filter-btns button {
        margin-bottom: 0px;
    }

    .section {
        display: block;
    }

    .item-center #slider-container,
    .item-right {
        display: none !important;
    }

    .text-imv .h-center {
        padding: 0 10px;
        margin: 10px 0;
    }

    .filters .headerfilter,
    .filters .headerfilter .headertext,
    .filters .headerfilter a {
        display: flex;
    }

    .filters.ativo {
        display: block !important;
        position: absolute;
        width: 100%;
        z-index: 100000;
        top: 0;
        left: 0;
        background: #fff;
    }

    .text-imv .center-selects.sticky {
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px 13px;
        z-index: 1002;
        width: 100%;
        flex-wrap: nowrap;
        display: flex;
        border-bottom: 1px solid #cbcbcb;
        justify-content: space-between;
    }

    .text-imv .select-btn {
        display: block;
    }
    .item-div .overflow {
        max-height: 121px;
    }
    .search .check-div {
        padding: 5px 5px 8px;
    }
}

@media (max-width: 800px) {
    .text-imv {
        padding: 0;
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
        align-items: flex-start;
    }

        .text-imv .center-text {
            margin-bottom: 7px;
        }

        .text-imv .center-selects {
            width: 100%;
            padding: 0 10px;
            gap: 20px;
            justify-content: space-between;
        }

            .text-imv .center-selects .select-btn {
                justify-content: center;
                margin: 0;
                padding: 4px 15px;
            }

            .text-imv .center-selects button.order {
                margin-left: 0;
                padding: 4px 0px;
            }

    section#faq, .desc-section {
        padding: 30px 15px 20px;
    }

    .accordion-content header {
        gap: 10px;
        padding: 5px 15px;
    }

    .text-imv .center-selects .select-btn {
        display: flex !important;
        align-items: center;
    }

    .alert-div,
    .alert-div a {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .alert-div a {
        justify-content: start;
        gap: 5px;
        text-decoration: underline;
    }

        .alert-div i {
            font-size: 12px;
            line-height: normal;
        }

    .mobile-banner.desactive {
        transition: all 1s;
        opacity: 0;
        visibility: hidden;
    }

    .mobile-banner {
        position: fixed;
        bottom: 0;
        padding: 5px;
        background: #e6e6e6;
        z-index: 900;
        width: 100%;
        display: flex;
        justify-content: center;
        height: 60px;
        align-items: center;
    }

        .mobile-banner .mobile-img img {
            width: 100%;
            height: 100%;
        }

        .mobile-banner span {
            position: absolute;
            top: -20px;
            background: #e2e2e2;
            right: 0;
            cursor: pointer;
            font-weight: 600;
            padding: 2px 8px;
            border-top-left-radius: 13px;
        }

    .new-texts div,
    .imovel-assinado span {
        font-size: 8px;
    }
    .filters .valores span {
        zoom: 0.875;
        font-size: 16px;
    }
    .values .input {
        font-size: 15px;
    }
    .item-input.active {
        height: 3rem;
        font-size: 14px;
    }
    .input-search i {
        top: 9px;
    }
}

@media (max-width: 768px) {
    .new-salao img {
        width: 72px;
    }

    .container,
    .container-md,
    .container-sm {
        max-width: 900px;
    }

    .new-info .new-details-ul .m-area {
        display: none;
    }

    .new-card .new-info .new-price h4 {
        font-size: 13px;
    }
}

@media (max-width: 650px) {

    h6 {
        line-height: 1;
    }

    .filter-btns .btn span {
        font-size: 12px;
    }

    .item-center {
        padding: 0;
    }



    .new-icons div .mobile-svg {
        display: block;
        margin-right: -2px;
        color: #133769;
        opacity: .84;
    }

    .new-icons div .web-svg {
        display: none;
    }

    .new-card {
        grid-template-columns: .7fr 1fr;
        border-radius: 0px;
        margin-bottom: 5px;
    }

        .new-card .new-info .new-anunciante picture {
            width: 30%;
        }

        .new-card .new-img,
        .new-card .new-pic,
        .new-card .new-img picture img {
            height: 140px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px;
        }

    .new-info .new-head {
        gap: 0;
    }

    .new-texts.fase .new-imv {
        border-top-left-radius: 0px;
    }

    .new-card .new-texts {
        bottom: 0;
        margin: 0;
        position: absolute;
        left: 0;
        top: auto;
    }

    .new-texts.assinado-together {
        right: auto;
        left: 5px;
        bottom: 17px;
        padding: 1px 5px;
    }

        .new-texts.assinado-together i {
            font-size: 10px;
        }

    .new-card .new-info {
        padding: 7px 9px;
    }

        .new-card .new-info .new-price h4 span {
            font-size: 14px;
        }

        .new-card .new-info .new-title,
        .new-card .new-info .new-title span,
        .new-card .new-info .new-subtitle,
        .new-card .new-info .new-price h4 {
            font-size: 12px;
        }

        .new-card .new-info .new-price span {
            font-weight: bold;
        }

        .new-card .new-info .new-simple {
            font-size: 10px;
            overflow: hidden;
        }

        .new-card .new-info .new-desc {
            display: -webkit-box;
            font-size: 11px;
        }

        .new-card .new-info .new-details-ul {
            margin-bottom: 2px;
            justify-content: space-between;
        }

    .new-info .new-price-detail {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin: 2px 0 0;
        flex-direction: column-reverse;
    }

    .new-card .new-info .new-details-ul li {
        background: none;
        padding: 0;
        border-radius: 0;
        margin-right: 10px;
        font-size: 5px;
    }

    .new-texts div {
        padding: 0 5px;
        font-size: 7px;
        margin-bottom: 0px;
        border-radius: 0px;
        background: white;
    }

    .imovel-assinado span {
        font-size: 7px;
        max-width: 105px;
    }

    .new-texts .imovel-assinado i {
        font-size: 8px;
    }

    .new-texts .secure-imv,
    /*.new-texts .new-imv,*/
    .new-texts .super-enphasis {
        background: white;
    }


    .new-card .new-info .new-text,
    .new-card .new-info .new-subtitle,
    .new-info-other .new-rest-icons {
        display: none;
    }

    .btn-contact button {
        padding: 2px 12px;
        font-size: 10px
    }

    .new-card .btn-contact,
    .new-card .new-info .new-anunciante {
        bottom: 9px;
    }

    .new-card .new-info .new-anounce .creci {
        display: flex;
    }

    .new-card .new-info .new-anounce {
        justify-content: space-between;
        gap: 0;
    }

    .new-img .new-icons {
        right: 5px;
        top: 15px;
    }

    .new-texts .imovel-assinado {
        border-top-right-radius: 3px;
        border-bottom-left-radius: 0px;
    }

    .new-icons div {
        padding: 2px 4px;
        margin-left: 5px;
    }

    .new-icons .abs-cam {
        padding: 4px 7px 4px 5px;
    }

    .new-icons div i,
    .new-icons div img {
        width: 80%;
        font-size: 10px;
    }

    .modal {
        position: absolute;
        height: fit-content;
    }

    .modal-in {
        width: 100%;
        height: 100vh;
    }

    .contentmodal {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }

    .pagination a {
        padding: 3px 9px;
    }

    .new-salao img {
        width: 65px;
    }

    .feirao img {
        max-width: 50px;
    }

    .new-texts.feirao {
        border-radius: 0px 0 10px 0;
        bottom: auto;
    }
}

@media (max-width: 550px) {
    .no-has-content .no-img .angel-alert {
        max-width: 100px;
        position: absolute;
        right: 49px;
        top: -21px;
    }

    .new-card .new-info .new-simple {
        max-width: 280px;
    }

    .new-icon {
        position: absolute;
        right: 7px;
        top: 7px;
    }

        .new-icon i {
            font-size: 16px;
        }
}

@media (max-width: 500px) {
    .new-card .new-info .new-simple {
        max-width: 240px;
    }

    .new-card .new-info .new-title,
    .new-card .new-info .new-simple,
    .new-card .new-info .new-desc {
        max-width: 225px;
    }
}

@media (max-width: 450px) {
    .new-card .new-info {
        padding: 7px 6px;
    }

    .new-icon {
        right: 3px;
    }

    .new-card .new-img,
    .new-card .new-pic,
    .new-card .new-img picture img {
        height: 127px;
    }

    .new-card .new-info .new-title,
    .new-card .new-info .new-simple,
    .new-card .new-info .new-desc {
        max-width: 172px;
    }

    .new-info .new-details-ul span {
        font-size: 9px;
    }

    .new-card .new-info .new-anounce .creci {
        display: flex;
        flex-direction: column;
    }

        .new-card .new-info .new-anounce .creci span,
        .new-card .new-info .new-anounce .creci p,
        .new-info .new-price span {
            font-size: 9px;
        }
}

@media (max-width: 385px) {
    .no-has-content .no-img .angel-alert {
        right: 10px;
        top: -31px;
    }

    .new-card .new-info .new-simple {
        max-width: 145px;
    }

    .new-info .new-details-ul {
        gap: 0;
        flex-wrap: wrap;
    }

    .new-card .new-info .new-price h4 {
        font-size: 11px;
    }

        .new-card .new-info .new-price h4 span {
            font-size: 12px;
        }
}

@media (max-width: 360px) {
    .new-card .new-info .new-anunciante {
        flex-wrap: wrap;
    }

    .checkside,
    .detaldiv {
        display: block;
    }

    .new-card .new-info .new-price h4 {
        font-size: 10px;
    }

    .alerts-text p {
        font-size: 15px;
    }

    .alerts-text span {
        font-size: 10px;
    }

    .alert-div i.fa-solid.fa-bell {
        font-size: 18px;
        margin-right: 9px;
    }

    .alert-content i.fa-solid.fa-arrow-up-right-from-square {
        font-size: 14px;
    }
}

.desativar-div {
    pointer-events: none;
    opacity: 0.4;
}

/* 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: normal;
    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);
}