@tarsis/toolkit 0.2.4 → 0.3.1

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/index.css CHANGED
@@ -1348,19 +1348,19 @@
1348
1348
  background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
1349
1349
  background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
1350
1350
  }
1351
- }._root_14i1t_1 {
1351
+ }._root_zvoec_1 {
1352
1352
  --bg: hsl(223, 10%, 90%);
1353
1353
  --fg: hsl(223, 10%, 10%);
1354
1354
  font-size: calc(30px + 30 * (100vw - 320px) / 960);
1355
1355
  }
1356
1356
  @media (prefers-color-scheme: dark) {
1357
- ._root_14i1t_1 {
1357
+ ._root_zvoec_1 {
1358
1358
  --bg: hsl(223, 10%, 10%);
1359
1359
  --fg: hsl(223, 10%, 90%);
1360
1360
  }
1361
1361
  }
1362
1362
 
1363
- ._button_14i1t_13 {
1363
+ ._button_zvoec_13 {
1364
1364
  border-radius: 1.25em;
1365
1365
  color: hsl(0, 0%, 100%);
1366
1366
  font-weight: bold;
@@ -1372,12 +1372,12 @@
1372
1372
  -webkit-apperance: none;
1373
1373
  cursor: pointer;
1374
1374
  }
1375
- ._button_14i1t_13 ._p_14i1t_26, ._button_14i1t_13 ._text_14i1t_26 {
1375
+ ._button_zvoec_13 ._p_zvoec_26, ._button_zvoec_13 ._text_zvoec_26 {
1376
1376
  background: hsl(3, 90%, 55%);
1377
1377
  border-radius: 50%;
1378
1378
  transition: background 0.15s linear;
1379
1379
  }
1380
- ._button_14i1t_13 ._p_14i1t_26 {
1380
+ ._button_zvoec_13 ._p_zvoec_26 {
1381
1381
  animation-duration: 1s;
1382
1382
  animation-timing-function: linear;
1383
1383
  animation-iteration-count: infinite;
@@ -1386,197 +1386,197 @@
1386
1386
  width: 0.5em;
1387
1387
  height: 0.5em;
1388
1388
  }
1389
- ._button_14i1t_13 ._p_14i1t_26:nth-child(1) {
1390
- animation-name: _rise1_14i1t_1;
1391
- animation-delay: -0.89s;
1389
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(1) {
1390
+ animation-name: _rise1_zvoec_1;
1391
+ animation-delay: -0.71s;
1392
1392
  top: calc(50% - 0.3907910185em);
1393
1393
  left: 0.1em;
1394
1394
  }
1395
- ._button_14i1t_13 ._p_14i1t_26:nth-child(2) {
1396
- animation-name: _rise2_14i1t_1;
1397
- animation-delay: -0.39s;
1395
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(2) {
1396
+ animation-name: _rise2_zvoec_1;
1397
+ animation-delay: -0.38s;
1398
1398
  top: calc(50% - 0.5281152949em);
1399
1399
  left: 0.2em;
1400
1400
  }
1401
- ._button_14i1t_13 ._p_14i1t_26:nth-child(3) {
1402
- animation-name: _rise3_14i1t_1;
1403
- animation-delay: -0.86s;
1401
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(3) {
1402
+ animation-name: _rise3_zvoec_1;
1403
+ animation-delay: -0.53s;
1404
1404
  top: calc(50% - 0.6585914498em);
1405
1405
  left: 0.3em;
1406
1406
  }
1407
- ._button_14i1t_13 ._p_14i1t_26:nth-child(4) {
1408
- animation-name: _rise4_14i1t_1;
1409
- animation-delay: -0.13s;
1407
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(4) {
1408
+ animation-name: _rise4_zvoec_1;
1409
+ animation-delay: -0.2s;
1410
1410
  top: calc(50% - 0.7790067271em);
1411
1411
  left: 0.4em;
1412
1412
  }
1413
- ._button_14i1t_13 ._p_14i1t_26:nth-child(5) {
1414
- animation-name: _rise5_14i1t_1;
1415
- animation-delay: -0.71s;
1413
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(5) {
1414
+ animation-name: _rise5_zvoec_1;
1415
+ animation-delay: -0.37s;
1416
1416
  top: calc(50% - 0.8863961031em);
1417
1417
  left: 0.5em;
1418
1418
  }
1419
- ._button_14i1t_13 ._p_14i1t_26:nth-child(6) {
1420
- animation-name: _rise6_14i1t_1;
1421
- animation-delay: -0.34s;
1419
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(6) {
1420
+ animation-name: _rise6_zvoec_1;
1421
+ animation-delay: -0.5s;
1422
1422
  top: calc(50% - 0.9781152949em);
1423
1423
  left: 0.6em;
1424
1424
  }
1425
- ._button_14i1t_13 ._p_14i1t_26:nth-child(7) {
1426
- animation-name: _rise7_14i1t_1;
1427
- animation-delay: -0.3s;
1425
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(7) {
1426
+ animation-name: _rise7_zvoec_1;
1427
+ animation-delay: -0.51s;
1428
1428
  top: calc(50% - 1.0519058718em);
1429
1429
  left: 0.7em;
1430
1430
  }
1431
- ._button_14i1t_13 ._p_14i1t_26:nth-child(8) {
1432
- animation-name: _rise8_14i1t_1;
1433
- animation-delay: -0.63s;
1431
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(8) {
1432
+ animation-name: _rise8_zvoec_1;
1433
+ animation-delay: -0.57s;
1434
1434
  top: calc(50% - 1.1059508647em);
1435
1435
  left: 0.8em;
1436
1436
  }
1437
- ._button_14i1t_13 ._p_14i1t_26:nth-child(9) {
1438
- animation-name: _rise9_14i1t_1;
1439
- animation-delay: -0.39s;
1437
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(9) {
1438
+ animation-name: _rise9_zvoec_1;
1439
+ animation-delay: -0.16s;
1440
1440
  top: calc(50% - 1.1389195065em);
1441
1441
  left: 0.9em;
1442
1442
  }
1443
- ._button_14i1t_13 ._p_14i1t_26:nth-child(10) {
1444
- animation-name: _rise10_14i1t_1;
1445
- animation-delay: -0.17s;
1443
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(10) {
1444
+ animation-name: _rise10_zvoec_1;
1445
+ animation-delay: -0.38s;
1446
1446
  top: calc(50% - 1.15em);
1447
1447
  left: 1em;
1448
1448
  }
1449
- ._button_14i1t_13 ._p_14i1t_26:nth-child(11) {
1450
- animation-name: _rise11_14i1t_1;
1451
- animation-delay: -0.47s;
1449
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(11) {
1450
+ animation-name: _rise11_zvoec_1;
1451
+ animation-delay: -0.38s;
1452
1452
  top: calc(50% - 1.1389195065em);
1453
1453
  left: 1.1em;
1454
1454
  }
1455
- ._button_14i1t_13 ._p_14i1t_26:nth-child(12) {
1456
- animation-name: _rise12_14i1t_1;
1457
- animation-delay: -0.09s;
1455
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(12) {
1456
+ animation-name: _rise12_zvoec_1;
1457
+ animation-delay: -0.65s;
1458
1458
  top: calc(50% - 1.1059508647em);
1459
1459
  left: 1.2em;
1460
1460
  }
1461
- ._button_14i1t_13 ._p_14i1t_26:nth-child(13) {
1462
- animation-name: _rise13_14i1t_1;
1463
- animation-delay: -0.65s;
1461
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(13) {
1462
+ animation-name: _rise13_zvoec_1;
1463
+ animation-delay: -0.08s;
1464
1464
  top: calc(50% - 1.0519058718em);
1465
1465
  left: 1.3em;
1466
1466
  }
1467
- ._button_14i1t_13 ._p_14i1t_26:nth-child(14) {
1468
- animation-name: _rise14_14i1t_1;
1469
- animation-delay: -0.29s;
1467
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(14) {
1468
+ animation-name: _rise14_zvoec_1;
1469
+ animation-delay: -0.86s;
1470
1470
  top: calc(50% - 0.9781152949em);
1471
1471
  left: 1.4em;
1472
1472
  }
1473
- ._button_14i1t_13 ._p_14i1t_26:nth-child(15) {
1474
- animation-name: _rise15_14i1t_1;
1475
- animation-delay: -0.79s;
1473
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(15) {
1474
+ animation-name: _rise15_zvoec_1;
1475
+ animation-delay: -0.71s;
1476
1476
  top: calc(50% - 0.8863961031em);
1477
1477
  left: 1.5em;
1478
1478
  }
1479
- ._button_14i1t_13 ._p_14i1t_26:nth-child(16) {
1480
- animation-name: _rise16_14i1t_1;
1481
- animation-delay: -0.41s;
1479
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(16) {
1480
+ animation-name: _rise16_zvoec_1;
1481
+ animation-delay: -0.3s;
1482
1482
  top: calc(50% - 0.7790067271em);
1483
1483
  left: 1.6em;
1484
1484
  }
1485
- ._button_14i1t_13 ._p_14i1t_26:nth-child(17) {
1486
- animation-name: _rise17_14i1t_1;
1487
- animation-delay: -0.75s;
1485
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(17) {
1486
+ animation-name: _rise17_zvoec_1;
1487
+ animation-delay: -0.57s;
1488
1488
  top: calc(50% - 0.6585914498em);
1489
1489
  left: 1.7em;
1490
1490
  }
1491
- ._button_14i1t_13 ._p_14i1t_26:nth-child(18) {
1492
- animation-name: _rise18_14i1t_1;
1493
- animation-delay: -0.23s;
1491
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(18) {
1492
+ animation-name: _rise18_zvoec_1;
1493
+ animation-delay: -0.48s;
1494
1494
  top: calc(50% - 0.5281152949em);
1495
1495
  left: 1.8em;
1496
1496
  }
1497
- ._button_14i1t_13 ._p_14i1t_26:nth-child(19) {
1498
- animation-name: _rise19_14i1t_1;
1499
- animation-delay: -0.17s;
1497
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(19) {
1498
+ animation-name: _rise19_zvoec_1;
1499
+ animation-delay: -0.69s;
1500
1500
  top: calc(50% - 0.3907910185em);
1501
1501
  left: 1.9em;
1502
1502
  }
1503
- ._button_14i1t_13 ._p_14i1t_26:nth-child(20) {
1504
- animation-name: _rise20_14i1t_1;
1505
- animation-delay: -0.27s;
1503
+ ._button_zvoec_13 ._p_zvoec_26:nth-child(20) {
1504
+ animation-name: _rise20_zvoec_1;
1505
+ animation-delay: -0.47s;
1506
1506
  top: calc(50% - 0.25em);
1507
1507
  left: 2em;
1508
1508
  }
1509
- ._button_14i1t_13:active {
1509
+ ._button_zvoec_13:active {
1510
1510
  transform: translateY(0.1em);
1511
1511
  }
1512
- ._button_14i1t_13:focus ._p_14i1t_26, ._button_14i1t_13:hover ._p_14i1t_26, ._button_14i1t_13:focus ._text_14i1t_26, ._button_14i1t_13:hover ._text_14i1t_26 {
1512
+ ._button_zvoec_13:focus ._p_zvoec_26, ._button_zvoec_13:hover ._p_zvoec_26, ._button_zvoec_13:focus ._text_zvoec_26, ._button_zvoec_13:hover ._text_zvoec_26 {
1513
1513
  background: hsl(18, 90%, 55%);
1514
1514
  }
1515
- ._button_14i1t_13:focus ._p_14i1t_26, ._button_14i1t_13:hover ._p_14i1t_26 {
1515
+ ._button_zvoec_13:focus ._p_zvoec_26, ._button_zvoec_13:hover ._p_zvoec_26 {
1516
1516
  animation-duration: 0.5s;
1517
1517
  }
1518
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(1), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(1) {
1519
- animation-delay: -0.445s;
1520
- }
1521
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(2), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(2) {
1522
- animation-delay: -0.195s;
1518
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(1), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(1) {
1519
+ animation-delay: -0.355s;
1523
1520
  }
1524
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(3), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(3) {
1525
- animation-delay: -0.43s;
1521
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(2), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(2) {
1522
+ animation-delay: -0.19s;
1526
1523
  }
1527
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(4), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(4) {
1528
- animation-delay: -0.065s;
1524
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(3), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(3) {
1525
+ animation-delay: -0.265s;
1529
1526
  }
1530
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(5), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(5) {
1531
- animation-delay: -0.355s;
1527
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(4), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(4) {
1528
+ animation-delay: -0.1s;
1532
1529
  }
1533
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(6), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(6) {
1534
- animation-delay: -0.17s;
1530
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(5), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(5) {
1531
+ animation-delay: -0.185s;
1535
1532
  }
1536
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(7), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(7) {
1537
- animation-delay: -0.15s;
1533
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(6), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(6) {
1534
+ animation-delay: -0.25s;
1538
1535
  }
1539
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(8), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(8) {
1540
- animation-delay: -0.315s;
1536
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(7), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(7) {
1537
+ animation-delay: -0.255s;
1541
1538
  }
1542
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(9), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(9) {
1543
- animation-delay: -0.195s;
1539
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(8), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(8) {
1540
+ animation-delay: -0.285s;
1544
1541
  }
1545
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(10), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(10) {
1546
- animation-delay: -0.085s;
1542
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(9), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(9) {
1543
+ animation-delay: -0.08s;
1547
1544
  }
1548
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(11), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(11) {
1549
- animation-delay: -0.235s;
1545
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(10), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(10) {
1546
+ animation-delay: -0.19s;
1550
1547
  }
1551
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(12), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(12) {
1552
- animation-delay: -0.045s;
1548
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(11), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(11) {
1549
+ animation-delay: -0.19s;
1553
1550
  }
1554
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(13), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(13) {
1551
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(12), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(12) {
1555
1552
  animation-delay: -0.325s;
1556
1553
  }
1557
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(14), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(14) {
1558
- animation-delay: -0.145s;
1554
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(13), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(13) {
1555
+ animation-delay: -0.04s;
1559
1556
  }
1560
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(15), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(15) {
1561
- animation-delay: -0.395s;
1557
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(14), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(14) {
1558
+ animation-delay: -0.43s;
1559
+ }
1560
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(15), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(15) {
1561
+ animation-delay: -0.355s;
1562
1562
  }
1563
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(16), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(16) {
1564
- animation-delay: -0.205s;
1563
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(16), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(16) {
1564
+ animation-delay: -0.15s;
1565
1565
  }
1566
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(17), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(17) {
1567
- animation-delay: -0.375s;
1566
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(17), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(17) {
1567
+ animation-delay: -0.285s;
1568
1568
  }
1569
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(18), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(18) {
1570
- animation-delay: -0.115s;
1569
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(18), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(18) {
1570
+ animation-delay: -0.24s;
1571
1571
  }
1572
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(19), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(19) {
1573
- animation-delay: -0.085s;
1572
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(19), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(19) {
1573
+ animation-delay: -0.345s;
1574
1574
  }
1575
- ._button_14i1t_13:focus ._p_14i1t_26:nth-child(20), ._button_14i1t_13:hover ._p_14i1t_26:nth-child(20) {
1576
- animation-delay: -0.135s;
1575
+ ._button_zvoec_13:focus ._p_zvoec_26:nth-child(20), ._button_zvoec_13:hover ._p_zvoec_26:nth-child(20) {
1576
+ animation-delay: -0.235s;
1577
1577
  }
1578
1578
 
1579
- ._text_14i1t_26 {
1579
+ ._text_zvoec_26 {
1580
1580
  display: block;
1581
1581
  padding: 0.5em;
1582
1582
  width: 100%;
@@ -1585,231 +1585,231 @@
1585
1585
  text-align: center;
1586
1586
  }
1587
1587
 
1588
- ._text_14i1t_26,
1589
- ._effects_14i1t_240 {
1588
+ ._text_zvoec_26,
1589
+ ._effects_zvoec_240 {
1590
1590
  position: absolute;
1591
1591
  top: 0;
1592
1592
  left: 0;
1593
1593
  }
1594
1594
 
1595
- @keyframes _rise1_14i1t_1 {
1595
+ @keyframes _rise1_zvoec_1 {
1596
1596
  from {
1597
1597
  transform: translate(0em, 0) scale(1);
1598
1598
  }
1599
1599
  50% {
1600
- transform: translate(0.058em, -1.37em) scale(1);
1600
+ transform: translate(0.09em, -1.28em) scale(1);
1601
1601
  }
1602
1602
  to {
1603
- transform: translate(0.09em, -2.74em) scale(0);
1603
+ transform: translate(-0.095em, -2.56em) scale(0);
1604
1604
  }
1605
1605
  }
1606
- @keyframes _rise2_14i1t_1 {
1606
+ @keyframes _rise2_zvoec_1 {
1607
1607
  from {
1608
1608
  transform: translate(0em, 0) scale(1);
1609
1609
  }
1610
1610
  50% {
1611
- transform: translate(0.032em, -0.77em) scale(1);
1611
+ transform: translate(-0.07em, -0.69em) scale(1);
1612
1612
  }
1613
1613
  to {
1614
- transform: translate(-0.115em, -1.54em) scale(0);
1614
+ transform: translate(-0.155em, -1.38em) scale(0);
1615
1615
  }
1616
1616
  }
1617
- @keyframes _rise3_14i1t_1 {
1617
+ @keyframes _rise3_zvoec_1 {
1618
1618
  from {
1619
1619
  transform: translate(0em, 0) scale(1);
1620
1620
  }
1621
1621
  50% {
1622
- transform: translate(0.008em, -0.81em) scale(1);
1622
+ transform: translate(-0.006em, -1.05em) scale(1);
1623
1623
  }
1624
1624
  to {
1625
- transform: translate(-0.01em, -1.62em) scale(0);
1625
+ transform: translate(-0.015em, -2.1em) scale(0);
1626
1626
  }
1627
1627
  }
1628
- @keyframes _rise4_14i1t_1 {
1628
+ @keyframes _rise4_zvoec_1 {
1629
1629
  from {
1630
1630
  transform: translate(0em, 0) scale(1);
1631
1631
  }
1632
1632
  50% {
1633
- transform: translate(0.014em, -0.86em) scale(1);
1633
+ transform: translate(0.008em, -0.8em) scale(1);
1634
1634
  }
1635
1635
  to {
1636
- transform: translate(0.045em, -1.72em) scale(0);
1636
+ transform: translate(-0.055em, -1.6em) scale(0);
1637
1637
  }
1638
1638
  }
1639
- @keyframes _rise5_14i1t_1 {
1639
+ @keyframes _rise5_zvoec_1 {
1640
1640
  from {
1641
1641
  transform: translate(0em, 0) scale(1);
1642
1642
  }
1643
1643
  50% {
1644
- transform: translate(0.07em, -0.96em) scale(1);
1644
+ transform: translate(0.014em, -0.88em) scale(1);
1645
1645
  }
1646
1646
  to {
1647
- transform: translate(-0.085em, -1.92em) scale(0);
1647
+ transform: translate(0.195em, -1.76em) scale(0);
1648
1648
  }
1649
1649
  }
1650
- @keyframes _rise6_14i1t_1 {
1650
+ @keyframes _rise6_zvoec_1 {
1651
1651
  from {
1652
1652
  transform: translate(0em, 0) scale(1);
1653
1653
  }
1654
1654
  50% {
1655
- transform: translate(-0.046em, -0.76em) scale(1);
1655
+ transform: translate(-0.078em, -0.66em) scale(1);
1656
1656
  }
1657
1657
  to {
1658
- transform: translate(0.035em, -1.52em) scale(0);
1658
+ transform: translate(-0.02em, -1.32em) scale(0);
1659
1659
  }
1660
1660
  }
1661
- @keyframes _rise7_14i1t_1 {
1661
+ @keyframes _rise7_zvoec_1 {
1662
1662
  from {
1663
1663
  transform: translate(0em, 0) scale(1);
1664
1664
  }
1665
1665
  50% {
1666
- transform: translate(-0.008em, -0.57em) scale(1);
1666
+ transform: translate(0.058em, -0.71em) scale(1);
1667
1667
  }
1668
1668
  to {
1669
- transform: translate(-0.1em, -1.14em) scale(0);
1669
+ transform: translate(0.05em, -1.42em) scale(0);
1670
1670
  }
1671
1671
  }
1672
- @keyframes _rise8_14i1t_1 {
1672
+ @keyframes _rise8_zvoec_1 {
1673
1673
  from {
1674
1674
  transform: translate(0em, 0) scale(1);
1675
1675
  }
1676
1676
  50% {
1677
- transform: translate(-0.012em, -1.22em) scale(1);
1677
+ transform: translate(0.044em, -1.03em) scale(1);
1678
1678
  }
1679
1679
  to {
1680
- transform: translate(-0.2em, -2.44em) scale(0);
1680
+ transform: translate(0.175em, -2.06em) scale(0);
1681
1681
  }
1682
1682
  }
1683
- @keyframes _rise9_14i1t_1 {
1683
+ @keyframes _rise9_zvoec_1 {
1684
1684
  from {
1685
1685
  transform: translate(0em, 0) scale(1);
1686
1686
  }
1687
1687
  50% {
1688
- transform: translate(-0.062em, -0.56em) scale(1);
1688
+ transform: translate(-0.04em, -0.94em) scale(1);
1689
1689
  }
1690
1690
  to {
1691
- transform: translate(0.06em, -1.12em) scale(0);
1691
+ transform: translate(-0.065em, -1.88em) scale(0);
1692
1692
  }
1693
1693
  }
1694
- @keyframes _rise10_14i1t_1 {
1694
+ @keyframes _rise10_zvoec_1 {
1695
1695
  from {
1696
1696
  transform: translate(0em, 0) scale(1);
1697
1697
  }
1698
1698
  50% {
1699
- transform: translate(-0.006em, -0.6em) scale(1);
1699
+ transform: translate(-0.004em, -1.2em) scale(1);
1700
1700
  }
1701
1701
  to {
1702
- transform: translate(-0.055em, -1.2em) scale(0);
1702
+ transform: translate(-0.175em, -2.4em) scale(0);
1703
1703
  }
1704
1704
  }
1705
- @keyframes _rise11_14i1t_1 {
1705
+ @keyframes _rise11_zvoec_1 {
1706
1706
  from {
1707
1707
  transform: translate(0em, 0) scale(1);
1708
1708
  }
1709
1709
  50% {
1710
- transform: translate(0.058em, -1.27em) scale(1);
1710
+ transform: translate(0.016em, -1.08em) scale(1);
1711
1711
  }
1712
1712
  to {
1713
- transform: translate(0.055em, -2.54em) scale(0);
1713
+ transform: translate(-0.13em, -2.16em) scale(0);
1714
1714
  }
1715
1715
  }
1716
- @keyframes _rise12_14i1t_1 {
1716
+ @keyframes _rise12_zvoec_1 {
1717
1717
  from {
1718
1718
  transform: translate(0em, 0) scale(1);
1719
1719
  }
1720
1720
  50% {
1721
- transform: translate(0.066em, -1.25em) scale(1);
1721
+ transform: translate(-0.036em, -0.79em) scale(1);
1722
1722
  }
1723
1723
  to {
1724
- transform: translate(0.205em, -2.5em) scale(0);
1724
+ transform: translate(0.015em, -1.58em) scale(0);
1725
1725
  }
1726
1726
  }
1727
- @keyframes _rise13_14i1t_1 {
1727
+ @keyframes _rise13_zvoec_1 {
1728
1728
  from {
1729
1729
  transform: translate(0em, 0) scale(1);
1730
1730
  }
1731
1731
  50% {
1732
- transform: translate(0.046em, -1.1em) scale(1);
1732
+ transform: translate(0.036em, -1.28em) scale(1);
1733
1733
  }
1734
1734
  to {
1735
- transform: translate(-0.005em, -2.2em) scale(0);
1735
+ transform: translate(-0.085em, -2.56em) scale(0);
1736
1736
  }
1737
1737
  }
1738
- @keyframes _rise14_14i1t_1 {
1738
+ @keyframes _rise14_zvoec_1 {
1739
1739
  from {
1740
1740
  transform: translate(0em, 0) scale(1);
1741
1741
  }
1742
1742
  50% {
1743
- transform: translate(-0.014em, -0.88em) scale(1);
1743
+ transform: translate(-0.074em, -1.34em) scale(1);
1744
1744
  }
1745
1745
  to {
1746
- transform: translate(-0.11em, -1.76em) scale(0);
1746
+ transform: translate(-0.015em, -2.68em) scale(0);
1747
1747
  }
1748
1748
  }
1749
- @keyframes _rise15_14i1t_1 {
1749
+ @keyframes _rise15_zvoec_1 {
1750
1750
  from {
1751
1751
  transform: translate(0em, 0) scale(1);
1752
1752
  }
1753
1753
  50% {
1754
- transform: translate(0.086em, -0.57em) scale(1);
1754
+ transform: translate(-0.024em, -1.24em) scale(1);
1755
1755
  }
1756
1756
  to {
1757
- transform: translate(0.09em, -1.14em) scale(0);
1757
+ transform: translate(0.015em, -2.48em) scale(0);
1758
1758
  }
1759
1759
  }
1760
- @keyframes _rise16_14i1t_1 {
1760
+ @keyframes _rise16_zvoec_1 {
1761
1761
  from {
1762
1762
  transform: translate(0em, 0) scale(1);
1763
1763
  }
1764
1764
  50% {
1765
- transform: translate(-0.044em, -0.94em) scale(1);
1765
+ transform: translate(0.058em, -1.12em) scale(1);
1766
1766
  }
1767
1767
  to {
1768
- transform: translate(-0.21em, -1.88em) scale(0);
1768
+ transform: translate(0.155em, -2.24em) scale(0);
1769
1769
  }
1770
1770
  }
1771
- @keyframes _rise17_14i1t_1 {
1771
+ @keyframes _rise17_zvoec_1 {
1772
1772
  from {
1773
1773
  transform: translate(0em, 0) scale(1);
1774
1774
  }
1775
1775
  50% {
1776
- transform: translate(-0.04em, -0.87em) scale(1);
1776
+ transform: translate(-0.09em, -0.61em) scale(1);
1777
1777
  }
1778
1778
  to {
1779
- transform: translate(0.015em, -1.74em) scale(0);
1779
+ transform: translate(0.195em, -1.22em) scale(0);
1780
1780
  }
1781
1781
  }
1782
- @keyframes _rise18_14i1t_1 {
1782
+ @keyframes _rise18_zvoec_1 {
1783
1783
  from {
1784
1784
  transform: translate(0em, 0) scale(1);
1785
1785
  }
1786
1786
  50% {
1787
- transform: translate(0.002em, -0.88em) scale(1);
1787
+ transform: translate(0.052em, -1.41em) scale(1);
1788
1788
  }
1789
1789
  to {
1790
- transform: translate(-0.19em, -1.76em) scale(0);
1790
+ transform: translate(-0.04em, -2.82em) scale(0);
1791
1791
  }
1792
1792
  }
1793
- @keyframes _rise19_14i1t_1 {
1793
+ @keyframes _rise19_zvoec_1 {
1794
1794
  from {
1795
1795
  transform: translate(0em, 0) scale(1);
1796
1796
  }
1797
1797
  50% {
1798
- transform: translate(0.084em, -1.09em) scale(1);
1798
+ transform: translate(0.04em, -0.65em) scale(1);
1799
1799
  }
1800
1800
  to {
1801
- transform: translate(0.05em, -2.18em) scale(0);
1801
+ transform: translate(-0.165em, -1.3em) scale(0);
1802
1802
  }
1803
1803
  }
1804
- @keyframes _rise20_14i1t_1 {
1804
+ @keyframes _rise20_zvoec_1 {
1805
1805
  from {
1806
1806
  transform: translate(0em, 0) scale(1);
1807
1807
  }
1808
1808
  50% {
1809
- transform: translate(0.028em, -1.19em) scale(1);
1809
+ transform: translate(0.056em, -0.85em) scale(1);
1810
1810
  }
1811
1811
  to {
1812
- transform: translate(-0.03em, -2.38em) scale(0);
1812
+ transform: translate(0.115em, -1.7em) scale(0);
1813
1813
  }
1814
1814
  }._root_exi6q_1 {
1815
1815
  --primary: black;
@@ -3519,13 +3519,14 @@
3519
3519
  ._circle_rrgbn_36._fadeOut_rrgbn_51 {
3520
3520
  opacity: 0;
3521
3521
  transition-duration: 1.2s;
3522
- }._root_2jrwo_1 {
3522
+ }._root_1vjfm_1 {
3523
3523
  --border-lightness: 50;
3524
3524
  --button-radius: 12px;
3525
3525
  --button-shadow-offset: -4;
3526
3526
  --button-shadow-opacity: 0;
3527
3527
  --button-before-opacity: 1;
3528
- --button-shadow: 0 calc(var(--button-shadow-offset) * 1px)
3528
+ --button-shadow:
3529
+ 0 calc(var(--button-shadow-offset) * 1px)
3529
3530
  calc((var(--button-shadow-offset) * 3) * 1px)
3530
3531
  hsla(230, 100%, 80%, var(--button-shadow-opacity)),
3531
3532
  0 2px 4px hsla(0, 0%, 0%, 0.8);
@@ -3557,7 +3558,7 @@
3557
3558
  -moz-user-select: none;
3558
3559
  user-select: none;
3559
3560
  }
3560
- ._root_2jrwo_1::before {
3561
+ ._root_1vjfm_1::before {
3561
3562
  content: "";
3562
3563
  display: block;
3563
3564
  position: absolute;
@@ -3569,7 +3570,7 @@
3569
3570
  border-radius: calc(var(--button-radius));
3570
3571
  transition: --button-before-opacity 0.2s ease;
3571
3572
  }
3572
- ._root_2jrwo_1::after {
3573
+ ._root_1vjfm_1::after {
3573
3574
  content: attr(data-title);
3574
3575
  position: absolute;
3575
3576
  font-weight: bold;
@@ -3585,13 +3586,13 @@
3585
3586
  -webkit-background-clip: text;
3586
3587
  -webkit-text-fill-color: transparent;
3587
3588
  }
3588
- ._root_2jrwo_1:hover {
3589
+ ._root_1vjfm_1:hover {
3589
3590
  --border-lightness: 90;
3590
3591
  --button-shadow-offset: 4;
3591
3592
  --button-shadow-opacity: 0.4;
3592
3593
  transition: --button-shadow-opacity 0.2s linear, --border-lightness 0.2s linear;
3593
3594
  }
3594
- ._root_2jrwo_1:hover::before {
3595
+ ._root_1vjfm_1:hover::before {
3595
3596
  --button-before-opacity: 0;
3596
3597
  }
3597
3598
 
@@ -5180,7 +5181,7 @@
5180
5181
  ._root_1qkvm_1:focus::after {
5181
5182
  opacity: 1;
5182
5183
  }/*background-image: radial-gradient(circle, #333, #000 800px);*/
5183
- ._root_13ado_2 {
5184
+ ._root_11wt6_2 {
5184
5185
  position: relative;
5185
5186
  width: 287px;
5186
5187
  height: 36px;
@@ -5194,13 +5195,13 @@
5194
5195
  justify-content: center;
5195
5196
  align-content: center;
5196
5197
  }
5197
- ._root_13ado_2:hover {
5198
+ ._root_11wt6_2:hover {
5198
5199
  --sy: 1;
5199
5200
  --aps: running;
5200
5201
  --op: 0;
5201
5202
  }
5202
5203
 
5203
- ._i_13ado_22 {
5204
+ ._i_11wt6_22 {
5204
5205
  position: absolute;
5205
5206
  left: 0;
5206
5207
  left: var(--left, 0);
@@ -5212,7 +5213,7 @@
5212
5213
  transition: transform var(--duration) ease-out;
5213
5214
  z-index: -1;
5214
5215
  }
5215
- ._i_13ado_22::after {
5216
+ ._i_11wt6_22::after {
5216
5217
  content: "";
5217
5218
  position: absolute;
5218
5219
  top: 0;
@@ -5222,11 +5223,11 @@
5222
5223
  background-image: linear-gradient(#fff, hsl(0, 75%, 75%));
5223
5224
  background-image: linear-gradient(#fff, hsl(var(--hue, 0), 75%, 75%));
5224
5225
  border-radius: 50%;
5225
- animation: _noise_13ado_1 var(--duration) infinite ease-in-out alternate;
5226
+ animation: _noise_11wt6_1 var(--duration) infinite ease-in-out alternate;
5226
5227
  animation-play-state: paused;
5227
5228
  animation-play-state: var(--aps, paused);
5228
5229
  }
5229
- @keyframes _noise_13ado_1 {
5230
+ @keyframes _noise_11wt6_1 {
5230
5231
  0% {
5231
5232
  transform: scaleY(calc(1 - (0)));
5232
5233
  transform: scaleY(calc(1 - (var(--size, 0))));
@@ -5236,440 +5237,440 @@
5236
5237
  transform: scaleY(calc(1 + (var(--size, 0))));
5237
5238
  }
5238
5239
  }
5239
- ._i_13ado_22:nth-child(1) {
5240
+ ._i_11wt6_22:nth-child(1) {
5240
5241
  --left: 0px;
5241
- --duration: 245ms;
5242
- --size: 0.873;
5242
+ --duration: 209ms;
5243
+ --size: 0.659;
5243
5244
  --hue: 0;
5244
5245
  }
5245
- ._i_13ado_22:nth-child(2) {
5246
+ ._i_11wt6_22:nth-child(2) {
5246
5247
  --left: 4px;
5247
- --duration: 274ms;
5248
- --size: 0.179;
5248
+ --duration: 301ms;
5249
+ --size: 0.063;
5249
5250
  --hue: 5;
5250
5251
  }
5251
- ._i_13ado_22:nth-child(3) {
5252
+ ._i_11wt6_22:nth-child(3) {
5252
5253
  --left: 8px;
5253
- --duration: 338ms;
5254
- --size: 0.743;
5254
+ --duration: 231ms;
5255
+ --size: 0.557;
5255
5256
  --hue: 10;
5256
5257
  }
5257
- ._i_13ado_22:nth-child(4) {
5258
+ ._i_11wt6_22:nth-child(4) {
5258
5259
  --left: 12px;
5259
- --duration: 265ms;
5260
- --size: 0.468;
5260
+ --duration: 390ms;
5261
+ --size: 0.323;
5261
5262
  --hue: 15;
5262
5263
  }
5263
- ._i_13ado_22:nth-child(5) {
5264
+ ._i_11wt6_22:nth-child(5) {
5264
5265
  --left: 16px;
5265
- --duration: 388ms;
5266
- --size: 0.95;
5266
+ --duration: 219ms;
5267
+ --size: 0.543;
5267
5268
  --hue: 20;
5268
5269
  }
5269
- ._i_13ado_22:nth-child(6) {
5270
+ ._i_11wt6_22:nth-child(6) {
5270
5271
  --left: 20px;
5271
- --duration: 352ms;
5272
- --size: 0.954;
5272
+ --duration: 340ms;
5273
+ --size: 0.277;
5273
5274
  --hue: 25;
5274
5275
  }
5275
- ._i_13ado_22:nth-child(7) {
5276
+ ._i_11wt6_22:nth-child(7) {
5276
5277
  --left: 24px;
5277
- --duration: 342ms;
5278
- --size: 0.322;
5278
+ --duration: 226ms;
5279
+ --size: 0.431;
5279
5280
  --hue: 30;
5280
5281
  }
5281
- ._i_13ado_22:nth-child(8) {
5282
+ ._i_11wt6_22:nth-child(8) {
5282
5283
  --left: 28px;
5283
- --duration: 236ms;
5284
- --size: 0.183;
5284
+ --duration: 371ms;
5285
+ --size: 0.217;
5285
5286
  --hue: 35;
5286
5287
  }
5287
- ._i_13ado_22:nth-child(9) {
5288
+ ._i_11wt6_22:nth-child(9) {
5288
5289
  --left: 32px;
5289
- --duration: 342ms;
5290
- --size: 0.132;
5290
+ --duration: 399ms;
5291
+ --size: 0.921;
5291
5292
  --hue: 40;
5292
5293
  }
5293
- ._i_13ado_22:nth-child(10) {
5294
+ ._i_11wt6_22:nth-child(10) {
5294
5295
  --left: 36px;
5295
- --duration: 345ms;
5296
- --size: 0.023;
5296
+ --duration: 377ms;
5297
+ --size: 0.959;
5297
5298
  --hue: 45;
5298
5299
  }
5299
- ._i_13ado_22:nth-child(11) {
5300
+ ._i_11wt6_22:nth-child(11) {
5300
5301
  --left: 40px;
5301
- --duration: 378ms;
5302
- --size: 0.204;
5302
+ --duration: 217ms;
5303
+ --size: 0.648;
5303
5304
  --hue: 50;
5304
5305
  }
5305
- ._i_13ado_22:nth-child(12) {
5306
+ ._i_11wt6_22:nth-child(12) {
5306
5307
  --left: 44px;
5307
- --duration: 374ms;
5308
- --size: 0.236;
5308
+ --duration: 274ms;
5309
+ --size: 0.448;
5309
5310
  --hue: 55;
5310
5311
  }
5311
- ._i_13ado_22:nth-child(13) {
5312
+ ._i_11wt6_22:nth-child(13) {
5312
5313
  --left: 48px;
5313
- --duration: 338ms;
5314
- --size: 0.935;
5314
+ --duration: 395ms;
5315
+ --size: 0.288;
5315
5316
  --hue: 60;
5316
5317
  }
5317
- ._i_13ado_22:nth-child(14) {
5318
+ ._i_11wt6_22:nth-child(14) {
5318
5319
  --left: 52px;
5319
- --duration: 273ms;
5320
- --size: 0.405;
5320
+ --duration: 321ms;
5321
+ --size: 0.982;
5321
5322
  --hue: 65;
5322
5323
  }
5323
- ._i_13ado_22:nth-child(15) {
5324
+ ._i_11wt6_22:nth-child(15) {
5324
5325
  --left: 56px;
5325
- --duration: 396ms;
5326
- --size: 0.432;
5326
+ --duration: 391ms;
5327
+ --size: 0.052;
5327
5328
  --hue: 70;
5328
5329
  }
5329
- ._i_13ado_22:nth-child(16) {
5330
+ ._i_11wt6_22:nth-child(16) {
5330
5331
  --left: 60px;
5331
- --duration: 309ms;
5332
- --size: 0.681;
5332
+ --duration: 332ms;
5333
+ --size: 0.794;
5333
5334
  --hue: 75;
5334
5335
  }
5335
- ._i_13ado_22:nth-child(17) {
5336
+ ._i_11wt6_22:nth-child(17) {
5336
5337
  --left: 64px;
5337
- --duration: 260ms;
5338
- --size: 0.781;
5338
+ --duration: 276ms;
5339
+ --size: 0.587;
5339
5340
  --hue: 80;
5340
5341
  }
5341
- ._i_13ado_22:nth-child(18) {
5342
+ ._i_11wt6_22:nth-child(18) {
5342
5343
  --left: 68px;
5343
- --duration: 311ms;
5344
- --size: 0.35;
5344
+ --duration: 368ms;
5345
+ --size: 0.073;
5345
5346
  --hue: 85;
5346
5347
  }
5347
- ._i_13ado_22:nth-child(19) {
5348
+ ._i_11wt6_22:nth-child(19) {
5348
5349
  --left: 72px;
5349
- --duration: 294ms;
5350
- --size: 0.965;
5350
+ --duration: 210ms;
5351
+ --size: 0.386;
5351
5352
  --hue: 90;
5352
5353
  }
5353
- ._i_13ado_22:nth-child(20) {
5354
+ ._i_11wt6_22:nth-child(20) {
5354
5355
  --left: 76px;
5355
- --duration: 228ms;
5356
- --size: 0.176;
5356
+ --duration: 365ms;
5357
+ --size: 0.303;
5357
5358
  --hue: 95;
5358
5359
  }
5359
- ._i_13ado_22:nth-child(21) {
5360
+ ._i_11wt6_22:nth-child(21) {
5360
5361
  --left: 80px;
5361
- --duration: 201ms;
5362
- --size: 0.669;
5362
+ --duration: 342ms;
5363
+ --size: 0.952;
5363
5364
  --hue: 100;
5364
5365
  }
5365
- ._i_13ado_22:nth-child(22) {
5366
+ ._i_11wt6_22:nth-child(22) {
5366
5367
  --left: 84px;
5367
- --duration: 240ms;
5368
- --size: 0.524;
5368
+ --duration: 236ms;
5369
+ --size: 0.853;
5369
5370
  --hue: 105;
5370
5371
  }
5371
- ._i_13ado_22:nth-child(23) {
5372
+ ._i_11wt6_22:nth-child(23) {
5372
5373
  --left: 88px;
5373
- --duration: 319ms;
5374
- --size: 0.735;
5374
+ --duration: 235ms;
5375
+ --size: 0.976;
5375
5376
  --hue: 110;
5376
5377
  }
5377
- ._i_13ado_22:nth-child(24) {
5378
+ ._i_11wt6_22:nth-child(24) {
5378
5379
  --left: 92px;
5379
- --duration: 312ms;
5380
- --size: 0.477;
5380
+ --duration: 371ms;
5381
+ --size: 0.461;
5381
5382
  --hue: 115;
5382
5383
  }
5383
- ._i_13ado_22:nth-child(25) {
5384
+ ._i_11wt6_22:nth-child(25) {
5384
5385
  --left: 96px;
5385
- --duration: 310ms;
5386
- --size: 0.211;
5386
+ --duration: 368ms;
5387
+ --size: 0.276;
5387
5388
  --hue: 120;
5388
5389
  }
5389
- ._i_13ado_22:nth-child(26) {
5390
+ ._i_11wt6_22:nth-child(26) {
5390
5391
  --left: 100px;
5391
- --duration: 298ms;
5392
- --size: 0.711;
5392
+ --duration: 212ms;
5393
+ --size: 0.072;
5393
5394
  --hue: 125;
5394
5395
  }
5395
- ._i_13ado_22:nth-child(27) {
5396
+ ._i_11wt6_22:nth-child(27) {
5396
5397
  --left: 104px;
5397
- --duration: 275ms;
5398
- --size: 0.074;
5398
+ --duration: 236ms;
5399
+ --size: 0.772;
5399
5400
  --hue: 130;
5400
5401
  }
5401
- ._i_13ado_22:nth-child(28) {
5402
+ ._i_11wt6_22:nth-child(28) {
5402
5403
  --left: 108px;
5403
- --duration: 321ms;
5404
- --size: 0.261;
5404
+ --duration: 354ms;
5405
+ --size: 0.853;
5405
5406
  --hue: 135;
5406
5407
  }
5407
- ._i_13ado_22:nth-child(29) {
5408
+ ._i_11wt6_22:nth-child(29) {
5408
5409
  --left: 112px;
5409
- --duration: 229ms;
5410
- --size: 0.682;
5410
+ --duration: 376ms;
5411
+ --size: 0.525;
5411
5412
  --hue: 140;
5412
5413
  }
5413
- ._i_13ado_22:nth-child(30) {
5414
+ ._i_11wt6_22:nth-child(30) {
5414
5415
  --left: 116px;
5415
- --duration: 286ms;
5416
- --size: 0.567;
5416
+ --duration: 245ms;
5417
+ --size: 0.889;
5417
5418
  --hue: 145;
5418
5419
  }
5419
- ._i_13ado_22:nth-child(31) {
5420
+ ._i_11wt6_22:nth-child(31) {
5420
5421
  --left: 120px;
5421
- --duration: 361ms;
5422
- --size: 0.179;
5422
+ --duration: 363ms;
5423
+ --size: 0.522;
5423
5424
  --hue: 150;
5424
5425
  }
5425
- ._i_13ado_22:nth-child(32) {
5426
+ ._i_11wt6_22:nth-child(32) {
5426
5427
  --left: 124px;
5427
- --duration: 363ms;
5428
- --size: 0.378;
5428
+ --duration: 258ms;
5429
+ --size: 0.346;
5429
5430
  --hue: 155;
5430
5431
  }
5431
- ._i_13ado_22:nth-child(33) {
5432
+ ._i_11wt6_22:nth-child(33) {
5432
5433
  --left: 128px;
5433
- --duration: 309ms;
5434
- --size: 0.088;
5434
+ --duration: 385ms;
5435
+ --size: 0.294;
5435
5436
  --hue: 160;
5436
5437
  }
5437
- ._i_13ado_22:nth-child(34) {
5438
+ ._i_11wt6_22:nth-child(34) {
5438
5439
  --left: 132px;
5439
- --duration: 317ms;
5440
- --size: 0.239;
5440
+ --duration: 287ms;
5441
+ --size: 0.76;
5441
5442
  --hue: 165;
5442
5443
  }
5443
- ._i_13ado_22:nth-child(35) {
5444
+ ._i_11wt6_22:nth-child(35) {
5444
5445
  --left: 136px;
5445
- --duration: 272ms;
5446
- --size: 0.833;
5446
+ --duration: 358ms;
5447
+ --size: 0.663;
5447
5448
  --hue: 170;
5448
5449
  }
5449
- ._i_13ado_22:nth-child(36) {
5450
+ ._i_11wt6_22:nth-child(36) {
5450
5451
  --left: 140px;
5451
- --duration: 319ms;
5452
- --size: 0.648;
5452
+ --duration: 215ms;
5453
+ --size: 0.407;
5453
5454
  --hue: 175;
5454
5455
  }
5455
- ._i_13ado_22:nth-child(37) {
5456
+ ._i_11wt6_22:nth-child(37) {
5456
5457
  --left: 144px;
5457
- --duration: 307ms;
5458
- --size: 0.257;
5458
+ --duration: 252ms;
5459
+ --size: 0.686;
5459
5460
  --hue: 180;
5460
5461
  }
5461
- ._i_13ado_22:nth-child(38) {
5462
+ ._i_11wt6_22:nth-child(38) {
5462
5463
  --left: 148px;
5463
- --duration: 262ms;
5464
- --size: 0.153;
5464
+ --duration: 263ms;
5465
+ --size: 0.32;
5465
5466
  --hue: 185;
5466
5467
  }
5467
- ._i_13ado_22:nth-child(39) {
5468
+ ._i_11wt6_22:nth-child(39) {
5468
5469
  --left: 152px;
5469
- --duration: 232ms;
5470
- --size: 0.189;
5470
+ --duration: 218ms;
5471
+ --size: 0.152;
5471
5472
  --hue: 190;
5472
5473
  }
5473
- ._i_13ado_22:nth-child(40) {
5474
+ ._i_11wt6_22:nth-child(40) {
5474
5475
  --left: 156px;
5475
- --duration: 319ms;
5476
- --size: 0.471;
5476
+ --duration: 243ms;
5477
+ --size: 0.921;
5477
5478
  --hue: 195;
5478
5479
  }
5479
- ._i_13ado_22:nth-child(41) {
5480
+ ._i_11wt6_22:nth-child(41) {
5480
5481
  --left: 160px;
5481
- --duration: 318ms;
5482
- --size: 0.728;
5482
+ --duration: 346ms;
5483
+ --size: 0.396;
5483
5484
  --hue: 200;
5484
5485
  }
5485
- ._i_13ado_22:nth-child(42) {
5486
+ ._i_11wt6_22:nth-child(42) {
5486
5487
  --left: 164px;
5487
- --duration: 348ms;
5488
- --size: 0.467;
5488
+ --duration: 372ms;
5489
+ --size: 0.68;
5489
5490
  --hue: 205;
5490
5491
  }
5491
- ._i_13ado_22:nth-child(43) {
5492
+ ._i_11wt6_22:nth-child(43) {
5492
5493
  --left: 168px;
5493
- --duration: 260ms;
5494
- --size: 0.928;
5494
+ --duration: 344ms;
5495
+ --size: 0.524;
5495
5496
  --hue: 210;
5496
5497
  }
5497
- ._i_13ado_22:nth-child(44) {
5498
+ ._i_11wt6_22:nth-child(44) {
5498
5499
  --left: 172px;
5499
- --duration: 262ms;
5500
- --size: 0.511;
5500
+ --duration: 313ms;
5501
+ --size: 0.371;
5501
5502
  --hue: 215;
5502
5503
  }
5503
- ._i_13ado_22:nth-child(45) {
5504
+ ._i_11wt6_22:nth-child(45) {
5504
5505
  --left: 176px;
5505
- --duration: 365ms;
5506
- --size: 0.519;
5506
+ --duration: 204ms;
5507
+ --size: 0.04;
5507
5508
  --hue: 220;
5508
5509
  }
5509
- ._i_13ado_22:nth-child(46) {
5510
+ ._i_11wt6_22:nth-child(46) {
5510
5511
  --left: 180px;
5511
- --duration: 258ms;
5512
- --size: 0.577;
5512
+ --duration: 354ms;
5513
+ --size: 0.909;
5513
5514
  --hue: 225;
5514
5515
  }
5515
- ._i_13ado_22:nth-child(47) {
5516
+ ._i_11wt6_22:nth-child(47) {
5516
5517
  --left: 184px;
5517
- --duration: 207ms;
5518
- --size: 0.91;
5518
+ --duration: 242ms;
5519
+ --size: 0.717;
5519
5520
  --hue: 230;
5520
5521
  }
5521
- ._i_13ado_22:nth-child(48) {
5522
+ ._i_11wt6_22:nth-child(48) {
5522
5523
  --left: 188px;
5523
- --duration: 285ms;
5524
- --size: 0.48;
5524
+ --duration: 372ms;
5525
+ --size: 0.938;
5525
5526
  --hue: 235;
5526
5527
  }
5527
- ._i_13ado_22:nth-child(49) {
5528
+ ._i_11wt6_22:nth-child(49) {
5528
5529
  --left: 192px;
5529
- --duration: 275ms;
5530
- --size: 0.996;
5530
+ --duration: 370ms;
5531
+ --size: 0.071;
5531
5532
  --hue: 240;
5532
5533
  }
5533
- ._i_13ado_22:nth-child(50) {
5534
+ ._i_11wt6_22:nth-child(50) {
5534
5535
  --left: 196px;
5535
- --duration: 393ms;
5536
- --size: 0.967;
5536
+ --duration: 231ms;
5537
+ --size: 0.513;
5537
5538
  --hue: 245;
5538
5539
  }
5539
- ._i_13ado_22:nth-child(51) {
5540
+ ._i_11wt6_22:nth-child(51) {
5540
5541
  --left: 200px;
5541
- --duration: 356ms;
5542
- --size: 0.882;
5542
+ --duration: 238ms;
5543
+ --size: 0.788;
5543
5544
  --hue: 250;
5544
5545
  }
5545
- ._i_13ado_22:nth-child(52) {
5546
+ ._i_11wt6_22:nth-child(52) {
5546
5547
  --left: 204px;
5547
- --duration: 205ms;
5548
- --size: 0.793;
5548
+ --duration: 240ms;
5549
+ --size: 0.2;
5549
5550
  --hue: 255;
5550
5551
  }
5551
- ._i_13ado_22:nth-child(53) {
5552
+ ._i_11wt6_22:nth-child(53) {
5552
5553
  --left: 208px;
5553
- --duration: 258ms;
5554
- --size: 0.697;
5554
+ --duration: 296ms;
5555
+ --size: 0.899;
5555
5556
  --hue: 260;
5556
5557
  }
5557
- ._i_13ado_22:nth-child(54) {
5558
+ ._i_11wt6_22:nth-child(54) {
5558
5559
  --left: 212px;
5559
- --duration: 320ms;
5560
- --size: 0.725;
5560
+ --duration: 204ms;
5561
+ --size: 0.097;
5561
5562
  --hue: 265;
5562
5563
  }
5563
- ._i_13ado_22:nth-child(55) {
5564
+ ._i_11wt6_22:nth-child(55) {
5564
5565
  --left: 216px;
5565
- --duration: 370ms;
5566
- --size: 0.413;
5566
+ --duration: 224ms;
5567
+ --size: 0.218;
5567
5568
  --hue: 270;
5568
5569
  }
5569
- ._i_13ado_22:nth-child(56) {
5570
+ ._i_11wt6_22:nth-child(56) {
5570
5571
  --left: 220px;
5571
- --duration: 283ms;
5572
- --size: 0.043;
5572
+ --duration: 260ms;
5573
+ --size: 0.555;
5573
5574
  --hue: 275;
5574
5575
  }
5575
- ._i_13ado_22:nth-child(57) {
5576
+ ._i_11wt6_22:nth-child(57) {
5576
5577
  --left: 224px;
5577
- --duration: 343ms;
5578
- --size: 0.562;
5578
+ --duration: 293ms;
5579
+ --size: 0.24;
5579
5580
  --hue: 280;
5580
5581
  }
5581
- ._i_13ado_22:nth-child(58) {
5582
+ ._i_11wt6_22:nth-child(58) {
5582
5583
  --left: 228px;
5583
- --duration: 365ms;
5584
- --size: 0.484;
5584
+ --duration: 236ms;
5585
+ --size: 0.888;
5585
5586
  --hue: 285;
5586
5587
  }
5587
- ._i_13ado_22:nth-child(59) {
5588
+ ._i_11wt6_22:nth-child(59) {
5588
5589
  --left: 232px;
5589
- --duration: 375ms;
5590
- --size: 0.921;
5590
+ --duration: 318ms;
5591
+ --size: 0.376;
5591
5592
  --hue: 290;
5592
5593
  }
5593
- ._i_13ado_22:nth-child(60) {
5594
+ ._i_11wt6_22:nth-child(60) {
5594
5595
  --left: 236px;
5595
- --duration: 333ms;
5596
- --size: 0.512;
5596
+ --duration: 236ms;
5597
+ --size: 0.968;
5597
5598
  --hue: 295;
5598
5599
  }
5599
- ._i_13ado_22:nth-child(61) {
5600
+ ._i_11wt6_22:nth-child(61) {
5600
5601
  --left: 240px;
5601
- --duration: 266ms;
5602
- --size: 0.211;
5602
+ --duration: 295ms;
5603
+ --size: 0.53;
5603
5604
  --hue: 300;
5604
5605
  }
5605
- ._i_13ado_22:nth-child(62) {
5606
+ ._i_11wt6_22:nth-child(62) {
5606
5607
  --left: 244px;
5607
- --duration: 342ms;
5608
- --size: 0.993;
5608
+ --duration: 376ms;
5609
+ --size: 0.561;
5609
5610
  --hue: 305;
5610
5611
  }
5611
- ._i_13ado_22:nth-child(63) {
5612
+ ._i_11wt6_22:nth-child(63) {
5612
5613
  --left: 248px;
5613
- --duration: 312ms;
5614
- --size: 0.264;
5614
+ --duration: 241ms;
5615
+ --size: 0.999;
5615
5616
  --hue: 310;
5616
5617
  }
5617
- ._i_13ado_22:nth-child(64) {
5618
+ ._i_11wt6_22:nth-child(64) {
5618
5619
  --left: 252px;
5619
- --duration: 287ms;
5620
- --size: 0.953;
5620
+ --duration: 350ms;
5621
+ --size: 0.608;
5621
5622
  --hue: 315;
5622
5623
  }
5623
- ._i_13ado_22:nth-child(65) {
5624
+ ._i_11wt6_22:nth-child(65) {
5624
5625
  --left: 256px;
5625
- --duration: 336ms;
5626
- --size: 0.588;
5626
+ --duration: 399ms;
5627
+ --size: 0.071;
5627
5628
  --hue: 320;
5628
5629
  }
5629
- ._i_13ado_22:nth-child(66) {
5630
+ ._i_11wt6_22:nth-child(66) {
5630
5631
  --left: 260px;
5631
- --duration: 261ms;
5632
- --size: 0.778;
5632
+ --duration: 383ms;
5633
+ --size: 0.624;
5633
5634
  --hue: 325;
5634
5635
  }
5635
- ._i_13ado_22:nth-child(67) {
5636
+ ._i_11wt6_22:nth-child(67) {
5636
5637
  --left: 264px;
5637
- --duration: 290ms;
5638
- --size: 0.579;
5638
+ --duration: 289ms;
5639
+ --size: 0.065;
5639
5640
  --hue: 330;
5640
5641
  }
5641
- ._i_13ado_22:nth-child(68) {
5642
+ ._i_11wt6_22:nth-child(68) {
5642
5643
  --left: 268px;
5643
- --duration: 374ms;
5644
- --size: 0.062;
5644
+ --duration: 320ms;
5645
+ --size: 0.61;
5645
5646
  --hue: 335;
5646
5647
  }
5647
- ._i_13ado_22:nth-child(69) {
5648
+ ._i_11wt6_22:nth-child(69) {
5648
5649
  --left: 272px;
5649
- --duration: 233ms;
5650
- --size: 0.784;
5650
+ --duration: 210ms;
5651
+ --size: 0.171;
5651
5652
  --hue: 340;
5652
5653
  }
5653
- ._i_13ado_22:nth-child(70) {
5654
+ ._i_11wt6_22:nth-child(70) {
5654
5655
  --left: 276px;
5655
- --duration: 297ms;
5656
- --size: 0.393;
5656
+ --duration: 370ms;
5657
+ --size: 0.212;
5657
5658
  --hue: 345;
5658
5659
  }
5659
- ._i_13ado_22:nth-child(71) {
5660
+ ._i_11wt6_22:nth-child(71) {
5660
5661
  --left: 280px;
5661
- --duration: 254ms;
5662
- --size: 0.175;
5662
+ --duration: 327ms;
5663
+ --size: 0.311;
5663
5664
  --hue: 350;
5664
5665
  }
5665
- ._i_13ado_22:nth-child(72) {
5666
+ ._i_11wt6_22:nth-child(72) {
5666
5667
  --left: 284px;
5667
- --duration: 245ms;
5668
- --size: 0.076;
5668
+ --duration: 252ms;
5669
+ --size: 0.695;
5669
5670
  --hue: 355;
5670
5671
  }
5671
5672
 
5672
- ._text_13ado_482 {
5673
+ ._text_11wt6_482 {
5673
5674
  opacity: 1;
5674
5675
  opacity: var(--op, 1);
5675
5676
  transition: opacity 0.4s ease;
@@ -7809,17 +7810,18 @@
7809
7810
  to {
7810
7811
  transform: translateX(2.67em) scale(0.5);
7811
7812
  }
7812
- }._root_cpjeo_1 {
7813
+ }._root_noa3x_1 {
7813
7814
  --transition: 0.25s;
7814
7815
  --spark: 1.8s;
7815
7816
  --active: 0;
7816
7817
  position: relative;
7817
7818
  }
7818
7819
 
7819
- ._button_cpjeo_8 {
7820
+ ._button_noa3x_8 {
7820
7821
  --cut: 0.1em;
7821
7822
  --active: 0;
7822
- --bg: radial-gradient(
7823
+ --bg:
7824
+ radial-gradient(
7823
7825
  40% 50% at center 100%,
7824
7826
  hsl(270 calc(var(--active) * 97%) 72% / var(--active)),
7825
7827
  transparent
@@ -7859,41 +7861,41 @@
7859
7861
  scale: calc(1 + 0 * 0.1);
7860
7862
  scale: calc(1 + var(--active) * 0.1);
7861
7863
  }
7862
- ._button_cpjeo_8:active {
7864
+ ._button_noa3x_8:active {
7863
7865
  scale: 1;
7864
7866
  }
7865
- ._button_cpjeo_8 svg {
7867
+ ._button_noa3x_8 svg {
7866
7868
  overflow: visible !important;
7867
7869
  width: 1.25em;
7868
7870
  translate: -25% -5%;
7869
7871
  }
7870
- ._button_cpjeo_8:focus-visible {
7872
+ ._button_noa3x_8:focus-visible {
7871
7873
  --active: 1;
7872
7874
  --play-state: running;
7873
7875
  }
7874
- ._button_cpjeo_8:hover {
7876
+ ._button_noa3x_8:hover {
7875
7877
  --active: 1;
7876
7878
  --play-state: running;
7877
7879
  }
7878
- ._button_cpjeo_8:focus-visible path {
7879
- animation-name: _bounce_cpjeo_1;
7880
+ ._button_noa3x_8:focus-visible path {
7881
+ animation-name: _bounce_noa3x_1;
7880
7882
  }
7881
- ._button_cpjeo_8:hover path {
7882
- animation-name: _bounce_cpjeo_1;
7883
+ ._button_noa3x_8:hover path {
7884
+ animation-name: _bounce_noa3x_1;
7883
7885
  }
7884
- ._button_cpjeo_8:focus-visible ~ ._bodydrop_cpjeo_53 {
7886
+ ._button_noa3x_8:focus-visible ~ ._bodydrop_noa3x_54 {
7885
7887
  --active: 1;
7886
7888
  --play-state: running;
7887
7889
  }
7888
- ._button_cpjeo_8:focus-visible ~ ._particle-pen_cpjeo_53 {
7890
+ ._button_noa3x_8:focus-visible ~ ._particle-pen_noa3x_54 {
7889
7891
  --active: 1;
7890
7892
  --play-state: running;
7891
7893
  }
7892
- ._button_cpjeo_8:hover ~ ._bodydrop_cpjeo_53, ._button_cpjeo_8:hover ~ ._particle-pen_cpjeo_53 {
7894
+ ._button_noa3x_8:hover ~ ._bodydrop_noa3x_54, ._button_noa3x_8:hover ~ ._particle-pen_noa3x_54 {
7893
7895
  --active: 1;
7894
7896
  --play-state: running;
7895
7897
  }
7896
- ._button_cpjeo_8::before {
7898
+ ._button_noa3x_8::before {
7897
7899
  content: "";
7898
7900
  position: absolute;
7899
7901
  top: -0.25em;
@@ -7908,7 +7910,7 @@
7908
7910
  transition: opacity var(--transition);
7909
7911
  }
7910
7912
 
7911
- ._sparkle_cpjeo_68 path {
7913
+ ._sparkle_noa3x_69 path {
7912
7914
  color: hsl(0, 0%, calc(0 * 70% + var(--base)));
7913
7915
  color: hsl(0, 0%, calc(var(--active, 0) * 70% + var(--base)));
7914
7916
  transform-box: fill-box;
@@ -7919,23 +7921,23 @@
7919
7921
  animation-duration: 0.6s;
7920
7922
  transition: color var(--transition);
7921
7923
  }
7922
- ._sparkle_cpjeo_68 path:nth-of-type(1) {
7924
+ ._sparkle_noa3x_69 path:nth-of-type(1) {
7923
7925
  --scale: 0.5;
7924
7926
  --delay: 0.1;
7925
7927
  --base: 40%;
7926
7928
  }
7927
- ._sparkle_cpjeo_68 path:nth-of-type(2) {
7929
+ ._sparkle_noa3x_69 path:nth-of-type(2) {
7928
7930
  --scale: 1.5;
7929
7931
  --delay: 0.2;
7930
7932
  --base: 20%;
7931
7933
  }
7932
- ._sparkle_cpjeo_68 path:nth-of-type(3) {
7934
+ ._sparkle_noa3x_69 path:nth-of-type(3) {
7933
7935
  --scale: 2.5;
7934
7936
  --delay: 0.35;
7935
7937
  --base: 30%;
7936
7938
  }
7937
7939
 
7938
- ._spark_cpjeo_68 {
7940
+ ._spark_noa3x_69 {
7939
7941
  position: absolute;
7940
7942
  top: 0;
7941
7943
  right: 0;
@@ -7946,9 +7948,9 @@
7946
7948
  overflow: hidden;
7947
7949
  -webkit-mask: linear-gradient(white, transparent 50%);
7948
7950
  mask: linear-gradient(white, transparent 50%);
7949
- animation: _flip_cpjeo_1 calc(var(--spark) * 2) infinite steps(2, end);
7951
+ animation: _flip_noa3x_1 calc(var(--spark) * 2) infinite steps(2, end);
7950
7952
  }
7951
- ._spark_cpjeo_68::before {
7953
+ ._spark_noa3x_69::before {
7952
7954
  content: "";
7953
7955
  position: absolute;
7954
7956
  width: 200%;
@@ -7963,9 +7965,9 @@
7963
7965
  background: conic-gradient(from 0deg, transparent 0,transparent 340deg, white 360deg);
7964
7966
  background: conic-gradient(from 0deg, transparent 0 340deg, white 360deg);
7965
7967
  transition: opacity var(--transition);
7966
- animation: _rotate_cpjeo_1 var(--spark) linear infinite both;
7968
+ animation: _rotate_noa3x_1 var(--spark) linear infinite both;
7967
7969
  }
7968
- ._spark_cpjeo_68::after {
7970
+ ._spark_noa3x_69::after {
7969
7971
  content: "";
7970
7972
  position: absolute;
7971
7973
  top: var(--cut);
@@ -7975,7 +7977,7 @@
7975
7977
  border-radius: 100px;
7976
7978
  }
7977
7979
 
7978
- ._backdrop_cpjeo_126 {
7980
+ ._backdrop_noa3x_127 {
7979
7981
  position: absolute;
7980
7982
  top: var(--cut);
7981
7983
  right: var(--cut);
@@ -7986,21 +7988,21 @@
7986
7988
  transition: background var(--transition);
7987
7989
  }
7988
7990
 
7989
- @keyframes _bounce_cpjeo_1 {
7991
+ @keyframes _bounce_noa3x_1 {
7990
7992
  35%, 65% {
7991
7993
  scale: var(--scale);
7992
7994
  }
7993
7995
  }
7994
7996
  @supports (selector(:has(:is(+ *)))) {
7995
- ._root_cpjeo_1:has(._button_cpjeo_8:is(:hover, :focus-visible)) {
7997
+ ._root_noa3x_1:has(._button_noa3x_8:is(:hover, :focus-visible)) {
7996
7998
  --active: 1;
7997
7999
  --play-state: running;
7998
8000
  }
7999
- ._bodydrop_cpjeo_53 {
8001
+ ._bodydrop_noa3x_54 {
8000
8002
  display: none;
8001
8003
  }
8002
8004
  }
8003
- ._bodydrop_cpjeo_53 {
8005
+ ._bodydrop_noa3x_54 {
8004
8006
  background: hsl(260, calc(var(--active) * 97%), 6%);
8005
8007
  position: fixed;
8006
8008
  top: 0;
@@ -8010,7 +8012,7 @@
8010
8012
  z-index: -1;
8011
8013
  }
8012
8014
 
8013
- ._particlePen_cpjeo_155 {
8015
+ ._particlePen_noa3x_156 {
8014
8016
  position: absolute;
8015
8017
  width: 200%;
8016
8018
  aspect-ratio: 1;
@@ -8024,7 +8026,7 @@
8024
8026
  transition: opacity var(--transition);
8025
8027
  }
8026
8028
 
8027
- ._particle_cpjeo_53 {
8029
+ ._particle_noa3x_54 {
8028
8030
  fill: white;
8029
8031
  width: calc(0.25 * 1rem);
8030
8032
  width: calc(var(--size, 0.25) * 1rem);
@@ -8034,23 +8036,23 @@
8034
8036
  left: calc(var(--x) * 1%);
8035
8037
  opacity: 1;
8036
8038
  opacity: var(--alpha, 1);
8037
- animation: _float-out_cpjeo_1 calc(1 * 1s) calc(var(--delay) * -1s) infinite linear;
8038
- animation: _float-out_cpjeo_1 calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
8039
+ animation: _float-out_noa3x_1 calc(1 * 1s) calc(var(--delay) * -1s) infinite linear;
8040
+ animation: _float-out_noa3x_1 calc(var(--duration, 1) * 1s) calc(var(--delay) * -1s) infinite linear;
8039
8041
  transform-origin: 1000% 1000%;
8040
8042
  transform-origin: var(--origin-x, 1000%) var(--origin-y, 1000%);
8041
8043
  z-index: -1;
8042
8044
  animation-play-state: paused;
8043
8045
  animation-play-state: var(--play-state, paused);
8044
8046
  }
8045
- ._particle_cpjeo_53 path {
8047
+ ._particle_noa3x_54 path {
8046
8048
  fill: hsl(0, 0%, 90%);
8047
8049
  stroke: none;
8048
8050
  }
8049
- ._particle_cpjeo_53:nth-of-type(even) {
8051
+ ._particle_noa3x_54:nth-of-type(even) {
8050
8052
  animation-direction: reverse;
8051
8053
  }
8052
8054
 
8053
- ._text_cpjeo_189 {
8055
+ ._text_noa3x_190 {
8054
8056
  translate: 2% -6%;
8055
8057
  letter-spacing: 0.01ch;
8056
8058
  background: linear-gradient(90deg, hsl(0, 0%, calc(var(--active) * 100% + 65%)), hsl(0, 0%, calc(var(--active) * 100% + 26%)));
@@ -8059,17 +8061,17 @@
8059
8061
  transition: background var(--transition);
8060
8062
  }
8061
8063
 
8062
- @keyframes _float-out_cpjeo_1 {
8064
+ @keyframes _float-out_noa3x_1 {
8063
8065
  to {
8064
8066
  rotate: 360deg;
8065
8067
  }
8066
8068
  }
8067
- @keyframes _flip_cpjeo_1 {
8069
+ @keyframes _flip_noa3x_1 {
8068
8070
  to {
8069
8071
  rotate: 360deg;
8070
8072
  }
8071
8073
  }
8072
- @keyframes _rotate_cpjeo_1 {
8074
+ @keyframes _rotate_noa3x_1 {
8073
8075
  to {
8074
8076
  transform: rotate(90deg);
8075
8077
  }
@@ -15079,7 +15081,7 @@
15079
15081
  initial-value: rgb(0, 0, 0);
15080
15082
  inherits: true;
15081
15083
  }
15082
- ._root_1mups_58:not(#\#) {
15084
+ ._root_uez5a_58:not(#\#) {
15083
15085
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E");
15084
15086
  --icon-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 7.13.97 2.29.47 1.11 1.2.1 2.47.21-1.88 1.63-.91.79.27 1.18.56 2.41-2.12-1.28-1.03-.64-1.03.62-2.12 1.28.56-2.41.27-1.18-.91-.79-1.88-1.63 2.47-.21 1.2-.1.47-1.11.97-2.27M12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2z'/%3E%3C/svg%3E");
15085
15087
  --icon-more: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' %3E%3Cpath d='M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z'%3E%3C/path%3E%3C/svg%3E");
@@ -15116,7 +15118,8 @@
15116
15118
  --futuristic-dial-angle-offset: 90deg;
15117
15119
  --is-active: 0;
15118
15120
  --futuristic-dial-icon-offset: 100;
15119
- --shadow: rgba(0, 0, 0, 0.125) 0px 0px 2px -0.5px,
15121
+ --shadow:
15122
+ rgba(0, 0, 0, 0.125) 0px 0px 2px -0.5px,
15120
15123
  rgba(0, 0, 0, 0.125) 0px 1px 5px -1px,
15121
15124
  rgba(0, 0, 0, 0.125) 0px 4px 12px -1.5px,
15122
15125
  rgba(0, 0, 0, 0.125) 0px 9px 28px -2px,
@@ -15141,17 +15144,17 @@
15141
15144
  background: var(--scene-bg);
15142
15145
  }
15143
15146
  @media (min-width: 500px) {
15144
- ._root_1mups_58:not(#\#) {
15147
+ ._root_uez5a_58:not(#\#) {
15145
15148
  --col-height: 50vh;
15146
15149
  }
15147
15150
  }
15148
15151
  @media (min-width: 780px) {
15149
- ._root_1mups_58:not(#\#) {
15152
+ ._root_uez5a_58:not(#\#) {
15150
15153
  --col-height: 100vh;
15151
15154
  --radius: max(5vw, min(150px, 10vw));
15152
15155
  }
15153
15156
  }
15154
- ._root_1mups_58[data-theme=dark]:not(#\#) {
15157
+ ._root_uez5a_58[data-theme=dark]:not(#\#) {
15155
15158
  --scene-bg: hsl(207, 20%, 12%);
15156
15159
  --color-grey: hsl(0, 0%, 10%);
15157
15160
  --inner-bg: hsl(200, 15%, 11%);
@@ -15160,7 +15163,7 @@
15160
15163
  --invert: 100%;
15161
15164
  }
15162
15165
 
15163
- ._selector_1mups_135:not(#\#) {
15166
+ ._selector_uez5a_136:not(#\#) {
15164
15167
  --futuristic-dial-shadow-width: calc(var(--radius) / 13);
15165
15168
  --knob-color: linear-gradient(
15166
15169
  to bottom,
@@ -15174,7 +15177,7 @@
15174
15177
  background: var(--color-dark-grey);
15175
15178
  box-shadow: inset rgba(0, 0, 0, 0.13) 0px 0px 2px -1px, inset rgba(0, 0, 0, 0.13) 0px 2px 8px -2px, inset rgba(0, 0, 0, 0.13) 0px 8px 34px -2px;
15176
15179
  }
15177
- ._selector_1mups_135:not(#\#) ._knob_1mups_149 {
15180
+ ._selector_uez5a_136:not(#\#) ._knob_uez5a_150 {
15178
15181
  position: absolute;
15179
15182
  width: 100%;
15180
15183
  height: 100%;
@@ -15189,12 +15192,12 @@
15189
15192
  border-radius: 100000px;
15190
15193
  /* Let's make the knob */
15191
15194
  }
15192
- ._selector_1mups_135:not(#\#) ._knob_1mups_149:before, ._selector_1mups_135:not(#\#) ._knob_1mups_149:after {
15195
+ ._selector_uez5a_136:not(#\#) ._knob_uez5a_150:before, ._selector_uez5a_136:not(#\#) ._knob_uez5a_150:after {
15193
15196
  content: "";
15194
15197
  display: block;
15195
15198
  position: absolute;
15196
15199
  }
15197
- ._selector_1mups_135:not(#\#) ._knob_1mups_149:after {
15200
+ ._selector_uez5a_136:not(#\#) ._knob_uez5a_150:after {
15198
15201
  width: 4%;
15199
15202
  height: 14%;
15200
15203
  background: var(--knob-color);
@@ -15202,72 +15205,72 @@
15202
15205
  top: 16px;
15203
15206
  border-radius: 100000px;
15204
15207
  }
15205
- ._selector_1mups_135:not(#\#) ._knob_1mups_149:active:after {
15208
+ ._selector_uez5a_136:not(#\#) ._knob_uez5a_150:active:after {
15206
15209
  transform: scale(0.95);
15207
15210
  }
15208
- ._selector_1mups_135:not(#\#) ._knob_1mups_149:hover {
15211
+ ._selector_uez5a_136:not(#\#) ._knob_uez5a_150:hover {
15209
15212
  --knob-color: linear-gradient(
15210
15213
  to top,
15211
15214
  var(--futuristic-dial-color-accent-on),
15212
15215
  var(--futuristic-dial-color-accent-on-darker)
15213
15216
  );
15214
15217
  }
15215
- ._selector_1mups_135:has(._knob_1mups_149:active):not(#\#):after {
15218
+ ._selector_uez5a_136:has(._knob_uez5a_150:active):not(#\#):after {
15216
15219
  transform: scale(0.95);
15217
15220
  }
15218
- ._selector_1mups_135._active_1mups_188:not(#\#) {
15221
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) {
15219
15222
  --is-active: 1;
15220
15223
  transition: --futuristic-dial-color-accent-on 0.3s ease 0.2s, --futuristic-dial-color-accent-on-darker 0.3s ease 0.2s, --futuristic-dial-color-accent-on-code 0.3s ease 0.2s, --futuristic-dial-color-accent-on-darker-code 0.3s ease 0.2s;
15221
15224
  }
15222
- ._selector_1mups_135._active_1mups_188:not(#\#) ._knob_1mups_149 {
15225
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ._knob_uez5a_150 {
15223
15226
  --knob-color: linear-gradient(
15224
15227
  to top,
15225
15228
  var(--futuristic-dial-color-accent-on),
15226
15229
  var(--futuristic-dial-color-accent-on-darker)
15227
15230
  );
15228
15231
  }
15229
- ._selector_1mups_135._active_1mups_188:not(#\#) ul {
15232
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul {
15230
15233
  --futuristic-dial-selector-width: 260;
15231
15234
  --futuristic-dial-border-width: 13;
15232
15235
  --rotation: 0;
15233
15236
  --futuristic-dial-icon-offset: 7;
15234
15237
  --futuristic-dial-item-opacity: 1;
15235
15238
  }
15236
- ._selector_1mups_135._active_1mups_188:not(#\#) ul:before {
15239
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul:before {
15237
15240
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.18) 0px 0px 1px -1px inset, rgba(0, 0, 0, 0.16) 0px 2px 5px -2px inset, rgba(0, 0, 0, 0.063) 0px 8px 24px -4px inset;
15238
15241
  }
15239
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li {
15242
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li {
15240
15243
  --futuristic-dial-is-selected: 0;
15241
15244
  }
15242
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(0) {
15245
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(0) {
15243
15246
  transform: rotate(-60deg);
15244
15247
  transition: transform 0.5s ease 0s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15245
15248
  }
15246
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(1) {
15249
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(1) {
15247
15250
  transform: rotate(0deg);
15248
15251
  transition: transform 0.5s ease 0.05s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15249
15252
  }
15250
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(2) {
15253
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(2) {
15251
15254
  transform: rotate(60deg);
15252
15255
  transition: transform 0.5s ease 0.1s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15253
15256
  }
15254
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(3) {
15257
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(3) {
15255
15258
  transform: rotate(120deg);
15256
15259
  transition: transform 0.5s ease 0.15s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15257
15260
  }
15258
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(4) {
15261
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(4) {
15259
15262
  transform: rotate(180deg);
15260
15263
  transition: transform 0.5s ease 0.2s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15261
15264
  }
15262
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(5) {
15265
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(5) {
15263
15266
  transform: rotate(240deg);
15264
15267
  transition: transform 0.5s ease 0.25s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15265
15268
  }
15266
- ._selector_1mups_135._active_1mups_188:not(#\#) ul li:nth-child(6) {
15269
+ ._selector_uez5a_136._active_uez5a_189:not(#\#) ul li:nth-child(6) {
15267
15270
  transform: rotate(300deg);
15268
15271
  transition: transform 0.5s ease 0.3s, --futuristic-dial-icon-offset 0.5s ease, --futuristic-dial-item-opacity 0.5s ease 0.2s;
15269
15272
  }
15270
- ._selector_1mups_135:not(#\#):after {
15273
+ ._selector_uez5a_136:not(#\#):after {
15271
15274
  content: "";
15272
15275
  display: block;
15273
15276
  position: absolute;
@@ -15279,7 +15282,7 @@
15279
15282
  transition: background-image 0.2s ease, transform 0.15s ease;
15280
15283
  transform: scale(1);
15281
15284
  }
15282
- ._selector_1mups_135:has(li:nth-child(1) input[type=radio]:checked):not(#\#) {
15285
+ ._selector_uez5a_136:has(li:nth-child(1) input[type=radio]:checked):not(#\#) {
15283
15286
  --futuristic-dial-angle: calc(
15284
15287
  calc((360deg / 6) * 0) - var(--futuristic-dial-angle-offset)
15285
15288
  );
@@ -15298,11 +15301,11 @@
15298
15301
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15299
15302
  );
15300
15303
  }
15301
- ._selector_1mups_135:has(li:nth-child(1) input[type=radio]:checked):not(#\#) li:nth-child(1) {
15304
+ ._selector_uez5a_136:has(li:nth-child(1) input[type=radio]:checked):not(#\#) li:nth-child(1) {
15302
15305
  --icon-opacity: 1;
15303
15306
  --futuristic-dial-is-selected: 1;
15304
15307
  }
15305
- ._selector_1mups_135:has(li:nth-child(2) input[type=radio]:checked):not(#\#) {
15308
+ ._selector_uez5a_136:has(li:nth-child(2) input[type=radio]:checked):not(#\#) {
15306
15309
  --futuristic-dial-angle: calc(
15307
15310
  calc((360deg / 6) * 1) - var(--futuristic-dial-angle-offset)
15308
15311
  );
@@ -15321,11 +15324,11 @@
15321
15324
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15322
15325
  );
15323
15326
  }
15324
- ._selector_1mups_135:has(li:nth-child(2) input[type=radio]:checked):not(#\#) li:nth-child(2) {
15327
+ ._selector_uez5a_136:has(li:nth-child(2) input[type=radio]:checked):not(#\#) li:nth-child(2) {
15325
15328
  --icon-opacity: 1;
15326
15329
  --futuristic-dial-is-selected: 1;
15327
15330
  }
15328
- ._selector_1mups_135:has(li:nth-child(3) input[type=radio]:checked):not(#\#) {
15331
+ ._selector_uez5a_136:has(li:nth-child(3) input[type=radio]:checked):not(#\#) {
15329
15332
  --futuristic-dial-angle: calc(
15330
15333
  calc((360deg / 6) * 2) - var(--futuristic-dial-angle-offset)
15331
15334
  );
@@ -15344,11 +15347,11 @@
15344
15347
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15345
15348
  );
15346
15349
  }
15347
- ._selector_1mups_135:has(li:nth-child(3) input[type=radio]:checked):not(#\#) li:nth-child(3) {
15350
+ ._selector_uez5a_136:has(li:nth-child(3) input[type=radio]:checked):not(#\#) li:nth-child(3) {
15348
15351
  --icon-opacity: 1;
15349
15352
  --futuristic-dial-is-selected: 1;
15350
15353
  }
15351
- ._selector_1mups_135:has(li:nth-child(4) input[type=radio]:checked):not(#\#) {
15354
+ ._selector_uez5a_136:has(li:nth-child(4) input[type=radio]:checked):not(#\#) {
15352
15355
  --futuristic-dial-angle: calc(
15353
15356
  calc((360deg / 6) * 3) - var(--futuristic-dial-angle-offset)
15354
15357
  );
@@ -15367,11 +15370,11 @@
15367
15370
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15368
15371
  );
15369
15372
  }
15370
- ._selector_1mups_135:has(li:nth-child(4) input[type=radio]:checked):not(#\#) li:nth-child(4) {
15373
+ ._selector_uez5a_136:has(li:nth-child(4) input[type=radio]:checked):not(#\#) li:nth-child(4) {
15371
15374
  --icon-opacity: 1;
15372
15375
  --futuristic-dial-is-selected: 1;
15373
15376
  }
15374
- ._selector_1mups_135:has(li:nth-child(5) input[type=radio]:checked):not(#\#) {
15377
+ ._selector_uez5a_136:has(li:nth-child(5) input[type=radio]:checked):not(#\#) {
15375
15378
  --futuristic-dial-angle: calc(
15376
15379
  calc((360deg / 6) * 4) - var(--futuristic-dial-angle-offset)
15377
15380
  );
@@ -15390,11 +15393,11 @@
15390
15393
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15391
15394
  );
15392
15395
  }
15393
- ._selector_1mups_135:has(li:nth-child(5) input[type=radio]:checked):not(#\#) li:nth-child(5) {
15396
+ ._selector_uez5a_136:has(li:nth-child(5) input[type=radio]:checked):not(#\#) li:nth-child(5) {
15394
15397
  --icon-opacity: 1;
15395
15398
  --futuristic-dial-is-selected: 1;
15396
15399
  }
15397
- ._selector_1mups_135:has(li:nth-child(6) input[type=radio]:checked):not(#\#) {
15400
+ ._selector_uez5a_136:has(li:nth-child(6) input[type=radio]:checked):not(#\#) {
15398
15401
  --futuristic-dial-angle: calc(
15399
15402
  calc((360deg / 6) * 5) - var(--futuristic-dial-angle-offset)
15400
15403
  );
@@ -15413,12 +15416,12 @@
15413
15416
  var(--futuristic-dial-color-accent-on-darker-code) / 1
15414
15417
  );
15415
15418
  }
15416
- ._selector_1mups_135:has(li:nth-child(6) input[type=radio]:checked):not(#\#) li:nth-child(6) {
15419
+ ._selector_uez5a_136:has(li:nth-child(6) input[type=radio]:checked):not(#\#) li:nth-child(6) {
15417
15420
  --icon-opacity: 1;
15418
15421
  --futuristic-dial-is-selected: 1;
15419
15422
  }
15420
15423
 
15421
- ._list_1mups_391:not(#\#) {
15424
+ ._list_uez5a_392:not(#\#) {
15422
15425
  --futuristic-dial-selector-width: 90;
15423
15426
  --futuristic-dial-border-width: 0;
15424
15427
  position: absolute;
@@ -15431,12 +15434,12 @@
15431
15434
  align-items: center;
15432
15435
  justify-content: center;
15433
15436
  }
15434
- ._list_1mups_391:not(#\#):before, ._list_1mups_391:not(#\#):after {
15437
+ ._list_uez5a_392:not(#\#):before, ._list_uez5a_392:not(#\#):after {
15435
15438
  content: "";
15436
15439
  display: block;
15437
15440
  position: absolute;
15438
15441
  }
15439
- ._list_1mups_391:not(#\#):before {
15442
+ ._list_uez5a_392:not(#\#):before {
15440
15443
  transition: --futuristic-dial-selector-width 0.3s ease, --futuristic-dial-color-accent-on-code 0.3s ease, --futuristic-dial-color-accent-on-darker-code 0.3s ease;
15441
15444
  width: calc(var(--futuristic-dial-selector-width) * 1%);
15442
15445
  height: calc(var(--futuristic-dial-selector-width) * 1%);
@@ -15444,7 +15447,7 @@
15444
15447
  box-shadow: var(--shadow), 0 calc(var(--radius) / -10) 120px calc(var(--radius) / 5) rgba(0, 0, 0, 0.05);
15445
15448
  background: var(--inner-bg);
15446
15449
  }
15447
- ._list_1mups_391:not(#\#):after {
15450
+ ._list_uez5a_392:not(#\#):after {
15448
15451
  --futuristic-dial-color-shadow: hsl(
15449
15452
  var(--futuristic-dial-color-accent-on-code) / 0.6
15450
15453
  );
@@ -15462,7 +15465,7 @@
15462
15465
  background: var(--border-bg);
15463
15466
  }
15464
15467
 
15465
- ._item_1mups_435:not(#\#) {
15468
+ ._item_uez5a_436:not(#\#) {
15466
15469
  position: absolute;
15467
15470
  width: 25%;
15468
15471
  height: 120%;
@@ -15476,10 +15479,10 @@
15476
15479
  justify-content: center;
15477
15480
  opacity: var(--futuristic-dial-item-opacity);
15478
15481
  }
15479
- ._item_1mups_435:not(#\#) > span {
15482
+ ._item_uez5a_436:not(#\#) > span {
15480
15483
  display: none;
15481
15484
  }
15482
- ._item_1mups_435:not(#\#) > input[type=radio] {
15485
+ ._item_uez5a_436:not(#\#) > input[type=radio] {
15483
15486
  all: unset;
15484
15487
  position: absolute;
15485
15488
  width: 100%;
@@ -15488,12 +15491,12 @@
15488
15491
  top: 0;
15489
15492
  left: 0;
15490
15493
  }
15491
- ._item_1mups_435:not(#\#):before, ._item_1mups_435:not(#\#):after {
15494
+ ._item_uez5a_436:not(#\#):before, ._item_uez5a_436:not(#\#):after {
15492
15495
  content: "";
15493
15496
  display: block;
15494
15497
  position: absolute;
15495
15498
  }
15496
- ._item_1mups_435:not(#\#):before {
15499
+ ._item_uez5a_436:not(#\#):before {
15497
15500
  --op: opacity(
15498
15501
  var(--futuristic-dial-is-selected)
15499
15502
  );
@@ -15505,7 +15508,7 @@
15505
15508
  filter: blur(12px) var(--op) saturate(2);
15506
15509
  transition: --futuristic-dial-is-selected 0.2s ease 0.2s;
15507
15510
  }
15508
- ._item_1mups_435:not(#\#):after {
15511
+ ._item_uez5a_436:not(#\#):after {
15509
15512
  --iv: invert(var(--invert));
15510
15513
  width: 100%;
15511
15514
  aspect-ratio: 1/1;
@@ -15513,58 +15516,58 @@
15513
15516
  opacity: var(--icon-opacity);
15514
15517
  filter: var(--iv);
15515
15518
  }
15516
- ._item_1mups_435:nth-child(0):not(#\#):after {
15519
+ ._item_uez5a_436:nth-child(0):not(#\#):after {
15517
15520
  background: var(--icon-0) no-repeat center top 15%/contain;
15518
15521
  }
15519
- ._item_1mups_435:nth-child(1):not(#\#):after {
15522
+ ._item_uez5a_436:nth-child(1):not(#\#):after {
15520
15523
  background: var(--icon-1) no-repeat center top 15%/contain;
15521
15524
  }
15522
- ._item_1mups_435:nth-child(2):not(#\#):after {
15525
+ ._item_uez5a_436:nth-child(2):not(#\#):after {
15523
15526
  background: var(--icon-2) no-repeat center top 15%/contain;
15524
15527
  }
15525
- ._item_1mups_435:nth-child(3):not(#\#):after {
15528
+ ._item_uez5a_436:nth-child(3):not(#\#):after {
15526
15529
  background: var(--icon-3) no-repeat center top 15%/contain;
15527
15530
  }
15528
- ._item_1mups_435:nth-child(4):not(#\#):after {
15531
+ ._item_uez5a_436:nth-child(4):not(#\#):after {
15529
15532
  background: var(--icon-4) no-repeat center top 15%/contain;
15530
15533
  }
15531
- ._item_1mups_435:nth-child(5):not(#\#):after {
15534
+ ._item_uez5a_436:nth-child(5):not(#\#):after {
15532
15535
  background: var(--icon-5) no-repeat center top 15%/contain;
15533
15536
  }
15534
- ._item_1mups_435:nth-child(6):not(#\#):after {
15537
+ ._item_uez5a_436:nth-child(6):not(#\#):after {
15535
15538
  background: var(--icon-6) no-repeat center top 15%/contain;
15536
15539
  }
15537
- ._item_1mups_435:not(#\#):after, ._item_1mups_435:not(#\#) > input[type=radio] {
15540
+ ._item_uez5a_436:not(#\#):after, ._item_uez5a_436:not(#\#) > input[type=radio] {
15538
15541
  top: calc(var(--futuristic-dial-icon-offset) * 1%);
15539
15542
  }
15540
- ._item_1mups_435:nth-child(2):not(#\#):after {
15543
+ ._item_uez5a_436:nth-child(2):not(#\#):after {
15541
15544
  transform: rotate(300deg);
15542
15545
  }
15543
- ._item_1mups_435:nth-child(3):not(#\#):after, ._item_1mups_435:nth-child(5):not(#\#):after {
15546
+ ._item_uez5a_436:nth-child(3):not(#\#):after, ._item_uez5a_436:nth-child(5):not(#\#):after {
15544
15547
  transform: rotate(30deg);
15545
15548
  }
15546
- ._item_1mups_435:nth-child(6):not(#\#):after {
15549
+ ._item_uez5a_436:nth-child(6):not(#\#):after {
15547
15550
  transform: rotate(60deg);
15548
15551
  }
15549
- ._item_1mups_435:nth-child(0):not(#\#) {
15552
+ ._item_uez5a_436:nth-child(0):not(#\#) {
15550
15553
  transition-delay: 0.1s;
15551
15554
  }
15552
- ._item_1mups_435:nth-child(1):not(#\#) {
15555
+ ._item_uez5a_436:nth-child(1):not(#\#) {
15553
15556
  transition-delay: 0.2s;
15554
15557
  }
15555
- ._item_1mups_435:nth-child(2):not(#\#) {
15558
+ ._item_uez5a_436:nth-child(2):not(#\#) {
15556
15559
  transition-delay: 0.3s;
15557
15560
  }
15558
- ._item_1mups_435:nth-child(3):not(#\#) {
15561
+ ._item_uez5a_436:nth-child(3):not(#\#) {
15559
15562
  transition-delay: 0.4s;
15560
15563
  }
15561
- ._item_1mups_435:nth-child(4):not(#\#) {
15564
+ ._item_uez5a_436:nth-child(4):not(#\#) {
15562
15565
  transition-delay: 0.5s;
15563
15566
  }
15564
- ._item_1mups_435:nth-child(5):not(#\#) {
15567
+ ._item_uez5a_436:nth-child(5):not(#\#) {
15565
15568
  transition-delay: 0.6s;
15566
15569
  }
15567
- ._item_1mups_435:nth-child(6):not(#\#) {
15570
+ ._item_uez5a_436:nth-child(6):not(#\#) {
15568
15571
  transition-delay: 0.7s;
15569
15572
  }._root_y3dw7_1 {
15570
15573
  background: url("https://grantcr.com/files/top.png") top center no-repeat;
@@ -16304,168 +16307,6 @@
16304
16307
  ._big_omp35_46 {
16305
16308
  grid-row: span 2;
16306
16309
  grid-column: span 2;
16307
- }._section_12xx2_1 {
16308
- position: relative;
16309
- }
16310
-
16311
- ._button_12xx2_5 {
16312
- position: absolute;
16313
- top: -60px;
16314
- margin-left: auto;
16315
- margin-right: auto;
16316
- left: 0;
16317
- right: 0;
16318
- cursor: pointer;
16319
- -webkit-appearance: none;
16320
- -moz-appearance: none;
16321
- appearance: none;
16322
- outline: none;
16323
- border: none;
16324
- height: 2rem;
16325
- width: 4rem;
16326
- font-size: 0;
16327
- border-radius: 4rem;
16328
- background: #aaa;
16329
- box-shadow: inset 0 2px 6px 2px rgba(0, 0, 0, 0.27);
16330
- }
16331
- ._button_12xx2_5 ._radio_12xx2_22 {
16332
- background: #fff;
16333
- border-radius: 3rem;
16334
- transition: transform 0.5s ease;
16335
- box-shadow: 0 2px 6px rgba(0, 0, 0, 0.44);
16336
- z-index: 2;
16337
- }
16338
- ._button_12xx2_5 ._radio_12xx2_22,
16339
- ._button_12xx2_5 ._inline_12xx2_30,
16340
- ._button_12xx2_5 ._grid_12xx2_31 {
16341
- content: "";
16342
- position: absolute;
16343
- height: 2.2rem;
16344
- width: 2.2rem;
16345
- top: -0.1rem;
16346
- left: -0.1rem;
16347
- display: flex;
16348
- justify-content: center;
16349
- align-items: center;
16350
- }
16351
- ._button_12xx2_5 ._radio_12xx2_22 ._dot_12xx2_42,
16352
- ._button_12xx2_5 ._inline_12xx2_30 ._dot_12xx2_42,
16353
- ._button_12xx2_5 ._grid_12xx2_31 ._dot_12xx2_42 {
16354
- background: #666;
16355
- }
16356
- ._button_12xx2_5 ._radio_12xx2_22 ._dotIcon_12xx2_47,
16357
- ._button_12xx2_5 ._inline_12xx2_30 ._dotIcon_12xx2_47,
16358
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47 {
16359
- background: #efefef;
16360
- }
16361
- ._button_12xx2_5 ._radio_12xx2_22 ._dot_12xx2_42,
16362
- ._button_12xx2_5 ._radio_12xx2_22 ._dotIcon_12xx2_47,
16363
- ._button_12xx2_5 ._inline_12xx2_30 ._dot_12xx2_42,
16364
- ._button_12xx2_5 ._inline_12xx2_30 ._dotIcon_12xx2_47,
16365
- ._button_12xx2_5 ._grid_12xx2_31 ._dot_12xx2_42,
16366
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47 {
16367
- height: 5px;
16368
- width: 5px;
16369
- border-radius: 3px;
16370
- display: inline-block;
16371
- transition: transform 0.4s ease;
16372
- margin: calc(50% - 2.5px) -0.5px 0;
16373
- margin-top: 0;
16374
- margin-bottom: 0;
16375
- }
16376
- ._button_12xx2_5 ._grid_12xx2_31 {
16377
- transform: translatex(90%);
16378
- }
16379
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47:first-of-type {
16380
- transform: translatey(-60%) translatex(60%);
16381
- }
16382
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47:nth-of-type(2) {
16383
- transform: translatey(60%) translatex(-20%);
16384
- }
16385
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47:nth-of-type(3) {
16386
- transform: translatey(60%) translatex(20%);
16387
- }
16388
- ._button_12xx2_5 ._grid_12xx2_31 ._dotIcon_12xx2_47:last-of-type {
16389
- transform: translatey(-60%) translatex(-60%);
16390
- }
16391
- ._button_12xx2_5 ._buttonIcons_12xx2_82 {
16392
- width: 100%;
16393
- height: 100%;
16394
- position: absolute;
16395
- top: 0;
16396
- left: 0;
16397
- z-index: 1;
16398
- }
16399
- ._button_12xx2_5._gridViewOn_12xx2_90 ._radio_12xx2_22 {
16400
- transform: translatex(90%);
16401
- }
16402
- ._button_12xx2_5._gridViewOn_12xx2_90 ._radio_12xx2_22 ._dot_12xx2_42:first-child {
16403
- transform: translatey(-60%) translatex(60%);
16404
- }
16405
- ._button_12xx2_5._gridViewOn_12xx2_90 ._radio_12xx2_22 ._dot_12xx2_42:nth-child(2) {
16406
- transform: translatey(-60%) translatex(100%);
16407
- }
16408
- ._button_12xx2_5._gridViewOn_12xx2_90 ._radio_12xx2_22 ._dot_12xx2_42:nth-child(3) {
16409
- transform: translatey(60%) translatex(-100%);
16410
- }
16411
- ._button_12xx2_5._gridViewOn_12xx2_90 ._radio_12xx2_22 ._dot_12xx2_42:last-child {
16412
- transform: translatey(60%) translatex(-60%);
16413
- }
16414
-
16415
- ._gridWrapper_12xx2_106 {
16416
- display: grid;
16417
- grid-template-columns: 1fr 1fr 1fr 1fr;
16418
- max-width: 720px;
16419
- margin-left: auto;
16420
- margin-right: auto;
16421
- grid-gap: 1rem;
16422
- }
16423
- ._gridWrapper_12xx2_106 ._itemWrapper_12xx2_113 {
16424
- max-width: 168px;
16425
- max-height: 168px;
16426
- min-width: 90px;
16427
- min-height: 90px;
16428
- }
16429
- ._gridWrapper_12xx2_106._stack_12xx2_119 {
16430
- display: block;
16431
- max-width: 720px;
16432
- }
16433
- ._gridWrapper_12xx2_106._stack_12xx2_119 ._itemWrapper_12xx2_113 {
16434
- display: inline-block;
16435
- position: relative;
16436
- margin-right: -7.333%;
16437
- z-index: 1;
16438
- border-radius: 100%;
16439
- }
16440
- ._gridWrapper_12xx2_106._stack_12xx2_119 ._itemWrapper_12xx2_113 ._item_12xx2_113 {
16441
- margin: 0;
16442
- transition: box-shadow 0.2s ease;
16443
- }
16444
- ._gridWrapper_12xx2_106._stack_12xx2_119 ._itemWrapper_12xx2_113 ._item_12xx2_113:hover {
16445
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.9);
16446
- }
16447
-
16448
- ._item_12xx2_113 {
16449
- aspect-ratio: 1/1;
16450
- background: #aaa;
16451
- box-sizing: content-box;
16452
- position: relative;
16453
- border-radius: 100%;
16454
- overflow: hidden;
16455
- z-index: 1;
16456
- cursor: pointer;
16457
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
16458
- }
16459
- ._item_12xx2_113 img {
16460
- position: absolute;
16461
- top: 0;
16462
- left: 0;
16463
- width: 100%;
16464
- height: 100%;
16465
- -o-object-fit: cover;
16466
- object-fit: cover;
16467
- overflow-clip-margin: content-box;
16468
- overflow: clip;
16469
16310
  }._root_ltbpk_1 {
16470
16311
  display: grid;
16471
16312
  grid-template-columns: repeat(auto-fill, 150px);
@@ -17922,7 +17763,7 @@
17922
17763
  ._root_3cknh_1:focus-within ._input_3cknh_31 {
17923
17764
  box-shadow: 0 1px 6px -1px var(--shadow-focus);
17924
17765
  }
17925
- ._root_3cknh_1:not(._valid_3cknh_23) ._input_3cknh_31:not(:-moz-placeholder-shown):not(:focus) + svg {
17766
+ ._root_3cknh_1:not(._valid_3cknh_23) ._input_3cknh_31:not(:-moz-placeholder):not(:focus) + svg {
17926
17767
  --i: var(--icon-invalid);
17927
17768
  }
17928
17769
  ._root_3cknh_1:not(._valid_3cknh_23) ._input_3cknh_31:not(:placeholder-shown):not(:focus) + svg {
@@ -18001,7 +17842,7 @@
18001
17842
  transition: transform 250ms;
18002
17843
  font-family: "Iowan Old Style", "Palatino Linotype", "URW Palladio L", P052, serif;
18003
17844
  }
18004
- ._input_1btpy_8:not(:-moz-placeholder-shown) + ._label_1btpy_32 {
17845
+ ._input_1btpy_8:not(:-moz-placeholder) + ._label_1btpy_32 {
18005
17846
  transform: translateY(-100%) scale(0.75);
18006
17847
  }
18007
17848
  ._input_1btpy_8:focus + ._label_1btpy_32, ._input_1btpy_8:not(:placeholder-shown) + ._label_1btpy_32 {
@@ -18031,7 +17872,7 @@
18031
17872
  ._clear_1btpy_46:hover, ._clear_1btpy_46:focus {
18032
17873
  color: #333;
18033
17874
  }
18034
- ._input_1btpy_8:-moz-placeholder-shown + ._label_1btpy_32 + ._clear_1btpy_46 {
17875
+ ._input_1btpy_8:-moz-placeholder + ._label_1btpy_32 + ._clear_1btpy_46 {
18035
17876
  display: none;
18036
17877
  }
18037
17878
  ._input_1btpy_8:placeholder-shown + ._label_1btpy_32 + ._clear_1btpy_46 {
@@ -21652,51 +21493,51 @@ animating the original */
21652
21493
  100% {
21653
21494
  transform: rotate(360deg);
21654
21495
  }
21655
- }._root_shup4_1 {
21496
+ }._root_jb16k_1 {
21656
21497
  --speed: 10s;
21657
21498
  --transition: 0.15s;
21658
21499
  width: 100%;
21659
21500
  color: var(--color-gray1);
21660
21501
  }
21661
- ._root_shup4_1 label,
21662
- ._root_shup4_1 input {
21502
+ ._root_jb16k_1 label,
21503
+ ._root_jb16k_1 input {
21663
21504
  accent-color: #db2777;
21664
21505
  cursor: pointer;
21665
21506
  }
21666
- ._root_shup4_1:has(._theme_shup4_12 input:checked) body:not(._does-not-exist_shup4_1) {
21507
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) body:not(._does-not-exist_jb16k_1) {
21667
21508
  background-color: hsl(0, 0%, 10%);
21668
21509
  color: hsl(0, 0%, 100%);
21669
21510
  border-color: hsl(0, 0%, 25%);
21670
21511
  }
21671
- ._root_shup4_1:has(._theme_shup4_12 input:checked) ._controls_shup4_12 {
21512
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) ._controls_jb16k_12 {
21672
21513
  background-color: hsl(0, 0%, 10%);
21673
21514
  color: hsl(0, 0%, 100%);
21674
21515
  border-color: hsl(0, 0%, 25%);
21675
21516
  }
21676
- ._root_shup4_1:has(._theme_shup4_12 input:checked) ._item_shup4_12 {
21517
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) ._item_jb16k_12 {
21677
21518
  background-color: hsl(0, 0%, 10%);
21678
21519
  color: hsl(0, 0%, 100%);
21679
21520
  border-color: hsl(0, 0%, 25%);
21680
21521
  }
21681
- ._root_shup4_1:has(._theme_shup4_12 input:checked) ._wrapper_shup4_17 {
21522
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) ._wrapper_jb16k_17 {
21682
21523
  background-color: hsl(0, 0%, 10%);
21683
21524
  color: hsl(0, 0%, 100%);
21684
21525
  border-color: hsl(0, 0%, 25%);
21685
21526
  box-shadow: 0 10px 20px -5px hsla(0, 0%, 0%, 0.5);
21686
21527
  }
21687
- ._root_shup4_1:has(._theme_shup4_12 input:checked) ._item_shup4_12 {
21528
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) ._item_jb16k_12 {
21688
21529
  background-color: black;
21689
21530
  }
21690
- ._root_shup4_1:has(._theme_shup4_12 input:checked) ._itemWrapper_shup4_26::before {
21531
+ ._root_jb16k_1:has(._theme_jb16k_12 input:checked) ._itemWrapper_jb16k_26::before {
21691
21532
  background-color: black;
21692
21533
  }
21693
21534
 
21694
- ._card_shup4_30 {
21535
+ ._card_jb16k_30 {
21695
21536
  padding: 2rem 0;
21696
21537
  width: 100%;
21697
21538
  }
21698
21539
 
21699
- ._wrapper_shup4_17 {
21540
+ ._wrapper_jb16k_17 {
21700
21541
  padding: 2rem;
21701
21542
  margin: 0 auto;
21702
21543
  width: 100%;
@@ -21712,7 +21553,7 @@ animating the original */
21712
21553
  transition: background-color 0.25s, color 0.25s, border 0.25s, box-shadow 0.25s;
21713
21554
  }
21714
21555
 
21715
- ._title_shup4_51 {
21556
+ ._title_jb16k_51 {
21716
21557
  display: flex;
21717
21558
  gap: 0.25ch;
21718
21559
  font-size: clamp(1.5rem, 4cqi + 1rem, 3rem);
@@ -21721,21 +21562,21 @@ animating the original */
21721
21562
  grid-column: 1/-1;
21722
21563
  }
21723
21564
 
21724
- ._title_shup4_51 span:last-of-type {
21565
+ ._title_jb16k_51 span:last-of-type {
21725
21566
  display: inline-block;
21726
21567
  background: linear-gradient(to right, #9333ea, #db2777, #9333ea) 0 0/400% 100% no-repeat;
21727
21568
  -webkit-background-clip: text;
21728
21569
  background-clip: text;
21729
21570
  color: transparent;
21730
- animation: _shade_shup4_1 4s infinite linear;
21571
+ animation: _shade_jb16k_1 4s infinite linear;
21731
21572
  }
21732
21573
 
21733
- @keyframes _shade_shup4_1 {
21574
+ @keyframes _shade_jb16k_1 {
21734
21575
  to {
21735
21576
  background-position: 100% 0;
21736
21577
  }
21737
21578
  }
21738
- ._header_shup4_73 {
21579
+ ._header_jb16k_73 {
21739
21580
  display: grid;
21740
21581
  grid-template: auto 1fr/6fr 4fr;
21741
21582
  grid-gap: 1rem;
@@ -21744,7 +21585,7 @@ animating the original */
21744
21585
  transition: opacity 0.5s;
21745
21586
  }
21746
21587
 
21747
- ._cta_shup4_81 {
21588
+ ._cta_jb16k_81 {
21748
21589
  align-self: flex-start;
21749
21590
  -webkit-text-decoration: none;
21750
21591
  text-decoration: none;
@@ -21759,19 +21600,19 @@ animating the original */
21759
21600
  transition: background-position 0.15s;
21760
21601
  }
21761
21602
 
21762
- ._cta_shup4_81:focus-visible {
21603
+ ._cta_jb16k_81:focus-visible {
21763
21604
  background-position: 100% 0;
21764
21605
  }
21765
21606
 
21766
- ._cta_shup4_81:hover {
21607
+ ._cta_jb16k_81:hover {
21767
21608
  background-position: 100% 0;
21768
21609
  }
21769
21610
 
21770
- ._description_shup4_99 {
21611
+ ._description_jb16k_99 {
21771
21612
  margin: 0;
21772
21613
  }
21773
21614
 
21774
- ._srOnly_shup4_103 {
21615
+ ._srOnly_jb16k_103 {
21775
21616
  position: absolute;
21776
21617
  width: 1px;
21777
21618
  height: 1px;
@@ -21783,7 +21624,7 @@ animating the original */
21783
21624
  border-width: 0;
21784
21625
  }
21785
21626
 
21786
- ._theme_shup4_12 {
21627
+ ._theme_jb16k_12 {
21787
21628
  width: 48px;
21788
21629
  aspect-ratio: 1;
21789
21630
  display: grid;
@@ -21791,17 +21632,17 @@ animating the original */
21791
21632
  justify-items: center;
21792
21633
  place-items: center;
21793
21634
  }
21794
- ._theme_shup4_12 svg {
21635
+ ._theme_jb16k_12 svg {
21795
21636
  width: 75%;
21796
21637
  }
21797
- ._theme_shup4_12 input + svg path:first-of-type, ._theme_shup4_12 input:checked + svg path:last-of-type {
21638
+ ._theme_jb16k_12 input + svg path:first-of-type, ._theme_jb16k_12 input:checked + svg path:last-of-type {
21798
21639
  opacity: 0;
21799
21640
  }
21800
- ._theme_shup4_12 input:checked + svg path:first-of-type {
21641
+ ._theme_jb16k_12 input:checked + svg path:first-of-type {
21801
21642
  opacity: 1;
21802
21643
  }
21803
21644
 
21804
- ._controls_shup4_12 {
21645
+ ._controls_jb16k_12 {
21805
21646
  width: -moz-fit-content;
21806
21647
  width: fit-content;
21807
21648
  padding: 1rem;
@@ -21814,7 +21655,7 @@ animating the original */
21814
21655
  gap: 8px;
21815
21656
  }
21816
21657
 
21817
- ._window_shup4_142 {
21658
+ ._window_jb16k_142 {
21818
21659
  height: 250px;
21819
21660
  container-type: inline-size;
21820
21661
  transform-style: preserve-3d;
@@ -21823,7 +21664,7 @@ animating the original */
21823
21664
  transition: outline 0.5s;
21824
21665
  }
21825
21666
 
21826
- ._scene_shup4_151 {
21667
+ ._scene_jb16k_151 {
21827
21668
  --buff: 3rem;
21828
21669
  height: 100%;
21829
21670
  width: 100%;
@@ -21834,26 +21675,26 @@ animating the original */
21834
21675
  }
21835
21676
 
21836
21677
  @supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)) {
21837
- ._scene_shup4_151 {
21678
+ ._scene_jb16k_151 {
21838
21679
  -webkit-mask: linear-gradient(transparent, white var(--buff) calc(100% - var(--buff)), transparent), linear-gradient(90deg, transparent, white var(--buff) calc(100% - var(--buff)), transparent);
21839
21680
  mask: linear-gradient(transparent, white var(--buff) calc(100% - var(--buff)), transparent), linear-gradient(90deg, transparent, white var(--buff) calc(100% - var(--buff)), transparent);
21840
21681
  }
21841
21682
  }
21842
21683
 
21843
- ._root_shup4_1:has(._overflow_shup4_159:checked) ._scene_shup4_151 {
21684
+ ._root_jb16k_1:has(._overflow_jb16k_159:checked) ._scene_jb16k_151 {
21844
21685
  -webkit-mask: initial;
21845
21686
  mask: initial;
21846
21687
  }
21847
21688
 
21848
- ._root_shup4_1:has(._overflow_shup4_159:checked) ._window_shup4_142 {
21689
+ ._root_jb16k_1:has(._overflow_jb16k_159:checked) ._window_jb16k_142 {
21849
21690
  outline: 4px dashed #db2777;
21850
21691
  }
21851
21692
 
21852
- ._root_shup4_1:has(._overflow_shup4_159:checked) ._header_shup4_73 {
21693
+ ._root_jb16k_1:has(._overflow_jb16k_159:checked) ._header_jb16k_73 {
21853
21694
  opacity: 0.2;
21854
21695
  }
21855
21696
 
21856
- ._grid_shup4_171 {
21697
+ ._grid_jb16k_171 {
21857
21698
  --count: 6; /* The number of items you have */
21858
21699
  --inset: 0; /* Controls the grid animation offset on entry/exit */
21859
21700
  --outset: 2.5;
@@ -21874,17 +21715,17 @@ animating the original */
21874
21715
  transform: rotateX(calc(var(--rotate, 0) * 20deg)) rotateZ(calc(var(--rotate, 0) * -20deg)) skewX(calc(var(--rotate, 0) * 20deg));
21875
21716
  }
21876
21717
 
21877
- ._root_shup4_1:has(._dimension_shup4_190:checked) ._grid_shup4_171 {
21718
+ ._root_jb16k_1:has(._dimension_jb16k_190:checked) ._grid_jb16k_171 {
21878
21719
  --rotate: 1;
21879
21720
  }
21880
21721
 
21881
- ._itemWrapper_shup4_26 {
21722
+ ._itemWrapper_jb16k_26 {
21882
21723
  min-height: 60px;
21883
21724
  transform-style: preserve-3d;
21884
21725
  width: 100%;
21885
21726
  z-index: calc(1 + var(--active));
21886
21727
  }
21887
- ._itemWrapper_shup4_26::before {
21728
+ ._itemWrapper_jb16k_26::before {
21888
21729
  content: "";
21889
21730
  position: absolute;
21890
21731
  top: 4px;
@@ -21900,58 +21741,57 @@ animating the original */
21900
21741
  transform-origin: 50% 0;
21901
21742
  scale: 1 calc(1 + 0 * 0.05);
21902
21743
  scale: 1 calc(1 + var(--active, 0) * 0.05);
21903
- --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
21904
- 0 2px 4px -2px rgba(0, 0, 0, 0.1);
21905
- box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1),
21906
- 0 2px 4px -2px rgba(0, 0, 0, 0.1);
21744
+ --tw-shadow:
21745
+ 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
21746
+ box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
21907
21747
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
21908
21748
  }
21909
- ._grid_shup4_171:hover ._itemWrapper_shup4_26 {
21749
+ ._grid_jb16k_171:hover ._itemWrapper_jb16k_26 {
21910
21750
  animation-play-state: paused;
21911
21751
  }
21912
- ._itemWrapper_shup4_26:nth-of-type(1) {
21752
+ ._itemWrapper_jb16k_26:nth-of-type(1) {
21913
21753
  --index: 0;
21914
21754
  }
21915
- ._itemWrapper_shup4_26:nth-of-type(2) {
21755
+ ._itemWrapper_jb16k_26:nth-of-type(2) {
21916
21756
  --index: 0;
21917
21757
  }
21918
- ._itemWrapper_shup4_26:nth-of-type(3) {
21758
+ ._itemWrapper_jb16k_26:nth-of-type(3) {
21919
21759
  --index: 1;
21920
21760
  }
21921
- ._itemWrapper_shup4_26:nth-of-type(4) {
21761
+ ._itemWrapper_jb16k_26:nth-of-type(4) {
21922
21762
  --index: 1;
21923
21763
  }
21924
- ._itemWrapper_shup4_26:nth-of-type(5) {
21764
+ ._itemWrapper_jb16k_26:nth-of-type(5) {
21925
21765
  --index: 2;
21926
21766
  }
21927
- ._itemWrapper_shup4_26:nth-of-type(6) {
21767
+ ._itemWrapper_jb16k_26:nth-of-type(6) {
21928
21768
  --index: 2;
21929
21769
  }
21930
- ._itemWrapper_shup4_26:nth-of-type(7) {
21770
+ ._itemWrapper_jb16k_26:nth-of-type(7) {
21931
21771
  --index: 3;
21932
21772
  }
21933
- ._itemWrapper_shup4_26:nth-of-type(8) {
21773
+ ._itemWrapper_jb16k_26:nth-of-type(8) {
21934
21774
  --index: 3;
21935
21775
  }
21936
- ._itemWrapper_shup4_26:nth-of-type(9) {
21776
+ ._itemWrapper_jb16k_26:nth-of-type(9) {
21937
21777
  --index: 4;
21938
21778
  }
21939
- ._itemWrapper_shup4_26:nth-of-type(10) {
21779
+ ._itemWrapper_jb16k_26:nth-of-type(10) {
21940
21780
  --index: 4;
21941
21781
  }
21942
- ._itemWrapper_shup4_26:nth-of-type(11) {
21782
+ ._itemWrapper_jb16k_26:nth-of-type(11) {
21943
21783
  --index: 5;
21944
21784
  }
21945
- ._itemWrapper_shup4_26:nth-of-type(12) {
21785
+ ._itemWrapper_jb16k_26:nth-of-type(12) {
21946
21786
  --index: 5;
21947
21787
  }
21948
21788
 
21949
- ._grid_shup4_171 {
21789
+ ._grid_jb16k_171 {
21950
21790
  transform-style: preserve-3d;
21951
21791
  gap: 1rem;
21952
21792
  }
21953
21793
 
21954
- ._item_shup4_12 {
21794
+ ._item_jb16k_12 {
21955
21795
  align-items: center;
21956
21796
  background: hsl(0, 0%, 100%);
21957
21797
  border: 1px solid hsl(0, 0%, 90%);
@@ -21973,92 +21813,92 @@ animating the original */
21973
21813
  transform: translate3d(0, 0, calc(var(--active, 0) * 24px));
21974
21814
  }
21975
21815
 
21976
- ._itemIcon_shup4_280 {
21816
+ ._itemIcon_jb16k_280 {
21977
21817
  width: 24px;
21978
21818
  color: rgb(124, 58, 237);
21979
21819
  }
21980
21820
 
21981
- ._itemTitle_shup4_285 {
21821
+ ._itemTitle_jb16k_285 {
21982
21822
  flex: 1;
21983
21823
  text-align: center;
21984
21824
  }
21985
21825
 
21986
21826
  @container (width < 400px) {
21987
- ._header_shup4_73 {
21827
+ ._header_jb16k_73 {
21988
21828
  grid-template: auto 1fr/1fr;
21989
21829
  }
21990
- ._cta_shup4_81 {
21830
+ ._cta_jb16k_81 {
21991
21831
  justify-self: flex-start;
21992
21832
  }
21993
- ._grid_shup4_171 {
21833
+ ._grid_jb16k_171 {
21994
21834
  --count: 12;
21995
21835
  --inset: 0;
21996
21836
  --outset: 3;
21997
21837
  grid-template-columns: 1fr;
21998
21838
  }
21999
- ._itemWrapper_shup4_26:nth-of-type(1) {
21839
+ ._itemWrapper_jb16k_26:nth-of-type(1) {
22000
21840
  --index: 0;
22001
21841
  }
22002
- ._itemWrapper_shup4_26:nth-of-type(2) {
21842
+ ._itemWrapper_jb16k_26:nth-of-type(2) {
22003
21843
  --index: 1;
22004
21844
  }
22005
- ._itemWrapper_shup4_26:nth-of-type(3) {
21845
+ ._itemWrapper_jb16k_26:nth-of-type(3) {
22006
21846
  --index: 2;
22007
21847
  }
22008
- ._itemWrapper_shup4_26:nth-of-type(4) {
21848
+ ._itemWrapper_jb16k_26:nth-of-type(4) {
22009
21849
  --index: 3;
22010
21850
  }
22011
- ._itemWrapper_shup4_26:nth-of-type(5) {
21851
+ ._itemWrapper_jb16k_26:nth-of-type(5) {
22012
21852
  --index: 4;
22013
21853
  }
22014
- ._itemWrapper_shup4_26:nth-of-type(6) {
21854
+ ._itemWrapper_jb16k_26:nth-of-type(6) {
22015
21855
  --index: 5;
22016
21856
  }
22017
- ._itemWrapper_shup4_26:nth-of-type(7) {
21857
+ ._itemWrapper_jb16k_26:nth-of-type(7) {
22018
21858
  --index: 6;
22019
21859
  }
22020
- ._itemWrapper_shup4_26:nth-of-type(8) {
21860
+ ._itemWrapper_jb16k_26:nth-of-type(8) {
22021
21861
  --index: 7;
22022
21862
  }
22023
- ._itemWrapper_shup4_26:nth-of-type(9) {
21863
+ ._itemWrapper_jb16k_26:nth-of-type(9) {
22024
21864
  --index: 8;
22025
21865
  }
22026
- ._itemWrapper_shup4_26:nth-of-type(10) {
21866
+ ._itemWrapper_jb16k_26:nth-of-type(10) {
22027
21867
  --index: 9;
22028
21868
  }
22029
- ._itemWrapper_shup4_26:nth-of-type(11) {
21869
+ ._itemWrapper_jb16k_26:nth-of-type(11) {
22030
21870
  --index: 10;
22031
21871
  }
22032
- ._itemWrapper_shup4_26:nth-of-type(12) {
21872
+ ._itemWrapper_jb16k_26:nth-of-type(12) {
22033
21873
  --index: 11;
22034
21874
  }
22035
- ._itemWrapper_shup4_26 {
21875
+ ._itemWrapper_jb16k_26 {
22036
21876
  --duration: calc(var(--speed) * 2);
22037
21877
  --delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
22038
21878
  }
22039
21879
  }
22040
21880
  @media (prefers-reduced-motion: no-preference) {
22041
- ._grid_shup4_171 {
21881
+ ._grid_jb16k_171 {
22042
21882
  gap: 0 2rem;
22043
21883
  }
22044
- ._itemWrapper_shup4_26 {
21884
+ ._itemWrapper_jb16k_26 {
22045
21885
  --duration: calc(var(--speed) * 1);
22046
21886
  --delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
22047
- animation: _slide_shup4_1 var(--duration) var(--delay) infinite linear;
21887
+ animation: _slide_jb16k_1 var(--duration) var(--delay) infinite linear;
22048
21888
  translate: 0% calc((var(--count) - var(--index) + 0) * 100%);
22049
21889
  translate: 0% calc((var(--count) - var(--index) + var(--inset, 0)) * 100%);
22050
21890
  }
22051
- ._itemWrapper_shup4_26:hover {
21891
+ ._itemWrapper_jb16k_26:hover {
22052
21892
  --active: 1;
22053
21893
  }
22054
- @keyframes _slide_shup4_1 {
21894
+ @keyframes _slide_jb16k_1 {
22055
21895
  100% {
22056
21896
  translate: 0% calc((var(--index) + 0) * -100%);
22057
21897
  translate: 0% calc((var(--index) + var(--outset, 0)) * -100%);
22058
21898
  }
22059
21899
  }
22060
21900
  @container (width < 400px) {
22061
- ._itemWrapper_shup4_26 {
21901
+ ._itemWrapper_jb16k_26 {
22062
21902
  --duration: calc(var(--speed) * 2);
22063
21903
  --delay: calc((var(--duration) / var(--count)) * (var(--index, 0) - 8));
22064
21904
  }
@@ -30206,7 +30046,7 @@ body[data-theme-mode=dark] ._root_groun_9 {
30206
30046
  color: #fff;
30207
30047
  cursor: default;
30208
30048
  text-transform: uppercase;
30209
- }._root_wln39_1 {
30049
+ }._root_m12f5_1 {
30210
30050
  font-size: 8vmin;
30211
30051
  font-family: Rubik, sans-serif;
30212
30052
  width: 75vmin;
@@ -30214,23 +30054,23 @@ body[data-theme-mode=dark] ._root_groun_9 {
30214
30054
  color: #fff;
30215
30055
  }
30216
30056
 
30217
- ._line_wln39_9 {
30057
+ ._line_m12f5_9 {
30218
30058
  display: flex;
30219
30059
  justify-content: space-between;
30220
30060
  }
30221
30061
 
30222
- ._word_wln39_14 {
30062
+ ._word_m12f5_14 {
30223
30063
  transition: opacity 0.2s ease-in-out;
30224
30064
  cursor: default;
30225
30065
  }
30226
- ._word_wln39_14._link_wln39_18 {
30066
+ ._word_m12f5_14._link_m12f5_18 {
30227
30067
  cursor: pointer;
30228
30068
  color: inherit;
30229
30069
  }
30230
- ._word_wln39_14._link_wln39_18 ._letter_wln39_22 {
30070
+ ._word_m12f5_14._link_m12f5_18 ._letter_m12f5_22 {
30231
30071
  position: relative;
30232
30072
  }
30233
- ._word_wln39_14._link_wln39_18 ._letter_wln39_22::before {
30073
+ ._word_m12f5_14._link_m12f5_18 ._letter_m12f5_22::before {
30234
30074
  content: "";
30235
30075
  width: 100%;
30236
30076
  height: 3px;
@@ -30239,151 +30079,151 @@ body[data-theme-mode=dark] ._root_groun_9 {
30239
30079
  bottom: 0;
30240
30080
  background-color: red;
30241
30081
  }
30242
- ._root_wln39_1:hover ._word_wln39_14 {
30082
+ ._root_m12f5_1:hover ._word_m12f5_14 {
30243
30083
  opacity: 0.25;
30244
30084
  }
30245
- ._root_wln39_1:hover ._word_wln39_14:hover {
30085
+ ._root_m12f5_1:hover ._word_m12f5_14:hover {
30246
30086
  opacity: 1;
30247
30087
  }
30248
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(1) {
30249
- --x: 8;
30250
- --y: -3;
30088
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(1) {
30089
+ --x: -14;
30090
+ --y: -18;
30251
30091
  --r: 4;
30252
30092
  }
30253
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(1):hover {
30093
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(1):hover {
30254
30094
  z-index: 2;
30255
30095
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30256
- --x: 3;
30257
- --y: -9;
30258
- --r: 2;
30096
+ --x: 6;
30097
+ --y: 0;
30098
+ --r: -1;
30259
30099
  --s: 1.25;
30260
30100
  }
30261
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(2) {
30262
- --x: -16;
30263
- --y: 13;
30264
- --r: -16;
30101
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(2) {
30102
+ --x: 12;
30103
+ --y: 4;
30104
+ --r: -24;
30265
30105
  }
30266
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(2):hover {
30106
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(2):hover {
30267
30107
  z-index: 2;
30268
30108
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30269
- --x: -2;
30270
- --y: -4;
30271
- --r: -7;
30109
+ --x: -7;
30110
+ --y: 0;
30111
+ --r: 7;
30272
30112
  --s: 1.25;
30273
30113
  }
30274
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(3) {
30275
- --x: 20;
30276
- --y: 16;
30277
- --r: -3;
30114
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(3) {
30115
+ --x: -3;
30116
+ --y: 9;
30117
+ --r: 22;
30278
30118
  }
30279
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(3):hover {
30119
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(3):hover {
30280
30120
  z-index: 2;
30281
30121
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30282
- --x: -5;
30283
- --y: 4;
30122
+ --x: -9;
30123
+ --y: 9;
30284
30124
  --r: 1;
30285
30125
  --s: 1.25;
30286
30126
  }
30287
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(4) {
30288
- --x: -9;
30289
- --y: 5;
30290
- --r: -5;
30127
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(4) {
30128
+ --x: -22;
30129
+ --y: 11;
30130
+ --r: 17;
30291
30131
  }
30292
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(4):hover {
30132
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(4):hover {
30293
30133
  z-index: 2;
30294
30134
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30295
- --x: 1;
30296
- --y: 10;
30297
- --r: 8;
30135
+ --x: -3;
30136
+ --y: 1;
30137
+ --r: -9;
30298
30138
  --s: 1.25;
30299
30139
  }
30300
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(5) {
30301
- --x: -21;
30302
- --y: -10;
30303
- --r: -12;
30140
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(5) {
30141
+ --x: 3;
30142
+ --y: 23;
30143
+ --r: -15;
30304
30144
  }
30305
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(5):hover {
30145
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(5):hover {
30306
30146
  z-index: 2;
30307
30147
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30308
- --x: 1;
30309
- --y: 7;
30310
- --r: 7;
30148
+ --x: -8;
30149
+ --y: -1;
30150
+ --r: 2;
30311
30151
  --s: 1.25;
30312
30152
  }
30313
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(6) {
30314
- --x: 23;
30315
- --y: -11;
30316
- --r: -12;
30153
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(6) {
30154
+ --x: -20;
30155
+ --y: -7;
30156
+ --r: -15;
30317
30157
  }
30318
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(6):hover {
30158
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(6):hover {
30319
30159
  z-index: 2;
30320
30160
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30321
- --x: 1;
30322
- --y: -8;
30323
- --r: -6;
30161
+ --x: 8;
30162
+ --y: 10;
30163
+ --r: -4;
30324
30164
  --s: 1.25;
30325
30165
  }
30326
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(7) {
30327
- --x: 25;
30328
- --y: 8;
30329
- --r: -20;
30166
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(7) {
30167
+ --x: 5;
30168
+ --y: 16;
30169
+ --r: 17;
30330
30170
  }
30331
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(7):hover {
30171
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(7):hover {
30332
30172
  z-index: 2;
30333
30173
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30334
- --x: -9;
30335
- --y: 2;
30336
- --r: -5;
30174
+ --x: 4;
30175
+ --y: -2;
30176
+ --r: 2;
30337
30177
  --s: 1.25;
30338
30178
  }
30339
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(8) {
30340
- --x: 19;
30341
- --y: -12;
30342
- --r: 2;
30179
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(8) {
30180
+ --x: 0;
30181
+ --y: 11;
30182
+ --r: -6;
30343
30183
  }
30344
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(8):hover {
30184
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(8):hover {
30345
30185
  z-index: 2;
30346
30186
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30347
- --x: -3;
30348
- --y: -8;
30349
- --r: -9;
30187
+ --x: -2;
30188
+ --y: 5;
30189
+ --r: -6;
30350
30190
  --s: 1.25;
30351
30191
  }
30352
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(9) {
30353
- --x: 24;
30354
- --y: 16;
30355
- --r: -15;
30192
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(9) {
30193
+ --x: -18;
30194
+ --y: 22;
30195
+ --r: -2;
30356
30196
  }
30357
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(9):hover {
30197
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(9):hover {
30358
30198
  z-index: 2;
30359
30199
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30360
- --x: -9;
30361
- --y: 0;
30362
- --r: -9;
30200
+ --x: -7;
30201
+ --y: -7;
30202
+ --r: -1;
30363
30203
  --s: 1.25;
30364
30204
  }
30365
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(10) {
30366
- --x: -16;
30367
- --y: 21;
30368
- --r: -8;
30205
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(10) {
30206
+ --x: 3;
30207
+ --y: -13;
30208
+ --r: -14;
30369
30209
  }
30370
- ._root_wln39_1:hover ._word_wln39_14:hover ._letter_wln39_22:nth-child(10):hover {
30210
+ ._root_m12f5_1:hover ._word_m12f5_14:hover ._letter_m12f5_22:nth-child(10):hover {
30371
30211
  z-index: 2;
30372
30212
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30373
- --x: 5;
30374
- --y: 0;
30375
- --r: 0;
30213
+ --x: 1;
30214
+ --y: -3;
30215
+ --r: 5;
30376
30216
  --s: 1.25;
30377
30217
  }
30378
30218
 
30379
- ._letter_wln39_22 {
30219
+ ._letter_m12f5_22 {
30380
30220
  display: inline-block;
30381
30221
  transition: transform 0.2s ease-in-out;
30382
30222
  transform: translate(calc(0 * 1%), calc(0 * 1%)) rotate(calc(0 * 1deg)) scale(1);
30383
30223
  transform: translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));
30384
30224
  }
30385
30225
 
30386
- @keyframes _wobble_wln39_1 {
30226
+ @keyframes _wobble_m12f5_1 {
30387
30227
  0%, 100% {
30388
30228
  transform: translateY(0) rotate(0);
30389
30229
  }
@@ -31489,8 +31329,8 @@ body[data-theme-mode=dark] ._root_groun_9 {
31489
31329
  ._root_11bno_1 dd {
31490
31330
  margin-left: 3.2rem;
31491
31331
  margin-bottom: 0.5rem;
31492
- }/*! Flickity v2.0.10
31493
- http://flickity.metafizzy.co
31332
+ }/*! Flickity v2.3.0
31333
+ https://flickity.metafizzy.co
31494
31334
  ---------------------------------------------- */
31495
31335
 
31496
31336
  .flickity-enabled {
@@ -31515,7 +31355,6 @@ http://flickity.metafizzy.co
31515
31355
 
31516
31356
  .flickity-enabled.is-draggable {
31517
31357
  -webkit-tap-highlight-color: transparent;
31518
- tap-highlight-color: transparent;
31519
31358
  -webkit-user-select: none;
31520
31359
  -moz-user-select: none;
31521
31360
  user-select: none;
@@ -31530,33 +31369,51 @@ http://flickity.metafizzy.co
31530
31369
  cursor: grabbing;
31531
31370
  }
31532
31371
 
31533
- /* ---- previous/next buttons ---- */
31372
+ /* ---- flickity-button ---- */
31534
31373
 
31535
- .flickity-prev-next-button {
31374
+ .flickity-button {
31536
31375
  position: absolute;
31537
- top: 50%;
31538
- width: 44px;
31539
- height: 44px;
31376
+ background: hsla(0, 0%, 100%, 0.75);
31540
31377
  border: none;
31541
- border-radius: 50%;
31378
+ color: #333;
31379
+ }
31380
+
31381
+ .flickity-button:hover {
31542
31382
  background: white;
31543
- background: hsla(0, 0%, 100%, 0.75);
31544
31383
  cursor: pointer;
31545
- /* vertically center */
31546
- transform: translateY(-50%);
31547
31384
  }
31548
31385
 
31549
- .flickity-prev-next-button:hover { background: white; }
31550
-
31551
- .flickity-prev-next-button:focus {
31386
+ .flickity-button:focus {
31552
31387
  outline: none;
31553
- box-shadow: 0 0 0 5px #09F;
31388
+ box-shadow: 0 0 0 5px #19F;
31554
31389
  }
31555
31390
 
31556
- .flickity-prev-next-button:active {
31391
+ .flickity-button:active {
31557
31392
  opacity: 0.6;
31558
31393
  }
31559
31394
 
31395
+ .flickity-button:disabled {
31396
+ opacity: 0.3;
31397
+ cursor: auto;
31398
+ /* prevent disabled button from capturing pointer up event. #716 */
31399
+ pointer-events: none;
31400
+ }
31401
+
31402
+ .flickity-button-icon {
31403
+ fill: currentColor;
31404
+ }
31405
+
31406
+ /* ---- previous/next buttons ---- */
31407
+
31408
+ .flickity-prev-next-button {
31409
+ top: 50%;
31410
+ width: 44px;
31411
+ height: 44px;
31412
+ border-radius: 50%;
31413
+ /* vertically center */
31414
+ transform: translateY(-50%);
31415
+ }
31416
+
31560
31417
  .flickity-prev-next-button.previous { left: 10px; }
31561
31418
  .flickity-prev-next-button.next { right: 10px; }
31562
31419
  /* right to left */
@@ -31569,12 +31426,7 @@ http://flickity.metafizzy.co
31569
31426
  left: 10px;
31570
31427
  }
31571
31428
 
31572
- .flickity-prev-next-button:disabled {
31573
- opacity: 0.3;
31574
- cursor: auto;
31575
- }
31576
-
31577
- .flickity-prev-next-button svg {
31429
+ .flickity-prev-next-button .flickity-button-icon {
31578
31430
  position: absolute;
31579
31431
  left: 20%;
31580
31432
  top: 20%;
@@ -31582,10 +31434,6 @@ http://flickity.metafizzy.co
31582
31434
  height: 60%;
31583
31435
  }
31584
31436
 
31585
- .flickity-prev-next-button .arrow {
31586
- fill: #333;
31587
- }
31588
-
31589
31437
  /* ---- page dots ---- */
31590
31438
 
31591
31439
  .flickity-page-dots {
@@ -31615,90 +31463,7 @@ http://flickity.metafizzy.co
31615
31463
  .flickity-page-dots .dot.is-selected {
31616
31464
  opacity: 1;
31617
31465
  }
31618
- .flickity-prev-next-button.previous {
31619
- left: -60px;
31620
- }
31621
-
31622
- .flickity-prev-next-button.next {
31623
- right: -60px;
31624
- }
31625
-
31626
- .flickity-prev-next-button svg {
31627
- display: none;
31628
- }
31629
-
31630
- .flickity-prev-next-button {
31631
- width: 60px;
31632
- height: 50px;
31633
- border: none;
31634
- border-radius: 0;
31635
- background: none;
31636
- }
31637
- .flickity-prev-next-button::before {
31638
- background: linear-gradient(135deg, hsl(0, 0%, 55%), hsl(0, 0%, 20%));
31639
- bottom: 0;
31640
- box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.3), inset 0 0 0 1px hsla(0, 0%, 100%, 0.2);
31641
- content: "";
31642
- height: 12px;
31643
- left: 0;
31644
- margin: auto;
31645
- opacity: 0;
31646
- position: absolute;
31647
- right: 0;
31648
- top: 0;
31649
- transform: scale(1) rotate(45deg);
31650
- transition-duration: 200ms;
31651
- transition-property: background, box-shadow, opacity, transform;
31652
- width: 12px;
31653
- z-index: 1;
31654
- }
31655
- .flickity-prev-next-button::after {
31656
- background: hsla(0, 0%, 10%, 0.1);
31657
- background: linear-gradient(135deg, hsl(0, 0%, 25%), hsl(0, 0%, 10%));
31658
- box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15), inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), 0 1px 0 hsl(0, 0%, 13%), 0 2px 0 hsl(0, 0%, 10%), 0 3px 0 hsl(0, 0%, 8%), 0 4px 0 hsl(0, 0%, 6%), 0 5px 16px hsla(0, 0%, 0%, 0.75);
31659
- bottom: 0;
31660
- content: "";
31661
- height: 12px;
31662
- left: 0;
31663
- margin: auto;
31664
- position: absolute;
31665
- right: 0;
31666
- top: 0;
31667
- transform: scale(1) rotate(45deg);
31668
- transition-duration: 200ms;
31669
- transition-property: background, box-shadow, opacity, transform;
31670
- width: 12px;
31671
- }
31672
-
31673
- .flickity-prev-next-button:hover {
31674
- background: none;
31675
- }
31676
- .flickity-prev-next-button:hover::before {
31677
- opacity: 1;
31678
- transform: scale(1) rotate(45deg);
31679
- transition-duration: 64ms;
31680
- }
31681
- .flickity-prev-next-button:hover::after {
31682
- transition-duration: 64ms;
31683
- }
31684
-
31685
- .flickity-prev-next-button:focus {
31686
- outline: none;
31687
- box-shadow: none;
31688
- }
31689
-
31690
- .flickity-prev-next-button:active {
31691
- opacity: 1;
31692
- }
31693
- .flickity-prev-next-button:active::before {
31694
- transform: scale(1) translateX(-1px) translateY(3px) rotate(45deg);
31695
- transition-duration: 64ms;
31696
- }
31697
- .flickity-prev-next-button:active::after {
31698
- box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15), inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), 0 0px 0 hsl(0, 0%, 15%), 0 0px 0 hsl(0, 0%, 12%), 0 0px 0 hsl(0, 0%, 10%), 0 0px 0 hsl(0, 0%, 8%), 0 5px 4px hsla(0, 0%, 0%, 0.5);
31699
- transform: scale(1) translateX(-1px) translateY(3px) rotate(45deg);
31700
- transition-duration: 64ms;
31701
- }._root_1sqpt_1 {
31466
+ ._root_1sqpt_1 {
31702
31467
  background: #000;
31703
31468
  border-bottom: 1px solid hsl(0, 0%, 15%);
31704
31469
  border-left: 1px solid hsl(0, 0%, 15%);
@@ -31910,6 +31675,89 @@ http://flickity.metafizzy.co
31910
31675
  color: #fff;
31911
31676
  -webkit-text-decoration: none;
31912
31677
  text-decoration: none;
31678
+ }.flickity-prev-next-button.previous {
31679
+ left: -60px;
31680
+ }
31681
+
31682
+ .flickity-prev-next-button.next {
31683
+ right: -60px;
31684
+ }
31685
+
31686
+ .flickity-prev-next-button svg {
31687
+ display: none;
31688
+ }
31689
+
31690
+ .flickity-prev-next-button {
31691
+ width: 60px;
31692
+ height: 50px;
31693
+ border: none;
31694
+ border-radius: 0;
31695
+ background: none;
31696
+ }
31697
+ .flickity-prev-next-button::before {
31698
+ background: linear-gradient(135deg, hsl(0, 0%, 55%), hsl(0, 0%, 20%));
31699
+ bottom: 0;
31700
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.3), inset 0 0 0 1px hsla(0, 0%, 100%, 0.2);
31701
+ content: "";
31702
+ height: 12px;
31703
+ left: 0;
31704
+ margin: auto;
31705
+ opacity: 0;
31706
+ position: absolute;
31707
+ right: 0;
31708
+ top: 0;
31709
+ transform: scale(1) rotate(45deg);
31710
+ transition-duration: 200ms;
31711
+ transition-property: background, box-shadow, opacity, transform;
31712
+ width: 12px;
31713
+ z-index: 1;
31714
+ }
31715
+ .flickity-prev-next-button::after {
31716
+ background: hsla(0, 0%, 10%, 0.1);
31717
+ background: linear-gradient(135deg, hsl(0, 0%, 25%), hsl(0, 0%, 10%));
31718
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15), inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), 0 1px 0 hsl(0, 0%, 13%), 0 2px 0 hsl(0, 0%, 10%), 0 3px 0 hsl(0, 0%, 8%), 0 4px 0 hsl(0, 0%, 6%), 0 5px 16px hsla(0, 0%, 0%, 0.75);
31719
+ bottom: 0;
31720
+ content: "";
31721
+ height: 12px;
31722
+ left: 0;
31723
+ margin: auto;
31724
+ position: absolute;
31725
+ right: 0;
31726
+ top: 0;
31727
+ transform: scale(1) rotate(45deg);
31728
+ transition-duration: 200ms;
31729
+ transition-property: background, box-shadow, opacity, transform;
31730
+ width: 12px;
31731
+ }
31732
+
31733
+ .flickity-prev-next-button:hover {
31734
+ background: none;
31735
+ }
31736
+ .flickity-prev-next-button:hover::before {
31737
+ opacity: 1;
31738
+ transform: scale(1) rotate(45deg);
31739
+ transition-duration: 64ms;
31740
+ }
31741
+ .flickity-prev-next-button:hover::after {
31742
+ transition-duration: 64ms;
31743
+ }
31744
+
31745
+ .flickity-prev-next-button:focus {
31746
+ outline: none;
31747
+ box-shadow: none;
31748
+ }
31749
+
31750
+ .flickity-prev-next-button:active {
31751
+ opacity: 1;
31752
+ }
31753
+ .flickity-prev-next-button:active::before {
31754
+ transform: scale(1) translateX(-1px) translateY(3px) rotate(45deg);
31755
+ transition-duration: 64ms;
31756
+ }
31757
+ .flickity-prev-next-button:active::after {
31758
+ box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, 0.15), inset 0 0 0 1px hsla(0, 0%, 100%, 0.1), 0 0px 0 hsl(0, 0%, 15%), 0 0px 0 hsl(0, 0%, 12%), 0 0px 0 hsl(0, 0%, 10%), 0 0px 0 hsl(0, 0%, 8%), 0 5px 4px hsla(0, 0%, 0%, 0.5);
31759
+ transform: scale(1) translateX(-1px) translateY(3px) rotate(45deg);
31760
+ transition-duration: 64ms;
31913
31761
  }
31914
31762
  ._root_1vh1y_2 {
31915
31763
  font-size: 0;
@@ -35137,7 +34985,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
35137
34985
  opacity: 0;
35138
34986
  transition: bottom 2s ease, opacity 2s ease;
35139
34987
  }/**
35140
- * Swiper 11.2.0
34988
+ * Swiper 11.2.6
35141
34989
  * Most modern mobile touch slider and framework with hardware accelerated transitions
35142
34990
  * https://swiperjs.com
35143
34991
  *
@@ -35145,7 +34993,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
35145
34993
  *
35146
34994
  * Released under the MIT License
35147
34995
  *
35148
- * Released on: January 2, 2025
34996
+ * Released on: March 19, 2025
35149
34997
  */
35150
34998
 
35151
34999
  /* FONT_START */
@@ -36268,7 +36116,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
36268
36116
  display: block;
36269
36117
  max-width: 100%;
36270
36118
  height: auto;
36271
- }._root_1y6m8_1 {
36119
+ }._root_1u48k_1 {
36272
36120
  --radius: 32px;
36273
36121
  --inset: 8px;
36274
36122
  --transition-length: 16px;
@@ -36281,7 +36129,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
36281
36129
  background: var(--background-image-url) 0% 0%/cover;
36282
36130
  }
36283
36131
 
36284
- ._effect_1y6m8_13 {
36132
+ ._effect_1u48k_13 {
36285
36133
  position: absolute;
36286
36134
  top: 0;
36287
36135
  right: 0;
@@ -36292,9 +36140,11 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
36292
36140
  backdrop-filter: blur(var(--blur));
36293
36141
  --r: max(var(--transition-length), calc(var(--radius) - var(--inset)));
36294
36142
  --corner-size: calc(var(--r) + var(--inset)) calc(var(--r) + var(--inset));
36295
- --corner-gradient: transparent 0px,
36296
- transparent calc(var(--r) - var(--transition-length)), black var(--r);
36297
- --fill-gradient: black, black var(--inset),
36143
+ --corner-gradient:
36144
+ transparent 0px, transparent calc(var(--r) - var(--transition-length)),
36145
+ black var(--r);
36146
+ --fill-gradient:
36147
+ black, black var(--inset),
36298
36148
  transparent calc(var(--inset) + var(--transition-length)),
36299
36149
  transparent calc(100% - var(--transition-length) - var(--inset)),
36300
36150
  black calc(100% - var(--inset));