/* 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' (2679,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2680,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2681,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2681,54): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2685,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error-darker' (2686,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2687,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2687,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2691,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deepest' (2692,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2693,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2693,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2697,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2698,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2698,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2699,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2705,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2706,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2707,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2707,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2711,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale' (2712,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2713,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2713,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2717,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light' (2718,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2718,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2722,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2723,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2729,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2734,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale' (2735,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2739,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light' (2743,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2744,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2749,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2749,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2750,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2751,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2755,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2755,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2756,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2757,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2761,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2761,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2762,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2763,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2768,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2769,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2770,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2774,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2775,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2776,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2782,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2783,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2784,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2790,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2796,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2799,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2801,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (2813,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2817,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (2821,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2825,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (2838,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2838,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-soft' (2842,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2842,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-dark' (2846,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2846,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker' (2850,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2850,64): run-time error CSS1039: Token not allowed after unary operator: '-color-enutral-tinted' (2855,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2855,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2859,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2859,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (2863,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2863,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (2867,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2867,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2872,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2872,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-soft' (2876,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2876,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark' (2880,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2880,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2884,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2884,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2889,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2889,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (2893,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2893,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2897,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2897,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2901,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2901,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2906,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2906,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest' (2910,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2910,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2914,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2914,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2918,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2918,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2923,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2923,64): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2927,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2927,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2931,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2931,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2935,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2935,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2940,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2940,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-soft' (2944,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2944,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-dark' (2948,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2948,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2952,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2952,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2957,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2957,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2961,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2961,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2965,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2965,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2969,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2969,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2998,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2999,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (3000,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3001,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (3001,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3002,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3003,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3013,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (3028,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (3036,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (3037,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3038,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3045,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3045,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3049,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3049,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3053,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3057,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3061,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (3065,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (3066,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (3070,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3071,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (3076,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs' (3087,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (3088,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (3089,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3089,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3090,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small' (3093,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (3094,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (3098,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (3099,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft' (3106,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft' (3107,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (3109,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (3110,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3110,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (3114,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (3115,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3115,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (3119,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (3120,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3120,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (3125,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (3126,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3131,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3131,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3132,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (3133,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (3137,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3137,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3138,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3139,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (3143,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3143,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3144,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3145,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (3149,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (3150,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (3151,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3152,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (3166,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 '-' (3186,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3187,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (3188,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3189,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (3190,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3191,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3195,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (3196,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (3200,22): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (3201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (3205,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted' (3206,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pure' (3248,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3249,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (3287,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (3288,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (3432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3482,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3483,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3484,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3508,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3511,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3512,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3513,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3514,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3516,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3517,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3518,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3553,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3566,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3595,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3598,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3599,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3601,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3603,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3604,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3607,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3608,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3609,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3611,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3612,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3613,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3632,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3633,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl' (3634,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-huge' (3638,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3639,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl' (3640,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxl' (3644,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3645,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (3646,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xl' (3651,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3652,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (3653,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (3657,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3658,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (3659,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (3663,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3664,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (3665,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (3670,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3671,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (3672,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (3676,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3677,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (3678,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (3682,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3683,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3684,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (3689,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3690,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (3691,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (3695,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3696,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3697,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (3701,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3702,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (3703,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (3708,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3709,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3710,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (3714,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3715,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (3716,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (3720,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3721,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-hadron' (3722,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxs' (3728,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3733,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3734,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3734,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (3735,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3739,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none' (3757,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3760,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (3761,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3765,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3765,62): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (3766,26): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted' (3767,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (3768,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep' (3774,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (3778,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3782,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3786,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (3790,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3794,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (3798,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (3806,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (3810,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (3841,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3845,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3860,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl' (3892,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3896,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3897,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3898,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3899,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3900,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3904,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3905,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3906,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (3907,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3908,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3912,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3913,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (3917,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3918,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (3922,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3923,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (3928,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (3929,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (3933,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3934,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3942,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3946,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5' (3951,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3951,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3955,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3955,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3961,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (3965,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (3967,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (3968,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (3973,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color' (3975,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (3980,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (3984,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (3988,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (3992,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (3996,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (4000,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (4004,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-midcharcoal' (4008,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (4012,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (4016,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (4020,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (4024,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (4054,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (4056,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (4058,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (4059,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (4059,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4060,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (4065,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (4066,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4067,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (4070,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (4074,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4076,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4088,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (4088,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (4091,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (4092,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (4093,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (4093,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4094,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (4101,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (4104,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (4106,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (4107,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (4107,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4108,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (4113,19): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (4117,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (4118,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (4119,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (4123,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (4124,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (4129,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (4129,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (4131,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (4132,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (4133,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (4133,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (4134,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (4139,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (4139,62): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (4140,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-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: inherit; font-size: var(--font-size-sm, 20px); } .btn-sm i { font-size: var(--font-size-xs, 16px); } /* Botão Azul - Accent */ .btn-accent, .nav-tabs .nav-link.active { border: var(--border-width-none, 0px) solid var(--color-secondary-pure, #163867); background: var(--color-secondary-pure, #163867); background-color: var(--color-secondary-pure, #163867); color: var(--color-essence-ivory, #FFF); border-radius: var(--border-radius-nano, 8px); } .btn-accent:hover, .nav-tabs .nav-link.active:hover { color: var(--color-essence-ivory, #FFF); background: var(--color-secondary-darker, #0D2241); border-radius: var(--border-radius-nano, 8px); } .btn-accent:active, .btn-accent.show, .nav-tabs .nav-link.active:active { background-color: var(--color-secondary-deepest, #050B17) !important; color: var(--color-essence-ivory, #FFF) !important; } .btn-accent:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); } /* Versão Outlined */ .btn-outlined.btn-accent { background: var(--color-essence-ivory, #FFF); color: var(--color-secondary-pure, #163867); border: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867); } .btn-outlined.btn-accent:hover { background: var(--color-secondary-pale, #B3C3DA); color: var(--color-secondary-deep, #09162E); border: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E); } .btn-outlined.btn-accent:active { border: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E); background-color: var(--color-secondary-light, #7F9ABD) !important; } .btn-outlined.btn-accent:disabled:hover { background-color: var(--color-essence-ivory, #fff); color: var(--color-neutral-soft, #BDBDBD); } /* Versão Standart */ .btn-standart.btn-accent { background: white; color: var(--color-secondary-pure, #163867); border: none; } .btn-standart.btn-accent:hover { background: var(--color-secondary-pale, #B3C3DA); color: var(--color-secondary-deep, #09162E); } .btn-standart.btn-accent:active { background: var(--color-secondary-light, #7F9ABD); } .btn-standart.btn-accent:disabled { background: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Botão Verde - Primary */ .btn-primary { background: var(--color-primary-pure, #163867); color: var(--color-essence-ivory, #FFF); border: var(--border-width-none, 0px) solid var(--color-primary-pure, #163867); } .btn-primary:hover { background: var(--color-primary-darker, #0D2241); } .btn-primary:active, .btn-whatsapp:active { background-color: var(--color-primary-deepest, #050B17); } .btn-primary:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); } /* Primary - Versão Outlined */ .btn-outlined.btn-primary { background: var(--color-essence-ivory, #FFF); color: var(--color-primary-pure, #163867); border: var(--border-width-hairline, 1px) solid var(--color-primary-pure, #186531); } .btn-outlined.btn-primary:hover { background: var(--color-primary-pale, #B8D6C1); color: var(--color-primary-deep, #0A2915); border: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915); } .btn-outlined.btn-primary:active { background: var(--color-primary-light, #87B896); border: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915); } .btn-outlined.btn-primary:disabled:hover { background-color: var(--color-essence-ivory, #fff); color: var(--color-neutral-soft, #BDBDBD); } /* Primary - Versão Standart */ .btn-standart.btn-primary { background: transparent; color: var(--color-primary-pure, #186531); border: none; } .btn-standart.btn-primary:hover { background: var(--color-primary-pale, #B8D6C1); color: var(--color-primary-deep, #0A2915); } .btn-standart.btn-primary:active { background: var(--color-primary-light, #87B896); } .btn-standart.btn-primary:disabled { background: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Botão Laranja - Quaternary */ .btn-quaternary { background: var(--color-quaternary-dark, #CC8400); color: var(--color-essence-ivory, #FFF); border: var(--border-width-none, 0px) solid var(--color-quaternary-dark, #CC8400); } .btn-quaternary:hover { background: var(--color-quaternary-darker, #996300); color: var(--color-essence-ivory, #FFF); } .btn-quaternary:active { background-color: var(--color-quaternary-deep, #664200); } .btn-quaternary:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); } /* Quaternary - Versão Outlined */ .btn-outlined.btn-quaternary { background: var(--color-essence-ivory, #FFF); color: var(--color-quaternary-dark, #CC8400); border: var(--border-width-hairline, 1px) solid var(--color-quaternary-dark, #CC8400); } .btn-outlined.btn-quaternary:hover { background: var(--color-quaternary-tinted, #FFF4E0); color: var(--color-quaternary-deep, #664200); border: var(--border-width-hairline, 1px) solid var(--color-quaternary-deep, #664200); } .btn-outlined.btn-quaternary:active { background: var(--color-quaternary-pale, #FFE5B3); border: var(--border-width-hairline, 1px) solid var(--color-quaternary-deep, #664200); } .btn-outlined.btn-quaternary:disabled:hover { background-color: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Quaternary - Versão Standard */ .btn-standart.btn-quaternary { background: transparent; color: var(--color-quaternary-dark, #CC8400); border: none; } .btn-standart.btn-quaternary:hover { background: var(--color-quaternary-tinted, #FFF4E0); color: var(--color-quaternary-deep, #664200); } .btn-standart.btn-quaternary:active { background: var(--color-quaternary-pale, #FFE5B3); } .btn-standart.btn-quaternary:disabled { background: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Botão Neutro (Preto) */ .btn-neutral { background: var(--color-essence-charcoal, #000); color: var(--color-essence-ivory, #FFF); border: var(--border-width-none, 0px) solid var(--color-essence-charcoal, #000); } .btn-neutral:hover { border: var(--border-width-none, 0px) solid var(--color-neutral-pure, #A8A8A8); background: var(--color-neutral-darker, #7F7F7F); } .btn-neutral:active { background-color: var(--color-neutral-deepest, #050B17); } .btn-neutral:disabled { background-color: var(--color-neutral-pale, #E5E5E5); color: var(--color-neutral-dark, #BDBDBD); } /* Neutral - Versão Outlined */ .btn-outlined.btn-neutral { background: var(--color-essence-ivory, #FFF); color: var(--color-essence-charcoal, #000); border: var(--border-width-hairline, 1px) solid var(--color-essence-charcoal, #000); } .btn-outlined.btn-neutral:hover { background: var(--color-neutral-pale, #B8D6C1); border: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A); color: var(--color-neutral-deep, #4A4A4A); } .btn-outlined.btn-neutral:active { border: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A); background: var(--color-neutral-light, #87B896); } .btn-outlined.btn-neutral:disabled { background-color: var(--color-essence-ivory, #fff); border: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); color: var(--color-neutral-soft, #BDBDBD); } /* Neutral - Versão Standart */ .btn-standart.btn-neutral { background: transparent; color: var(--color-essence-charcoal, #000); border: none; } .btn-standart.btn-neutral:hover { background: var(--color-neutral-pale, #B8D6C1); color: var(--color-neutral-deep, #0A2915); } .btn-standart.btn-neutral:active { background: var(--color-neutral-light, #87B896); } .btn-standart.btn-neutral:disabled { background: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Botão Banco Simule */ .btn-banco-simule { background: #FEFB31; color: #4E5FFC; border: 1px solid #4E5FFC; } .btn-banco-simule.banco-brb { background: #019EE4; color: #fff; border: 1px solid #019EE4; } .btn-banco-simule:focus-visible { background: #FEFB31; color: #4E5FFC; border: 1px solid #4E5FFC; } .btn-banco-simule.banco-brb:focus-visible { background: #0779AC; color: #fff; border: 1px solid #019EE4; } .btn-banco-simule:hover { background: #f7f42a; color: #4E5FFC; border-color: #3a4ae0; } .btn-banco-simule.banco-brb:hover { background: #0779AC; color: #fff; border-color: #0779AC; } .btn-banco-simule:active { background: #ece61c; border-color: #2c38c0; } .btn-banco-simule.banco-brb:active { background: #0779AC; color: #fff; border-color: #0779AC; } .btn-banco-simule:disabled { background: #fdfd9f; border-color: #b3b9f8; color: #BDBDBD; cursor: not-allowed; } .btn-banco-simule img { max-width: 20px; } .btn-banco-simule.banco-brb img { max-width: 50px; } /* 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: 35px !important; width: 35px !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: 25px !important; min-width: 25px !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; } .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-primary { color: var(--color-primary-pure, #186531); border: var(--border-width-hairline, 1px) solid var(--color-primary-pure, #186531); } .chip-neutral { color: var(--color-neutral-soft, #BDBDBD); border: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); } /* 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.brb { --bs-modal-width: 500px; } .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); } .header-icon.destructive { background: var(--color-error-tinted, #FBE8E6); color: var(--color-error-pure, #D44333); } .header-icon.success { background: var(--color-success-tinted, #E6F8F1); color: var(--color-success-pure, #29CC5F); } .header-icon.quaternary { background: var(--color-quaternary-tinted, #FFF4E0); color: var(--color-quaternary-pure, #FFA500); } .header-icon.permuta { background: #0C2747; color: #49C182; } .header-icon.brb { background: #0779AC; color: #49C182; } .header-icon.brb img { max-width: 50px; } .modal-scroll { overflow-y: auto; max-height: 50vh; justify-content: start !important; } .close-modal { position: absolute; right: 15px; top: 10px; } @media only screen and (max-height: 850px) { .modal-dialog { padding-top: 30px; } } @media screen and (max-width: 768px) { .modal-dialog { padding-top: 30px; margin: 0 !important; max-width: 100% !important; } .modal-dialog .header .body-large { font-size: var(--font-size-xxs); line-height: var(--line-height-sm); } .modal-dialog-centered { display: flex; align-items: flex-end; border-radius: 18px 18px 0 0 !important; height: 100%; } .modal-busca-ia .modal-dialog-centered { align-items: center; } .modal-dialog-centered .modal-content { border-radius: 18px 18px 0 0 !important; } .banco-simule .modal-content { bottom: 0; position: relative; border: 0 !important; border-radius: 18px 18px 0 0 !important; } .banco-simule .modal-dialog { align-items: end; bottom: 0; position: absolute; } .formFinanciamentoBB, .modal .denuncie-scroll { overflow: scroll; max-height: 35vh; justify-content: start !important; } .modal .error { font-size: var(--font-size-xxxs); line-height: var(--line-height-xs); } } @media only screen and (max-width: 550px) { .modal-dialog { margin: 0 !important; } } /* MODAL PERMUTA */ #modalExplicativaPermuta .modal-dialog { max-width: 900px; } #modalExplicativaPermuta .modal-scroll { max-height: 100vh; } #modalExplicativaPermuta .close-modal { z-index: 100; } #modalExplicativaPermuta .close-modal i { font-size: 21px; } .permuta-title { background: #37D67A; color: #0C2340; padding: 1px 10px; border-radius: 4px; } .aviso-permuta-image { max-width: 305px; overflow: hidden; width: 100%; } .faixa-permuta { position: absolute; z-index: 100; max-height: 49px; } .permuta-image { height: 100%; width: 320px; position: relative; bottom: 0; } .faixa-permuta.branca { top: 20px; right: -236px; transform: rotate(23deg); } .faixa-permuta.verde { top: auto; bottom: 0; right: -236px; transform: rotate(331deg); } .timeline { position: relative; } .timeline::before { content: ""; position: absolute; top: 0; bottom: 0; left: 11px; width: 2px; background: #d9f5e5; height: 70%; } .timeline-step { position: relative; margin-bottom: 15px; } .timeline-icon { position: relative; width: 24px; height: 24px; border-radius: 50%; border: 3px solid #21c46b; background-color: #06233b; } .timeline-icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); border-radius: 50%; background-color: #21c46b; } .removerImovelPermuta { position: absolute; top: 13px; right: 13px; } .removerPretensaoCompra { position: absolute; top: 13px; right: 13px; } @media screen and (max-width: 768px) { .permuta-title { font-size: 20px; } .timeline-step .body-medium { font-size: 12px; } #modalExplicativaPermuta .modal-scroll { max-height: 50vh; } #modalExplicativaPermuta .close-modal { color: white; } } /*@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; --color-essence-midcharcoal: #2b2b2b; } /* Geral */ img { width: 100%; height: 100%; } ul { list-style: none; } p { margin: 0; } /* 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-lg); } .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) !important; 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-xxxs { font-size: var(--font-size-xxxs, 12px) !important; } .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-smd { font-size: 22px !important; } .ft-md { font-size: var(--font-size-md, 24px) !important; } .ft-lg { font-size: var(--font-size-lg, 32px) !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-clamp-2 { -webkit-line-clamp: 2; line-clamp: 2; } .line-clamp-full { -webkit-line-clamp: unset; line-clamp: unset; } .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; } .w-fit { width: fit-content !important; } /* 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); background: var(--color-secondary-tinted, #E8EEF5) !important; } .bg-tinted { border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); } .bg-accent { border: 1px solid var(--color-secondary-pale, #E5E5E5); background: var(--color-secondary-pure, #FAFAFA); color: white; } .bg-primary { border: 1px solid var(--color-primary-pale, #B3C3DA) !important; background: var(--color-primary-tinted, #E8EEF5) !important; } .bg-secondary-pale { border: 1px solid var(--color-secondary-pale, #B3C3DA) !important; background: var(--color-secondary-pale, #B3C3DA) !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; } .border-accent { border: var(--border-width-hairline, 1px) solid var(--color-secondary-pale, #B3C3DA) !important; } /* Colors */ .success, .check { color: var(--color-success-pure); } .bg-success { color: var(--color-success-pure, #29CC5F) !important; 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-soft { color: var(--color-neutral-soft) !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; } .neutral-midcolor { color: var(--color-essence-midcharcoal, #2b2b2b) !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; } /* 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); } .item-list.no-hover:hover, .item-list.no-hover:active { transform: none !important; box-shadow: none !important; } /* C�digo/Tag */ .code { display: flex; padding: var(--padding-hadron, 2px) var(--margin-quark, 4px); justify-content: center; align-items: center; gap: var(--margin-quark, 4px); border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); } .indicator { display: flex; width: 100%; height: 100%; padding: var(--padding-xs, 16px); flex-direction: column; justify-content: center; gap: var(--margin-xs, 16px); transition: all .2s ease; border-radius: var(--border-radius-xs, 16px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FFF); } .price-container .price { display: flex; padding: var(--margin-quark, 4px); justify-content: center; align-items: center; gap: 8px; border-radius: var(--border-radius-quark, 4px); background: var(--color-secondary-tinted, #E8EEF5); color: var(--color-secondary-pure, #E8EEF5); } .price-container .price.aluguel { background: var(--color-primary-tinted, #EAF4EC); color: var(--color-primary-pure, #186531); } .description-container .description { display: flex; padding: var(--padding-hadron, 2px) var(--margin-quark, 4px); 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-essence-ivory, #FFF); line-height: normal; } .description-container .description.selo { border: var(--border-width-hairline, 1px) solid var(--color-secondary-pale, #B3C3DA); background: var(--color-secondary-tinted, #E8EEF5); } /* Mobile/Web View */ .mobile-view, .mobile-ellipse-view, .mobile-grid-view { display: none !important; } .web-view { display: flex !important; } .web-grid-view { display: grid !important; } .web-ellipse-view { display: -webkit-box !important; } .loading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; z-index: 10; } @media screen and (max-width: 768px) { .mobile-view { display: flex !important; } .mobile-ellipse-view { display: -webkit-box !important; } .mobile-grid-view { display: grid !important; } .web-view, .web-ellipse-view, .web-grid-view { display: none !important; } }