@joza/joza-ui-kit 0.1.8 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1,76 +1,3 @@
1
- .animated-stat-module_animatedStat__Hyy77 {
2
- text-align: center;
3
- }
4
- .animated-stat-module_animatedStat__number__xa33x {
5
- font-size: 1.875rem;
6
- font-weight: 700;
7
- color: hsl(23, 100%, 48%);
8
- }
9
- @media (min-width: 640px) {
10
- .animated-stat-module_animatedStat__number__xa33x {
11
- font-size: 2.25rem;
12
- }
13
- }
14
- .animated-stat-module_animatedStat__unit__N6MDD {
15
- font-size: 1.5rem;
16
- font-weight: 700;
17
- color: hsl(23, 100%, 48%);
18
- }
19
- @media (min-width: 640px) {
20
- .animated-stat-module_animatedStat__unit__N6MDD {
21
- font-size: 1.875rem;
22
- }
23
- }
24
- .animated-stat-module_animatedStat__label__VpNaZ {
25
- color: rgba(255, 255, 255, 0.6);
26
- font-size: 0.875rem;
27
- }
28
- .button2-module_button2__TJ0uA {
29
- display: inline-flex;
30
- align-items: center;
31
- justify-content: center;
32
- gap: 0.5rem;
33
- font-weight: 500;
34
- border-radius: 0.5rem;
35
- cursor: pointer;
36
- transition: all 200ms ease;
37
- }
38
- .button2-module_button2__TJ0uA:disabled {
39
- opacity: 0.5;
40
- cursor: not-allowed;
41
- }
42
- .button2-module_button2__TJ0uA {
43
- padding: 0.5rem 1.5rem;
44
- font-size: 0.875rem;
45
- }
46
- .button2-module_button2__primary__b8-p4 {
47
- background-color: hsl(23, 100%, 48%);
48
- color: white;
49
- }
50
- .button2-module_button2__primary__b8-p4:hover:not(:disabled) {
51
- background-color: hsl(23, 100%, 40%);
52
- }
53
- .button2-module_button2__lg__KYxhn {
54
- padding: 0.75rem 2rem;
55
- font-size: 1.125rem;
56
- }
57
- .button2-module_button2__icon__k7LVe {
58
- width: 1.25rem;
59
- height: 1.25rem;
60
- transition: transform 200ms ease;
61
- }
62
- .button2-module_button2__TJ0uA:hover .button2-module_button2__icon__picture__MCRsw {
63
- transform: translateX(0.25rem);
64
- }
65
- .button2-module_button2__ghost__yfm4E {
66
- background-color: transparent;
67
- }
68
- .button2-module_button2__ghost__yfm4E:hover:not(:disabled) {
69
- background-color: rgba(30.6, 35.7, 45.9, 0.05);
70
- }
71
- .button2-module_button2__full__S71L2 {
72
- width: 100%;
73
- }
74
1
  *,
75
2
  *::before,
76
3
  *::after {
@@ -2174,4 +2101,968 @@ p {
2174
2101
  padding-left: 0.75rem;
2175
2102
  padding-right: 0.75rem;
2176
2103
  }
2104
+ }
2105
+ .animated-stat-module_animatedStat__Hyy77 {
2106
+ text-align: center;
2107
+ }
2108
+ .animated-stat-module_animatedStat__number__xa33x {
2109
+ font-size: 1.875rem;
2110
+ font-weight: 700;
2111
+ color: hsl(23, 100%, 48%);
2112
+ }
2113
+ @media (min-width: 640px) {
2114
+ .animated-stat-module_animatedStat__number__xa33x {
2115
+ font-size: 2.25rem;
2116
+ }
2117
+ }
2118
+ .animated-stat-module_animatedStat__unit__N6MDD {
2119
+ font-size: 1.5rem;
2120
+ font-weight: 700;
2121
+ color: hsl(23, 100%, 48%);
2122
+ }
2123
+ @media (min-width: 640px) {
2124
+ .animated-stat-module_animatedStat__unit__N6MDD {
2125
+ font-size: 1.875rem;
2126
+ }
2127
+ }
2128
+ .animated-stat-module_animatedStat__label__VpNaZ {
2129
+ color: rgba(255, 255, 255, 0.6);
2130
+ font-size: 0.875rem;
2131
+ }
2132
+ .button2-module_button2__TJ0uA {
2133
+ display: inline-flex;
2134
+ align-items: center;
2135
+ justify-content: center;
2136
+ gap: 0.5rem;
2137
+ font-weight: 500;
2138
+ border-radius: 0.5rem;
2139
+ cursor: pointer;
2140
+ transition: all 200ms ease;
2141
+ }
2142
+ .button2-module_button2__TJ0uA:disabled {
2143
+ opacity: 0.5;
2144
+ cursor: not-allowed;
2145
+ }
2146
+ .button2-module_button2__TJ0uA {
2147
+ padding: 0.5rem 1.5rem;
2148
+ font-size: 0.875rem;
2149
+ }
2150
+ .button2-module_button2__primary__b8-p4 {
2151
+ background-color: hsl(23, 100%, 48%);
2152
+ color: white;
2153
+ }
2154
+ .button2-module_button2__primary__b8-p4:hover:not(:disabled) {
2155
+ background-color: hsl(23, 100%, 40%);
2156
+ }
2157
+ .button2-module_button2__lg__KYxhn {
2158
+ padding: 0.75rem 2rem;
2159
+ font-size: 1.125rem;
2160
+ }
2161
+ .button2-module_button2__icon__k7LVe {
2162
+ width: 1.25rem;
2163
+ height: 1.25rem;
2164
+ transition: transform 200ms ease;
2165
+ }
2166
+ .button2-module_button2__TJ0uA:hover .button2-module_button2__icon__picture__MCRsw {
2167
+ transform: translateX(0.25rem);
2168
+ }
2169
+ .button2-module_button2__ghost__yfm4E {
2170
+ background-color: transparent;
2171
+ }
2172
+ .button2-module_button2__ghost__yfm4E:hover:not(:disabled) {
2173
+ background-color: rgba(30.6, 35.7, 45.9, 0.05);
2174
+ }
2175
+ .button2-module_button2__full__S71L2 {
2176
+ width: 100%;
2177
+ }
2178
+ @keyframes carousel-module_fadeIn__Zjn63 {
2179
+ from {
2180
+ opacity: 0;
2181
+ transform: translateY(10px);
2182
+ }
2183
+ to {
2184
+ opacity: 1;
2185
+ transform: translateY(0);
2186
+ }
2187
+ }
2188
+ @keyframes carousel-module_fadeOut__RnD2W {
2189
+ from {
2190
+ opacity: 1;
2191
+ transform: translateY(0);
2192
+ }
2193
+ to {
2194
+ opacity: 0;
2195
+ transform: translateY(10px);
2196
+ }
2197
+ }
2198
+ @keyframes carousel-module_scaleIn__8KyVz {
2199
+ from {
2200
+ opacity: 0;
2201
+ transform: scale(0.95);
2202
+ }
2203
+ to {
2204
+ opacity: 1;
2205
+ transform: scale(1);
2206
+ }
2207
+ }
2208
+ @keyframes carousel-module_scaleOut__mar6x {
2209
+ from {
2210
+ opacity: 1;
2211
+ transform: scale(1);
2212
+ }
2213
+ to {
2214
+ opacity: 0;
2215
+ transform: scale(0.95);
2216
+ }
2217
+ }
2218
+ @keyframes carousel-module_slideInRight__Bxq-9 {
2219
+ from {
2220
+ transform: translateX(100%);
2221
+ }
2222
+ to {
2223
+ transform: translateX(0);
2224
+ }
2225
+ }
2226
+ @keyframes carousel-module_slideOutRight__Vum1W {
2227
+ from {
2228
+ transform: translateX(0);
2229
+ }
2230
+ to {
2231
+ transform: translateX(100%);
2232
+ }
2233
+ }
2234
+ @keyframes carousel-module_spin__mc9CT {
2235
+ from {
2236
+ transform: rotate(0deg);
2237
+ }
2238
+ to {
2239
+ transform: rotate(360deg);
2240
+ }
2241
+ }
2242
+ @keyframes carousel-module_pulse__O5kfM {
2243
+ 0%, 100% {
2244
+ opacity: 1;
2245
+ }
2246
+ 50% {
2247
+ opacity: 0.5;
2248
+ }
2249
+ }
2250
+ @keyframes carousel-module_bounce__fXa2v {
2251
+ 0%, 100% {
2252
+ transform: translateY(-25%);
2253
+ animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
2254
+ }
2255
+ 50% {
2256
+ transform: translateY(0);
2257
+ animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
2258
+ }
2259
+ }
2260
+ @keyframes carousel-module_float__C4iAD {
2261
+ 0%, 100% {
2262
+ transform: translateY(0);
2263
+ }
2264
+ 50% {
2265
+ transform: translateY(-10px);
2266
+ }
2267
+ }
2268
+ @keyframes carousel-module_scroll__pRAlK {
2269
+ 0% {
2270
+ transform: translateX(0);
2271
+ }
2272
+ 100% {
2273
+ transform: translateX(-50%);
2274
+ }
2275
+ }
2276
+ @keyframes carousel-module_shimmer__beOjt {
2277
+ 0% {
2278
+ background-position: -200% 0;
2279
+ }
2280
+ 100% {
2281
+ background-position: 200% 0;
2282
+ }
2283
+ }
2284
+ @keyframes carousel-module_accordionDown__UGrF1 {
2285
+ from {
2286
+ height: 0;
2287
+ opacity: 0;
2288
+ }
2289
+ to {
2290
+ height: var(--radix-accordion-content-height);
2291
+ opacity: 1;
2292
+ }
2293
+ }
2294
+ @keyframes carousel-module_accordionUp__8k2n7 {
2295
+ from {
2296
+ height: var(--radix-accordion-content-height);
2297
+ opacity: 1;
2298
+ }
2299
+ to {
2300
+ height: 0;
2301
+ opacity: 0;
2302
+ }
2303
+ }
2304
+ .carousel-module_animate-fade-in__bqp2V {
2305
+ animation: carousel-module_fadeIn__Zjn63 0.3s ease-out forwards;
2306
+ }
2307
+
2308
+ .carousel-module_animate-fade-out__-MYRy {
2309
+ animation: carousel-module_fadeOut__RnD2W 0.3s ease-out forwards;
2310
+ }
2311
+
2312
+ .carousel-module_animate-scale-in__ofUCd {
2313
+ animation: carousel-module_scaleIn__8KyVz 0.2s ease-out forwards;
2314
+ }
2315
+
2316
+ .carousel-module_animate-scale-out__Y9FGV {
2317
+ animation: carousel-module_scaleOut__mar6x 0.2s ease-out forwards;
2318
+ }
2319
+
2320
+ .carousel-module_animate-slide-in-right__HZAtZ {
2321
+ animation: carousel-module_slideInRight__Bxq-9 0.3s ease-out forwards;
2322
+ }
2323
+
2324
+ .carousel-module_animate-slide-out-right__yzSku {
2325
+ animation: carousel-module_slideOutRight__Vum1W 0.3s ease-out forwards;
2326
+ }
2327
+
2328
+ .carousel-module_animate-spin__lWxc2 {
2329
+ animation: carousel-module_spin__mc9CT 1s linear infinite;
2330
+ }
2331
+
2332
+ .carousel-module_animate-pulse__-0xHe {
2333
+ animation: carousel-module_pulse__O5kfM 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
2334
+ }
2335
+
2336
+ .carousel-module_animate-bounce__KY64D {
2337
+ animation: carousel-module_bounce__fXa2v 1s infinite;
2338
+ }
2339
+
2340
+ .carousel-module_animate-float__9OyfA {
2341
+ animation: carousel-module_float__C4iAD 3s ease-in-out infinite;
2342
+ }
2343
+
2344
+ .carousel-module_animate-scroll__tWTOO {
2345
+ animation: carousel-module_scroll__pRAlK 30s linear infinite;
2346
+ }
2347
+ .carousel-module_animate-scroll__tWTOO:hover {
2348
+ animation-play-state: paused;
2349
+ }
2350
+
2351
+ .carousel-module_animate-shimmer__a-V1m {
2352
+ background: linear-gradient(90deg, rgba(243.372, 244.324, 246.228, 0) 0%, rgba(243.372, 244.324, 246.228, 0.5) 50%, rgba(243.372, 244.324, 246.228, 0) 100%);
2353
+ background-size: 200% 100%;
2354
+ animation: carousel-module_shimmer__beOjt 1.5s infinite;
2355
+ }
2356
+
2357
+ .carousel-module_animate-accordion-down__o3Ep4 {
2358
+ animation: carousel-module_accordionDown__UGrF1 0.2s ease-out;
2359
+ }
2360
+
2361
+ .carousel-module_animate-accordion-up__Dx9BQ {
2362
+ animation: carousel-module_accordionUp__8k2n7 0.2s ease-out;
2363
+ }
2364
+
2365
+ .carousel-module_animate-delay-100__ZJ8f8 {
2366
+ animation-delay: 100ms;
2367
+ }
2368
+
2369
+ .carousel-module_animate-delay-200__5HQAo {
2370
+ animation-delay: 200ms;
2371
+ }
2372
+
2373
+ .carousel-module_animate-delay-300__YHwiy {
2374
+ animation-delay: 300ms;
2375
+ }
2376
+
2377
+ .carousel-module_animate-delay-400__DC0qJ {
2378
+ animation-delay: 400ms;
2379
+ }
2380
+
2381
+ .carousel-module_animate-delay-500__Jnv-h {
2382
+ animation-delay: 500ms;
2383
+ }
2384
+
2385
+ .carousel-module_animate-delay-600__gOnqr {
2386
+ animation-delay: 600ms;
2387
+ }
2388
+
2389
+ .carousel-module_animate-delay-700__sgpIq {
2390
+ animation-delay: 700ms;
2391
+ }
2392
+
2393
+ .carousel-module_animate-delay-800__MJGen {
2394
+ animation-delay: 800ms;
2395
+ }
2396
+
2397
+ .carousel-module_animate-delay-900__Eu9gy {
2398
+ animation-delay: 900ms;
2399
+ }
2400
+
2401
+ .carousel-module_animate-delay-1000__xyXHj {
2402
+ animation-delay: 1000ms;
2403
+ }
2404
+
2405
+ .carousel-module_transition-all__YogMI {
2406
+ transition: all 200ms ease;
2407
+ }
2408
+
2409
+ .carousel-module_transition-colors__gYJ5g {
2410
+ transition: color 200ms ease, background-color 200ms ease, border-color 200ms ease;
2411
+ }
2412
+
2413
+ .carousel-module_transition-transform__r-ZZS {
2414
+ transition: transform 200ms ease;
2415
+ }
2416
+
2417
+ .carousel-module_transition-opacity__7dsIX {
2418
+ transition: opacity 200ms ease;
2419
+ }
2420
+
2421
+ .carousel-module_transition-shadow__x9olZ {
2422
+ transition: box-shadow 200ms ease;
2423
+ }
2424
+
2425
+ .carousel-module_hover-scale__2TViT {
2426
+ transition: transform 200ms ease;
2427
+ }
2428
+ .carousel-module_hover-scale__2TViT:hover {
2429
+ transform: scale(1.05);
2430
+ }
2431
+
2432
+ .carousel-module_hover-lift__QL4uv {
2433
+ transition: transform 200ms ease, box-shadow 200ms ease;
2434
+ }
2435
+ .carousel-module_hover-lift__QL4uv:hover {
2436
+ transform: translateY(-4px);
2437
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
2438
+ }
2439
+
2440
+ .carousel-module_carousel__wqzvf {
2441
+ position: relative;
2442
+ overflow: hidden;
2443
+ margin-bottom: 4rem;
2444
+ }
2445
+ .carousel-module_carousel__track__tYeyk {
2446
+ display: flex;
2447
+ animation: carousel-module_scroll__pRAlK 10s linear infinite;
2448
+ }
2449
+ .carousel-module_carousel__logo__Rm8zv {
2450
+ flex-shrink: 0;
2451
+ margin: 0 2rem;
2452
+ display: flex;
2453
+ align-items: center;
2454
+ justify-content: center;
2455
+ height: 4rem;
2456
+ width: 8rem;
2457
+ }
2458
+ .carousel-module_carousel__logo__Rm8zv img {
2459
+ max-height: 3rem;
2460
+ max-width: 100%;
2461
+ object-fit: contain;
2462
+ filter: grayscale(100%);
2463
+ opacity: 0.7;
2464
+ transition: all 200ms ease;
2465
+ }
2466
+ .carousel-module_carousel__logo__Rm8zv img:hover {
2467
+ filter: grayscale(0);
2468
+ opacity: 1;
2469
+ }
2470
+ .form-module_form__QYrV- {
2471
+ padding: 2rem;
2472
+ border-radius: 1.5rem;
2473
+ background-color: rgba(255, 255, 255, 0.05);
2474
+ border: 1px solid rgba(255, 255, 255, 0.1);
2475
+ }
2476
+ .form-module_form__title__pkchh {
2477
+ font-size: 1.5rem;
2478
+ font-weight: 700;
2479
+ color: hsl(0, 0%, 100%);
2480
+ margin-bottom: 1.5rem;
2481
+ }
2482
+ .form-module_form__row__ZXAuR {
2483
+ display: grid;
2484
+ gap: 1.25rem;
2485
+ margin-bottom: 1.25rem;
2486
+ }
2487
+ @media (min-width: 640px) {
2488
+ .form-module_form__row__ZXAuR {
2489
+ grid-template-columns: repeat(2, 1fr);
2490
+ }
2491
+ }
2492
+ .form-module_form__group__SjiFB {
2493
+ margin-bottom: 1.25rem;
2494
+ }
2495
+ .form-module_form__label__-y8pi {
2496
+ display: block;
2497
+ font-size: 0.875rem;
2498
+ font-weight: 500;
2499
+ color: rgba(255, 255, 255, 0.8);
2500
+ margin-bottom: 0.5rem;
2501
+ }
2502
+ .form-module_form__input__YAsBo, .form-module_form__textarea__xeNDP {
2503
+ width: 100%;
2504
+ padding: 0.5rem 1rem;
2505
+ background-color: rgba(255, 255, 255, 0.1);
2506
+ border: 1px solid rgba(255, 255, 255, 0.2);
2507
+ border-radius: 0.5rem;
2508
+ color: hsl(0, 0%, 100%);
2509
+ font-size: 1rem;
2510
+ transition: border-color 150ms ease, box-shadow 150ms ease;
2511
+ }
2512
+ .form-module_form__input__YAsBo::placeholder, .form-module_form__textarea__xeNDP::placeholder {
2513
+ color: rgba(255, 255, 255, 0.4);
2514
+ }
2515
+ .form-module_form__input__YAsBo:focus, .form-module_form__textarea__xeNDP:focus {
2516
+ outline: none;
2517
+ border-color: hsl(23, 100%, 48%);
2518
+ box-shadow: 0 0 0 3px rgba(244.8, 93.84, 0, 0.2);
2519
+ }
2520
+ .form-module_form__textarea__xeNDP {
2521
+ resize: none;
2522
+ min-height: 8rem;
2523
+ }
2524
+ .form-module_form__note__5XSbq {
2525
+ color: rgba(255, 255, 255, 0.5);
2526
+ font-size: 0.875rem;
2527
+ text-align: center;
2528
+ margin-top: 1rem;
2529
+ }
2530
+ .horizontal-menu-module_horizontalMenu__x03o- {
2531
+ position: fixed;
2532
+ top: 0;
2533
+ left: 0;
2534
+ right: 0;
2535
+ z-index: 200;
2536
+ background-color: rgba(255, 255, 255, 0.95);
2537
+ backdrop-filter: blur(12px);
2538
+ border-bottom: 1px solid hsl(220, 14%, 90%);
2539
+ }
2540
+ .horizontal-menu-module_horizontalMenu__container__521HT {
2541
+ width: 100%;
2542
+ max-width: 1280px;
2543
+ margin-left: auto;
2544
+ margin-right: auto;
2545
+ padding-left: 1rem;
2546
+ padding-right: 1rem;
2547
+ }
2548
+ @media (min-width: 640px) {
2549
+ .horizontal-menu-module_horizontalMenu__container__521HT {
2550
+ padding-left: 1.5rem;
2551
+ padding-right: 1.5rem;
2552
+ }
2553
+ }
2554
+ @media (min-width: 1024px) {
2555
+ .horizontal-menu-module_horizontalMenu__container__521HT {
2556
+ padding-left: 2rem;
2557
+ padding-right: 2rem;
2558
+ }
2559
+ }
2560
+ .horizontal-menu-module_horizontalMenu__inner__aSi7U {
2561
+ display: flex;
2562
+ align-items: center;
2563
+ justify-content: space-between;
2564
+ height: 5rem;
2565
+ }
2566
+ .horizontal-menu-module_horizontalMenu__logo__M-cdQ {
2567
+ flex-shrink: 0;
2568
+ }
2569
+ .horizontal-menu-module_horizontalMenu__logo__M-cdQ img {
2570
+ height: 3rem;
2571
+ width: auto;
2572
+ }
2573
+ .horizontal-menu-module_horizontalMenu__menu__Ukh9l {
2574
+ display: none;
2575
+ }
2576
+ @media (min-width: 1024px) {
2577
+ .horizontal-menu-module_horizontalMenu__menu__Ukh9l {
2578
+ display: block;
2579
+ }
2580
+ }
2581
+ .horizontal-menu-module_horizontalMenu__list__Ruv5a {
2582
+ display: flex;
2583
+ align-items: center;
2584
+ gap: 2rem;
2585
+ margin-left: 2.5rem;
2586
+ }
2587
+ .horizontal-menu-module_horizontalMenu__link__i4oo0 {
2588
+ color: hsl(220, 10%, 45%);
2589
+ font-size: 0.875rem;
2590
+ font-weight: 500;
2591
+ padding: 0.5rem 0.75rem;
2592
+ transition: color 200ms ease;
2593
+ }
2594
+ .horizontal-menu-module_horizontalMenu__link__i4oo0:hover {
2595
+ color: hsl(23, 100%, 48%);
2596
+ }
2597
+ .horizontal-menu-module_horizontalMenu__cta__wUg9c {
2598
+ display: none;
2599
+ }
2600
+ @media (min-width: 1024px) {
2601
+ .horizontal-menu-module_horizontalMenu__cta__wUg9c {
2602
+ display: block;
2603
+ }
2604
+ }
2605
+ .horizontal-menu-module_horizontalMenu__mobile_toggle__7yXTb {
2606
+ display: block;
2607
+ }
2608
+ @media (min-width: 1024px) {
2609
+ .horizontal-menu-module_horizontalMenu__mobile_toggle__7yXTb {
2610
+ display: none;
2611
+ }
2612
+ }
2613
+ .horizontal-menu-module_horizontalMenu__mobile_menu__4yPqs {
2614
+ display: block;
2615
+ padding: 0.5rem 0.75rem;
2616
+ margin-top: 0.5rem;
2617
+ }
2618
+ @media (min-width: 1024px) {
2619
+ .horizontal-menu-module_horizontalMenu__mobile_menu__4yPqs {
2620
+ display: none;
2621
+ }
2622
+ }
2623
+ .horizontal-menu-module_horizontalMenu__mobile_content__ZX1rh {
2624
+ padding: 0.5rem;
2625
+ background-color: hsl(0, 0%, 100%);
2626
+ border: 1px solid hsl(220, 14%, 90%);
2627
+ border-radius: 0.75rem;
2628
+ }
2629
+ .horizontal-menu-module_horizontalMenu__mobile_link__Y1eSt {
2630
+ display: block;
2631
+ color: hsl(220, 10%, 45%);
2632
+ padding: 0.5rem 0.75rem;
2633
+ border-radius: 0.5rem;
2634
+ font-weight: 500;
2635
+ transition: color 200ms ease;
2636
+ }
2637
+ .horizontal-menu-module_horizontalMenu__mobile_link__Y1eSt:hover {
2638
+ color: hsl(23, 100%, 48%);
2639
+ }
2640
+ .horizontal-menu-module_horizontalMenu__mobile_cta__CWYI4 {
2641
+ padding-top: 0.5rem;
2642
+ }
2643
+ .horizontal-points-module_horizontalPoints__container__mRGx9 {
2644
+ display: flex;
2645
+ flex-wrap: wrap;
2646
+ justify-content: center;
2647
+ gap: 1.5rem;
2648
+ margin-bottom: 2.5rem;
2649
+ }
2650
+ .horizontal-points-module_horizontalPoints__item__xnRLO {
2651
+ display: flex;
2652
+ align-items: flex-start;
2653
+ gap: 0.5rem;
2654
+ color: rgba(255, 255, 255, 0.9);
2655
+ }
2656
+ .horizontal-points-module_horizontalPoints__item__xnRLO svg {
2657
+ height: 1.25rem;
2658
+ width: 1.25rem;
2659
+ color: hsl(23, 100%, 48%);
2660
+ flex-shrink: 0;
2661
+ }
2662
+ .section-header-module_sectionHeader__accent__J5jS2 {
2663
+ color: hsl(23, 100%, 48%);
2664
+ }
2665
+ .section-header-module_sectionHeader__header__-C-iq {
2666
+ text-align: center;
2667
+ margin-bottom: 4rem;
2668
+ }
2669
+ .section-header-module_sectionHeader__label__BTcOk {
2670
+ color: hsl(23, 100%, 48%);
2671
+ font-weight: 600;
2672
+ letter-spacing: 0.1em;
2673
+ text-transform: uppercase;
2674
+ font-size: 0.875rem;
2675
+ margin-bottom: 1rem;
2676
+ display: block;
2677
+ }
2678
+ .section-header-module_sectionHeader__title__yIGuX {
2679
+ font-size: 1.875rem;
2680
+ font-weight: 700;
2681
+ color: hsl(220, 20%, 15%);
2682
+ margin-bottom: 1.5rem;
2683
+ }
2684
+ @media (min-width: 640px) {
2685
+ .section-header-module_sectionHeader__title__yIGuX {
2686
+ font-size: 2.25rem;
2687
+ }
2688
+ }
2689
+ @media (min-width: 1024px) {
2690
+ .section-header-module_sectionHeader__title__yIGuX {
2691
+ font-size: 3rem;
2692
+ }
2693
+ }
2694
+ .section-header-module_sectionHeader__title_dark__MnI6m {
2695
+ font-size: 2.25rem;
2696
+ font-weight: 700;
2697
+ color: hsl(0, 0%, 100%);
2698
+ margin-bottom: 1.5rem;
2699
+ line-height: 1.1;
2700
+ }
2701
+ @media (min-width: 768px) {
2702
+ .section-header-module_sectionHeader__title_dark__MnI6m {
2703
+ font-size: 3rem;
2704
+ }
2705
+ }
2706
+ @media (min-width: 1024px) {
2707
+ .section-header-module_sectionHeader__title_dark__MnI6m {
2708
+ font-size: 3.75rem;
2709
+ }
2710
+ }
2711
+ .section-header-module_sectionHeader__title_dark__MnI6m .section-header-module_accent__uJ44h {
2712
+ color: hsl(23, 100%, 48%);
2713
+ }
2714
+ .section-header-module_sectionHeader__subtitle__5Gk0W {
2715
+ font-size: 1.125rem;
2716
+ color: hsl(220, 10%, 45%);
2717
+ max-width: 42rem;
2718
+ margin: 0 auto;
2719
+ }
2720
+ .section-header-module_sectionHeader__subtitle_dark__L3Rmq {
2721
+ font-size: 1.125rem;
2722
+ color: rgba(255, 255, 255, 0.8);
2723
+ margin-bottom: 2rem;
2724
+ max-width: 42rem;
2725
+ margin-left: auto;
2726
+ margin-right: auto;
2727
+ line-height: 1.7;
2728
+ }
2729
+ @media (min-width: 768px) {
2730
+ .section-header-module_sectionHeader__subtitle_dark__L3Rmq {
2731
+ font-size: 1.25rem;
2732
+ }
2733
+ }
2734
+ .vertical-points-module_VerticalPoints__list__XyG8H {
2735
+ display: flex;
2736
+ flex-direction: column;
2737
+ gap: 1rem;
2738
+ }
2739
+ .vertical-points-module_VerticalPoints__item__wqR9S {
2740
+ display: flex;
2741
+ align-items: center;
2742
+ gap: 1rem;
2743
+ padding: 1rem;
2744
+ background-color: hsl(0, 0%, 100%);
2745
+ border-radius: 0.75rem;
2746
+ border: 1px solid hsl(220, 14%, 90%);
2747
+ transition: border-color 200ms ease;
2748
+ }
2749
+ .vertical-points-module_VerticalPoints__item__wqR9S:hover {
2750
+ border-color: rgba(244.8, 93.84, 0, 0.3);
2751
+ }
2752
+ .vertical-points-module_VerticalPoints__item__icon-wrapper__SQgGU {
2753
+ width: 2rem;
2754
+ height: 2rem;
2755
+ background-color: rgba(244.8, 93.84, 0, 0.1);
2756
+ border-radius: 9999px;
2757
+ display: flex;
2758
+ align-items: center;
2759
+ justify-content: center;
2760
+ flex-shrink: 0;
2761
+ }
2762
+ .vertical-points-module_VerticalPoints__item__icon__5TeEx {
2763
+ width: 1.25rem;
2764
+ height: 1.25rem;
2765
+ color: hsl(23, 100%, 48%);
2766
+ }
2767
+ .vertical-points-module_VerticalPoints__item__text__JtmBY {
2768
+ color: hsl(220, 20%, 15%);
2769
+ font-weight: 500;
2770
+ }
2771
+ .footer-module_Footer__XR7K6 {
2772
+ background-color: hsl(220, 20%, 15%);
2773
+ color: hsl(0, 0%, 100%);
2774
+ padding: 2rem 0;
2775
+ }
2776
+ .footer-module_Footer__container__Qb6Dz {
2777
+ width: 100%;
2778
+ max-width: 1280px;
2779
+ margin-left: auto;
2780
+ margin-right: auto;
2781
+ padding-left: 1rem;
2782
+ padding-right: 1rem;
2783
+ }
2784
+ @media (min-width: 640px) {
2785
+ .footer-module_Footer__container__Qb6Dz {
2786
+ padding-left: 1.5rem;
2787
+ padding-right: 1.5rem;
2788
+ }
2789
+ }
2790
+ @media (min-width: 1024px) {
2791
+ .footer-module_Footer__container__Qb6Dz {
2792
+ padding-left: 2rem;
2793
+ padding-right: 2rem;
2794
+ }
2795
+ }
2796
+ .footer-module_Footer__inner__C-LiY {
2797
+ display: flex;
2798
+ flex-direction: column;
2799
+ align-items: center;
2800
+ gap: 1rem;
2801
+ }
2802
+ @media (min-width: 768px) {
2803
+ .footer-module_Footer__inner__C-LiY {
2804
+ flex-direction: row;
2805
+ justify-content: space-between;
2806
+ }
2807
+ }
2808
+ .footer-module_Footer__copyright__sxcuX {
2809
+ font-size: 0.875rem;
2810
+ }
2811
+ .footer-module_Footer__links__woqmE {
2812
+ display: flex;
2813
+ gap: 1.5rem;
2814
+ font-size: 0.875rem;
2815
+ }
2816
+ .footer-module_Footer__link__6nO-8 {
2817
+ transition: color 200ms ease;
2818
+ }
2819
+ .footer-module_Footer__link__6nO-8:hover {
2820
+ color: hsl(23, 100%, 48%);
2821
+ }
2822
+ .glowing-back-module_glowingBack__AuWzo {
2823
+ position: relative;
2824
+ }
2825
+ .glowing-back-module_glowingBack__visualGlow__c31iq {
2826
+ position: absolute;
2827
+ inset: -1rem;
2828
+ background: linear-gradient(to bottom right, rgba(244.8, 93.84, 0, 0.2), transparent);
2829
+ border-radius: 1.5rem;
2830
+ filter: blur(2rem);
2831
+ }
2832
+ .info-card-module_infoCard__inner__CWbnI {
2833
+ position: relative;
2834
+ overflow: hidden;
2835
+ border-radius: 1.5rem;
2836
+ padding: 1.5rem;
2837
+ padding-bottom: 0px;
2838
+ transition: all 500ms ease;
2839
+ cursor: pointer;
2840
+ }
2841
+ .info-card-module_infoCard__inner__dark__bc1ew {
2842
+ background-color: rgba(255, 255, 255, 0.05);
2843
+ border: 1px solid rgba(255, 255, 255, 0.1);
2844
+ }
2845
+ .info-card-module_infoCard__inner__light__q6ezf {
2846
+ background-color: hsl(0, 0%, 100%);
2847
+ border: 1px solid hsl(220, 14%, 90%);
2848
+ }
2849
+ .info-card-module_infoCard__inner__center__Mkbzn {
2850
+ text-align: center;
2851
+ }
2852
+ .info-card-module_infoCard__inner__left__2BO3V {
2853
+ text-align: left;
2854
+ }
2855
+ .info-card-module_infoCard__inner__hovered__3V04D {
2856
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
2857
+ transform: scale(1.02);
2858
+ border-color: rgba(244.8, 93.84, 0, 0.5);
2859
+ }
2860
+ .info-card-module_infoCard__inner__CWbnI:hover {
2861
+ box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2862
+ background-color: rgba(255, 255, 255, 0.1);
2863
+ }
2864
+ .info-card-module_infoCard__content__7HgEC {
2865
+ position: relative;
2866
+ z-index: 10;
2867
+ }
2868
+ .info-card-module_infoCard__iconWrapper__KfDaN {
2869
+ width: 4rem;
2870
+ height: 4rem;
2871
+ border-radius: 1.5rem;
2872
+ display: flex;
2873
+ align-items: center;
2874
+ justify-content: center;
2875
+ background-color: rgba(244.8, 93.84, 0, 0.1);
2876
+ transition: all 500ms ease;
2877
+ }
2878
+ .info-card-module_infoCard__iconWrapper__center__orgqz {
2879
+ margin: 0 auto 1rem;
2880
+ }
2881
+ .info-card-module_infoCard__iconWrapper__left__RUL50 {
2882
+ margin-bottom: 1.5rem;
2883
+ }
2884
+ .info-card-module_infoCard__iconWrapper__active__ZYMOs {
2885
+ background-color: hsl(23, 100%, 48%);
2886
+ transform: scale(1.1);
2887
+ }
2888
+ .info-card-module_infoCard__icon__v3033 {
2889
+ width: 2rem;
2890
+ height: 2rem;
2891
+ color: hsl(23, 100%, 48%);
2892
+ transition: color 500ms ease;
2893
+ }
2894
+ .info-card-module_infoCard__icon__active__XrQMq {
2895
+ color: white;
2896
+ }
2897
+ .info-card-module_infoCard__title__3mh0a {
2898
+ font-size: 1.25rem;
2899
+ font-weight: 700;
2900
+ margin-bottom: 0.5rem;
2901
+ line-height: 1.3;
2902
+ }
2903
+ .info-card-module_infoCard__title__dark__SZo7R {
2904
+ color: white;
2905
+ }
2906
+ .info-card-module_infoCard__title__light__CrIC- {
2907
+ color: hsl(220, 20%, 15%);
2908
+ }
2909
+ .info-card-module_infoCard__description__NKKf6 {
2910
+ font-size: 0.875rem;
2911
+ margin-bottom: 1.5rem;
2912
+ line-height: 1.7;
2913
+ }
2914
+ .info-card-module_infoCard__description__dark__Z2lZS {
2915
+ color: rgba(255, 255, 255, 0.6);
2916
+ }
2917
+ .info-card-module_infoCard__description__light__Y6m8f {
2918
+ color: hsl(220, 20%, 15%);
2919
+ }
2920
+ .info-card-module_infoCard__features__GsVGo {
2921
+ overflow: hidden;
2922
+ transition: all 500ms ease;
2923
+ max-height: 0;
2924
+ opacity: 0;
2925
+ }
2926
+ .info-card-module_infoCard__features__visible__OCot1 {
2927
+ max-height: 10rem;
2928
+ opacity: 1;
2929
+ }
2930
+ .info-card-module_infoCard__feature__VWyue {
2931
+ display: flex;
2932
+ align-items: center;
2933
+ gap: 0.5rem;
2934
+ font-size: 0.875rem;
2935
+ color: hsl(220, 20%, 15%);
2936
+ margin-bottom: 0.5rem;
2937
+ }
2938
+ .info-card-module_infoCard__feature__dot__WUY-8 {
2939
+ width: 0.375rem;
2940
+ height: 0.375rem;
2941
+ border-radius: 9999px;
2942
+ background-color: hsl(23, 100%, 48%);
2943
+ flex-shrink: 0;
2944
+ }
2945
+ .info-card-module_infoCard__cta__kztwR {
2946
+ display: flex;
2947
+ align-items: center;
2948
+ gap: 0.5rem;
2949
+ color: hsl(23, 100%, 48%);
2950
+ font-weight: 500;
2951
+ font-size: 0.875rem;
2952
+ margin-top: 1.5rem;
2953
+ transition: transform 200ms ease;
2954
+ }
2955
+ .responsive-grid-module_responsiveGrid__Eob9k {
2956
+ display: grid;
2957
+ grid-template-columns: 1fr;
2958
+ gap: 1.5rem;
2959
+ max-width: 80rem;
2960
+ margin: 0 auto;
2961
+ }
2962
+ @media (min-width: 768px) {
2963
+ .responsive-grid-module_responsiveGrid__Eob9k {
2964
+ grid-template-columns: repeat(var(--rMd), 1fr);
2965
+ }
2966
+ }
2967
+ @media (min-width: 1024px) {
2968
+ .responsive-grid-module_responsiveGrid__Eob9k {
2969
+ grid-template-columns: repeat(var(--rLg), 1fr);
2970
+ }
2971
+ }
2972
+ .section-module_Section__IXlZS {
2973
+ padding: 6rem 0;
2974
+ background-color: rgba(243.372, 244.324, 246.228, 0.3);
2975
+ }
2976
+ .section-module_Section__container__vUsMf {
2977
+ width: 100%;
2978
+ max-width: 1280px;
2979
+ margin-left: auto;
2980
+ margin-right: auto;
2981
+ padding-left: 1rem;
2982
+ padding-right: 1rem;
2983
+ }
2984
+ @media (min-width: 640px) {
2985
+ .section-module_Section__container__vUsMf {
2986
+ padding-left: 1.5rem;
2987
+ padding-right: 1.5rem;
2988
+ }
2989
+ }
2990
+ @media (min-width: 1024px) {
2991
+ .section-module_Section__container__vUsMf {
2992
+ padding-left: 2rem;
2993
+ padding-right: 2rem;
2994
+ }
2995
+ }
2996
+ .section-module_Section__dark__hqW7M {
2997
+ background-color: hsl(220, 20%, 15%);
2998
+ color: hsl(0, 0%, 100%);
2999
+ }
3000
+ .section-module_Section__background_img__xw460 {
3001
+ position: absolute;
3002
+ top: 0;
3003
+ right: 0;
3004
+ bottom: 0;
3005
+ left: 0;
3006
+ }
3007
+ .section-module_Section__background_img__xw460 img {
3008
+ width: 100%;
3009
+ height: 120%;
3010
+ object-fit: cover;
3011
+ transition: transform 100ms;
3012
+ }
3013
+ .section-module_Section__on_background__eNN7K {
3014
+ position: relative;
3015
+ min-height: 100vh;
3016
+ display: flex;
3017
+ align-items: center;
3018
+ overflow: hidden;
3019
+ text-align: center;
3020
+ }
3021
+ .section-module_Section__on_background__content__SOUjH {
3022
+ position: relative;
3023
+ z-index: 10;
3024
+ width: 100%;
3025
+ max-width: 1280px;
3026
+ margin-left: auto;
3027
+ margin-right: auto;
3028
+ padding-left: 1rem;
3029
+ padding-right: 1rem;
3030
+ }
3031
+ @media (min-width: 640px) {
3032
+ .section-module_Section__on_background__content__SOUjH {
3033
+ padding-left: 1.5rem;
3034
+ padding-right: 1.5rem;
3035
+ }
3036
+ }
3037
+ @media (min-width: 1024px) {
3038
+ .section-module_Section__on_background__content__SOUjH {
3039
+ padding-left: 2rem;
3040
+ padding-right: 2rem;
3041
+ }
3042
+ }
3043
+ .section-module_Section__overlay__saPtp {
3044
+ position: absolute;
3045
+ top: 0;
3046
+ right: 0;
3047
+ bottom: 0;
3048
+ left: 0;
3049
+ background: linear-gradient(to right, rgba(30.6, 35.7, 45.9, 0.95) 0%, rgba(30.6, 35.7, 45.9, 0.85) 50%, rgba(30.6, 35.7, 45.9, 0.7) 100%);
3050
+ }
3051
+ .section-module_Section__accent-glow__84DaV {
3052
+ position: absolute;
3053
+ top: 0;
3054
+ right: 0;
3055
+ bottom: 0;
3056
+ left: 0;
3057
+ background: linear-gradient(to bottom right, transparent 0%, transparent 50%, rgba(244.8, 93.84, 0, 0.2) 100%);
3058
+ }
3059
+ .two-columns-module_TwoColumns__grid__qsens {
3060
+ display: grid;
3061
+ gap: 16px;
3062
+ align-items: stretch;
3063
+ }
3064
+ @media (min-width: 768px) {
3065
+ .two-columns-module_TwoColumns__grid__qsens {
3066
+ grid-template-columns: var(--left) var(--right);
3067
+ }
2177
3068
  }