@tarsis/toolkit 0.4.6 → 0.4.8

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/styles.css CHANGED
@@ -1269,19 +1269,19 @@
1269
1269
  background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
1270
1270
  background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
1271
1271
  }
1272
- }._root_1vcqb_1 {
1272
+ }._root_wtjlp_1 {
1273
1273
  --bg: hsl(223, 10%, 90%);
1274
1274
  --fg: hsl(223, 10%, 10%);
1275
1275
  font-size: calc(30px + 30 * (100vw - 320px) / 960);
1276
1276
  }
1277
1277
  @media (prefers-color-scheme: dark) {
1278
- ._root_1vcqb_1 {
1278
+ ._root_wtjlp_1 {
1279
1279
  --bg: hsl(223, 10%, 10%);
1280
1280
  --fg: hsl(223, 10%, 90%);
1281
1281
  }
1282
1282
  }
1283
1283
 
1284
- ._button_1vcqb_13 {
1284
+ ._button_wtjlp_13 {
1285
1285
  border-radius: 1.25em;
1286
1286
  color: hsl(0, 0%, 100%);
1287
1287
  font-weight: bold;
@@ -1293,12 +1293,12 @@
1293
1293
  -webkit-apperance: none;
1294
1294
  cursor: pointer;
1295
1295
  }
1296
- ._button_1vcqb_13 ._p_1vcqb_26, ._button_1vcqb_13 ._text_1vcqb_26 {
1296
+ ._button_wtjlp_13 ._p_wtjlp_26, ._button_wtjlp_13 ._text_wtjlp_26 {
1297
1297
  background: hsl(3, 90%, 55%);
1298
1298
  border-radius: 50%;
1299
1299
  transition: background 0.15s linear;
1300
1300
  }
1301
- ._button_1vcqb_13 ._p_1vcqb_26 {
1301
+ ._button_wtjlp_13 ._p_wtjlp_26 {
1302
1302
  animation-duration: 1s;
1303
1303
  animation-timing-function: linear;
1304
1304
  animation-iteration-count: infinite;
@@ -1307,197 +1307,197 @@
1307
1307
  width: 0.5em;
1308
1308
  height: 0.5em;
1309
1309
  }
1310
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(1) {
1311
- animation-name: _rise1_1vcqb_1;
1312
- animation-delay: -0.23s;
1310
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(1) {
1311
+ animation-name: _rise1_wtjlp_1;
1312
+ animation-delay: -0.25s;
1313
1313
  top: calc(50% - 0.3907910185em);
1314
1314
  left: 0.1em;
1315
1315
  }
1316
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(2) {
1317
- animation-name: _rise2_1vcqb_1;
1318
- animation-delay: -0.26s;
1316
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(2) {
1317
+ animation-name: _rise2_wtjlp_1;
1318
+ animation-delay: -0.36s;
1319
1319
  top: calc(50% - 0.5281152949em);
1320
1320
  left: 0.2em;
1321
1321
  }
1322
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(3) {
1323
- animation-name: _rise3_1vcqb_1;
1324
- animation-delay: -0.92s;
1322
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(3) {
1323
+ animation-name: _rise3_wtjlp_1;
1324
+ animation-delay: -0.99s;
1325
1325
  top: calc(50% - 0.6585914498em);
1326
1326
  left: 0.3em;
1327
1327
  }
1328
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(4) {
1329
- animation-name: _rise4_1vcqb_1;
1330
- animation-delay: -0.69s;
1328
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(4) {
1329
+ animation-name: _rise4_wtjlp_1;
1330
+ animation-delay: -0.25s;
1331
1331
  top: calc(50% - 0.7790067271em);
1332
1332
  left: 0.4em;
1333
1333
  }
1334
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(5) {
1335
- animation-name: _rise5_1vcqb_1;
1336
- animation-delay: -0.64s;
1334
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(5) {
1335
+ animation-name: _rise5_wtjlp_1;
1336
+ animation-delay: -0.71s;
1337
1337
  top: calc(50% - 0.8863961031em);
1338
1338
  left: 0.5em;
1339
1339
  }
1340
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(6) {
1341
- animation-name: _rise6_1vcqb_1;
1342
- animation-delay: -0.34s;
1340
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(6) {
1341
+ animation-name: _rise6_wtjlp_1;
1342
+ animation-delay: -0.8s;
1343
1343
  top: calc(50% - 0.9781152949em);
1344
1344
  left: 0.6em;
1345
1345
  }
1346
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(7) {
1347
- animation-name: _rise7_1vcqb_1;
1348
- animation-delay: -0.66s;
1346
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(7) {
1347
+ animation-name: _rise7_wtjlp_1;
1348
+ animation-delay: -0.37s;
1349
1349
  top: calc(50% - 1.0519058718em);
1350
1350
  left: 0.7em;
1351
1351
  }
1352
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(8) {
1353
- animation-name: _rise8_1vcqb_1;
1354
- animation-delay: -0.19s;
1352
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(8) {
1353
+ animation-name: _rise8_wtjlp_1;
1354
+ animation-delay: -0.83s;
1355
1355
  top: calc(50% - 1.1059508647em);
1356
1356
  left: 0.8em;
1357
1357
  }
1358
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(9) {
1359
- animation-name: _rise9_1vcqb_1;
1360
- animation-delay: -0.84s;
1358
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(9) {
1359
+ animation-name: _rise9_wtjlp_1;
1360
+ animation-delay: -0.38s;
1361
1361
  top: calc(50% - 1.1389195065em);
1362
1362
  left: 0.9em;
1363
1363
  }
1364
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(10) {
1365
- animation-name: _rise10_1vcqb_1;
1366
- animation-delay: -0.77s;
1364
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(10) {
1365
+ animation-name: _rise10_wtjlp_1;
1366
+ animation-delay: -0.56s;
1367
1367
  top: calc(50% - 1.15em);
1368
1368
  left: 1em;
1369
1369
  }
1370
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(11) {
1371
- animation-name: _rise11_1vcqb_1;
1372
- animation-delay: -0.11s;
1370
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(11) {
1371
+ animation-name: _rise11_wtjlp_1;
1372
+ animation-delay: -0.79s;
1373
1373
  top: calc(50% - 1.1389195065em);
1374
1374
  left: 1.1em;
1375
1375
  }
1376
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(12) {
1377
- animation-name: _rise12_1vcqb_1;
1378
- animation-delay: -0.65s;
1376
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(12) {
1377
+ animation-name: _rise12_wtjlp_1;
1378
+ animation-delay: -0.82s;
1379
1379
  top: calc(50% - 1.1059508647em);
1380
1380
  left: 1.2em;
1381
1381
  }
1382
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(13) {
1383
- animation-name: _rise13_1vcqb_1;
1384
- animation-delay: -0.91s;
1382
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(13) {
1383
+ animation-name: _rise13_wtjlp_1;
1384
+ animation-delay: -0.77s;
1385
1385
  top: calc(50% - 1.0519058718em);
1386
1386
  left: 1.3em;
1387
1387
  }
1388
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(14) {
1389
- animation-name: _rise14_1vcqb_1;
1390
- animation-delay: -0.82s;
1388
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(14) {
1389
+ animation-name: _rise14_wtjlp_1;
1390
+ animation-delay: -0.33s;
1391
1391
  top: calc(50% - 0.9781152949em);
1392
1392
  left: 1.4em;
1393
1393
  }
1394
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(15) {
1395
- animation-name: _rise15_1vcqb_1;
1396
- animation-delay: -0.4s;
1394
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(15) {
1395
+ animation-name: _rise15_wtjlp_1;
1396
+ animation-delay: -0.44s;
1397
1397
  top: calc(50% - 0.8863961031em);
1398
1398
  left: 1.5em;
1399
1399
  }
1400
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(16) {
1401
- animation-name: _rise16_1vcqb_1;
1402
- animation-delay: -0.71s;
1400
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(16) {
1401
+ animation-name: _rise16_wtjlp_1;
1402
+ animation-delay: -0.76s;
1403
1403
  top: calc(50% - 0.7790067271em);
1404
1404
  left: 1.6em;
1405
1405
  }
1406
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(17) {
1407
- animation-name: _rise17_1vcqb_1;
1408
- animation-delay: -0.83s;
1406
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(17) {
1407
+ animation-name: _rise17_wtjlp_1;
1408
+ animation-delay: -0.37s;
1409
1409
  top: calc(50% - 0.6585914498em);
1410
1410
  left: 1.7em;
1411
1411
  }
1412
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(18) {
1413
- animation-name: _rise18_1vcqb_1;
1412
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(18) {
1413
+ animation-name: _rise18_wtjlp_1;
1414
1414
  animation-delay: -0.73s;
1415
1415
  top: calc(50% - 0.5281152949em);
1416
1416
  left: 1.8em;
1417
1417
  }
1418
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(19) {
1419
- animation-name: _rise19_1vcqb_1;
1420
- animation-delay: -0.43s;
1418
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(19) {
1419
+ animation-name: _rise19_wtjlp_1;
1420
+ animation-delay: -0.74s;
1421
1421
  top: calc(50% - 0.3907910185em);
1422
1422
  left: 1.9em;
1423
1423
  }
1424
- ._button_1vcqb_13 ._p_1vcqb_26:nth-child(20) {
1425
- animation-name: _rise20_1vcqb_1;
1426
- animation-delay: -0.76s;
1424
+ ._button_wtjlp_13 ._p_wtjlp_26:nth-child(20) {
1425
+ animation-name: _rise20_wtjlp_1;
1426
+ animation-delay: -0.19s;
1427
1427
  top: calc(50% - 0.25em);
1428
1428
  left: 2em;
1429
1429
  }
1430
- ._button_1vcqb_13:active {
1430
+ ._button_wtjlp_13:active {
1431
1431
  transform: translateY(0.1em);
1432
1432
  }
1433
- ._button_1vcqb_13:focus ._p_1vcqb_26, ._button_1vcqb_13:hover ._p_1vcqb_26, ._button_1vcqb_13:focus ._text_1vcqb_26, ._button_1vcqb_13:hover ._text_1vcqb_26 {
1433
+ ._button_wtjlp_13:focus ._p_wtjlp_26, ._button_wtjlp_13:hover ._p_wtjlp_26, ._button_wtjlp_13:focus ._text_wtjlp_26, ._button_wtjlp_13:hover ._text_wtjlp_26 {
1434
1434
  background: hsl(18, 90%, 55%);
1435
1435
  }
1436
- ._button_1vcqb_13:focus ._p_1vcqb_26, ._button_1vcqb_13:hover ._p_1vcqb_26 {
1436
+ ._button_wtjlp_13:focus ._p_wtjlp_26, ._button_wtjlp_13:hover ._p_wtjlp_26 {
1437
1437
  animation-duration: 0.5s;
1438
1438
  }
1439
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(1), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(1) {
1440
- animation-delay: -0.115s;
1439
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(1), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(1) {
1440
+ animation-delay: -0.125s;
1441
1441
  }
1442
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(2), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(2) {
1443
- animation-delay: -0.13s;
1442
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(2), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(2) {
1443
+ animation-delay: -0.18s;
1444
1444
  }
1445
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(3), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(3) {
1446
- animation-delay: -0.46s;
1445
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(3), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(3) {
1446
+ animation-delay: -0.495s;
1447
1447
  }
1448
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(4), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(4) {
1449
- animation-delay: -0.345s;
1448
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(4), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(4) {
1449
+ animation-delay: -0.125s;
1450
1450
  }
1451
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(5), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(5) {
1452
- animation-delay: -0.32s;
1451
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(5), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(5) {
1452
+ animation-delay: -0.355s;
1453
1453
  }
1454
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(6), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(6) {
1455
- animation-delay: -0.17s;
1454
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(6), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(6) {
1455
+ animation-delay: -0.4s;
1456
1456
  }
1457
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(7), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(7) {
1458
- animation-delay: -0.33s;
1457
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(7), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(7) {
1458
+ animation-delay: -0.185s;
1459
1459
  }
1460
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(8), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(8) {
1461
- animation-delay: -0.095s;
1460
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(8), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(8) {
1461
+ animation-delay: -0.415s;
1462
1462
  }
1463
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(9), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(9) {
1464
- animation-delay: -0.42s;
1463
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(9), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(9) {
1464
+ animation-delay: -0.19s;
1465
1465
  }
1466
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(10), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(10) {
1467
- animation-delay: -0.385s;
1466
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(10), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(10) {
1467
+ animation-delay: -0.28s;
1468
1468
  }
1469
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(11), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(11) {
1470
- animation-delay: -0.055s;
1469
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(11), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(11) {
1470
+ animation-delay: -0.395s;
1471
1471
  }
1472
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(12), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(12) {
1473
- animation-delay: -0.325s;
1472
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(12), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(12) {
1473
+ animation-delay: -0.41s;
1474
1474
  }
1475
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(13), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(13) {
1476
- animation-delay: -0.455s;
1475
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(13), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(13) {
1476
+ animation-delay: -0.385s;
1477
1477
  }
1478
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(14), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(14) {
1479
- animation-delay: -0.41s;
1478
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(14), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(14) {
1479
+ animation-delay: -0.165s;
1480
1480
  }
1481
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(15), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(15) {
1482
- animation-delay: -0.2s;
1481
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(15), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(15) {
1482
+ animation-delay: -0.22s;
1483
1483
  }
1484
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(16), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(16) {
1485
- animation-delay: -0.355s;
1484
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(16), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(16) {
1485
+ animation-delay: -0.38s;
1486
1486
  }
1487
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(17), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(17) {
1488
- animation-delay: -0.415s;
1487
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(17), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(17) {
1488
+ animation-delay: -0.185s;
1489
1489
  }
1490
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(18), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(18) {
1490
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(18), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(18) {
1491
1491
  animation-delay: -0.365s;
1492
1492
  }
1493
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(19), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(19) {
1494
- animation-delay: -0.215s;
1493
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(19), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(19) {
1494
+ animation-delay: -0.37s;
1495
1495
  }
1496
- ._button_1vcqb_13:focus ._p_1vcqb_26:nth-child(20), ._button_1vcqb_13:hover ._p_1vcqb_26:nth-child(20) {
1497
- animation-delay: -0.38s;
1496
+ ._button_wtjlp_13:focus ._p_wtjlp_26:nth-child(20), ._button_wtjlp_13:hover ._p_wtjlp_26:nth-child(20) {
1497
+ animation-delay: -0.095s;
1498
1498
  }
1499
1499
 
1500
- ._text_1vcqb_26 {
1500
+ ._text_wtjlp_26 {
1501
1501
  display: block;
1502
1502
  padding: 0.5em;
1503
1503
  width: 100%;
@@ -1506,231 +1506,231 @@
1506
1506
  text-align: center;
1507
1507
  }
1508
1508
 
1509
- ._text_1vcqb_26,
1510
- ._effects_1vcqb_240 {
1509
+ ._text_wtjlp_26,
1510
+ ._effects_wtjlp_240 {
1511
1511
  position: absolute;
1512
1512
  top: 0;
1513
1513
  left: 0;
1514
1514
  }
1515
1515
 
1516
- @keyframes _rise1_1vcqb_1 {
1516
+ @keyframes _rise1_wtjlp_1 {
1517
1517
  from {
1518
1518
  transform: translate(0em, 0) scale(1);
1519
1519
  }
1520
1520
  50% {
1521
- transform: translate(0.082em, -0.82em) scale(1);
1521
+ transform: translate(0.076em, -1.03em) scale(1);
1522
1522
  }
1523
1523
  to {
1524
- transform: translate(0.225em, -1.64em) scale(0);
1524
+ transform: translate(-0.035em, -2.06em) scale(0);
1525
1525
  }
1526
1526
  }
1527
- @keyframes _rise2_1vcqb_1 {
1527
+ @keyframes _rise2_wtjlp_1 {
1528
1528
  from {
1529
1529
  transform: translate(0em, 0) scale(1);
1530
1530
  }
1531
1531
  50% {
1532
- transform: translate(-0.044em, -1.47em) scale(1);
1532
+ transform: translate(0.042em, -0.77em) scale(1);
1533
1533
  }
1534
1534
  to {
1535
- transform: translate(0.16em, -2.94em) scale(0);
1535
+ transform: translate(0.16em, -1.54em) scale(0);
1536
1536
  }
1537
1537
  }
1538
- @keyframes _rise3_1vcqb_1 {
1538
+ @keyframes _rise3_wtjlp_1 {
1539
1539
  from {
1540
1540
  transform: translate(0em, 0) scale(1);
1541
1541
  }
1542
1542
  50% {
1543
- transform: translate(0.008em, -1.29em) scale(1);
1543
+ transform: translate(0.028em, -0.66em) scale(1);
1544
1544
  }
1545
1545
  to {
1546
- transform: translate(0.2em, -2.58em) scale(0);
1546
+ transform: translate(-0.195em, -1.32em) scale(0);
1547
1547
  }
1548
1548
  }
1549
- @keyframes _rise4_1vcqb_1 {
1549
+ @keyframes _rise4_wtjlp_1 {
1550
1550
  from {
1551
1551
  transform: translate(0em, 0) scale(1);
1552
1552
  }
1553
1553
  50% {
1554
- transform: translate(0.048em, -0.78em) scale(1);
1554
+ transform: translate(0.052em, -1.11em) scale(1);
1555
1555
  }
1556
1556
  to {
1557
- transform: translate(-0.23em, -1.56em) scale(0);
1557
+ transform: translate(-0.18em, -2.22em) scale(0);
1558
1558
  }
1559
1559
  }
1560
- @keyframes _rise5_1vcqb_1 {
1560
+ @keyframes _rise5_wtjlp_1 {
1561
1561
  from {
1562
1562
  transform: translate(0em, 0) scale(1);
1563
1563
  }
1564
1564
  50% {
1565
- transform: translate(-0.044em, -0.81em) scale(1);
1565
+ transform: translate(-0.086em, -1.3em) scale(1);
1566
1566
  }
1567
1567
  to {
1568
- transform: translate(-0.055em, -1.62em) scale(0);
1568
+ transform: translate(0.23em, -2.6em) scale(0);
1569
1569
  }
1570
1570
  }
1571
- @keyframes _rise6_1vcqb_1 {
1571
+ @keyframes _rise6_wtjlp_1 {
1572
1572
  from {
1573
1573
  transform: translate(0em, 0) scale(1);
1574
1574
  }
1575
1575
  50% {
1576
- transform: translate(-0.072em, -0.66em) scale(1);
1576
+ transform: translate(-0.03em, -0.77em) scale(1);
1577
1577
  }
1578
1578
  to {
1579
- transform: translate(0.15em, -1.32em) scale(0);
1579
+ transform: translate(0.15em, -1.54em) scale(0);
1580
1580
  }
1581
1581
  }
1582
- @keyframes _rise7_1vcqb_1 {
1582
+ @keyframes _rise7_wtjlp_1 {
1583
1583
  from {
1584
1584
  transform: translate(0em, 0) scale(1);
1585
1585
  }
1586
1586
  50% {
1587
- transform: translate(-0.038em, -0.55em) scale(1);
1587
+ transform: translate(0.044em, -1.11em) scale(1);
1588
1588
  }
1589
1589
  to {
1590
- transform: translate(0.03em, -1.1em) scale(0);
1590
+ transform: translate(0.025em, -2.22em) scale(0);
1591
1591
  }
1592
1592
  }
1593
- @keyframes _rise8_1vcqb_1 {
1593
+ @keyframes _rise8_wtjlp_1 {
1594
1594
  from {
1595
1595
  transform: translate(0em, 0) scale(1);
1596
1596
  }
1597
1597
  50% {
1598
- transform: translate(-0.032em, -0.98em) scale(1);
1598
+ transform: translate(0.068em, -0.95em) scale(1);
1599
1599
  }
1600
1600
  to {
1601
- transform: translate(-0.16em, -1.96em) scale(0);
1601
+ transform: translate(-0.13em, -1.9em) scale(0);
1602
1602
  }
1603
1603
  }
1604
- @keyframes _rise9_1vcqb_1 {
1604
+ @keyframes _rise9_wtjlp_1 {
1605
1605
  from {
1606
1606
  transform: translate(0em, 0) scale(1);
1607
1607
  }
1608
1608
  50% {
1609
- transform: translate(-0.026em, -1.34em) scale(1);
1609
+ transform: translate(-0.058em, -0.75em) scale(1);
1610
1610
  }
1611
1611
  to {
1612
- transform: translate(0.16em, -2.68em) scale(0);
1612
+ transform: translate(-0.205em, -1.5em) scale(0);
1613
1613
  }
1614
1614
  }
1615
- @keyframes _rise10_1vcqb_1 {
1615
+ @keyframes _rise10_wtjlp_1 {
1616
1616
  from {
1617
1617
  transform: translate(0em, 0) scale(1);
1618
1618
  }
1619
1619
  50% {
1620
- transform: translate(-0.094em, -0.62em) scale(1);
1620
+ transform: translate(-0.01em, -0.98em) scale(1);
1621
1621
  }
1622
1622
  to {
1623
- transform: translate(0.1em, -1.24em) scale(0);
1623
+ transform: translate(0.14em, -1.96em) scale(0);
1624
1624
  }
1625
1625
  }
1626
- @keyframes _rise11_1vcqb_1 {
1626
+ @keyframes _rise11_wtjlp_1 {
1627
1627
  from {
1628
1628
  transform: translate(0em, 0) scale(1);
1629
1629
  }
1630
1630
  50% {
1631
- transform: translate(-0.016em, -0.58em) scale(1);
1631
+ transform: translate(0.066em, -0.87em) scale(1);
1632
1632
  }
1633
1633
  to {
1634
- transform: translate(0.035em, -1.16em) scale(0);
1634
+ transform: translate(-0.085em, -1.74em) scale(0);
1635
1635
  }
1636
1636
  }
1637
- @keyframes _rise12_1vcqb_1 {
1637
+ @keyframes _rise12_wtjlp_1 {
1638
1638
  from {
1639
1639
  transform: translate(0em, 0) scale(1);
1640
1640
  }
1641
1641
  50% {
1642
- transform: translate(-0.07em, -0.91em) scale(1);
1642
+ transform: translate(0.04em, -1.34em) scale(1);
1643
1643
  }
1644
1644
  to {
1645
- transform: translate(0.015em, -1.82em) scale(0);
1645
+ transform: translate(-0.195em, -2.68em) scale(0);
1646
1646
  }
1647
1647
  }
1648
- @keyframes _rise13_1vcqb_1 {
1648
+ @keyframes _rise13_wtjlp_1 {
1649
1649
  from {
1650
1650
  transform: translate(0em, 0) scale(1);
1651
1651
  }
1652
1652
  50% {
1653
- transform: translate(0.058em, -0.91em) scale(1);
1653
+ transform: translate(-0.062em, -1.28em) scale(1);
1654
1654
  }
1655
1655
  to {
1656
- transform: translate(0.02em, -1.82em) scale(0);
1656
+ transform: translate(0.065em, -2.56em) scale(0);
1657
1657
  }
1658
1658
  }
1659
- @keyframes _rise14_1vcqb_1 {
1659
+ @keyframes _rise14_wtjlp_1 {
1660
1660
  from {
1661
1661
  transform: translate(0em, 0) scale(1);
1662
1662
  }
1663
1663
  50% {
1664
- transform: translate(0.024em, -1.31em) scale(1);
1664
+ transform: translate(-0.008em, -1.13em) scale(1);
1665
1665
  }
1666
1666
  to {
1667
- transform: translate(0.18em, -2.62em) scale(0);
1667
+ transform: translate(-0.225em, -2.26em) scale(0);
1668
1668
  }
1669
1669
  }
1670
- @keyframes _rise15_1vcqb_1 {
1670
+ @keyframes _rise15_wtjlp_1 {
1671
1671
  from {
1672
1672
  transform: translate(0em, 0) scale(1);
1673
1673
  }
1674
1674
  50% {
1675
- transform: translate(-0.08em, -0.65em) scale(1);
1675
+ transform: translate(0.006em, -1.26em) scale(1);
1676
1676
  }
1677
1677
  to {
1678
- transform: translate(0.12em, -1.3em) scale(0);
1678
+ transform: translate(0.025em, -2.52em) scale(0);
1679
1679
  }
1680
1680
  }
1681
- @keyframes _rise16_1vcqb_1 {
1681
+ @keyframes _rise16_wtjlp_1 {
1682
1682
  from {
1683
1683
  transform: translate(0em, 0) scale(1);
1684
1684
  }
1685
1685
  50% {
1686
- transform: translate(-0.098em, -1.03em) scale(1);
1686
+ transform: translate(0.032em, -1.19em) scale(1);
1687
1687
  }
1688
1688
  to {
1689
- transform: translate(-0.185em, -2.06em) scale(0);
1689
+ transform: translate(-0.205em, -2.38em) scale(0);
1690
1690
  }
1691
1691
  }
1692
- @keyframes _rise17_1vcqb_1 {
1692
+ @keyframes _rise17_wtjlp_1 {
1693
1693
  from {
1694
1694
  transform: translate(0em, 0) scale(1);
1695
1695
  }
1696
1696
  50% {
1697
- transform: translate(0.026em, -1.28em) scale(1);
1697
+ transform: translate(-0.022em, -0.52em) scale(1);
1698
1698
  }
1699
1699
  to {
1700
- transform: translate(0.18em, -2.56em) scale(0);
1700
+ transform: translate(0.02em, -1.04em) scale(0);
1701
1701
  }
1702
1702
  }
1703
- @keyframes _rise18_1vcqb_1 {
1703
+ @keyframes _rise18_wtjlp_1 {
1704
1704
  from {
1705
1705
  transform: translate(0em, 0) scale(1);
1706
1706
  }
1707
1707
  50% {
1708
- transform: translate(0.096em, -0.86em) scale(1);
1708
+ transform: translate(-0.05em, -0.78em) scale(1);
1709
1709
  }
1710
1710
  to {
1711
- transform: translate(-0.215em, -1.72em) scale(0);
1711
+ transform: translate(-0.065em, -1.56em) scale(0);
1712
1712
  }
1713
1713
  }
1714
- @keyframes _rise19_1vcqb_1 {
1714
+ @keyframes _rise19_wtjlp_1 {
1715
1715
  from {
1716
1716
  transform: translate(0em, 0) scale(1);
1717
1717
  }
1718
1718
  50% {
1719
- transform: translate(0.098em, -1.09em) scale(1);
1719
+ transform: translate(-0.002em, -1.09em) scale(1);
1720
1720
  }
1721
1721
  to {
1722
- transform: translate(0.175em, -2.18em) scale(0);
1722
+ transform: translate(-0.12em, -2.18em) scale(0);
1723
1723
  }
1724
1724
  }
1725
- @keyframes _rise20_1vcqb_1 {
1725
+ @keyframes _rise20_wtjlp_1 {
1726
1726
  from {
1727
1727
  transform: translate(0em, 0) scale(1);
1728
1728
  }
1729
1729
  50% {
1730
- transform: translate(0.002em, -1.02em) scale(1);
1730
+ transform: translate(0.094em, -0.71em) scale(1);
1731
1731
  }
1732
1732
  to {
1733
- transform: translate(0.06em, -2.04em) scale(0);
1733
+ transform: translate(-0.095em, -1.42em) scale(0);
1734
1734
  }
1735
1735
  }._root_exi6q_1 {
1736
1736
  --primary: black;
@@ -5117,7 +5117,7 @@
5117
5117
  ._root_1qkvm_1:focus::after {
5118
5118
  opacity: 1;
5119
5119
  }/*background-image: radial-gradient(circle, #333, #000 800px);*/
5120
- ._root_py6dl_2 {
5120
+ ._root_1byi3_2 {
5121
5121
  position: relative;
5122
5122
  width: 287px;
5123
5123
  height: 36px;
@@ -5131,13 +5131,13 @@
5131
5131
  justify-content: center;
5132
5132
  align-content: center;
5133
5133
  }
5134
- ._root_py6dl_2:hover {
5134
+ ._root_1byi3_2:hover {
5135
5135
  --sy: 1;
5136
5136
  --aps: running;
5137
5137
  --op: 0;
5138
5138
  }
5139
5139
 
5140
- ._i_py6dl_22 {
5140
+ ._i_1byi3_22 {
5141
5141
  position: absolute;
5142
5142
  left: 0;
5143
5143
  left: var(--left, 0);
@@ -5149,7 +5149,7 @@
5149
5149
  transition: transform var(--duration) ease-out;
5150
5150
  z-index: -1;
5151
5151
  }
5152
- ._i_py6dl_22::after {
5152
+ ._i_1byi3_22::after {
5153
5153
  content: "";
5154
5154
  position: absolute;
5155
5155
  top: 0;
@@ -5159,11 +5159,11 @@
5159
5159
  background-image: linear-gradient(#fff, hsl(0, 75%, 75%));
5160
5160
  background-image: linear-gradient(#fff, hsl(var(--hue, 0), 75%, 75%));
5161
5161
  border-radius: 50%;
5162
- animation: _noise_py6dl_1 var(--duration) infinite ease-in-out alternate;
5162
+ animation: _noise_1byi3_1 var(--duration) infinite ease-in-out alternate;
5163
5163
  animation-play-state: paused;
5164
5164
  animation-play-state: var(--aps, paused);
5165
5165
  }
5166
- @keyframes _noise_py6dl_1 {
5166
+ @keyframes _noise_1byi3_1 {
5167
5167
  0% {
5168
5168
  transform: scaleY(calc(1 - (0)));
5169
5169
  transform: scaleY(calc(1 - (var(--size, 0))));
@@ -5173,440 +5173,440 @@
5173
5173
  transform: scaleY(calc(1 + (var(--size, 0))));
5174
5174
  }
5175
5175
  }
5176
- ._i_py6dl_22:nth-child(1) {
5176
+ ._i_1byi3_22:nth-child(1) {
5177
5177
  --left: 0px;
5178
- --duration: 208ms;
5179
- --size: 0.127;
5178
+ --duration: 381ms;
5179
+ --size: 0.88;
5180
5180
  --hue: 0;
5181
5181
  }
5182
- ._i_py6dl_22:nth-child(2) {
5182
+ ._i_1byi3_22:nth-child(2) {
5183
5183
  --left: 4px;
5184
- --duration: 276ms;
5185
- --size: 0.311;
5184
+ --duration: 241ms;
5185
+ --size: 0.83;
5186
5186
  --hue: 5;
5187
5187
  }
5188
- ._i_py6dl_22:nth-child(3) {
5188
+ ._i_1byi3_22:nth-child(3) {
5189
5189
  --left: 8px;
5190
- --duration: 351ms;
5191
- --size: 0.379;
5190
+ --duration: 253ms;
5191
+ --size: 0.125;
5192
5192
  --hue: 10;
5193
5193
  }
5194
- ._i_py6dl_22:nth-child(4) {
5194
+ ._i_1byi3_22:nth-child(4) {
5195
5195
  --left: 12px;
5196
- --duration: 291ms;
5197
- --size: 0.17;
5196
+ --duration: 319ms;
5197
+ --size: 0.667;
5198
5198
  --hue: 15;
5199
5199
  }
5200
- ._i_py6dl_22:nth-child(5) {
5200
+ ._i_1byi3_22:nth-child(5) {
5201
5201
  --left: 16px;
5202
- --duration: 355ms;
5203
- --size: 0.574;
5202
+ --duration: 357ms;
5203
+ --size: 0.306;
5204
5204
  --hue: 20;
5205
5205
  }
5206
- ._i_py6dl_22:nth-child(6) {
5206
+ ._i_1byi3_22:nth-child(6) {
5207
5207
  --left: 20px;
5208
- --duration: 286ms;
5209
- --size: 0.021;
5208
+ --duration: 321ms;
5209
+ --size: 0.257;
5210
5210
  --hue: 25;
5211
5211
  }
5212
- ._i_py6dl_22:nth-child(7) {
5212
+ ._i_1byi3_22:nth-child(7) {
5213
5213
  --left: 24px;
5214
- --duration: 251ms;
5215
- --size: 0.024;
5214
+ --duration: 245ms;
5215
+ --size: 0.188;
5216
5216
  --hue: 30;
5217
5217
  }
5218
- ._i_py6dl_22:nth-child(8) {
5218
+ ._i_1byi3_22:nth-child(8) {
5219
5219
  --left: 28px;
5220
- --duration: 303ms;
5221
- --size: 0.352;
5220
+ --duration: 268ms;
5221
+ --size: 0.064;
5222
5222
  --hue: 35;
5223
5223
  }
5224
- ._i_py6dl_22:nth-child(9) {
5224
+ ._i_1byi3_22:nth-child(9) {
5225
5225
  --left: 32px;
5226
- --duration: 288ms;
5227
- --size: 0.21;
5226
+ --duration: 259ms;
5227
+ --size: 0.828;
5228
5228
  --hue: 40;
5229
5229
  }
5230
- ._i_py6dl_22:nth-child(10) {
5230
+ ._i_1byi3_22:nth-child(10) {
5231
5231
  --left: 36px;
5232
- --duration: 221ms;
5233
- --size: 0.96;
5232
+ --duration: 284ms;
5233
+ --size: 0.724;
5234
5234
  --hue: 45;
5235
5235
  }
5236
- ._i_py6dl_22:nth-child(11) {
5236
+ ._i_1byi3_22:nth-child(11) {
5237
5237
  --left: 40px;
5238
- --duration: 315ms;
5239
- --size: 0.57;
5238
+ --duration: 205ms;
5239
+ --size: 0.923;
5240
5240
  --hue: 50;
5241
5241
  }
5242
- ._i_py6dl_22:nth-child(12) {
5242
+ ._i_1byi3_22:nth-child(12) {
5243
5243
  --left: 44px;
5244
- --duration: 204ms;
5245
- --size: 0.735;
5244
+ --duration: 380ms;
5245
+ --size: 0.826;
5246
5246
  --hue: 55;
5247
5247
  }
5248
- ._i_py6dl_22:nth-child(13) {
5248
+ ._i_1byi3_22:nth-child(13) {
5249
5249
  --left: 48px;
5250
- --duration: 337ms;
5251
- --size: 0.695;
5250
+ --duration: 364ms;
5251
+ --size: 0.318;
5252
5252
  --hue: 60;
5253
5253
  }
5254
- ._i_py6dl_22:nth-child(14) {
5254
+ ._i_1byi3_22:nth-child(14) {
5255
5255
  --left: 52px;
5256
- --duration: 304ms;
5257
- --size: 0.718;
5256
+ --duration: 303ms;
5257
+ --size: 0.555;
5258
5258
  --hue: 65;
5259
5259
  }
5260
- ._i_py6dl_22:nth-child(15) {
5260
+ ._i_1byi3_22:nth-child(15) {
5261
5261
  --left: 56px;
5262
- --duration: 303ms;
5263
- --size: 0.755;
5262
+ --duration: 330ms;
5263
+ --size: 0.412;
5264
5264
  --hue: 70;
5265
5265
  }
5266
- ._i_py6dl_22:nth-child(16) {
5266
+ ._i_1byi3_22:nth-child(16) {
5267
5267
  --left: 60px;
5268
- --duration: 249ms;
5269
- --size: 0.435;
5268
+ --duration: 289ms;
5269
+ --size: 0.998;
5270
5270
  --hue: 75;
5271
5271
  }
5272
- ._i_py6dl_22:nth-child(17) {
5272
+ ._i_1byi3_22:nth-child(17) {
5273
5273
  --left: 64px;
5274
- --duration: 367ms;
5275
- --size: 0.343;
5274
+ --duration: 372ms;
5275
+ --size: 0.109;
5276
5276
  --hue: 80;
5277
5277
  }
5278
- ._i_py6dl_22:nth-child(18) {
5278
+ ._i_1byi3_22:nth-child(18) {
5279
5279
  --left: 68px;
5280
- --duration: 271ms;
5281
- --size: 0.447;
5280
+ --duration: 311ms;
5281
+ --size: 0.897;
5282
5282
  --hue: 85;
5283
5283
  }
5284
- ._i_py6dl_22:nth-child(19) {
5284
+ ._i_1byi3_22:nth-child(19) {
5285
5285
  --left: 72px;
5286
- --duration: 225ms;
5287
- --size: 0.86;
5286
+ --duration: 262ms;
5287
+ --size: 0.166;
5288
5288
  --hue: 90;
5289
5289
  }
5290
- ._i_py6dl_22:nth-child(20) {
5290
+ ._i_1byi3_22:nth-child(20) {
5291
5291
  --left: 76px;
5292
- --duration: 276ms;
5293
- --size: 0.781;
5292
+ --duration: 267ms;
5293
+ --size: 0.562;
5294
5294
  --hue: 95;
5295
5295
  }
5296
- ._i_py6dl_22:nth-child(21) {
5296
+ ._i_1byi3_22:nth-child(21) {
5297
5297
  --left: 80px;
5298
- --duration: 202ms;
5299
- --size: 0.034;
5298
+ --duration: 376ms;
5299
+ --size: 0.229;
5300
5300
  --hue: 100;
5301
5301
  }
5302
- ._i_py6dl_22:nth-child(22) {
5302
+ ._i_1byi3_22:nth-child(22) {
5303
5303
  --left: 84px;
5304
- --duration: 280ms;
5305
- --size: 0.736;
5304
+ --duration: 368ms;
5305
+ --size: 0.655;
5306
5306
  --hue: 105;
5307
5307
  }
5308
- ._i_py6dl_22:nth-child(23) {
5308
+ ._i_1byi3_22:nth-child(23) {
5309
5309
  --left: 88px;
5310
- --duration: 363ms;
5311
- --size: 0.409;
5310
+ --duration: 352ms;
5311
+ --size: 0.713;
5312
5312
  --hue: 110;
5313
5313
  }
5314
- ._i_py6dl_22:nth-child(24) {
5314
+ ._i_1byi3_22:nth-child(24) {
5315
5315
  --left: 92px;
5316
- --duration: 295ms;
5317
- --size: 0.324;
5316
+ --duration: 379ms;
5317
+ --size: 0.26;
5318
5318
  --hue: 115;
5319
5319
  }
5320
- ._i_py6dl_22:nth-child(25) {
5320
+ ._i_1byi3_22:nth-child(25) {
5321
5321
  --left: 96px;
5322
- --duration: 316ms;
5323
- --size: 0.337;
5322
+ --duration: 266ms;
5323
+ --size: 0.808;
5324
5324
  --hue: 120;
5325
5325
  }
5326
- ._i_py6dl_22:nth-child(26) {
5326
+ ._i_1byi3_22:nth-child(26) {
5327
5327
  --left: 100px;
5328
- --duration: 388ms;
5329
- --size: 0.838;
5328
+ --duration: 302ms;
5329
+ --size: 0.776;
5330
5330
  --hue: 125;
5331
5331
  }
5332
- ._i_py6dl_22:nth-child(27) {
5332
+ ._i_1byi3_22:nth-child(27) {
5333
5333
  --left: 104px;
5334
- --duration: 356ms;
5335
- --size: 0.147;
5334
+ --duration: 338ms;
5335
+ --size: 0.17;
5336
5336
  --hue: 130;
5337
5337
  }
5338
- ._i_py6dl_22:nth-child(28) {
5338
+ ._i_1byi3_22:nth-child(28) {
5339
5339
  --left: 108px;
5340
- --duration: 336ms;
5341
- --size: 0.993;
5340
+ --duration: 220ms;
5341
+ --size: 0.489;
5342
5342
  --hue: 135;
5343
5343
  }
5344
- ._i_py6dl_22:nth-child(29) {
5344
+ ._i_1byi3_22:nth-child(29) {
5345
5345
  --left: 112px;
5346
- --duration: 302ms;
5347
- --size: 0.81;
5346
+ --duration: 235ms;
5347
+ --size: 0.215;
5348
5348
  --hue: 140;
5349
5349
  }
5350
- ._i_py6dl_22:nth-child(30) {
5350
+ ._i_1byi3_22:nth-child(30) {
5351
5351
  --left: 116px;
5352
- --duration: 342ms;
5353
- --size: 0.669;
5352
+ --duration: 388ms;
5353
+ --size: 0.734;
5354
5354
  --hue: 145;
5355
5355
  }
5356
- ._i_py6dl_22:nth-child(31) {
5356
+ ._i_1byi3_22:nth-child(31) {
5357
5357
  --left: 120px;
5358
- --duration: 282ms;
5359
- --size: 0.756;
5358
+ --duration: 359ms;
5359
+ --size: 0.657;
5360
5360
  --hue: 150;
5361
5361
  }
5362
- ._i_py6dl_22:nth-child(32) {
5362
+ ._i_1byi3_22:nth-child(32) {
5363
5363
  --left: 124px;
5364
- --duration: 230ms;
5365
- --size: 0.529;
5364
+ --duration: 289ms;
5365
+ --size: 0.858;
5366
5366
  --hue: 155;
5367
5367
  }
5368
- ._i_py6dl_22:nth-child(33) {
5368
+ ._i_1byi3_22:nth-child(33) {
5369
5369
  --left: 128px;
5370
- --duration: 221ms;
5371
- --size: 0.765;
5370
+ --duration: 268ms;
5371
+ --size: 0.763;
5372
5372
  --hue: 160;
5373
5373
  }
5374
- ._i_py6dl_22:nth-child(34) {
5374
+ ._i_1byi3_22:nth-child(34) {
5375
5375
  --left: 132px;
5376
- --duration: 327ms;
5377
- --size: 0.942;
5376
+ --duration: 293ms;
5377
+ --size: 0.027;
5378
5378
  --hue: 165;
5379
5379
  }
5380
- ._i_py6dl_22:nth-child(35) {
5380
+ ._i_1byi3_22:nth-child(35) {
5381
5381
  --left: 136px;
5382
- --duration: 353ms;
5383
- --size: 0.931;
5382
+ --duration: 240ms;
5383
+ --size: 0.457;
5384
5384
  --hue: 170;
5385
5385
  }
5386
- ._i_py6dl_22:nth-child(36) {
5386
+ ._i_1byi3_22:nth-child(36) {
5387
5387
  --left: 140px;
5388
- --duration: 330ms;
5389
- --size: 0.312;
5388
+ --duration: 349ms;
5389
+ --size: 0.614;
5390
5390
  --hue: 175;
5391
5391
  }
5392
- ._i_py6dl_22:nth-child(37) {
5392
+ ._i_1byi3_22:nth-child(37) {
5393
5393
  --left: 144px;
5394
- --duration: 388ms;
5395
- --size: 0.928;
5394
+ --duration: 345ms;
5395
+ --size: 0.184;
5396
5396
  --hue: 180;
5397
5397
  }
5398
- ._i_py6dl_22:nth-child(38) {
5398
+ ._i_1byi3_22:nth-child(38) {
5399
5399
  --left: 148px;
5400
- --duration: 307ms;
5401
- --size: 0.452;
5400
+ --duration: 372ms;
5401
+ --size: 0.641;
5402
5402
  --hue: 185;
5403
5403
  }
5404
- ._i_py6dl_22:nth-child(39) {
5404
+ ._i_1byi3_22:nth-child(39) {
5405
5405
  --left: 152px;
5406
- --duration: 210ms;
5407
- --size: 0.813;
5406
+ --duration: 227ms;
5407
+ --size: 0.787;
5408
5408
  --hue: 190;
5409
5409
  }
5410
- ._i_py6dl_22:nth-child(40) {
5410
+ ._i_1byi3_22:nth-child(40) {
5411
5411
  --left: 156px;
5412
- --duration: 363ms;
5413
- --size: 0.561;
5412
+ --duration: 217ms;
5413
+ --size: 0.369;
5414
5414
  --hue: 195;
5415
5415
  }
5416
- ._i_py6dl_22:nth-child(41) {
5416
+ ._i_1byi3_22:nth-child(41) {
5417
5417
  --left: 160px;
5418
- --duration: 257ms;
5419
- --size: 0.039;
5418
+ --duration: 219ms;
5419
+ --size: 0.306;
5420
5420
  --hue: 200;
5421
5421
  }
5422
- ._i_py6dl_22:nth-child(42) {
5422
+ ._i_1byi3_22:nth-child(42) {
5423
5423
  --left: 164px;
5424
- --duration: 300ms;
5425
- --size: 0.196;
5424
+ --duration: 369ms;
5425
+ --size: 0.204;
5426
5426
  --hue: 205;
5427
5427
  }
5428
- ._i_py6dl_22:nth-child(43) {
5428
+ ._i_1byi3_22:nth-child(43) {
5429
5429
  --left: 168px;
5430
- --duration: 287ms;
5431
- --size: 0.986;
5430
+ --duration: 221ms;
5431
+ --size: 0.494;
5432
5432
  --hue: 210;
5433
5433
  }
5434
- ._i_py6dl_22:nth-child(44) {
5434
+ ._i_1byi3_22:nth-child(44) {
5435
5435
  --left: 172px;
5436
- --duration: 329ms;
5437
- --size: 0.677;
5436
+ --duration: 287ms;
5437
+ --size: 0.826;
5438
5438
  --hue: 215;
5439
5439
  }
5440
- ._i_py6dl_22:nth-child(45) {
5440
+ ._i_1byi3_22:nth-child(45) {
5441
5441
  --left: 176px;
5442
- --duration: 243ms;
5443
- --size: 0.609;
5442
+ --duration: 270ms;
5443
+ --size: 0.073;
5444
5444
  --hue: 220;
5445
5445
  }
5446
- ._i_py6dl_22:nth-child(46) {
5446
+ ._i_1byi3_22:nth-child(46) {
5447
5447
  --left: 180px;
5448
- --duration: 216ms;
5449
- --size: 0.041;
5448
+ --duration: 385ms;
5449
+ --size: 0.573;
5450
5450
  --hue: 225;
5451
5451
  }
5452
- ._i_py6dl_22:nth-child(47) {
5452
+ ._i_1byi3_22:nth-child(47) {
5453
5453
  --left: 184px;
5454
- --duration: 236ms;
5455
- --size: 0.744;
5454
+ --duration: 375ms;
5455
+ --size: 0.199;
5456
5456
  --hue: 230;
5457
5457
  }
5458
- ._i_py6dl_22:nth-child(48) {
5458
+ ._i_1byi3_22:nth-child(48) {
5459
5459
  --left: 188px;
5460
- --duration: 276ms;
5461
- --size: 0.592;
5460
+ --duration: 292ms;
5461
+ --size: 0.285;
5462
5462
  --hue: 235;
5463
5463
  }
5464
- ._i_py6dl_22:nth-child(49) {
5464
+ ._i_1byi3_22:nth-child(49) {
5465
5465
  --left: 192px;
5466
- --duration: 258ms;
5467
- --size: 0.164;
5466
+ --duration: 270ms;
5467
+ --size: 0.721;
5468
5468
  --hue: 240;
5469
5469
  }
5470
- ._i_py6dl_22:nth-child(50) {
5470
+ ._i_1byi3_22:nth-child(50) {
5471
5471
  --left: 196px;
5472
- --duration: 397ms;
5473
- --size: 0.509;
5472
+ --duration: 383ms;
5473
+ --size: 0.823;
5474
5474
  --hue: 245;
5475
5475
  }
5476
- ._i_py6dl_22:nth-child(51) {
5476
+ ._i_1byi3_22:nth-child(51) {
5477
5477
  --left: 200px;
5478
- --duration: 303ms;
5479
- --size: 0.767;
5478
+ --duration: 304ms;
5479
+ --size: 0.603;
5480
5480
  --hue: 250;
5481
5481
  }
5482
- ._i_py6dl_22:nth-child(52) {
5482
+ ._i_1byi3_22:nth-child(52) {
5483
5483
  --left: 204px;
5484
- --duration: 378ms;
5485
- --size: 0.175;
5484
+ --duration: 314ms;
5485
+ --size: 0.961;
5486
5486
  --hue: 255;
5487
5487
  }
5488
- ._i_py6dl_22:nth-child(53) {
5488
+ ._i_1byi3_22:nth-child(53) {
5489
5489
  --left: 208px;
5490
- --duration: 203ms;
5491
- --size: 0.282;
5490
+ --duration: 213ms;
5491
+ --size: 0.264;
5492
5492
  --hue: 260;
5493
5493
  }
5494
- ._i_py6dl_22:nth-child(54) {
5494
+ ._i_1byi3_22:nth-child(54) {
5495
5495
  --left: 212px;
5496
- --duration: 348ms;
5497
- --size: 0.211;
5496
+ --duration: 257ms;
5497
+ --size: 0.259;
5498
5498
  --hue: 265;
5499
5499
  }
5500
- ._i_py6dl_22:nth-child(55) {
5500
+ ._i_1byi3_22:nth-child(55) {
5501
5501
  --left: 216px;
5502
- --duration: 387ms;
5503
- --size: 0.588;
5502
+ --duration: 303ms;
5503
+ --size: 0.767;
5504
5504
  --hue: 270;
5505
5505
  }
5506
- ._i_py6dl_22:nth-child(56) {
5506
+ ._i_1byi3_22:nth-child(56) {
5507
5507
  --left: 220px;
5508
- --duration: 262ms;
5509
- --size: 0.221;
5508
+ --duration: 362ms;
5509
+ --size: 0.484;
5510
5510
  --hue: 275;
5511
5511
  }
5512
- ._i_py6dl_22:nth-child(57) {
5512
+ ._i_1byi3_22:nth-child(57) {
5513
5513
  --left: 224px;
5514
- --duration: 345ms;
5515
- --size: 0.504;
5514
+ --duration: 246ms;
5515
+ --size: 0.638;
5516
5516
  --hue: 280;
5517
5517
  }
5518
- ._i_py6dl_22:nth-child(58) {
5518
+ ._i_1byi3_22:nth-child(58) {
5519
5519
  --left: 228px;
5520
- --duration: 260ms;
5521
- --size: 0.575;
5520
+ --duration: 365ms;
5521
+ --size: 0.359;
5522
5522
  --hue: 285;
5523
5523
  }
5524
- ._i_py6dl_22:nth-child(59) {
5524
+ ._i_1byi3_22:nth-child(59) {
5525
5525
  --left: 232px;
5526
- --duration: 394ms;
5527
- --size: 0.006;
5526
+ --duration: 275ms;
5527
+ --size: 0.338;
5528
5528
  --hue: 290;
5529
5529
  }
5530
- ._i_py6dl_22:nth-child(60) {
5530
+ ._i_1byi3_22:nth-child(60) {
5531
5531
  --left: 236px;
5532
- --duration: 209ms;
5533
- --size: 0.669;
5532
+ --duration: 338ms;
5533
+ --size: 0.677;
5534
5534
  --hue: 295;
5535
5535
  }
5536
- ._i_py6dl_22:nth-child(61) {
5536
+ ._i_1byi3_22:nth-child(61) {
5537
5537
  --left: 240px;
5538
- --duration: 235ms;
5539
- --size: 0.914;
5538
+ --duration: 211ms;
5539
+ --size: 0.762;
5540
5540
  --hue: 300;
5541
5541
  }
5542
- ._i_py6dl_22:nth-child(62) {
5542
+ ._i_1byi3_22:nth-child(62) {
5543
5543
  --left: 244px;
5544
- --duration: 283ms;
5545
- --size: 0.402;
5544
+ --duration: 292ms;
5545
+ --size: 0.325;
5546
5546
  --hue: 305;
5547
5547
  }
5548
- ._i_py6dl_22:nth-child(63) {
5548
+ ._i_1byi3_22:nth-child(63) {
5549
5549
  --left: 248px;
5550
- --duration: 255ms;
5551
- --size: 0.789;
5550
+ --duration: 282ms;
5551
+ --size: 0.585;
5552
5552
  --hue: 310;
5553
5553
  }
5554
- ._i_py6dl_22:nth-child(64) {
5554
+ ._i_1byi3_22:nth-child(64) {
5555
5555
  --left: 252px;
5556
- --duration: 267ms;
5557
- --size: 0.495;
5556
+ --duration: 310ms;
5557
+ --size: 0.166;
5558
5558
  --hue: 315;
5559
5559
  }
5560
- ._i_py6dl_22:nth-child(65) {
5560
+ ._i_1byi3_22:nth-child(65) {
5561
5561
  --left: 256px;
5562
- --duration: 226ms;
5563
- --size: 0.94;
5562
+ --duration: 205ms;
5563
+ --size: 0.079;
5564
5564
  --hue: 320;
5565
5565
  }
5566
- ._i_py6dl_22:nth-child(66) {
5566
+ ._i_1byi3_22:nth-child(66) {
5567
5567
  --left: 260px;
5568
- --duration: 241ms;
5569
- --size: 0.706;
5568
+ --duration: 364ms;
5569
+ --size: 0.796;
5570
5570
  --hue: 325;
5571
5571
  }
5572
- ._i_py6dl_22:nth-child(67) {
5572
+ ._i_1byi3_22:nth-child(67) {
5573
5573
  --left: 264px;
5574
- --duration: 372ms;
5575
- --size: 0.862;
5574
+ --duration: 279ms;
5575
+ --size: 0.649;
5576
5576
  --hue: 330;
5577
5577
  }
5578
- ._i_py6dl_22:nth-child(68) {
5578
+ ._i_1byi3_22:nth-child(68) {
5579
5579
  --left: 268px;
5580
- --duration: 206ms;
5581
- --size: 0.629;
5580
+ --duration: 251ms;
5581
+ --size: 0.48;
5582
5582
  --hue: 335;
5583
5583
  }
5584
- ._i_py6dl_22:nth-child(69) {
5584
+ ._i_1byi3_22:nth-child(69) {
5585
5585
  --left: 272px;
5586
- --duration: 208ms;
5587
- --size: 0.506;
5586
+ --duration: 382ms;
5587
+ --size: 0.974;
5588
5588
  --hue: 340;
5589
5589
  }
5590
- ._i_py6dl_22:nth-child(70) {
5590
+ ._i_1byi3_22:nth-child(70) {
5591
5591
  --left: 276px;
5592
- --duration: 381ms;
5593
- --size: 0.526;
5592
+ --duration: 206ms;
5593
+ --size: 0.373;
5594
5594
  --hue: 345;
5595
5595
  }
5596
- ._i_py6dl_22:nth-child(71) {
5596
+ ._i_1byi3_22:nth-child(71) {
5597
5597
  --left: 280px;
5598
- --duration: 282ms;
5599
- --size: 0.71;
5598
+ --duration: 212ms;
5599
+ --size: 0.215;
5600
5600
  --hue: 350;
5601
5601
  }
5602
- ._i_py6dl_22:nth-child(72) {
5602
+ ._i_1byi3_22:nth-child(72) {
5603
5603
  --left: 284px;
5604
- --duration: 287ms;
5605
- --size: 0.52;
5604
+ --duration: 285ms;
5605
+ --size: 0.475;
5606
5606
  --hue: 355;
5607
5607
  }
5608
5608
 
5609
- ._text_py6dl_482 {
5609
+ ._text_1byi3_482 {
5610
5610
  opacity: 1;
5611
5611
  opacity: var(--op, 1);
5612
5612
  transition: opacity 0.4s ease;
@@ -8010,12 +8010,12 @@
8010
8010
  to {
8011
8011
  transform: rotate(90deg);
8012
8012
  }
8013
- }._root_g8mwq_1 {
8013
+ }._root_1pd3p_1 {
8014
8014
  position: relative;
8015
8015
  }
8016
8016
 
8017
- ._button_g8mwq_5 {
8018
- --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
8017
+ ._button_1pd3p_5 {
8018
+ --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
8019
8019
  --clr: 260;
8020
8020
  --shadows: 0%;
8021
8021
  --shadowl: 0%;
@@ -8043,7 +8043,7 @@
8043
8043
  box-shadow: 0 -0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.25em 0.3em -0.2em hsla(260, 0%, 0%, 0.5), 0 0.35em 0.75em hsla(260, 0%, 0%, 0.75);
8044
8044
  box-shadow: 0 -0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.5em 0.5em transparent, 0 0.25em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 0.5), 0 0.35em 0.75em hsla(var(--clr), 0%, 0%, 0.75);
8045
8045
  }
8046
- ._button_g8mwq_5::before, ._button_g8mwq_5::after {
8046
+ ._button_1pd3p_5::before, ._button_1pd3p_5::after {
8047
8047
  --gradientPos: 50% 100%;
8048
8048
  content: " ";
8049
8049
  grid-column: 1;
@@ -8052,7 +8052,7 @@
8052
8052
  height: 100%;
8053
8053
  transition: inherit;
8054
8054
  }
8055
- ._button_g8mwq_5::before {
8055
+ ._button_1pd3p_5::before {
8056
8056
  top: 0;
8057
8057
  right: 0;
8058
8058
  bottom: 0;
@@ -8067,12 +8067,12 @@
8067
8067
  background-repeat: repeat;
8068
8068
  mix-blend-mode: color-dodge;
8069
8069
  filter: brightness(2) contrast(0.75);
8070
- animation: _bubble_g8mwq_1 20s linear infinite;
8070
+ animation: _bubble_1pd3p_1 20s linear infinite;
8071
8071
  animation-play-state: paused;
8072
8072
  opacity: 0.5;
8073
8073
  box-shadow: inset 0 -8px 10px -7px hsla(var(--clr), 70%, 80%, 0.75);
8074
8074
  }
8075
- ._button_g8mwq_5::after {
8075
+ ._button_1pd3p_5::after {
8076
8076
  background-image: radial-gradient(ellipse at center 70%, hsla(var(--clr), 100%, 99%, 0.8) 5%, hsla(var(--clr), 90%, 80%, 1) 20%, transparent 50%, transparent 200%), linear-gradient(90deg, hsla(var(--clr), 80%, 10%, 1) -10%, transparent 25%, transparent 75%, hsla(var(--clr), 80%, 10%, 1) 110%);
8077
8077
  box-shadow: inset 0 0.25em 0.75em rgb(0, 0, 0), inset 0 -0.05em 0.2em rgba(255, 255, 255, 0.4), inset 0 -1px 3px hsla(var(--clr), 80%, 50%, 0.75);
8078
8078
  background-blend-mode: darken;
@@ -8083,42 +8083,42 @@
8083
8083
  filter: blur(5px);
8084
8084
  opacity: 0;
8085
8085
  }
8086
- ._button_g8mwq_5:hover, ._button_g8mwq_5._over_g8mwq_66 {
8086
+ ._button_1pd3p_5:hover, ._button_1pd3p_5._over_1pd3p_66 {
8087
8087
  --shadows: 90%;
8088
8088
  --shadowl: 80%;
8089
8089
  background-position: 100% 100%;
8090
8090
  transition: all 0.2s cubic-bezier(0.17, 0.84, 0.44, 1);
8091
8091
  box-shadow: 0 -0.2em 1.5em hsla(var(--clr), 90%, 50%, 0.3), 0 0.5em 2em hsla(var(--clr), 90%, 70%, 0.55), 0 0.25em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 1), 0 0.35em 0.75em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.5em -0.3em hsl(var(--clr), 30%, 99%, 1), 0 0.25em 0.5em hsla(var(--clr), 20%, 30%, 0.35), inset 0 -2px 5px -2px rgba(255, 255, 255, 0.5);
8092
8092
  }
8093
- ._button_g8mwq_5._over_g8mwq_66 {
8093
+ ._button_1pd3p_5._over_1pd3p_66 {
8094
8094
  transition-duration: 2s;
8095
8095
  }
8096
- ._button_g8mwq_5:hover::before, ._button_g8mwq_5._over_g8mwq_66::before {
8096
+ ._button_1pd3p_5:hover::before, ._button_1pd3p_5._over_1pd3p_66::before {
8097
8097
  --gradientPos: 50% 50%;
8098
8098
  animation-play-state: running;
8099
8099
  filter: brightness(2) contrast(1);
8100
8100
  box-shadow: inset 0 -5px 10px -4px hsla(var(--clr), 70%, 80%, 0.3);
8101
8101
  opacity: 0.8;
8102
8102
  }
8103
- ._button_g8mwq_5:hover::after, ._button_g8mwq_5._over_g8mwq_66::after {
8103
+ ._button_1pd3p_5:hover::after, ._button_1pd3p_5._over_1pd3p_66::after {
8104
8104
  opacity: 0.8;
8105
8105
  transform: translateY(0px);
8106
8106
  }
8107
- ._button_g8mwq_5:active {
8107
+ ._button_1pd3p_5:active {
8108
8108
  transform: translateY(0.075em);
8109
8109
  box-shadow: 0 -0.2em 1.5em hsla(var(--clr), 90%, 50%, 0.4), 0 0.5em 2em hsla(var(--clr), 90%, 70%, 0.65), 0 0.15em 0.3em -0.2em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.75em hsla(var(--clr), 0%, 0%, 1), 0 0.25em 0.5em -0.3em hsl(var(--clr), 30%, 99%, 1), 0 0.25em 0.5em hsla(var(--clr), 20%, 30%, 0.45), inset 0 -2px 5px -2px rgba(255, 255, 255, 0.65);
8110
8110
  transition-duration: 0.1s;
8111
8111
  }
8112
- ._button_g8mwq_5:active::before, ._button_g8mwq_5:active::after {
8112
+ ._button_1pd3p_5:active::before, ._button_1pd3p_5:active::after {
8113
8113
  opacity: 1;
8114
8114
  filter: brightness(3) contrast(0.75);
8115
8115
  animation-duration: 8s;
8116
8116
  }
8117
- ._button_g8mwq_5:active::after {
8117
+ ._button_1pd3p_5:active::after {
8118
8118
  filter: brightness(1.35) contrast(0.8) blur(5px);
8119
8119
  }
8120
8120
 
8121
- ._content_g8mwq_101 {
8121
+ ._content_1pd3p_101 {
8122
8122
  grid-column: 1;
8123
8123
  grid-row: 1;
8124
8124
  background-image: linear-gradient(hsl(calc(var(--clr) - 43), 27%, 85%) 0%, hsl(calc(var(--clr) - 60), 22%, 80%) 19%, hsl(calc(var(--clr) - 50), 20%, 75%) 30%, hsl(calc(var(--clr) - 52), 36%, 98%) 43%, hsl(var(--clr), 70%, 70%, 1) 51%, hsl(var(--clr), 50%, 85%, 1) 52%, rgb(255, 255, 255) 100%);
@@ -8134,11 +8134,11 @@
8134
8134
  transform: translateY(0);
8135
8135
  z-index: 10;
8136
8136
  }
8137
- ._button_g8mwq_5:hover ._content_g8mwq_101, ._button_g8mwq_5:active ._content_g8mwq_101, ._button_g8mwq_5._over_g8mwq_66 ._content_g8mwq_101 {
8137
+ ._button_1pd3p_5:hover ._content_1pd3p_101, ._button_1pd3p_5:active ._content_1pd3p_101, ._button_1pd3p_5._over_1pd3p_66 ._content_1pd3p_101 {
8138
8138
  background-position-y: -100%;
8139
8139
  }
8140
8140
 
8141
- @keyframes _bubble_g8mwq_1 {
8141
+ @keyframes _bubble_1pd3p_1 {
8142
8142
  0% {
8143
8143
  background-position: 0px 340px, 0px 130px, var(--gradientPos);
8144
8144
  }
@@ -8146,7 +8146,7 @@
8146
8146
  background-position: 0px 0px, 0px 0px, var(--gradientPos);
8147
8147
  }
8148
8148
  }
8149
- ._input_g8mwq_129 {
8149
+ ._input_1pd3p_129 {
8150
8150
  position: absolute;
8151
8151
  bottom: -20px;
8152
8152
  width: 300px;
@@ -16584,11 +16584,11 @@
16584
16584
  ._item_esi1j_11:hover ._description_esi1j_127 {
16585
16585
  opacity: 1;
16586
16586
  transition: 0.6s 0.3s;
16587
- }._root_1yf7h_1 {
16587
+ }._root_xwsj9_1 {
16588
16588
  --theme-bg-color: #0e0e0e;
16589
16589
  --theme-color: #fff;
16590
16590
  --theme-inactive-color: #5c5c5c;
16591
- --body-font: "Poppins", sans-serif;
16591
+ --body-font: 'Poppins', sans-serif;
16592
16592
  --border-color: #252424;
16593
16593
  --card-color: #131a1a;
16594
16594
  display: grid;
@@ -16597,12 +16597,12 @@
16597
16597
  gap: 24px;
16598
16598
  }
16599
16599
  @media (max-width: 480px) {
16600
- ._root_1yf7h_1 {
16600
+ ._root_xwsj9_1 {
16601
16601
  gap: 10px;
16602
16602
  }
16603
16603
  }
16604
16604
 
16605
- ._card_1yf7h_18 {
16605
+ ._card_xwsj9_18 {
16606
16606
  border-radius: 20px;
16607
16607
  overflow: hidden;
16608
16608
  max-width: 100%;
@@ -16615,37 +16615,37 @@
16615
16615
  min-width: 100px;
16616
16616
  }
16617
16617
  @media (max-width: 480px) {
16618
- ._card_1yf7h_18 {
16618
+ ._card_xwsj9_18 {
16619
16619
  aspect-ratio: 1/1.4;
16620
16620
  }
16621
16621
  }
16622
- ._card_1yf7h_18._card1_1yf7h_35 {
16622
+ ._card_xwsj9_18._card1_xwsj9_35 {
16623
16623
  background-image: url("https://images.unsplash.com/photo-1567653418876-5bb0e566e1c2?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1664&q=80");
16624
16624
  view-transition-name: c1;
16625
16625
  }
16626
- ._card_1yf7h_18._card2_1yf7h_39 {
16626
+ ._card_xwsj9_18._card2_xwsj9_39 {
16627
16627
  view-transition-name: c2;
16628
16628
  background-image: url("https://images.unsplash.com/photo-1575500221017-ea5e7b7d0e34?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1635&q=80");
16629
16629
  }
16630
- ._card_1yf7h_18._card3_1yf7h_43 {
16630
+ ._card_xwsj9_18._card3_xwsj9_43 {
16631
16631
  view-transition-name: c3;
16632
16632
  background-image: url("https://images.unsplash.com/photo-1506619216599-9d16d0903dfd?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1738&q=80");
16633
16633
  }
16634
- ._card_1yf7h_18._card4_1yf7h_47 {
16634
+ ._card_xwsj9_18._card4_xwsj9_47 {
16635
16635
  background-color: #e3dfec;
16636
16636
  view-transition-name: c4;
16637
16637
  background-image: url("https://images.unsplash.com/photo-1684483871267-739be928cb0e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDJ8fHxlbnwwfHx8fHw%3D&auto=format&fit=crop&w=400&q=60");
16638
16638
  }
16639
- ._card_1yf7h_18._card5_1yf7h_52 {
16639
+ ._card_xwsj9_18._card5_xwsj9_52 {
16640
16640
  background-image: url("https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1664&q=80");
16641
16641
  view-transition-name: c5;
16642
16642
  }
16643
- ._card_1yf7h_18._card6_1yf7h_56 {
16643
+ ._card_xwsj9_18._card6_xwsj9_56 {
16644
16644
  background-color: #f8d7cd;
16645
16645
  view-transition-name: c6;
16646
16646
  background-image: url("https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1887&q=80");
16647
16647
  }
16648
- ._card_1yf7h_18._active_1yf7h_61 {
16648
+ ._card_xwsj9_18._active_xwsj9_61 {
16649
16649
  grid-column: 1;
16650
16650
  grid-column-end: 3;
16651
16651
  grid-row: 1;
@@ -16654,32 +16654,32 @@
16654
16654
  aspect-ratio: 1/1;
16655
16655
  }
16656
16656
  @media (max-width: 480px) {
16657
- ._card_1yf7h_18._active_1yf7h_61 {
16657
+ ._card_xwsj9_18._active_xwsj9_61 {
16658
16658
  grid-column-end: 4;
16659
16659
  aspect-ratio: 2/1;
16660
16660
  }
16661
16661
  }
16662
- ._root_1yf7h_1._expanded_1yf7h_75 ._card_1yf7h_18:not(._active_1yf7h_61) {
16662
+ ._root_xwsj9_1._expanded_xwsj9_75 ._card_xwsj9_18:not(._active_xwsj9_61) {
16663
16663
  opacity: 0.4;
16664
16664
  pointer-events: none;
16665
16665
  aspect-ratio: 3/1;
16666
16666
  grid-column-start: 3;
16667
16667
  }
16668
16668
  @media (max-width: 480px) {
16669
- ._root_1yf7h_1._expanded_1yf7h_75 ._card_1yf7h_18:not(._active_1yf7h_61) {
16669
+ ._root_xwsj9_1._expanded_xwsj9_75 ._card_xwsj9_18:not(._active_xwsj9_61) {
16670
16670
  aspect-ratio: 1;
16671
16671
  grid-column-start: auto;
16672
16672
  }
16673
16673
  }
16674
16674
 
16675
- ._cardImg_1yf7h_88 {
16675
+ ._cardImg_xwsj9_88 {
16676
16676
  -o-object-fit: cover;
16677
16677
  object-fit: cover;
16678
16678
  background-size: cover;
16679
16679
  background-position: center;
16680
16680
  }
16681
16681
 
16682
- ._cardMain_1yf7h_94 {
16682
+ ._cardMain_xwsj9_94 {
16683
16683
  view-transition-name: card1;
16684
16684
  }._root_n1qgj_1 {
16685
16685
  box-sizing: border-box;
@@ -18286,7 +18286,7 @@
18286
18286
  stroke-dasharray: 57px;
18287
18287
  stroke-dashoffset: var(--trails-stroke);
18288
18288
  transform: rotate(68deg) translateZ(0);
18289
- }._root_h25r6_1 {
18289
+ }._root_1p1pg_1 {
18290
18290
  --c-text: #5a5a64;
18291
18291
  --c-text-light: #a1a1b6;
18292
18292
  --c-text-selection: #09abc3;
@@ -18312,15 +18312,15 @@
18312
18312
  box-shadow: inset 0 0 0 1px var(--border, var(--c-border)), 0px 1px 3px var(--shadow, var(--c-shadow));
18313
18313
  transition: box-shadow 0.25s;
18314
18314
  }
18315
- ._root_h25r6_1:hover {
18315
+ ._root_1p1pg_1:hover {
18316
18316
  --border: var(--c-border-hover);
18317
18317
  --eye-duration: 0.05s;
18318
18318
  }
18319
- ._root_h25r6_1:focus-within {
18319
+ ._root_1p1pg_1:focus-within {
18320
18320
  --border: var(--c-border-active);
18321
18321
  --shadow: var(--c-shadow-active);
18322
18322
  }
18323
- ._root_h25r6_1._show_h25r6_33 {
18323
+ ._root_1p1pg_1._show_1p1pg_33 {
18324
18324
  --default-y: -12px;
18325
18325
  --default-o: 0;
18326
18326
  --default-pe: none;
@@ -18329,11 +18329,11 @@
18329
18329
  --clear-pe: auto;
18330
18330
  --eye-background: 1;
18331
18331
  --eye-s: 0;
18332
- --eye-offset: "0px";
18332
+ --eye-offset: '0px';
18333
18333
  }
18334
18334
 
18335
- ._input_h25r6_45,
18336
- ._clear_h25r6_46 {
18335
+ ._input_1p1pg_45,
18336
+ ._clear_1p1pg_46 {
18337
18337
  display: block;
18338
18338
  font-family: inherit;
18339
18339
  font-size: 16px;
@@ -18349,39 +18349,39 @@
18349
18349
  pointer-events: var(--pe, var(--default-pe, auto));
18350
18350
  transition: filter 0.35s, transform 0.4s, opacity 0.25s;
18351
18351
  }
18352
- ._input_h25r6_45::-moz-placeholder, ._clear_h25r6_46::-moz-placeholder {
18352
+ ._input_1p1pg_45::-moz-placeholder, ._clear_1p1pg_46::-moz-placeholder {
18353
18353
  color: var(--c-text-light);
18354
18354
  -moz-transition: color 0.25s;
18355
18355
  transition: color 0.25s;
18356
18356
  }
18357
- ._input_h25r6_45::placeholder,
18358
- ._clear_h25r6_46::placeholder {
18357
+ ._input_1p1pg_45::placeholder,
18358
+ ._clear_1p1pg_46::placeholder {
18359
18359
  color: var(--c-text-light);
18360
18360
  transition: color 0.25s;
18361
18361
  }
18362
- ._input_h25r6_45::-moz-selection, ._clear_h25r6_46::-moz-selection {
18362
+ ._input_1p1pg_45::-moz-selection, ._clear_1p1pg_46::-moz-selection {
18363
18363
  color: var(--c-text-selection);
18364
18364
  background: var(--c-background-selection);
18365
18365
  }
18366
- ._input_h25r6_45::selection,
18367
- ._clear_h25r6_46::selection {
18366
+ ._input_1p1pg_45::selection,
18367
+ ._clear_1p1pg_46::selection {
18368
18368
  color: var(--c-text-selection);
18369
18369
  background: var(--c-background-selection);
18370
18370
  }
18371
- ._input_h25r6_45:focus::-moz-placeholder, ._input_h25r6_45:hover::-moz-placeholder, ._clear_h25r6_46:focus::-moz-placeholder, ._clear_h25r6_46:hover::-moz-placeholder {
18371
+ ._input_1p1pg_45:focus::-moz-placeholder, ._input_1p1pg_45:hover::-moz-placeholder, ._clear_1p1pg_46:focus::-moz-placeholder, ._clear_1p1pg_46:hover::-moz-placeholder {
18372
18372
  color: var(--c-text);
18373
18373
  }
18374
- ._input_h25r6_45:focus::placeholder, ._input_h25r6_45:hover::placeholder,
18375
- ._clear_h25r6_46:focus::placeholder,
18376
- ._clear_h25r6_46:hover::placeholder {
18374
+ ._input_1p1pg_45:focus::placeholder, ._input_1p1pg_45:hover::placeholder,
18375
+ ._clear_1p1pg_46:focus::placeholder,
18376
+ ._clear_1p1pg_46:hover::placeholder {
18377
18377
  color: var(--c-text);
18378
18378
  }
18379
- ._input_h25r6_45,
18380
- ._clear_h25r6_46 {
18379
+ ._input_1p1pg_45,
18380
+ ._clear_1p1pg_46 {
18381
18381
  width: 100%;
18382
18382
  }
18383
18383
 
18384
- ._clear_h25r6_46 {
18384
+ ._clear_1p1pg_46 {
18385
18385
  width: auto;
18386
18386
  width: initial;
18387
18387
  --y: var(--clear-y, 12px);
@@ -18393,7 +18393,7 @@
18393
18393
  right: 0;
18394
18394
  }
18395
18395
 
18396
- ._button_h25r6_90 {
18396
+ ._button_1p1pg_90 {
18397
18397
  -webkit-tap-highlight-color: transparent;
18398
18398
  cursor: pointer;
18399
18399
  padding: 11px;
@@ -18406,41 +18406,41 @@
18406
18406
  color: var(--c-text-light);
18407
18407
  transition: color 0.25s, transform 0.15s;
18408
18408
  }
18409
- ._button_h25r6_90:hover {
18409
+ ._button_1p1pg_90:hover {
18410
18410
  color: var(--c-text);
18411
18411
  }
18412
- ._button_h25r6_90:active {
18412
+ ._button_1p1pg_90:active {
18413
18413
  --s: 0.95;
18414
18414
  }
18415
18415
 
18416
- ._svg_h25r6_109 {
18416
+ ._svg_1p1pg_109 {
18417
18417
  display: block;
18418
18418
  width: 23px;
18419
18419
  height: 23px;
18420
18420
  pointer-events: none;
18421
18421
  }
18422
- ._svg_h25r6_109 ._top_h25r6_115,
18423
- ._svg_h25r6_109 ._bottom_h25r6_116,
18424
- ._svg_h25r6_109 ._lashes_h25r6_117 {
18422
+ ._svg_1p1pg_109 ._top_1p1pg_115,
18423
+ ._svg_1p1pg_109 ._bottom_1p1pg_116,
18424
+ ._svg_1p1pg_109 ._lashes_1p1pg_117 {
18425
18425
  fill: none;
18426
18426
  stroke: currentColor;
18427
18427
  stroke-width: 1.5px;
18428
18428
  stroke-linecap: round;
18429
18429
  }
18430
- ._svg_h25r6_109 ._lashes_h25r6_117 {
18430
+ ._svg_1p1pg_109 ._lashes_1p1pg_117 {
18431
18431
  stroke-dasharray: 3px;
18432
18432
  stroke-dashoffset: var(--eye-offset);
18433
18433
  transition: stroke-dashoffset 0.15s;
18434
18434
  }
18435
- ._show_h25r6_33 ._svg_h25r6_109 ._lashes_h25r6_117 {
18435
+ ._show_1p1pg_33 ._svg_1p1pg_109 ._lashes_1p1pg_117 {
18436
18436
  transition-delay: 0.15s;
18437
18437
  }
18438
- ._svg_h25r6_109 ._top_h25r6_115 {
18438
+ ._svg_1p1pg_109 ._top_1p1pg_115 {
18439
18439
  fill: var(--c-background);
18440
18440
  fill-opacity: var(--eye-background);
18441
18441
  transition: fill-opacity 0.2s;
18442
18442
  }
18443
- ._svg_h25r6_109 ._eye_h25r6_136 {
18443
+ ._svg_1p1pg_109 ._eye_1p1pg_136 {
18444
18444
  fill: currentColor;
18445
18445
  transform-origin: 10.5px 13.5px;
18446
18446
  transform: translate(var(--eye-x), var(--eye-y)) scale(var(--eye-s)) translateZ(0);
@@ -29896,9 +29896,9 @@ design based on these demos:
29896
29896
  margin: min(0em, (1.3em - var(--framer-line-height, 1.3em)) / -2);
29897
29897
  background-image: linear-gradient(100deg, rgb(239, 130, 239) 0%, rgb(181, 217, 130) 100%);
29898
29898
  background-image: linear-gradient(100deg, var(--token-9f3826c5-17f9-4323-8d5c-b246baa048b6, rgb(239, 130, 239)) 0%, var(--token-ae08cd7b-e514-494f-b381-7169722e1c76, rgb(181, 217, 130)) 100%);
29899
- }._root_177le_1 {
29899
+ }._root_ahpnx_1 {
29900
29900
  --bg-color: hsl(240, 10%, 12%);
29901
- --bg-grain: url("https://assets.codepen.io/64/svgNoise2.svg");
29901
+ --bg-grain: url('https://assets.codepen.io/64/svgNoise2.svg');
29902
29902
  --bg-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
29903
29903
  --shadow-size: max(140px, 40vw);
29904
29904
  --shadow-size-fallback: 40vw;
@@ -29919,7 +29919,7 @@ design based on these demos:
29919
29919
  width: 100%;
29920
29920
  height: 400px;
29921
29921
  }
29922
- ._root_177le_1::before {
29922
+ ._root_ahpnx_1::before {
29923
29923
  content: "";
29924
29924
  position: absolute;
29925
29925
  display: block;
@@ -29936,7 +29936,7 @@ design based on these demos:
29936
29936
  filter: blur(calc(var(--shadow-blur) * 1px));
29937
29937
  mix-blend-mode: hue;
29938
29938
  }
29939
- ._root_177le_1::after {
29939
+ ._root_ahpnx_1::after {
29940
29940
  content: "";
29941
29941
  display: block;
29942
29942
  width: 100%;
@@ -29952,14 +29952,14 @@ design based on these demos:
29952
29952
  background: var(--bg-grain);
29953
29953
  background-size: 500px;
29954
29954
  }
29955
- ._root_177le_1 * {
29955
+ ._root_ahpnx_1 * {
29956
29956
  outline: calc(var(--debug) * 1px) dashed red;
29957
29957
  }
29958
- ._root_177le_1 *::before, ._root_177le_1 *::after {
29958
+ ._root_ahpnx_1 *::before, ._root_ahpnx_1 *::after {
29959
29959
  outline: calc(var(--debug) * 1px) dashed red;
29960
29960
  }
29961
29961
 
29962
- ._container_177le_57 {
29962
+ ._container_ahpnx_57 {
29963
29963
  width: 100%;
29964
29964
  height: 100%;
29965
29965
  position: absolute;
@@ -29972,7 +29972,7 @@ design based on these demos:
29972
29972
  z-index: 2;
29973
29973
  }
29974
29974
 
29975
- ._text_177le_68 {
29975
+ ._text_ahpnx_68 {
29976
29976
  color: white;
29977
29977
  font-size: max(72px, 15vw);
29978
29978
  mix-blend-mode: lighten;
@@ -29986,10 +29986,10 @@ design based on these demos:
29986
29986
  -webkit-background-clip: text;
29987
29987
  -webkit-text-fill-color: transparent;
29988
29988
  opacity: 1;
29989
- animation: _bg_177le_1 20s linear infinite alternate;
29989
+ animation: _bg_ahpnx_1 20s linear infinite alternate;
29990
29990
  }
29991
29991
 
29992
- @keyframes _bg_177le_1 {
29992
+ @keyframes _bg_ahpnx_1 {
29993
29993
  0% {
29994
29994
  --bg-1-x: calc(50 / 2);
29995
29995
  --bg-2-y: calc(80 / 2);
@@ -30027,21 +30027,21 @@ design based on these demos:
30027
30027
  }
30028
30028
  }
30029
30029
  @supports (color: color(display-p3 1 1 1)) {
30030
- ._root_177le_1 {
30030
+ ._root_ahpnx_1 {
30031
30031
  --color-1: color(display-p3 0.36 0.17 0.82);
30032
30032
  --color-2: rgb(255, 27, 241);
30033
30033
  --color-3: rgb(0, 140, 234);
30034
30034
  }
30035
30035
 
30036
30036
  @media (color-gamut: p3) {
30037
- ._root_177le_1 {
30037
+ ._root_ahpnx_1 {
30038
30038
  --color-2: color(display-p3 0.95 0.04 0.95);
30039
30039
  --color-3: color(display-p3 0.01 0.53 0.99);
30040
30040
  }
30041
30041
  }
30042
30042
  }
30043
30043
  @media (min-width: 960px) {
30044
- ._root_177le_1 {
30044
+ ._root_ahpnx_1 {
30045
30045
  --shadow-size: max(72px, 25vw);
30046
30046
  --shadow-size-fallback: 25vw;
30047
30047
  --shadow-blur: 80;
@@ -30204,7 +30204,7 @@ body[data-theme-mode=dark] ._root_groun_9 {
30204
30204
  color: #fff;
30205
30205
  cursor: default;
30206
30206
  text-transform: uppercase;
30207
- }._root_112nk_1 {
30207
+ }._root_1fsc6_1 {
30208
30208
  font-size: 8vmin;
30209
30209
  font-family: Rubik, sans-serif;
30210
30210
  width: 75vmin;
@@ -30212,23 +30212,23 @@ body[data-theme-mode=dark] ._root_groun_9 {
30212
30212
  color: #fff;
30213
30213
  }
30214
30214
 
30215
- ._line_112nk_9 {
30215
+ ._line_1fsc6_9 {
30216
30216
  display: flex;
30217
30217
  justify-content: space-between;
30218
30218
  }
30219
30219
 
30220
- ._word_112nk_14 {
30220
+ ._word_1fsc6_14 {
30221
30221
  transition: opacity 0.2s ease-in-out;
30222
30222
  cursor: default;
30223
30223
  }
30224
- ._word_112nk_14._link_112nk_18 {
30224
+ ._word_1fsc6_14._link_1fsc6_18 {
30225
30225
  cursor: pointer;
30226
30226
  color: inherit;
30227
30227
  }
30228
- ._word_112nk_14._link_112nk_18 ._letter_112nk_22 {
30228
+ ._word_1fsc6_14._link_1fsc6_18 ._letter_1fsc6_22 {
30229
30229
  position: relative;
30230
30230
  }
30231
- ._word_112nk_14._link_112nk_18 ._letter_112nk_22::before {
30231
+ ._word_1fsc6_14._link_1fsc6_18 ._letter_1fsc6_22::before {
30232
30232
  content: "";
30233
30233
  width: 100%;
30234
30234
  height: 3px;
@@ -30237,151 +30237,151 @@ body[data-theme-mode=dark] ._root_groun_9 {
30237
30237
  bottom: 0;
30238
30238
  background-color: red;
30239
30239
  }
30240
- ._root_112nk_1:hover ._word_112nk_14 {
30240
+ ._root_1fsc6_1:hover ._word_1fsc6_14 {
30241
30241
  opacity: 0.25;
30242
30242
  }
30243
- ._root_112nk_1:hover ._word_112nk_14:hover {
30243
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover {
30244
30244
  opacity: 1;
30245
30245
  }
30246
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(1) {
30247
- --x: 14;
30248
- --y: 22;
30249
- --r: -18;
30246
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(1) {
30247
+ --x: 11;
30248
+ --y: 24;
30249
+ --r: -13;
30250
30250
  }
30251
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(1):hover {
30251
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(1):hover {
30252
30252
  z-index: 2;
30253
30253
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30254
- --x: -3;
30255
- --y: -9;
30256
- --r: -1;
30254
+ --x: -2;
30255
+ --y: -5;
30256
+ --r: 5;
30257
30257
  --s: 1.25;
30258
30258
  }
30259
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(2) {
30260
- --x: 13;
30261
- --y: 17;
30262
- --r: 15;
30259
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(2) {
30260
+ --x: -6;
30261
+ --y: -15;
30262
+ --r: -10;
30263
30263
  }
30264
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(2):hover {
30264
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(2):hover {
30265
30265
  z-index: 2;
30266
30266
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30267
- --x: -3;
30268
- --y: 7;
30269
- --r: 0;
30267
+ --x: 3;
30268
+ --y: -3;
30269
+ --r: 8;
30270
30270
  --s: 1.25;
30271
30271
  }
30272
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(3) {
30273
- --x: 4;
30274
- --y: -12;
30275
- --r: 1;
30272
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(3) {
30273
+ --x: 22;
30274
+ --y: 7;
30275
+ --r: -19;
30276
30276
  }
30277
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(3):hover {
30277
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(3):hover {
30278
30278
  z-index: 2;
30279
30279
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30280
- --x: 2;
30281
- --y: 8;
30282
- --r: -3;
30280
+ --x: -1;
30281
+ --y: 5;
30282
+ --r: -8;
30283
30283
  --s: 1.25;
30284
30284
  }
30285
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(4) {
30286
- --x: -17;
30287
- --y: -10;
30288
- --r: -8;
30285
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(4) {
30286
+ --x: 6;
30287
+ --y: 19;
30288
+ --r: -18;
30289
30289
  }
30290
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(4):hover {
30290
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(4):hover {
30291
30291
  z-index: 2;
30292
30292
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30293
- --x: -5;
30294
- --y: 9;
30295
- --r: 7;
30293
+ --x: 6;
30294
+ --y: -6;
30295
+ --r: -3;
30296
30296
  --s: 1.25;
30297
30297
  }
30298
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(5) {
30299
- --x: -4;
30300
- --y: -8;
30301
- --r: -13;
30298
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(5) {
30299
+ --x: 12;
30300
+ --y: 25;
30301
+ --r: -20;
30302
30302
  }
30303
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(5):hover {
30303
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(5):hover {
30304
30304
  z-index: 2;
30305
30305
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30306
- --x: -6;
30307
- --y: -3;
30308
- --r: 6;
30306
+ --x: 8;
30307
+ --y: 3;
30308
+ --r: -8;
30309
30309
  --s: 1.25;
30310
30310
  }
30311
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(6) {
30312
- --x: -18;
30313
- --y: -23;
30314
- --r: -3;
30311
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(6) {
30312
+ --x: -20;
30313
+ --y: 25;
30314
+ --r: 10;
30315
30315
  }
30316
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(6):hover {
30316
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(6):hover {
30317
30317
  z-index: 2;
30318
30318
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30319
- --x: 10;
30320
- --y: 8;
30321
- --r: 6;
30319
+ --x: 8;
30320
+ --y: 5;
30321
+ --r: -5;
30322
30322
  --s: 1.25;
30323
30323
  }
30324
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(7) {
30325
- --x: 5;
30326
- --y: 19;
30327
- --r: 6;
30324
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(7) {
30325
+ --x: 13;
30326
+ --y: 16;
30327
+ --r: -2;
30328
30328
  }
30329
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(7):hover {
30329
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(7):hover {
30330
30330
  z-index: 2;
30331
30331
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30332
30332
  --x: -2;
30333
30333
  --y: -9;
30334
- --r: -1;
30334
+ --r: -5;
30335
30335
  --s: 1.25;
30336
30336
  }
30337
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(8) {
30338
- --x: -23;
30339
- --y: -16;
30340
- --r: 24;
30337
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(8) {
30338
+ --x: 16;
30339
+ --y: 11;
30340
+ --r: -2;
30341
30341
  }
30342
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(8):hover {
30342
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(8):hover {
30343
30343
  z-index: 2;
30344
30344
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30345
- --x: -3;
30346
- --y: -4;
30347
- --r: 2;
30345
+ --x: -5;
30346
+ --y: 3;
30347
+ --r: 1;
30348
30348
  --s: 1.25;
30349
30349
  }
30350
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(9) {
30351
- --x: -11;
30352
- --y: 2;
30353
- --r: -13;
30350
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(9) {
30351
+ --x: -21;
30352
+ --y: -3;
30353
+ --r: 19;
30354
30354
  }
30355
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(9):hover {
30355
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(9):hover {
30356
30356
  z-index: 2;
30357
30357
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30358
- --x: -2;
30359
- --y: 10;
30360
- --r: 8;
30358
+ --x: 3;
30359
+ --y: -2;
30360
+ --r: -4;
30361
30361
  --s: 1.25;
30362
30362
  }
30363
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(10) {
30364
- --x: -14;
30365
- --y: 21;
30366
- --r: 11;
30363
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(10) {
30364
+ --x: 9;
30365
+ --y: 10;
30366
+ --r: -9;
30367
30367
  }
30368
- ._root_112nk_1:hover ._word_112nk_14:hover ._letter_112nk_22:nth-child(10):hover {
30368
+ ._root_1fsc6_1:hover ._word_1fsc6_14:hover ._letter_1fsc6_22:nth-child(10):hover {
30369
30369
  z-index: 2;
30370
30370
  text-shadow: 2px 2px 10px rgb(0, 0, 0);
30371
- --x: -3;
30372
- --y: 10;
30373
- --r: -5;
30371
+ --x: -5;
30372
+ --y: 7;
30373
+ --r: 10;
30374
30374
  --s: 1.25;
30375
30375
  }
30376
30376
 
30377
- ._letter_112nk_22 {
30377
+ ._letter_1fsc6_22 {
30378
30378
  display: inline-block;
30379
30379
  transition: transform 0.2s ease-in-out;
30380
30380
  transform: translate(calc(0 * 1%), calc(0 * 1%)) rotate(calc(0 * 1deg)) scale(1);
30381
30381
  transform: translate(calc(var(--x, 0) * 1%), calc(var(--y, 0) * 1%)) rotate(calc(var(--r, 0) * 1deg)) scale(var(--s, 1));
30382
30382
  }
30383
30383
 
30384
- @keyframes _wobble_112nk_1 {
30384
+ @keyframes _wobble_1fsc6_1 {
30385
30385
  0%, 100% {
30386
30386
  transform: translateY(0) rotate(0);
30387
30387
  }
@@ -32419,12 +32419,12 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32419
32419
  ._digit_zamsy_17:focus-visible {
32420
32420
  outline-color: hsla(0, 0%, 50%, 0.25);
32421
32421
  outline-offset: 1rem;
32422
- }._root_1r0t0_1 {
32423
- --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
32422
+ }._root_ebsh4_1 {
32423
+ --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
32424
32424
  --duration: 6.66s;
32425
32425
  }
32426
32426
 
32427
- ._main_1r0t0_6 {
32427
+ ._main_ebsh4_6 {
32428
32428
  display: grid;
32429
32429
  grid-template-rows: minmax(20px, 100px) 1fr;
32430
32430
  align-items: center;
@@ -32434,7 +32434,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32434
32434
  perspective: 1000px;
32435
32435
  }
32436
32436
 
32437
- ._cardFront_1r0t0_14 {
32437
+ ._cardFront_ebsh4_14 {
32438
32438
  display: grid;
32439
32439
  position: relative;
32440
32440
  transform: translate3d(0, 0, 0.01px);
@@ -32446,17 +32446,17 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32446
32446
  background-size: cover;
32447
32447
  box-shadow: 0 30px 40px -25px rgb(15, 5, 20), 0 20px 50px -15px rgb(15, 5, 20);
32448
32448
  overflow: hidden;
32449
- animation: _tilt_1r0t0_1 var(--duration) ease infinite;
32449
+ animation: _tilt_ebsh4_1 var(--duration) ease infinite;
32450
32450
  image-rendering: optimizequality;
32451
32451
  }
32452
- ._cardFront_1r0t0_14::after {
32452
+ ._cardFront_ebsh4_14::after {
32453
32453
  content: "";
32454
32454
  background: none, none, linear-gradient(125deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 0.1%, rgba(255, 255, 255, 0) 60%);
32455
32455
  background-size: 200% 200%;
32456
32456
  mix-blend-mode: hard-light;
32457
- animation: _bg_1r0t0_1 var(--duration) ease infinite;
32457
+ animation: _bg_ebsh4_1 var(--duration) ease infinite;
32458
32458
  }
32459
- ._cardFront_1r0t0_14::before {
32459
+ ._cardFront_ebsh4_14::before {
32460
32460
  content: "";
32461
32461
  top: 0;
32462
32462
  right: 0;
@@ -32470,15 +32470,15 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32470
32470
  background-position: 50% 50%, 50% 50%, 50% 50%;
32471
32471
  mix-blend-mode: color-dodge;
32472
32472
  filter: brightness(2) contrast(0.8);
32473
- animation: _bg_1r0t0_1 var(--duration) ease infinite;
32473
+ animation: _bg_ebsh4_1 var(--duration) ease infinite;
32474
32474
  }
32475
32475
 
32476
- ._cardLogo_1r0t0_50,
32477
- ._expiry_1r0t0_51,
32478
- ._name_1r0t0_52,
32479
- ._number_1r0t0_53,
32480
- ._chip_1r0t0_54,
32481
- ._icon_1r0t0_55 {
32476
+ ._cardLogo_ebsh4_50,
32477
+ ._expiry_ebsh4_51,
32478
+ ._name_ebsh4_52,
32479
+ ._number_ebsh4_53,
32480
+ ._chip_ebsh4_54,
32481
+ ._icon_ebsh4_55 {
32482
32482
  color: #ccc;
32483
32483
  position: absolute;
32484
32484
  margin: 0;
@@ -32494,19 +32494,19 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32494
32494
  z-index: 5;
32495
32495
  }
32496
32496
 
32497
- ._name_1r0t0_52,
32498
- ._number_1r0t0_53,
32499
- ._expiry_1r0t0_51 {
32497
+ ._name_ebsh4_52,
32498
+ ._number_ebsh4_53,
32499
+ ._expiry_ebsh4_51 {
32500
32500
  background-image: linear-gradient(to bottom, #ededed 20%, #bababa 70%), none, linear-gradient(120deg, transparent 10%, white 40%, white 60%, transparent 90%);
32501
32501
  background-size: cover, cover, 200%;
32502
32502
  background-position: 50% 50%;
32503
32503
  background-blend-mode: overlay;
32504
32504
  -webkit-text-fill-color: transparent;
32505
32505
  -webkit-background-clip: text;
32506
- animation: _bg_1r0t0_1 var(--duration) ease infinite;
32506
+ animation: _bg_ebsh4_1 var(--duration) ease infinite;
32507
32507
  }
32508
32508
 
32509
- ._number_1r0t0_53 {
32509
+ ._number_ebsh4_53 {
32510
32510
  font-family: PT Mono, monospace;
32511
32511
  text-align: center;
32512
32512
  font-size: clamp(1rem, 8vw - 0.5rem, 2.5rem);
@@ -32515,23 +32515,23 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32515
32515
  bottom: auto;
32516
32516
  }
32517
32517
 
32518
- ._expiry_1r0t0_51,
32519
- ._name_1r0t0_52 {
32518
+ ._expiry_ebsh4_51,
32519
+ ._name_ebsh4_52 {
32520
32520
  top: auto;
32521
32521
  }
32522
32522
 
32523
- ._name_1r0t0_52 {
32523
+ ._name_ebsh4_52 {
32524
32524
  right: auto;
32525
32525
  max-width: 180px;
32526
32526
  line-height: 1.2;
32527
32527
  text-align: left;
32528
32528
  }
32529
32529
 
32530
- ._expiry_1r0t0_51 {
32530
+ ._expiry_ebsh4_51 {
32531
32531
  left: auto;
32532
32532
  }
32533
32533
 
32534
- ._cardLogo_1r0t0_50 {
32534
+ ._cardLogo_ebsh4_50 {
32535
32535
  bottom: auto;
32536
32536
  left: auto;
32537
32537
  width: 15%;
@@ -32539,7 +32539,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32539
32539
  mix-blend-mode: screen;
32540
32540
  }
32541
32541
 
32542
- ._chip_1r0t0_54 {
32542
+ ._chip_ebsh4_54 {
32543
32543
  display: grid;
32544
32544
  align-items: center;
32545
32545
  justify-items: center;
@@ -32553,9 +32553,9 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32553
32553
  background-size: 200% 200%;
32554
32554
  background-position: 50% 50%;
32555
32555
  overflow: hidden;
32556
- animation: _bg_1r0t0_1 var(--duration) ease infinite;
32556
+ animation: _bg_ebsh4_1 var(--duration) ease infinite;
32557
32557
  }
32558
- ._chip_1r0t0_54 svg {
32558
+ ._chip_ebsh4_54 svg {
32559
32559
  display: block;
32560
32560
  width: 90%;
32561
32561
  fill: none;
@@ -32563,7 +32563,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32563
32563
  stroke-width: 2;
32564
32564
  }
32565
32565
 
32566
- ._contactless_1r0t0_135 {
32566
+ ._contactless_ebsh4_135 {
32567
32567
  position: absolute;
32568
32568
  left: 23%;
32569
32569
  top: 30%;
@@ -32577,7 +32577,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32577
32577
  opacity: 0.5;
32578
32578
  }
32579
32579
 
32580
- ._icon_1r0t0_55 {
32580
+ ._icon_ebsh4_55 {
32581
32581
  width: 25%;
32582
32582
  bottom: auto;
32583
32583
  right: auto;
@@ -32586,7 +32586,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32586
32586
  filter: invert(1) hue-rotate(180deg) saturate(5) contrast(2);
32587
32587
  }
32588
32588
 
32589
- @keyframes _tilt_1r0t0_1 {
32589
+ @keyframes _tilt_ebsh4_1 {
32590
32590
  0%, 100% {
32591
32591
  transform: translate3d(0, 0, 0.01px) rotateY(-20deg) rotateX(5deg);
32592
32592
  }
@@ -32594,7 +32594,7 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32594
32594
  transform: translate3d(0, 0, 0.01px) rotateY(20deg) rotateX(5deg);
32595
32595
  }
32596
32596
  }
32597
- @keyframes _bg_1r0t0_1 {
32597
+ @keyframes _bg_ebsh4_1 {
32598
32598
  0%, 100% {
32599
32599
  background-position: 50% 50%, calc(50% + 1px) calc(50% + 1px), 0% 50%;
32600
32600
  }
@@ -32602,8 +32602,8 @@ a ._i_1vh1y_6::before, ._i_1vh1y_6::after {
32602
32602
  background-position: 50% 50%, calc(50% - 1px) calc(50% - 1px), 100% 50%;
32603
32603
  }
32604
32604
  }
32605
- #_chip_1r0t0_54,
32606
- #_contactless_1r0t0_135 {
32605
+ #_chip_ebsh4_54,
32606
+ #_contactless_ebsh4_135 {
32607
32607
  display: none;
32608
32608
  }._root_lg1k5_1 {
32609
32609
  --color-primary: 226deg 100% 50%;
@@ -36052,8 +36052,8 @@ https://flickity.metafizzy.co
36052
36052
  opacity: 0.75;
36053
36053
  font-weight: 40;
36054
36054
  height: var(--line-height);
36055
- }._root_hq5w1_1 {
36056
- --glitter: url("https://assets.codepen.io/13471/silver-glitter-background.png");
36055
+ }._root_lpuvy_1 {
36056
+ --glitter: url('https://assets.codepen.io/13471/silver-glitter-background.png');
36057
36057
  --ratio-x: 0.5;
36058
36058
  --ratio-y: 0.75;
36059
36059
  --from-center: 0.5;
@@ -36063,7 +36063,7 @@ https://flickity.metafizzy.co
36063
36063
  --pointery: calc(100% * var(--ratio-y));
36064
36064
  --h: calc(360deg * var(--from-center));
36065
36065
  --s: calc(90% * var(--from-center));
36066
- background: linear-gradient(135deg, hsl(28deg, calc(90% * 0.5), 15%), hsl(198deg, calc(90% * 0.5), 15%)), url("https://assets.codepen.io/13471/silver-glitter-background.png"), url("https://assets.codepen.io/13471/silver-glitter-background.png"), radial-gradient(farthest-corner circle at calc(100% * 0.5) calc(100% * 0.75), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
36066
+ background: linear-gradient(135deg, hsl(28deg, calc(90% * 0.5), 15%), hsl(198deg, calc(90% * 0.5), 15%)), url('https://assets.codepen.io/13471/silver-glitter-background.png'), url('https://assets.codepen.io/13471/silver-glitter-background.png'), radial-gradient(farthest-corner circle at calc(100% * 0.5) calc(100% * 0.75), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
36067
36067
  background: linear-gradient(135deg, hsl(28deg, var(--s), 15%), hsl(198deg, var(--s), 15%)), var(--glitter), var(--glitter), radial-gradient(farthest-corner circle at var(--pointerx) var(--pointery), hsl(0, 30%, 100%) 20px, hsla(0, 30%, 90%, 0.38) 150px, hsl(0, 30%, 0%) 65%);
36068
36068
  background-position: calc(70% + (2.9px * 0.5)) calc(70% + (4.3px * 0.75)), calc(30% - (2.9px * 0.5)) calc(30% - (4.3px * 0.75));
36069
36069
  background-position: calc(70% + calc(2.9px * 0.5)) calc(70% + calc(4.3px * 0.75)), calc(30% - calc(2.9px * 0.5)) calc(30% - calc(4.3px * 0.75));
@@ -36085,23 +36085,23 @@ https://flickity.metafizzy.co
36085
36085
  grid-row: 1;
36086
36086
  min-height: 500px;
36087
36087
  }
36088
- ._root_hq5w1_1 * {
36088
+ ._root_lpuvy_1 * {
36089
36089
  pointer-events: none;
36090
36090
  text-anchor: middle;
36091
36091
  }
36092
36092
 
36093
- ._loading_hq5w1_34 {
36093
+ ._loading_lpuvy_34 {
36094
36094
  opacity: 0;
36095
36095
  }
36096
36096
 
36097
- ._svg_hq5w1_38 {
36097
+ ._svg_lpuvy_38 {
36098
36098
  mix-blend-mode: color-dodge;
36099
36099
  fill: #908190;
36100
36100
  opacity: calc(1.5 - var(--from-center));
36101
36101
  filter: drop-shadow(0 0 30px black) drop-shadow(0 0 10px black) brightness(1.3);
36102
36102
  }
36103
36103
 
36104
- ._img_hq5w1_45 {
36104
+ ._img_lpuvy_45 {
36105
36105
  position: absolute;
36106
36106
  width: 1px;
36107
36107
  height: 1px;