/* Minification failed. Returning unminified contents. (702,35): run-time error CSS1046: Expect comma, found '196' (702,43): run-time error CSS1046: Expect comma, found '/' (1843,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (1844,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1854,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1859,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (1869,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1870,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1871,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1875,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1876,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1881,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (1885,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (1891,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (1891,54): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1892,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1893,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1894,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1895,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1900,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1901,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker' (1902,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (1908,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deepest' (1909,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1913,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1914,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1919,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1920,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1921,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1921,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1925,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1926,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (1927,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1927,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (1931,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1931,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (1932,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light' (1936,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1937,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1943,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (1948,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (1949,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (1953,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-light' (1957,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1958,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (1963,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (1964,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1965,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (1965,54): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (1969,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-darker' (1974,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deepest' (1978,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (1979,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (1985,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (1986,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (1987,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1987,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (1991,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (1992,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (1993,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1993,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (1997,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light' (1998,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (1998,58): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2002,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2003,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2009,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (2014,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (2015,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2019,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-light' (2023,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2024,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2029,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark' (2030,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2031,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2031,54): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark' (2035,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-darker' (2036,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2040,28): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep' (2044,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2045,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2050,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2051,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark' (2052,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2052,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark' (2056,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted' (2057,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep' (2058,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2058,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep' (2062,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale' (2063,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2063,58): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep' (2067,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2068,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2074,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-dark' (2079,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-tinted' (2080,17): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-deep' (2084,22): run-time error CSS1039: Token not allowed after unary operator: '-color-quaternary-pale' (2088,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2089,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2094,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2095,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2096,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2096,54): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2100,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2100,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2101,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (2105,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest' (2109,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2110,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2116,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2117,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2118,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2118,58): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2122,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2123,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2123,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2124,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2128,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2128,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2129,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2133,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2134,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2134,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2135,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2141,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2146,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2147,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2151,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2155,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2156,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2196,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2198,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2198,54): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2202,26): run-time error CSS1039: Token not allowed after unary operator: '-color-error-darker' (2203,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2204,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2204,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2208,32): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deepest' (2209,21): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2210,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2210,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2214,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2215,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2215,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2216,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2222,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2223,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2224,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2224,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2228,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale' (2229,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2230,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2230,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2234,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light' (2235,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2235,58): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2239,28): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2240,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2246,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2251,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pale' (2252,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2256,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-light' (2260,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2261,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2266,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2266,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2267,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2268,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2272,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2272,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2273,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2274,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2278,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2278,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2279,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2280,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2285,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2286,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2287,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2291,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2292,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2293,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2299,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2300,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2301,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2307,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2313,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2316,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2318,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (2330,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2334,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (2338,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2342,22): run-time error CSS1039: Token not allowed after unary operator: '-color-error-tinted' (2355,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2355,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-soft' (2359,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2359,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-dark' (2363,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2363,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-darker' (2367,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2367,64): run-time error CSS1039: Token not allowed after unary operator: '-color-enutral-tinted' (2372,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2372,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2376,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2376,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (2380,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2380,64): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-deep' (2384,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2384,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2389,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2389,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-soft' (2393,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2393,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-dark' (2397,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2397,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2401,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2401,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2406,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2406,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (2410,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2410,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2414,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2414,64): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-deep' (2418,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2418,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2423,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2423,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deepest' (2427,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2427,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2431,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2431,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2435,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2435,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2440,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2440,64): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2444,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2444,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2448,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2448,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (2452,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2452,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2457,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2457,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-soft' (2461,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2461,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-dark' (2465,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2465,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2469,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2469,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (2474,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2474,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (2478,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2478,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2482,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2482,64): run-time error CSS1039: Token not allowed after unary operator: '-color-error-deep' (2486,24): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2486,64): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2515,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2516,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2517,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2518,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-none' (2518,54): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2519,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2520,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2531,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2546,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (2554,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2555,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (2556,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2563,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2563,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2567,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2567,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2571,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2575,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (2579,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2583,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2584,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2588,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2589,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2594,25): run-time error CSS1039: Token not allowed after unary operator: '-padding-xxs' (2605,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2606,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (2607,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2607,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2608,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-small' (2611,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (2612,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (2616,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-soft' (2617,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft' (2624,24): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark-soft' (2625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2627,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (2628,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (2628,58): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (2633,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (2634,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2639,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2639,44): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2640,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2641,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2645,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2645,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (2646,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2647,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2651,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2651,45): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2652,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2653,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2657,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-quark' (2658,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-pill' (2659,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (2660,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (2674,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2690,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (2691,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-nano' (2692,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (2693,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (2694,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (2695,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (2709,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2711,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2715,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2716,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2717,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2721,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2722,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2723,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2904,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2905,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxl' (2906,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-huge' (2910,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2911,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xl' (2912,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxl' (2916,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2917,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (2918,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xl' (2923,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2924,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-lg' (2925,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2929,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2930,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (2931,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (2935,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2936,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2937,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2942,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2943,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (2944,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-lg' (2948,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2949,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2950,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2954,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (2955,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2956,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2961,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2962,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (2963,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-md' (2967,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2968,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2969,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2973,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2974,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2975,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-sm' (2980,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2981,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (2982,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2986,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2987,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxxs' (2988,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xs' (2992,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (2993,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-hadron' (2994,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-xxs' (3000,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3005,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3006,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3006,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-light' (3007,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3011,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-none' (3029,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-nano' (3032,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (3033,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3037,22): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3037,62): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (3038,26): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-tinted' (3039,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-1' (3040,21): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-deep' (3046,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pure' (3050,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold' (3054,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-regular' (3058,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xxs' (3062,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-xs' (3066,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-sm' (3070,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-md' (3090,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3094,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3109,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xl' (3137,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3141,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3142,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3143,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3144,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3145,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3149,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-nano' (3150,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3151,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (3152,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3153,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3157,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pale' (3158,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-tinted' (3162,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pale' (3163,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-tinted' (3171,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3175,22): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-5' (3180,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3180,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3186,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (3190,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success-pure' (3192,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (3193,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success-tinted' (3198,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color' (3200,28): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (3205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-deep' (3209,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-darker' (3213,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-dark' (3217,17): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pure' (3221,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-charcoal' (3225,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary-pure' (3229,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-pure' (3233,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning-pure' (3237,17): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3241,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error-pure' (3272,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-md' (3280,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3282,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (3284,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3285,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3285,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3286,22): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3291,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3292,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3293,26): run-time error CSS1039: Token not allowed after unary operator: '-color-essence-ivory' (3296,26): run-time error CSS1039: Token not allowed after unary operator: '-shadow-level-3' (3300,32): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3302,26): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3308,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-hadron' (3308,46): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (3311,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-quark' (3312,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-quark' (3313,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3313,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3314,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' (3322,19): run-time error CSS1039: Token not allowed after unary operator: '-padding-xs' (3325,15): run-time error CSS1039: Token not allowed after unary operator: '-margin-xs' (3327,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-xs' (3328,18): run-time error CSS1039: Token not allowed after unary operator: '-border-width-hairline' (3328,58): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-pale' (3329,22): run-time error CSS1039: Token not allowed after unary operator: '-color-neutral-tinted' */ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; font-size: 1.2rem; line-height: 18px; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 6px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0 } .select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option--selectable { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #cad1d7; border-radius: .25rem; color: black; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: black; line-height: 28px; font-size: 1.2rem; font-weight: 400; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: black; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: black transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -3px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 } .select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--group { padding: 0 } .select2-container--default .select2-results__option--disabled { color: #999 } .select2-container--default .select2-results__option--selected { background-color: #ddd } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; padding-bottom: 5px; padding-right: 5px } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0 } .select2-container--classic .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #888; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; outline: none } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option--group { padding: 0 } .select2-container--classic .select2-results__option--disabled { color: grey } .select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .main-img { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 58px; overflow: hidden; height: 615px; } .main-img iframe { object-fit: cover; object-position: center; position: relative; top: 0px; } .main-img-anounce { z-index: 998; } .main-search { position: absolute; top: 100px; width: 100%; padding: 0 5pc; } .main-search .item-div { display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(255, 255, 255, 1); border: 1px solid rgb(196 196 196 / 52%); padding: 16px; width: 365px; z-index: 999; border-radius: 5px; position: relative; } .search .filter-btns .border-btn { background-color: #133769; color: white !important; max-width: 200px; margin-top: 5px; } .main-search .item-div form { width: 100%; } .main-search .item-div h4 { margin: 0 5px 10px; color: grey; font-weight: bold; color: #0c3b7c; font-size: 16px; } .main-search .search .input { height: 2.5rem; margin-bottom: 4px; padding: 0px 12px; border-radius: 10px; border: 1px solid #d9d9d9; color: #133769; width: 100%; } .select2 { width: 100% !important; margin-bottom: 5px; padding: 0px 10px; border-radius: 10px; border: 1px solid #d9d9d9; color: #133769; width: 100%; background: white; } .select2-container .select2-selection, .select2-container .select2-selection--default { border: 0; width: 100%; } .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 11.8px; } .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 .filter-checkbox { padding-left: 5px; cursor: pointer; display: flex; align-items: center; margin: 5px 0; color: rgb(86, 86, 86); font-weight: bold; font-size: 13px; } .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-checkbox input { margin-right: 8px; } .search .filter-btns { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; } .search .filter-btns button { text-transform: uppercase; padding: 7px 8px; width: 100%; display: flex; justify-content: center; gap: 5px; align-items: baseline; } .search .filter-btns button i { font-size: 11px; } .mobile-img { display: none; justify-content: center; margin: 30px 0 -15px 0; } .mobile-img div { box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 5px; overflow: hidden; } .squares { height: 547px; } .squares__item { overflow: hidden; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .anounce-grid { grid-template-columns: repeat(3, 300px); gap: 4rem; display: grid; justify-content: center; margin: 40px 0; } .anounce-grid img { object-fit: cover; object-position: center; } .portal-counter { display: flex; padding: 30px 10px 90px; justify-content: center; gap: 40px; } .counter-img { max-width: 400px; min-height: 480px; border-radius: 15px; overflow: hidden; } .counter-img img { object-fit: cover; } .counter-content .title-desc h1 { text-align: start; } .counter-content .title-desc h1::after { left: 0; margin: 20px 0; position: relative; } .counters { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; } .counter-content { max-width: 600px; display: flex; flex-direction: column; gap: 40px; justify-content: center; } .counter-content p { font-size: 15px; } .counter-div p { font-size: 27px; } .counter-div span { font-size: 20px; } .option-container { display: flex; justify-content: center; gap: 20px; padding: 0 15px; flex-wrap: wrap; margin: 50px 0 0; } a.option-div { background: rgb(255, 255, 255); border: 1px solid rgb(203, 214, 220); box-shadow: rgba(93, 115, 126, 0.1) 0px 3px 8px; border-radius: 12px; width: 350px; display: flex; flex-direction: row; align-items: center; padding: 16px; margin-right: 0px; } .opt-title { font-size: 17px; font-weight: bold; } .opt-desc, .opt-desc b { font-size: 14px; color: #4d4d4d; } .option-div i { font-size: 30px; margin-right: 30px; } .option-text { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .main-desc { background: #133769; color: white; padding: 40px 0; margin-top: 50px; } .main-things { box-sizing: content-box; margin-left: auto; margin-right: auto; max-width: 1024px; display: flex; justify-content: space-between; align-items: center; } .logo-main { padding: 10px; width: 20%; } .desc-anuncia p { font-size: 20px; font-weight: 500; line-height: 28px; max-width: 500px; text-align: center; } .anounce-btn a { padding: 8px 20px; text-transform: uppercase; z-index: 0; } .anounce-btn a:hover { background: #ffffff; color: #133769 !important; box-shadow: 0px 0px; } .title-desc h2, .title-desc h1 { font-size: 25px; line-height: 40px; text-align: center; letter-spacing: 1px; } .title-desc h2::after, .title-desc h1::after { background-color: #133769a5; border-radius: 4px; content: ""; display: block; height: 4px; left: 50%; margin: 20px auto 0px; width: 80px; } .portal-feat { padding: 90px 0; gap: 30px; display: flex; justify-content: center; flex-direction: column; align-items: center; } .box { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .card { width: 320px; padding: 5px 30px; border-radius: 20px; margin: 15px; position: relative; overflow: hidden; text-align: center; border: 1px solid rgb(203, 214, 220); align-items: center; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .card svg { display: block; text-align: center; margin: 30px 0px; color: #133769; } .card i { display: block; text-align: center; margin: 30px 0px; color: #133769; font-size: 60px; } .card svg.mobile { display: none; } .portal-feat h5 { font-size: 18px; margin-bottom: 10px; } .pra p { color: rgb(113, 113, 113); font-size: 15px; line-height: 27px; margin-bottom: 25px; } .cities-feat { display: flex; flex-direction: column; align-items: center; } .bg-city { background: url('../assets_v2/img/brasilia.webp') no-repeat center; background-size: cover; background-attachment: fixed; height: 200px; margin: 5vh 0; width: 100%; } .bg-city-go { background: url('../assets_v2/img/goiania.webp') no-repeat center; background-size: cover; background-attachment: fixed; height: 200px; margin: 5vh 0; width: 100%; } .details-city { display: flex; width: 100%; flex-direction: column; align-items: center; margin-bottom: 45px; padding: 0 30px; gap: 35px; } .city-things { display: flex; gap: 50px; } .city-things.more .city-btn { display: none; } .city-things li { width: 270px; } .city-title { margin-bottom: 10px; color: #8d8888; } .city-title span { font-size: 18px; font-weight: bold; line-height: normal; color: #4a4f57; } .city-ul { display: flex; flex-direction: column; gap: 6px; overflow: hidden; align-items: flex-start; } .city-ul.more { max-height: fit-content; } a.related-research__link.link-home { font-size: 12.5px; } .city-btn { display: flex; align-items: center; justify-content: center; margin: 0 0 40px; } .button { background-color: #133769; color: white; text-decoration: none; border: 2px solid transparent; font-weight: bold; padding: 5px 20px; border-radius: 30px; transition: .4s; } .button:hover { background-color: transparent; border: 2px solid #133769; cursor: pointer; color: #133769; } .alert-div { display: flex; background: #00833d; color: white; width: 100%; border: 1px solid #00833d; margin-top: 20px; align-items: center; border-radius: 5px; transition: .3s ease; } .alert-div i.fa-solid.fa-bell { font-size: 20px; background: white; color: #00833d; margin-right: 20px; border-radius: 5px 0 0 5px; padding: 18px 15px; } .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: 16px; font-weight: 700; color: white; } .alerts-text span { word-spacing: 2px; font-size: 11px; 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); } /* 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; } @media (min-width: 1760px) { .mainntoher { padding: 50px 0; } } /*@media (max-width: 1560px) { .main-img iframe { left: 7%; } }*/ @media (max-width: 1440px) { .main-img iframe { left: 5%; } } @media (max-width: 1400px) { .search .filter-checkbox input { margin-right: 4px; } .search .inputs-middle .cb-quartos, .search .inputs-middle .cb-input { width: 50%; } } @media (max-width: 1260px) { .city-things { display: grid; grid-template-columns: repeat(2, 1fr); } .main-search { left: 0; right: 0; padding: 0 2pc; } } @media (max-width: 1200px) { .anounce-grid { grid-template-columns: repeat(2, 300px); } /* .main-img iframe { left: 10%; }*/ .main-things { max-width: 900px; } .city-things { gap: 20px; } .squares { height: fit-content; } .search .filter-btns button { margin-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: center; } } @media screen and (max-width: 1080px) { .item-left { width: 100%; } .main-things { max-width: 800px; } .main-things .desc-anuncia p { font-size: 16px; max-width: 300px; } .search .filter-btns { flex-wrap: nowrap; gap: 20px; } .search .filter-checkbox { margin-bottom: 8px; display: flex; font-size: 12px; width: 50%; } .search .filter-btns button { margin-bottom: 0px; } .select2 { margin-bottom: 6px; padding: 0px 10px; } } @media screen and (max-width: 800px) { .portal-counter { flex-direction: column; padding: 30px 15px; } .counters { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; } .counter-div span { font-size: 18px; } .counter-content p { font-size: 14px; } .counter-div p { font-size: 25px; } .counter-img { min-height: auto; height: 140px; } .counter-content { max-width: 600px; gap: 10px; } .option-div i { margin-right: 20px; } .mobile-img { display: flex; } .row-cont { display: flex; flex-direction: column-reverse; } .search .aceitaPermuta1 { display: flex; gap: 22px; flex-wrap: nowrap; } .main-search .item-div { padding: 10px .75rem 0; box-shadow: 0 0; background-color: transparent; border: none; } .main-img-anounce { display: none; } .main-search { display: flex; justify-content: center; position: initial; flex-direction: column; align-items: center; position: initial; padding: 0; width: 100%; } .alert-div { max-width: 361px; width: 100%; } .main-img { padding-top: 65px; height: auto; } .anounce-grid { display: none; } .main-img img { display: none; } .main-desc { padding: 20px 0; margin-bottom: 8vh; margin-top: 0; } .logo-main { padding: 0px; width: 13%; } .main-things { max-width: auto; flex-direction: column; gap: 20px; } .main-things .desc-anuncia p { font-size: 15px; max-width: 350px; } .main-search .item-div, .main-search .item-div form { width: 100%; } .portal-feat { height: auto; padding: 50px 0; gap: 15px; } .card i { font-size: 50px; } .title-desc h1, .title-desc h2 { font-size: 18px; line-height: 27px; text-align: center; letter-spacing: 1px; } .title-desc h1::after, .title-desc h2::after { height: 2px; margin: 14px auto 0px; width: 68px; } .card { width: 300px; padding: 5px 20px; } .card svg { font-size: 40px; margin: 18px 0px; } .portal-feat h5 { font-size: 16px; margin-bottom: 10px; } .bg-city { height: 175px; margin: 3vh 0; } .bg-city-go { height: 175px; margin: 3vh 0; } .city-ul { max-height: fit-content; } .city-btn { display: none; } .city-title { text-align: start; } } @media screen and (max-width: 600px) { .opt-title { font-size: 16px; } .opt-desc, .opt-desc b { font-size: 13px; } .anounce-btn button { padding: 6px 15px; font-size: 10px; } .main-things .desc-anuncia p { font-size: 15px; max-width: 253px; line-height: 18px; } .card { width: auto; } .title-desc h1, .title-desc h2 { max-width: 250px; } .city-things { grid-template-columns: 1fr; } .logo-main { width: 30%; } .modal { position: absolute; height: fit-content; } .secti-main.ativo { display: none; } .modal-in { width: 100%; height: 100vh; } .contentmodal { padding: 20px; gap: 20px; flex-direction: column; } } @media screen and (max-width: 500px) { .main-img { padding-top: 60px; } .card svg.mobile { display: block; } .card svg.web { display: none; } } @media screen and (max-width: 354px) { .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:focus-visible { background: #FEFB31; color: #4E5FFC; border: 1px solid #4E5FFC; } .btn-banco-simule:hover { background: #f7f42a; color: #4E5FFC; border-color: #3a4ae0; } .btn-banco-simule:active { background: #ece61c; border-color: #2c38c0; } .btn-banco-simule:disabled { background: #fdfd9f; border-color: #b3b9f8; color: #BDBDBD; cursor: not-allowed; } .btn-banco-simule img { max-width: 20px; } /* Botão Vermelho - Destructive */ .btn-destructive { background: var(--color-error-pure, #D44333); color: var(--color-essence-ivory, #FFF); border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333); } .btn-destructive:hover { background: var(--color-error-darker, #802B1F); color: var(--color-essence-ivory, #FFF); border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333); } .btn-destructive:active { background-color: var(--color-error-deepest, #2B100A) !important; color: var(--color-essence-ivory, #FFF) !important; border: var(--border-width-none, 0px) solid var(--color-error-pure, #D44333); } .btn-destructive:disabled { background-color: var(--color-neutral-pale, #E5E5E5); border: var(--border-width-none, 0px) solid var(--color-neutral-pure, #A8A8A8); color: var(--color-neutral-dark, #BDBDBD); } /* Destructive - Versão Outlined */ .btn-outlined.btn-destructive { background: var(--color-essence-ivory, #FFF); color: var(--color-error-pure, #163867); border: var(--border-width-hairline, 1px) solid var(--color-error-pure, #551E14); } .btn-outlined.btn-destructive:hover { background: var(--color-error-pale, #B8D6C1); color: var(--color-error-deep, #0A2915); border: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14); } .btn-outlined.btn-destructive:active { background: var(--color-error-light, #87B896); border: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14); } .btn-outlined.btn-destructive:disabled:hover { background-color: var(--color-essence-ivory, #fff); color: var(--color-neutral-soft, #BDBDBD); } /* Destructive - Versão Standart */ .btn-standart.btn-destructive { background: transparent; color: var(--color-error-pure, #186531); border: none; } .btn-standart.btn-destructive:hover { background: var(--color-error-pale, #B8D6C1); color: var(--color-error-deep, #0A2915); } .btn-standart.btn-destructive:active { background: var(--color-error-light, #87B896); } .btn-standart.btn-destructive:disabled { background: var(--color-essence-ivory, #FFF); color: var(--color-neutral-soft, #BDBDBD); } /* Tamanhos do Button */ .btn-lg { padding: var(--padding-nano, 8px) var(--padding-xs, 16px); font-size: var(--font-size-xs, 16px); line-height: var(--line-height-sm, 20px); } .btn-md { padding: var(--padding-quark, 4px) var(--padding-xs, 16px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-sm, 20px); } .btn-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-xs, 16px); } /* Tamanho Icon Button */ .btn-icon-lg { padding: var(--padding-nano, 8px); font-size: var(--font-size-sm, 20px); line-height: var(--line-height-md, 24px); } .btn-icon-md { font-size: var(--font-size-sm, 16px); line-height: var(--line-height-sm, 20px); padding: var(--padding-quark, 4px); height: 40px !important; width: 40px !important; } .btn-icon-sm { padding: var(--padding-quark, 4px); line-height: var(--line-height-xs, 16px); font-size: var(--font-size-xxs, 14px); min-height: 30px !important; min-width: 30px !important; } .btn-icon-sm i { font-size: var(--font-size-xs, 16px); } /* Grupo de Buttons */ .group-btn { display: inline-flex; padding: var(--padding-nano, 8px); justify-content: center; align-items: center; gap: var(--margin-nano, 8px); align-self: stretch; border-radius: var(--border-radius-xs, 16px); } .group-btn .btn { width: 100%; } .group-btn.chip-gp .btn { width: fit-content; } .gp-accent.group-btn { background: var(--color-secondary-tinted, #E8EEF5); } .gp-primary.group-btn { background: var(--color-primary-tinted, #EAF4EC); } .gp-neutral.group-btn { background: var(--color-neutral-tinted, #FAFAFA); } .gp-destructive.group-btn { background: var(--color-error-tinted, #FAFAFA); } /* Botão Dropdown */ .btn-dropdown { display: inline-flex; align-items: center; gap: 0; overflow: hidden; } /* Dropdown Accent */ .btn-dropdown.btn-accent>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-soft, #4A70A1); } .btn-dropdown.btn-accent:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-dark, #122D54); } .btn-dropdown.btn-accent:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-darker, #0D2241); } .btn-dropdown.btn-accent:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-enutral-tinted, #FAFAFA); } /* Outlined Dropdown - Accent */ .btn-dropdown.btn-outlined.btn-accent>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867); } .btn-dropdown.btn-outlined.btn-accent:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E); } .btn-dropdown.btn-outlined.btn-accent:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-secondary-deep, #09162E); } .btn-dropdown.btn-outlined.btn-accent:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); } /* Dropdown - Primary */ .btn-dropdown.btn-primary>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-soft, #4A7031); } .btn-dropdown.btn-primary:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-dark, #145128); } .btn-dropdown.btn-primary:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915); } .btn-dropdown.btn-primary:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA); } /* Outlined Dropdown - Primary */ .btn-dropdown.btn-outlined.btn-primary>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-pure, #186531); } .btn-dropdown.btn-outlined.btn-primary:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915); } .btn-dropdown.btn-outlined.btn-primary:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-primary-deep, #0A2915); } .btn-dropdown.btn-outlined.btn-primary:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); } /* Dropdown - Neutral */ .btn-dropdown.btn-neutral>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deepest, #292929); } .btn-dropdown.btn-neutral:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-dark, #4A4A4A); } .btn-dropdown.btn-neutral:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A); } .btn-dropdown.btn-neutral:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA); } /* Outlined Dropdown - Neutral */ .btn-dropdown.btn-outlined.btn-neutral>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-essence-charcoal, #000); } .btn-dropdown.btn-outlined.btn-neutral:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A); } .btn-dropdown.btn-outlined.btn-neutral:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-deep, #4A4A4A); } .btn-dropdown.btn-outlined.btn-neutral:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); } /* Dropdown - Destructive */ .btn-dropdown.btn-destructive>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-soft, #B86565); } .btn-dropdown.btn-destructive:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-dark, #7A1F1F); } .btn-dropdown.btn-destructive:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #571616); } .btn-dropdown.btn-destructive:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-tinted, #FAFAFA); } /* Outlined Dropdown - Destructive */ .btn-dropdown.btn-outlined.btn-destructive>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-pure, #186531); } .btn-dropdown.btn-outlined.btn-destructive:hover>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14); } .btn-dropdown.btn-outlined.btn-destructive:active>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-error-deep, #551E14); } .btn-dropdown.btn-outlined.btn-destructive:disabled>.btn-label { border-right: var(--border-width-hairline, 1px) solid var(--color-neutral-soft, #BDBDBD); } /* Versão Standart */ .btn-standart.btn-dropdown>.btn-label { border-right: none !important; padding-right: 0; } /* Dropdown-Group (lista de itens do drop) */ .dropdown { position: relative; } .dropdown.select .dropdown-group { width: fit-content; white-space: nowrap; } .dropdown-group { display: none; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: absolute; list-style: none; margin-top: 8px; right: 0; width: 100%; padding: var(--padding-nano, 8px); gap: var(--margin-nano, 8px); border-radius: var(--border-radius-nano, 8px); border: var(--border-width-none, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); box-shadow: var(--shadow-level-3); max-height: 200px; overflow-y: auto; z-index: 100; } .dropdown-group::-webkit-scrollbar { width: 7px; } .dropdown-group::-webkit-scrollbar-thumb { background-color: var(--color-neutral-light, #D1D1D1); border-radius: 4px; } .dropdown-group::-webkit-scrollbar-track { background-color: transparent; border-radius: 4px; } .dropdown-group li { width: 100%; } .dropdown-group a { text-decoration: none; color: var(--color-essence-charcoal); } /* Item */ .dropdown-group .item { display: inline-flex; align-items: center; width: 100%; gap: var(--margin-nano, 8px); border-radius: var(--border-radius-nano, 8px); background: var(--color-essence-ivory, #FFF); border: none; cursor: pointer; transition: background 0.3s ease; } .dropdown-group .item-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); } .dropdown-group .item-md { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); } .dropdown-group .item-lg { padding: var(--padding-nano, 8px); } .dropdown-group .item:hover { background: var(--color-neutral-pale, #E5E5E5); } .dropdown-group .item:active { background: var(--color-neutral-light, #D1D1D1); } .dropdown-group .item:focus { background: var(--color-secondary-tinted, #D1D1D1); color: var(--color-secondary-pure, #163867); } .dropdown-group .item:disabled { background: var(--color-essence-ivory, #F9F9F9); color: var(--color-neutral-soft, #B0B0B0); opacity: 0.6; } .dropdown.select .dropdown-group .item { padding-right: var(--padding-xxs); } /* Chip */ .chip { display: inline-flex; justify-content: center; align-items: center; text-align: center; text-decoration: none; font-style: normal; gap: var(--margin-nano, 8px); border-radius: var(--border-radius-pill, 500px); padding: var(--padding-quark, 4px) var(--padding-nano, 8px); font-size: var(--font-size-small, 14px); transition: background-color 0.2s ease, color 0.2s ease; border: 1px solid transparent; background-color: var(--color-neutral-light, #F5F5F5); color: var(--color-neutral-dark, #333); } .chip:disabled { background-color: var(--color-neutral-soft, #E0E0E0); color: var(--color-neutral-dark-soft, #A8A8A8); cursor: not-allowed; } /* Chip com borda (outlined) */ .chip-outlined { background-color: transparent; border-color: var(--color-neutral-dark-soft, #BDBDBD); color: var(--color-secondary-pure, #163867); border-radius: var(--border-radius-pill, 500px); border: var(--border-width-hairline, 1px) solid var(--color-secondary-pure, #163867); } /* Chip com estilo preenchido (standart) */ .chip-standart { background-color: var(--color-primary, #3B82F6); color: var(--color-essence-ivory, #FFF); } /* Tamanhos do Button */ .chip-lg { padding: var(--padding-nano, 8px) var(--padding-xs, 16px); font-size: var(--font-size-sm, 20px); line-height: var(--line-height-md, 24px); } .chip-md { padding: var(--padding-quark, 4px) var(--padding-xs, 16px); font-size: var(--font-size-xxs, 16px); line-height: var(--line-height-sm, 20px); } .chip-sm { padding: var(--padding-quark, 4px) var(--padding-nano, 8px); font-size: var(--font-size-xxs, 14px); line-height: var(--line-height-xs, 16px); } .group-btn.chip-gp { padding: var(--padding-quark); border-radius: var(--border-radius-pill, 1000px); border: 1px solid var(--color-secondary-pale, #B3C3DA); background: var(--color-secondary-tinted, #E8EEF5); } /* Animação de Subir ao Aparecer */ @keyframes slideUp { from { top: 100%; } to { top: 0; } } .modal.banco-simule { --bs-modal-width: 800px; } .modal.banco-simule .modal-content { border: 1px solid #4E5FFC; } /* Center Absolute Container */ .header-icon { display: flex; justify-content: center; align-items: center; position: absolute; top: -35px; width: 80px; height: 80px; padding: var(--padding-nano, 8px); gap: var(--margin-nano, 8px); border-radius: var(--border-radius-xs, 16px); background: var(--color-neutral-pure, #A8A8A8); box-shadow: var(--shadow-level-3); color: var(--color-essence-ivory, #FFF); } @media only screen and (max-height: 850px) { .modal-dialog { padding-top: 30px; } } /*@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');*/ /* Variaveis */ :root { /* TOKENS */ /* Fonte (font-family) */ --font-family-primary: 'Inter', sans-serif; /* Espessura da Fonte (font-weight) */ --font-weight-bold: 700; --font-weight-medium: 500; --font-weight-regular: 400; /* Tamanho da Fonte (font-size) */ --font-size-huge: 64px; --font-size-xxxl: 56px; --font-size-xxl: 48px; --font-size-xl: 40px; --font-size-lg: 32px; --font-size-md: 24px; --font-size-sm: 20px; --font-size-s: 18px; --font-size-xs: 16px; --font-size-xxs: 14px; --font-size-xxxs: 12px; --font-size-hadron: 10px; --font-size-nano: 8px; /* Altura de Linha (line-height) */ --line-height-giant: 72px; --line-height-huge: 64px; --line-height-xxxl: 56px; --line-height-xxl: 48px; --line-height-xl: 40px; --line-height-lg: 32px; --line-height-md: 24px; --line-height-sm: 20px; --line-height-xs: 16px; --line-height-xxs: 14px; --line-height-xxxs: 12px; --line-height-hadron: 10px; --line-height-nano: 8px; --line-height-quark: 4px; /* Raio da Borda (border-radius) */ --border-radius-circular: 50%; --border-radius-pill: 500px; --border-radius-md: 24px; --border-radius-xs: 16px; --border-radius-nano: 8px; --border-radius-quark: 4px; --border-radius-none: 0; /* Espessura da Borda (border-width) */ --border-width-heavy: 8px; --border-width-thick: 4px; --border-width-thin: 2px; --border-width-hairline: 1px; --border-width-none: 0px; /* Opacidade (opacity) */ --opacity-semi-opaque: 0.80; --opacity-super-intense: 0.64; --opacity-intense: 0.40; --opacity-medium: 0.32; --opacity-light: 0.16; --opacity-semi-transparent: 0.08; /* Sombra (shadow) - x y blur spread(0) color */ --shadow-level-1: 0px 1px 2px rgba(0, 0, 0, var(--opacity-medium)); --shadow-level-2: 0px 2px 4px rgba(0, 0, 0, var(--opacity-super-intense)); --shadow-level-3: 0px 4px 8px rgba(0, 0, 0, var(--opacity-semi-transparent)); --shadow-level-4: 0px 8px 16px rgba(0, 0, 0, var(--opacity-light)); --shadow-level-5: 0px 16px 32px rgba(0, 0, 0, var(--opacity-light)); /* Margem Interna (padding) */ --padding-giant: 72px; --padding-huge: 64px; --padding-xxxl: 56px; --padding-xxl: 48px; --padding-xl: 40px; --padding-lx: 36px; --padding-lg: 32px; --padding-md: 24px; --padding-xs: 16px; --padding-xxs: 14px; --padding-nano: 8px; --padding-quark: 4px; --padding-hadron: 2px; /* Margem (margin) */ --margin-giant: 72px; --margin-huge: 64px; --margin-xxxl: 56px; --margin-xxl: 48px; --margin-xl: 40px; --margin-lg: 32px; --margin-md: 24px; --margin-xs: 16px; --margin-nano: 8px; --margin-quark: 4px; --margin-none: 0px; /* CORES */ /* Cores Prim�rias */ --color-primary-tinted: #EAF4EC; --color-primary-pale: #B8D6C1; --color-primary-light: #87B896; --color-primary-soft: #569A6B; --color-primary-pure: #186531; --color-primary-dark: #145128; --color-primary-darker: #0F3D1E; --color-primary-deep: #0A2915; --color-primary-deepest: #05140B; /* Cores Secund�rias */ --color-secondary-tinted: #E8EEF5; --color-secondary-pale: #B3C3DA; --color-secondary-light: #7F9ABD; --color-secondary-soft: #4A70A1; --color-secondary-pure: #163867; --color-secondary-dark: #122D54; --color-secondary-darker: #0D2241; --color-secondary-deep: #09162E; --color-secondary-deepest: #050B17; /* Cores Terci�rias */ --color-tertiary-tinted: #F0F2F6; --color-tertiary-pale: #E6EBF3; --color-tertiary-light: #D6DDE8; --color-tertiary-soft: #C6CCD8; --color-tertiary-pure: #AFB8CB; --color-tertiary-dark: #989EA8; --color-tertiary-darker: #74787F; --color-tertiary-deep: #4F5257; --color-tertiary-deepest: #2B2D30; /* Cores Quatern�rias */ --color-quaternary-tinted: #FFF4E0; --color-quaternary-pale: #FFE5B3; --color-quaternary-light: #FFD580; --color-quaternary-soft: #FFC14D; --color-quaternary-pure: #FFA500; --color-quaternary-dark: #CC8400; --color-quaternary-darker: #996300; --color-quaternary-deep: #664200; --color-quaternary-deepest: #332100; /* Cores de Acento (Accent) */ --color-accent-tinted: #E6F3FF; --color-accent-pale: #B3DCFF; --color-accent-light: #80C4FF; --color-accent-soft: #4DACFF; --color-accent-pure: #0095FF; --color-accent-dark: #007ACC; --color-accent-darker: #005E99; --color-accent-deep: #004366; --color-accent-deepest: #002733; /* Cores de Sucesso (Success) */ --color-success-tinted: #E6F8EC; --color-success-pale: #B3EECB; --color-success-light: #80E4AA; --color-success-soft: #4DDA89; --color-success-pure: #29CC5F; --color-success-dark: #22A64D; --color-success-darker: #1B803B; --color-success-deep: #145A29; --color-success-deepest: #0A2D14; /* Cores de Alerta (Warning) */ --color-warning-tinted: #FFECD9; --color-warning-pale: #FFD0A3; --color-warning-light: #FFB46D; --color-warning-soft: #FF9936; --color-warning-pure: #FF8A00; --color-warning-dark: #CC6E00; --color-warning-darker: #995300; --color-warning-deep: #663700; --color-warning-deepest: #331C00; /* Cores de Erro (Error) */ --color-error-tinted: #FBE8E6; --color-error-pale: #F2BFB9; --color-error-light: #E9968C; --color-error-soft: #E06C5F; --color-error-pure: #D44333; --color-error-dark: #AA3729; --color-error-darker: #802B1F; --color-error-deep: #551E14; --color-error-deepest: #2B100A; /* Cores Neutras (Neutral) */ --color-neutral-tinted: #FAFAFA; --color-neutral-pale: #E5E5E5; --color-neutral-light: #D1D1D1; --color-neutral-soft: #BDBDBD; --color-neutral-pure: #A8A8A8; --color-neutral-dark: #949494; --color-neutral-darker: #7F7F7F; --color-neutral-deep: #4A4A4A; --color-neutral-deepest: #292929; /* Cores Essenciais (Essence)*/ --color-essence-ivory: #FFFFFF; --color-essence-charcoal: #000; } /* Geral */ img { width: 100%; height: 100%; } ul { list-style: none; } /* Display Styles */ .display-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-xxl); line-height: var(--line-height-huge); } .display-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-xl); line-height: var(--line-height-xxl); } .display-small { font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); line-height: var(--line-height-xl); } /* Headline Styles */ .headline-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-lg); line-height: var(--line-height-md); } .headline-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-md); line-height: var(--line-height-lg); } .headline-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-sm); line-height: var(--line-height-md); } /* Title Styles */ .title-large { font-weight: var(--font-weight-bold); font-size: var(--font-size-sm); line-height: var(--line-height-lg); } .title-medium { font-weight: var(--font-weight-bold); font-size: var(--font-size-xs); line-height: var(--line-height-md); } .title-small { font-weight: var(--font-weight-bold); font-size: var(--font-size-xxs); line-height: var(--line-height-xs); } /* Body */ .body-large { font-weight: var(--font-weight-regular); font-size: var(--font-size-xs); line-height: var(--line-height-md); } .body-medium { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxs); line-height: var(--line-height-sm); } .body-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxxs); line-height: var(--line-height-sm); } /* Label */ .label-large { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxs); line-height: var(--line-height-xs); } .label-medium { font-weight: var(--font-weight-regular); font-size: var(--font-size-xxxs); line-height: var(--line-height-xs); } .label-small { font-weight: var(--font-weight-regular); font-size: var(--font-size-hadron); line-height: var(--line-height-xxs); } /* Avatar */ .avatar { display: flex; padding: var(--padding-nano, 8px); flex-direction: column; justify-content: center; align-items: center; flex-shrink: 0; border-radius: var(--border-radius-nano, 8px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-light, #D1D1D1); background: var(--color-neutral-pale, #E5E5E5); } .avatar-img { padding: var(--padding-none, 0px); overflow: hidden; position: relative; } .avatar.large { width: 40px; height: 40px; } .avatar.medium { width: 32px; height: 32px; } /* Alertas */ .alert { display: flex; padding: var(--padding-nano, 8px); justify-content: center; align-items: center; gap: var(--margin-md, 24px); border-radius: var(--border-radius-xs, 16px); } .alert.warning { border: var(--border-width-hairline, 1px) solid var(--color-warning-pure, #FF8A00); background: var(--color-warning-tinted, #FFECD9); box-shadow: var(--shadow-level-1); color: var(--color-warning-deep); } /* Text Styles */ .link { text-decoration: underline; color: var(--color-accent-pure); } .bold { font-weight: var(--font-weight-bold); } .regular { font-weight: var(--font-weight-regular); } .ft-xxs { font-size: var(--font-size-xxs, 14px) !important; } .ft-xs { font-size: var(--font-size-xs, 16px) !important; } .ft-sm { font-size: var(--font-size-sm, 20px) !important; } .ft-md { font-size: var(--font-size-md, 24px) !important; } .ellipse-text { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-clamp: 1; overflow: hidden; text-align: start; text-overflow: ellipsis; } .line-normal { line-height: normal; } /* Linha e Barra */ .line { width: 100%; height: 1px; background: var(--color-neutral-pale, #E5E5E5); } .divisor { background: var(--color-neutral-pale, #E5E5E5); width: 1px; align-self: stretch; } /* Crescimento de Flex */ .flex-grow { flex: 1 0 0; } .flex-two-grow { flex: 2.07 0 0; } .gap-6 { gap: var(--margin-xl, 40px) !important; } /* Padding */ .pt-6 { padding-top: 4rem !important; } /* Width */ .w-200 { width: 214px !important; } .w-250 { width: 230px !important; } .w-300 { width: 310px; } /* Height */ .h-fit { height: fit-content; } /* Backgrounds */ .bg-white { background: var(--color-essence-ivory, #FFF) !important; } .bg-shadow { border-radius: var(--border-radius-nano, 8px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); padding: var(--padding-xs, 16px); box-shadow: var(--shadow-level-3); } .bg-neutral { border-radius: var(--border-radius-nano, 8px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); padding: var(--padding-xs, 16px); box-shadow: var(--shadow-level-3); } .bg-secondary { border: 1px solid var(--color-secondary-pale, #B3C3DA) !important; background: var(--color-secondary-tinted, #E8EEF5) !important; } .bg-primary { border: 1px solid var(--color-primary-pale, #B3C3DA) !important; background: var(--color-primary-tinted, #E8EEF5) !important; } .cursor-default { cursor: default !important; } .box-shadow-3 { box-shadow: var(--shadow-level-3); } .box-shadow-5 { box-shadow: var(--shadow-level-5); } /* Bordas */ .border-1 { border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5) !important; } /* Colors */ .success, .check { color: var(--color-success-pure); } .bg-success { color: var(--color-success-pure, #29CC5F); border: none !important; border-radius: var(--border-radius-quark, 4px) !important; background-color: var(--color-success-tinted, #E6F8EC) !important; } /* dropdown item */ .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--color-neutral-dark); } /* classes cores */ .neutral-deep { color: var(--color-neutral-deep) !important; } .neutral-text { color: var(--color-neutral-darker) !important; } .neutral-dark { color: var(--color-neutral-dark) !important; } .neutral-pure { color: var(--color-neutral-pure) !important; } .neutral-color { color: var(--color-essence-charcoal, #000000) !important; } .accent-color { color: var(--color-secondary-pure, #163867); } .primary-color { color: var(--color-primary-pure, #186531); } .warning-pure { color: var(--color-warning-pure, #FF8A00); } .white-color { color: var(--color-essence-ivory, #fff) !important; } .destructive-color { color: var(--color-error-pure, #fff) !important; } .whatsapp-color { color: #449d44 !important; } /* Visivel e escondido */ .hidden { opacity: 0; transform: translateY(-20px); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none; } .visible { opacity: 1; transform: translateY(0); transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: auto; } .cursor-pointer { cursor: pointer !important; } /* Pagination */ .d-flex .pagination { display: flex; justify-content: flex-end; align-items: center; gap: var(--margin-md, 24px); align-self: stretch; } /* Item da Lista */ .item-list { display: flex; width: 100%; padding: var(--padding-xs, 16px); justify-content: center; gap: var(--margin-xs, 16px); transition: all .2s ease; border-radius: var(--border-radius-xs, 16px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); align-items: center; } .item-list:hover { border-radius: var(--border-radius-xs, 16px); border: 1px solid var(--color-neutral-pale, #E5E5E5); background: var(--color-essence-ivory, #FFF); cursor: pointer; transform: translateY(-1px); box-shadow: var(--shadow-level-3); } .item-list:active { border: 1px solid var(--color-neutral-pale, #E5E5E5); transform: scale(.99); background: var(--color-neutral-pale, #E5E5E5); } /* C�digo/Tag */ .code { display: flex; padding: var(--padding-hadron, 2px) var(--margin-quark, 4px); justify-content: center; align-items: center; gap: var(--margin-quark, 4px); border-radius: var(--border-radius-quark, 4px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FAFAFA); } .indicator { display: flex; width: 100%; min-height: 407px; height: 100%; padding: var(--padding-xs, 16px); flex-direction: column; justify-content: center; gap: var(--margin-xs, 16px); transition: all .2s ease; border-radius: var(--border-radius-xs, 16px); border: var(--border-width-hairline, 1px) solid var(--color-neutral-pale, #E5E5E5); background: var(--color-neutral-tinted, #FFF); } .mobile-view { display: none !important; } .web-view { display: flex !important; } @media screen and (max-width: 700px) { .mobile-view { display: flex !important; } .web-view { display: none !important; } }