@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/index.cjs +10815 -80
- package/dist/index.d.ts +1 -1
- package/dist/index.js +10809 -74
- package/dist/styles.css +600 -600
- package/package.json +30 -27
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
|
-
}.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1311
|
-
animation-name:
|
|
1312
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1317
|
-
animation-name:
|
|
1318
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1323
|
-
animation-name:
|
|
1324
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1329
|
-
animation-name:
|
|
1330
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1335
|
-
animation-name:
|
|
1336
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1341
|
-
animation-name:
|
|
1342
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1347
|
-
animation-name:
|
|
1348
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1353
|
-
animation-name:
|
|
1354
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1359
|
-
animation-name:
|
|
1360
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1365
|
-
animation-name:
|
|
1366
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1371
|
-
animation-name:
|
|
1372
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1377
|
-
animation-name:
|
|
1378
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1383
|
-
animation-name:
|
|
1384
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1389
|
-
animation-name:
|
|
1390
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1395
|
-
animation-name:
|
|
1396
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1401
|
-
animation-name:
|
|
1402
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1407
|
-
animation-name:
|
|
1408
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1413
|
-
animation-name:
|
|
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
|
-
.
|
|
1419
|
-
animation-name:
|
|
1420
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1425
|
-
animation-name:
|
|
1426
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1430
|
+
._button_wtjlp_13:active {
|
|
1431
1431
|
transform: translateY(0.1em);
|
|
1432
1432
|
}
|
|
1433
|
-
.
|
|
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
|
-
.
|
|
1436
|
+
._button_wtjlp_13:focus ._p_wtjlp_26, ._button_wtjlp_13:hover ._p_wtjlp_26 {
|
|
1437
1437
|
animation-duration: 0.5s;
|
|
1438
1438
|
}
|
|
1439
|
-
.
|
|
1440
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1443
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1446
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1449
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1452
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1455
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1458
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1461
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1464
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1467
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1470
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1473
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1476
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1479
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1482
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1485
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1488
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1494
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
1497
|
-
animation-delay: -0.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
1510
|
-
.
|
|
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
|
|
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.
|
|
1521
|
+
transform: translate(0.076em, -1.03em) scale(1);
|
|
1522
1522
|
}
|
|
1523
1523
|
to {
|
|
1524
|
-
transform: translate(0.
|
|
1524
|
+
transform: translate(-0.035em, -2.06em) scale(0);
|
|
1525
1525
|
}
|
|
1526
1526
|
}
|
|
1527
|
-
@keyframes
|
|
1527
|
+
@keyframes _rise2_wtjlp_1 {
|
|
1528
1528
|
from {
|
|
1529
1529
|
transform: translate(0em, 0) scale(1);
|
|
1530
1530
|
}
|
|
1531
1531
|
50% {
|
|
1532
|
-
transform: translate(
|
|
1532
|
+
transform: translate(0.042em, -0.77em) scale(1);
|
|
1533
1533
|
}
|
|
1534
1534
|
to {
|
|
1535
|
-
transform: translate(0.16em, -
|
|
1535
|
+
transform: translate(0.16em, -1.54em) scale(0);
|
|
1536
1536
|
}
|
|
1537
1537
|
}
|
|
1538
|
-
@keyframes
|
|
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.
|
|
1543
|
+
transform: translate(0.028em, -0.66em) scale(1);
|
|
1544
1544
|
}
|
|
1545
1545
|
to {
|
|
1546
|
-
transform: translate(0.
|
|
1546
|
+
transform: translate(-0.195em, -1.32em) scale(0);
|
|
1547
1547
|
}
|
|
1548
1548
|
}
|
|
1549
|
-
@keyframes
|
|
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.
|
|
1554
|
+
transform: translate(0.052em, -1.11em) scale(1);
|
|
1555
1555
|
}
|
|
1556
1556
|
to {
|
|
1557
|
-
transform: translate(-0.
|
|
1557
|
+
transform: translate(-0.18em, -2.22em) scale(0);
|
|
1558
1558
|
}
|
|
1559
1559
|
}
|
|
1560
|
-
@keyframes
|
|
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.
|
|
1565
|
+
transform: translate(-0.086em, -1.3em) scale(1);
|
|
1566
1566
|
}
|
|
1567
1567
|
to {
|
|
1568
|
-
transform: translate(
|
|
1568
|
+
transform: translate(0.23em, -2.6em) scale(0);
|
|
1569
1569
|
}
|
|
1570
1570
|
}
|
|
1571
|
-
@keyframes
|
|
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.
|
|
1576
|
+
transform: translate(-0.03em, -0.77em) scale(1);
|
|
1577
1577
|
}
|
|
1578
1578
|
to {
|
|
1579
|
-
transform: translate(0.15em, -1.
|
|
1579
|
+
transform: translate(0.15em, -1.54em) scale(0);
|
|
1580
1580
|
}
|
|
1581
1581
|
}
|
|
1582
|
-
@keyframes
|
|
1582
|
+
@keyframes _rise7_wtjlp_1 {
|
|
1583
1583
|
from {
|
|
1584
1584
|
transform: translate(0em, 0) scale(1);
|
|
1585
1585
|
}
|
|
1586
1586
|
50% {
|
|
1587
|
-
transform: translate(
|
|
1587
|
+
transform: translate(0.044em, -1.11em) scale(1);
|
|
1588
1588
|
}
|
|
1589
1589
|
to {
|
|
1590
|
-
transform: translate(0.
|
|
1590
|
+
transform: translate(0.025em, -2.22em) scale(0);
|
|
1591
1591
|
}
|
|
1592
1592
|
}
|
|
1593
|
-
@keyframes
|
|
1593
|
+
@keyframes _rise8_wtjlp_1 {
|
|
1594
1594
|
from {
|
|
1595
1595
|
transform: translate(0em, 0) scale(1);
|
|
1596
1596
|
}
|
|
1597
1597
|
50% {
|
|
1598
|
-
transform: translate(
|
|
1598
|
+
transform: translate(0.068em, -0.95em) scale(1);
|
|
1599
1599
|
}
|
|
1600
1600
|
to {
|
|
1601
|
-
transform: translate(-0.
|
|
1601
|
+
transform: translate(-0.13em, -1.9em) scale(0);
|
|
1602
1602
|
}
|
|
1603
1603
|
}
|
|
1604
|
-
@keyframes
|
|
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.
|
|
1609
|
+
transform: translate(-0.058em, -0.75em) scale(1);
|
|
1610
1610
|
}
|
|
1611
1611
|
to {
|
|
1612
|
-
transform: translate(0.
|
|
1612
|
+
transform: translate(-0.205em, -1.5em) scale(0);
|
|
1613
1613
|
}
|
|
1614
1614
|
}
|
|
1615
|
-
@keyframes
|
|
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.
|
|
1620
|
+
transform: translate(-0.01em, -0.98em) scale(1);
|
|
1621
1621
|
}
|
|
1622
1622
|
to {
|
|
1623
|
-
transform: translate(0.
|
|
1623
|
+
transform: translate(0.14em, -1.96em) scale(0);
|
|
1624
1624
|
}
|
|
1625
1625
|
}
|
|
1626
|
-
@keyframes
|
|
1626
|
+
@keyframes _rise11_wtjlp_1 {
|
|
1627
1627
|
from {
|
|
1628
1628
|
transform: translate(0em, 0) scale(1);
|
|
1629
1629
|
}
|
|
1630
1630
|
50% {
|
|
1631
|
-
transform: translate(
|
|
1631
|
+
transform: translate(0.066em, -0.87em) scale(1);
|
|
1632
1632
|
}
|
|
1633
1633
|
to {
|
|
1634
|
-
transform: translate(0.
|
|
1634
|
+
transform: translate(-0.085em, -1.74em) scale(0);
|
|
1635
1635
|
}
|
|
1636
1636
|
}
|
|
1637
|
-
@keyframes
|
|
1637
|
+
@keyframes _rise12_wtjlp_1 {
|
|
1638
1638
|
from {
|
|
1639
1639
|
transform: translate(0em, 0) scale(1);
|
|
1640
1640
|
}
|
|
1641
1641
|
50% {
|
|
1642
|
-
transform: translate(
|
|
1642
|
+
transform: translate(0.04em, -1.34em) scale(1);
|
|
1643
1643
|
}
|
|
1644
1644
|
to {
|
|
1645
|
-
transform: translate(0.
|
|
1645
|
+
transform: translate(-0.195em, -2.68em) scale(0);
|
|
1646
1646
|
}
|
|
1647
1647
|
}
|
|
1648
|
-
@keyframes
|
|
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.
|
|
1653
|
+
transform: translate(-0.062em, -1.28em) scale(1);
|
|
1654
1654
|
}
|
|
1655
1655
|
to {
|
|
1656
|
-
transform: translate(0.
|
|
1656
|
+
transform: translate(0.065em, -2.56em) scale(0);
|
|
1657
1657
|
}
|
|
1658
1658
|
}
|
|
1659
|
-
@keyframes
|
|
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.
|
|
1664
|
+
transform: translate(-0.008em, -1.13em) scale(1);
|
|
1665
1665
|
}
|
|
1666
1666
|
to {
|
|
1667
|
-
transform: translate(0.
|
|
1667
|
+
transform: translate(-0.225em, -2.26em) scale(0);
|
|
1668
1668
|
}
|
|
1669
1669
|
}
|
|
1670
|
-
@keyframes
|
|
1670
|
+
@keyframes _rise15_wtjlp_1 {
|
|
1671
1671
|
from {
|
|
1672
1672
|
transform: translate(0em, 0) scale(1);
|
|
1673
1673
|
}
|
|
1674
1674
|
50% {
|
|
1675
|
-
transform: translate(
|
|
1675
|
+
transform: translate(0.006em, -1.26em) scale(1);
|
|
1676
1676
|
}
|
|
1677
1677
|
to {
|
|
1678
|
-
transform: translate(0.
|
|
1678
|
+
transform: translate(0.025em, -2.52em) scale(0);
|
|
1679
1679
|
}
|
|
1680
1680
|
}
|
|
1681
|
-
@keyframes
|
|
1681
|
+
@keyframes _rise16_wtjlp_1 {
|
|
1682
1682
|
from {
|
|
1683
1683
|
transform: translate(0em, 0) scale(1);
|
|
1684
1684
|
}
|
|
1685
1685
|
50% {
|
|
1686
|
-
transform: translate(
|
|
1686
|
+
transform: translate(0.032em, -1.19em) scale(1);
|
|
1687
1687
|
}
|
|
1688
1688
|
to {
|
|
1689
|
-
transform: translate(-0.
|
|
1689
|
+
transform: translate(-0.205em, -2.38em) scale(0);
|
|
1690
1690
|
}
|
|
1691
1691
|
}
|
|
1692
|
-
@keyframes
|
|
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.
|
|
1697
|
+
transform: translate(-0.022em, -0.52em) scale(1);
|
|
1698
1698
|
}
|
|
1699
1699
|
to {
|
|
1700
|
-
transform: translate(0.
|
|
1700
|
+
transform: translate(0.02em, -1.04em) scale(0);
|
|
1701
1701
|
}
|
|
1702
1702
|
}
|
|
1703
|
-
@keyframes
|
|
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.
|
|
1708
|
+
transform: translate(-0.05em, -0.78em) scale(1);
|
|
1709
1709
|
}
|
|
1710
1710
|
to {
|
|
1711
|
-
transform: translate(-0.
|
|
1711
|
+
transform: translate(-0.065em, -1.56em) scale(0);
|
|
1712
1712
|
}
|
|
1713
1713
|
}
|
|
1714
|
-
@keyframes
|
|
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.
|
|
1719
|
+
transform: translate(-0.002em, -1.09em) scale(1);
|
|
1720
1720
|
}
|
|
1721
1721
|
to {
|
|
1722
|
-
transform: translate(0.
|
|
1722
|
+
transform: translate(-0.12em, -2.18em) scale(0);
|
|
1723
1723
|
}
|
|
1724
1724
|
}
|
|
1725
|
-
@keyframes
|
|
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.
|
|
1730
|
+
transform: translate(0.094em, -0.71em) scale(1);
|
|
1731
1731
|
}
|
|
1732
1732
|
to {
|
|
1733
|
-
transform: translate(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
|
-
.
|
|
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
|
-
.
|
|
5134
|
+
._root_1byi3_2:hover {
|
|
5135
5135
|
--sy: 1;
|
|
5136
5136
|
--aps: running;
|
|
5137
5137
|
--op: 0;
|
|
5138
5138
|
}
|
|
5139
5139
|
|
|
5140
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
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
|
|
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
|
-
.
|
|
5176
|
+
._i_1byi3_22:nth-child(1) {
|
|
5177
5177
|
--left: 0px;
|
|
5178
|
-
--duration:
|
|
5179
|
-
--size: 0.
|
|
5178
|
+
--duration: 381ms;
|
|
5179
|
+
--size: 0.88;
|
|
5180
5180
|
--hue: 0;
|
|
5181
5181
|
}
|
|
5182
|
-
.
|
|
5182
|
+
._i_1byi3_22:nth-child(2) {
|
|
5183
5183
|
--left: 4px;
|
|
5184
|
-
--duration:
|
|
5185
|
-
--size: 0.
|
|
5184
|
+
--duration: 241ms;
|
|
5185
|
+
--size: 0.83;
|
|
5186
5186
|
--hue: 5;
|
|
5187
5187
|
}
|
|
5188
|
-
.
|
|
5188
|
+
._i_1byi3_22:nth-child(3) {
|
|
5189
5189
|
--left: 8px;
|
|
5190
|
-
--duration:
|
|
5191
|
-
--size: 0.
|
|
5190
|
+
--duration: 253ms;
|
|
5191
|
+
--size: 0.125;
|
|
5192
5192
|
--hue: 10;
|
|
5193
5193
|
}
|
|
5194
|
-
.
|
|
5194
|
+
._i_1byi3_22:nth-child(4) {
|
|
5195
5195
|
--left: 12px;
|
|
5196
|
-
--duration:
|
|
5197
|
-
--size: 0.
|
|
5196
|
+
--duration: 319ms;
|
|
5197
|
+
--size: 0.667;
|
|
5198
5198
|
--hue: 15;
|
|
5199
5199
|
}
|
|
5200
|
-
.
|
|
5200
|
+
._i_1byi3_22:nth-child(5) {
|
|
5201
5201
|
--left: 16px;
|
|
5202
|
-
--duration:
|
|
5203
|
-
--size: 0.
|
|
5202
|
+
--duration: 357ms;
|
|
5203
|
+
--size: 0.306;
|
|
5204
5204
|
--hue: 20;
|
|
5205
5205
|
}
|
|
5206
|
-
.
|
|
5206
|
+
._i_1byi3_22:nth-child(6) {
|
|
5207
5207
|
--left: 20px;
|
|
5208
|
-
--duration:
|
|
5209
|
-
--size: 0.
|
|
5208
|
+
--duration: 321ms;
|
|
5209
|
+
--size: 0.257;
|
|
5210
5210
|
--hue: 25;
|
|
5211
5211
|
}
|
|
5212
|
-
.
|
|
5212
|
+
._i_1byi3_22:nth-child(7) {
|
|
5213
5213
|
--left: 24px;
|
|
5214
|
-
--duration:
|
|
5215
|
-
--size: 0.
|
|
5214
|
+
--duration: 245ms;
|
|
5215
|
+
--size: 0.188;
|
|
5216
5216
|
--hue: 30;
|
|
5217
5217
|
}
|
|
5218
|
-
.
|
|
5218
|
+
._i_1byi3_22:nth-child(8) {
|
|
5219
5219
|
--left: 28px;
|
|
5220
|
-
--duration:
|
|
5221
|
-
--size: 0.
|
|
5220
|
+
--duration: 268ms;
|
|
5221
|
+
--size: 0.064;
|
|
5222
5222
|
--hue: 35;
|
|
5223
5223
|
}
|
|
5224
|
-
.
|
|
5224
|
+
._i_1byi3_22:nth-child(9) {
|
|
5225
5225
|
--left: 32px;
|
|
5226
|
-
--duration:
|
|
5227
|
-
--size: 0.
|
|
5226
|
+
--duration: 259ms;
|
|
5227
|
+
--size: 0.828;
|
|
5228
5228
|
--hue: 40;
|
|
5229
5229
|
}
|
|
5230
|
-
.
|
|
5230
|
+
._i_1byi3_22:nth-child(10) {
|
|
5231
5231
|
--left: 36px;
|
|
5232
|
-
--duration:
|
|
5233
|
-
--size: 0.
|
|
5232
|
+
--duration: 284ms;
|
|
5233
|
+
--size: 0.724;
|
|
5234
5234
|
--hue: 45;
|
|
5235
5235
|
}
|
|
5236
|
-
.
|
|
5236
|
+
._i_1byi3_22:nth-child(11) {
|
|
5237
5237
|
--left: 40px;
|
|
5238
|
-
--duration:
|
|
5239
|
-
--size: 0.
|
|
5238
|
+
--duration: 205ms;
|
|
5239
|
+
--size: 0.923;
|
|
5240
5240
|
--hue: 50;
|
|
5241
5241
|
}
|
|
5242
|
-
.
|
|
5242
|
+
._i_1byi3_22:nth-child(12) {
|
|
5243
5243
|
--left: 44px;
|
|
5244
|
-
--duration:
|
|
5245
|
-
--size: 0.
|
|
5244
|
+
--duration: 380ms;
|
|
5245
|
+
--size: 0.826;
|
|
5246
5246
|
--hue: 55;
|
|
5247
5247
|
}
|
|
5248
|
-
.
|
|
5248
|
+
._i_1byi3_22:nth-child(13) {
|
|
5249
5249
|
--left: 48px;
|
|
5250
|
-
--duration:
|
|
5251
|
-
--size: 0.
|
|
5250
|
+
--duration: 364ms;
|
|
5251
|
+
--size: 0.318;
|
|
5252
5252
|
--hue: 60;
|
|
5253
5253
|
}
|
|
5254
|
-
.
|
|
5254
|
+
._i_1byi3_22:nth-child(14) {
|
|
5255
5255
|
--left: 52px;
|
|
5256
|
-
--duration:
|
|
5257
|
-
--size: 0.
|
|
5256
|
+
--duration: 303ms;
|
|
5257
|
+
--size: 0.555;
|
|
5258
5258
|
--hue: 65;
|
|
5259
5259
|
}
|
|
5260
|
-
.
|
|
5260
|
+
._i_1byi3_22:nth-child(15) {
|
|
5261
5261
|
--left: 56px;
|
|
5262
|
-
--duration:
|
|
5263
|
-
--size: 0.
|
|
5262
|
+
--duration: 330ms;
|
|
5263
|
+
--size: 0.412;
|
|
5264
5264
|
--hue: 70;
|
|
5265
5265
|
}
|
|
5266
|
-
.
|
|
5266
|
+
._i_1byi3_22:nth-child(16) {
|
|
5267
5267
|
--left: 60px;
|
|
5268
|
-
--duration:
|
|
5269
|
-
--size: 0.
|
|
5268
|
+
--duration: 289ms;
|
|
5269
|
+
--size: 0.998;
|
|
5270
5270
|
--hue: 75;
|
|
5271
5271
|
}
|
|
5272
|
-
.
|
|
5272
|
+
._i_1byi3_22:nth-child(17) {
|
|
5273
5273
|
--left: 64px;
|
|
5274
|
-
--duration:
|
|
5275
|
-
--size: 0.
|
|
5274
|
+
--duration: 372ms;
|
|
5275
|
+
--size: 0.109;
|
|
5276
5276
|
--hue: 80;
|
|
5277
5277
|
}
|
|
5278
|
-
.
|
|
5278
|
+
._i_1byi3_22:nth-child(18) {
|
|
5279
5279
|
--left: 68px;
|
|
5280
|
-
--duration:
|
|
5281
|
-
--size: 0.
|
|
5280
|
+
--duration: 311ms;
|
|
5281
|
+
--size: 0.897;
|
|
5282
5282
|
--hue: 85;
|
|
5283
5283
|
}
|
|
5284
|
-
.
|
|
5284
|
+
._i_1byi3_22:nth-child(19) {
|
|
5285
5285
|
--left: 72px;
|
|
5286
|
-
--duration:
|
|
5287
|
-
--size: 0.
|
|
5286
|
+
--duration: 262ms;
|
|
5287
|
+
--size: 0.166;
|
|
5288
5288
|
--hue: 90;
|
|
5289
5289
|
}
|
|
5290
|
-
.
|
|
5290
|
+
._i_1byi3_22:nth-child(20) {
|
|
5291
5291
|
--left: 76px;
|
|
5292
|
-
--duration:
|
|
5293
|
-
--size: 0.
|
|
5292
|
+
--duration: 267ms;
|
|
5293
|
+
--size: 0.562;
|
|
5294
5294
|
--hue: 95;
|
|
5295
5295
|
}
|
|
5296
|
-
.
|
|
5296
|
+
._i_1byi3_22:nth-child(21) {
|
|
5297
5297
|
--left: 80px;
|
|
5298
|
-
--duration:
|
|
5299
|
-
--size: 0.
|
|
5298
|
+
--duration: 376ms;
|
|
5299
|
+
--size: 0.229;
|
|
5300
5300
|
--hue: 100;
|
|
5301
5301
|
}
|
|
5302
|
-
.
|
|
5302
|
+
._i_1byi3_22:nth-child(22) {
|
|
5303
5303
|
--left: 84px;
|
|
5304
|
-
--duration:
|
|
5305
|
-
--size: 0.
|
|
5304
|
+
--duration: 368ms;
|
|
5305
|
+
--size: 0.655;
|
|
5306
5306
|
--hue: 105;
|
|
5307
5307
|
}
|
|
5308
|
-
.
|
|
5308
|
+
._i_1byi3_22:nth-child(23) {
|
|
5309
5309
|
--left: 88px;
|
|
5310
|
-
--duration:
|
|
5311
|
-
--size: 0.
|
|
5310
|
+
--duration: 352ms;
|
|
5311
|
+
--size: 0.713;
|
|
5312
5312
|
--hue: 110;
|
|
5313
5313
|
}
|
|
5314
|
-
.
|
|
5314
|
+
._i_1byi3_22:nth-child(24) {
|
|
5315
5315
|
--left: 92px;
|
|
5316
|
-
--duration:
|
|
5317
|
-
--size: 0.
|
|
5316
|
+
--duration: 379ms;
|
|
5317
|
+
--size: 0.26;
|
|
5318
5318
|
--hue: 115;
|
|
5319
5319
|
}
|
|
5320
|
-
.
|
|
5320
|
+
._i_1byi3_22:nth-child(25) {
|
|
5321
5321
|
--left: 96px;
|
|
5322
|
-
--duration:
|
|
5323
|
-
--size: 0.
|
|
5322
|
+
--duration: 266ms;
|
|
5323
|
+
--size: 0.808;
|
|
5324
5324
|
--hue: 120;
|
|
5325
5325
|
}
|
|
5326
|
-
.
|
|
5326
|
+
._i_1byi3_22:nth-child(26) {
|
|
5327
5327
|
--left: 100px;
|
|
5328
|
-
--duration:
|
|
5329
|
-
--size: 0.
|
|
5328
|
+
--duration: 302ms;
|
|
5329
|
+
--size: 0.776;
|
|
5330
5330
|
--hue: 125;
|
|
5331
5331
|
}
|
|
5332
|
-
.
|
|
5332
|
+
._i_1byi3_22:nth-child(27) {
|
|
5333
5333
|
--left: 104px;
|
|
5334
|
-
--duration:
|
|
5335
|
-
--size: 0.
|
|
5334
|
+
--duration: 338ms;
|
|
5335
|
+
--size: 0.17;
|
|
5336
5336
|
--hue: 130;
|
|
5337
5337
|
}
|
|
5338
|
-
.
|
|
5338
|
+
._i_1byi3_22:nth-child(28) {
|
|
5339
5339
|
--left: 108px;
|
|
5340
|
-
--duration:
|
|
5341
|
-
--size: 0.
|
|
5340
|
+
--duration: 220ms;
|
|
5341
|
+
--size: 0.489;
|
|
5342
5342
|
--hue: 135;
|
|
5343
5343
|
}
|
|
5344
|
-
.
|
|
5344
|
+
._i_1byi3_22:nth-child(29) {
|
|
5345
5345
|
--left: 112px;
|
|
5346
|
-
--duration:
|
|
5347
|
-
--size: 0.
|
|
5346
|
+
--duration: 235ms;
|
|
5347
|
+
--size: 0.215;
|
|
5348
5348
|
--hue: 140;
|
|
5349
5349
|
}
|
|
5350
|
-
.
|
|
5350
|
+
._i_1byi3_22:nth-child(30) {
|
|
5351
5351
|
--left: 116px;
|
|
5352
|
-
--duration:
|
|
5353
|
-
--size: 0.
|
|
5352
|
+
--duration: 388ms;
|
|
5353
|
+
--size: 0.734;
|
|
5354
5354
|
--hue: 145;
|
|
5355
5355
|
}
|
|
5356
|
-
.
|
|
5356
|
+
._i_1byi3_22:nth-child(31) {
|
|
5357
5357
|
--left: 120px;
|
|
5358
|
-
--duration:
|
|
5359
|
-
--size: 0.
|
|
5358
|
+
--duration: 359ms;
|
|
5359
|
+
--size: 0.657;
|
|
5360
5360
|
--hue: 150;
|
|
5361
5361
|
}
|
|
5362
|
-
.
|
|
5362
|
+
._i_1byi3_22:nth-child(32) {
|
|
5363
5363
|
--left: 124px;
|
|
5364
|
-
--duration:
|
|
5365
|
-
--size: 0.
|
|
5364
|
+
--duration: 289ms;
|
|
5365
|
+
--size: 0.858;
|
|
5366
5366
|
--hue: 155;
|
|
5367
5367
|
}
|
|
5368
|
-
.
|
|
5368
|
+
._i_1byi3_22:nth-child(33) {
|
|
5369
5369
|
--left: 128px;
|
|
5370
|
-
--duration:
|
|
5371
|
-
--size: 0.
|
|
5370
|
+
--duration: 268ms;
|
|
5371
|
+
--size: 0.763;
|
|
5372
5372
|
--hue: 160;
|
|
5373
5373
|
}
|
|
5374
|
-
.
|
|
5374
|
+
._i_1byi3_22:nth-child(34) {
|
|
5375
5375
|
--left: 132px;
|
|
5376
|
-
--duration:
|
|
5377
|
-
--size: 0.
|
|
5376
|
+
--duration: 293ms;
|
|
5377
|
+
--size: 0.027;
|
|
5378
5378
|
--hue: 165;
|
|
5379
5379
|
}
|
|
5380
|
-
.
|
|
5380
|
+
._i_1byi3_22:nth-child(35) {
|
|
5381
5381
|
--left: 136px;
|
|
5382
|
-
--duration:
|
|
5383
|
-
--size: 0.
|
|
5382
|
+
--duration: 240ms;
|
|
5383
|
+
--size: 0.457;
|
|
5384
5384
|
--hue: 170;
|
|
5385
5385
|
}
|
|
5386
|
-
.
|
|
5386
|
+
._i_1byi3_22:nth-child(36) {
|
|
5387
5387
|
--left: 140px;
|
|
5388
|
-
--duration:
|
|
5389
|
-
--size: 0.
|
|
5388
|
+
--duration: 349ms;
|
|
5389
|
+
--size: 0.614;
|
|
5390
5390
|
--hue: 175;
|
|
5391
5391
|
}
|
|
5392
|
-
.
|
|
5392
|
+
._i_1byi3_22:nth-child(37) {
|
|
5393
5393
|
--left: 144px;
|
|
5394
|
-
--duration:
|
|
5395
|
-
--size: 0.
|
|
5394
|
+
--duration: 345ms;
|
|
5395
|
+
--size: 0.184;
|
|
5396
5396
|
--hue: 180;
|
|
5397
5397
|
}
|
|
5398
|
-
.
|
|
5398
|
+
._i_1byi3_22:nth-child(38) {
|
|
5399
5399
|
--left: 148px;
|
|
5400
|
-
--duration:
|
|
5401
|
-
--size: 0.
|
|
5400
|
+
--duration: 372ms;
|
|
5401
|
+
--size: 0.641;
|
|
5402
5402
|
--hue: 185;
|
|
5403
5403
|
}
|
|
5404
|
-
.
|
|
5404
|
+
._i_1byi3_22:nth-child(39) {
|
|
5405
5405
|
--left: 152px;
|
|
5406
|
-
--duration:
|
|
5407
|
-
--size: 0.
|
|
5406
|
+
--duration: 227ms;
|
|
5407
|
+
--size: 0.787;
|
|
5408
5408
|
--hue: 190;
|
|
5409
5409
|
}
|
|
5410
|
-
.
|
|
5410
|
+
._i_1byi3_22:nth-child(40) {
|
|
5411
5411
|
--left: 156px;
|
|
5412
|
-
--duration:
|
|
5413
|
-
--size: 0.
|
|
5412
|
+
--duration: 217ms;
|
|
5413
|
+
--size: 0.369;
|
|
5414
5414
|
--hue: 195;
|
|
5415
5415
|
}
|
|
5416
|
-
.
|
|
5416
|
+
._i_1byi3_22:nth-child(41) {
|
|
5417
5417
|
--left: 160px;
|
|
5418
|
-
--duration:
|
|
5419
|
-
--size: 0.
|
|
5418
|
+
--duration: 219ms;
|
|
5419
|
+
--size: 0.306;
|
|
5420
5420
|
--hue: 200;
|
|
5421
5421
|
}
|
|
5422
|
-
.
|
|
5422
|
+
._i_1byi3_22:nth-child(42) {
|
|
5423
5423
|
--left: 164px;
|
|
5424
|
-
--duration:
|
|
5425
|
-
--size: 0.
|
|
5424
|
+
--duration: 369ms;
|
|
5425
|
+
--size: 0.204;
|
|
5426
5426
|
--hue: 205;
|
|
5427
5427
|
}
|
|
5428
|
-
.
|
|
5428
|
+
._i_1byi3_22:nth-child(43) {
|
|
5429
5429
|
--left: 168px;
|
|
5430
|
-
--duration:
|
|
5431
|
-
--size: 0.
|
|
5430
|
+
--duration: 221ms;
|
|
5431
|
+
--size: 0.494;
|
|
5432
5432
|
--hue: 210;
|
|
5433
5433
|
}
|
|
5434
|
-
.
|
|
5434
|
+
._i_1byi3_22:nth-child(44) {
|
|
5435
5435
|
--left: 172px;
|
|
5436
|
-
--duration:
|
|
5437
|
-
--size: 0.
|
|
5436
|
+
--duration: 287ms;
|
|
5437
|
+
--size: 0.826;
|
|
5438
5438
|
--hue: 215;
|
|
5439
5439
|
}
|
|
5440
|
-
.
|
|
5440
|
+
._i_1byi3_22:nth-child(45) {
|
|
5441
5441
|
--left: 176px;
|
|
5442
|
-
--duration:
|
|
5443
|
-
--size: 0.
|
|
5442
|
+
--duration: 270ms;
|
|
5443
|
+
--size: 0.073;
|
|
5444
5444
|
--hue: 220;
|
|
5445
5445
|
}
|
|
5446
|
-
.
|
|
5446
|
+
._i_1byi3_22:nth-child(46) {
|
|
5447
5447
|
--left: 180px;
|
|
5448
|
-
--duration:
|
|
5449
|
-
--size: 0.
|
|
5448
|
+
--duration: 385ms;
|
|
5449
|
+
--size: 0.573;
|
|
5450
5450
|
--hue: 225;
|
|
5451
5451
|
}
|
|
5452
|
-
.
|
|
5452
|
+
._i_1byi3_22:nth-child(47) {
|
|
5453
5453
|
--left: 184px;
|
|
5454
|
-
--duration:
|
|
5455
|
-
--size: 0.
|
|
5454
|
+
--duration: 375ms;
|
|
5455
|
+
--size: 0.199;
|
|
5456
5456
|
--hue: 230;
|
|
5457
5457
|
}
|
|
5458
|
-
.
|
|
5458
|
+
._i_1byi3_22:nth-child(48) {
|
|
5459
5459
|
--left: 188px;
|
|
5460
|
-
--duration:
|
|
5461
|
-
--size: 0.
|
|
5460
|
+
--duration: 292ms;
|
|
5461
|
+
--size: 0.285;
|
|
5462
5462
|
--hue: 235;
|
|
5463
5463
|
}
|
|
5464
|
-
.
|
|
5464
|
+
._i_1byi3_22:nth-child(49) {
|
|
5465
5465
|
--left: 192px;
|
|
5466
|
-
--duration:
|
|
5467
|
-
--size: 0.
|
|
5466
|
+
--duration: 270ms;
|
|
5467
|
+
--size: 0.721;
|
|
5468
5468
|
--hue: 240;
|
|
5469
5469
|
}
|
|
5470
|
-
.
|
|
5470
|
+
._i_1byi3_22:nth-child(50) {
|
|
5471
5471
|
--left: 196px;
|
|
5472
|
-
--duration:
|
|
5473
|
-
--size: 0.
|
|
5472
|
+
--duration: 383ms;
|
|
5473
|
+
--size: 0.823;
|
|
5474
5474
|
--hue: 245;
|
|
5475
5475
|
}
|
|
5476
|
-
.
|
|
5476
|
+
._i_1byi3_22:nth-child(51) {
|
|
5477
5477
|
--left: 200px;
|
|
5478
|
-
--duration:
|
|
5479
|
-
--size: 0.
|
|
5478
|
+
--duration: 304ms;
|
|
5479
|
+
--size: 0.603;
|
|
5480
5480
|
--hue: 250;
|
|
5481
5481
|
}
|
|
5482
|
-
.
|
|
5482
|
+
._i_1byi3_22:nth-child(52) {
|
|
5483
5483
|
--left: 204px;
|
|
5484
|
-
--duration:
|
|
5485
|
-
--size: 0.
|
|
5484
|
+
--duration: 314ms;
|
|
5485
|
+
--size: 0.961;
|
|
5486
5486
|
--hue: 255;
|
|
5487
5487
|
}
|
|
5488
|
-
.
|
|
5488
|
+
._i_1byi3_22:nth-child(53) {
|
|
5489
5489
|
--left: 208px;
|
|
5490
|
-
--duration:
|
|
5491
|
-
--size: 0.
|
|
5490
|
+
--duration: 213ms;
|
|
5491
|
+
--size: 0.264;
|
|
5492
5492
|
--hue: 260;
|
|
5493
5493
|
}
|
|
5494
|
-
.
|
|
5494
|
+
._i_1byi3_22:nth-child(54) {
|
|
5495
5495
|
--left: 212px;
|
|
5496
|
-
--duration:
|
|
5497
|
-
--size: 0.
|
|
5496
|
+
--duration: 257ms;
|
|
5497
|
+
--size: 0.259;
|
|
5498
5498
|
--hue: 265;
|
|
5499
5499
|
}
|
|
5500
|
-
.
|
|
5500
|
+
._i_1byi3_22:nth-child(55) {
|
|
5501
5501
|
--left: 216px;
|
|
5502
|
-
--duration:
|
|
5503
|
-
--size: 0.
|
|
5502
|
+
--duration: 303ms;
|
|
5503
|
+
--size: 0.767;
|
|
5504
5504
|
--hue: 270;
|
|
5505
5505
|
}
|
|
5506
|
-
.
|
|
5506
|
+
._i_1byi3_22:nth-child(56) {
|
|
5507
5507
|
--left: 220px;
|
|
5508
|
-
--duration:
|
|
5509
|
-
--size: 0.
|
|
5508
|
+
--duration: 362ms;
|
|
5509
|
+
--size: 0.484;
|
|
5510
5510
|
--hue: 275;
|
|
5511
5511
|
}
|
|
5512
|
-
.
|
|
5512
|
+
._i_1byi3_22:nth-child(57) {
|
|
5513
5513
|
--left: 224px;
|
|
5514
|
-
--duration:
|
|
5515
|
-
--size: 0.
|
|
5514
|
+
--duration: 246ms;
|
|
5515
|
+
--size: 0.638;
|
|
5516
5516
|
--hue: 280;
|
|
5517
5517
|
}
|
|
5518
|
-
.
|
|
5518
|
+
._i_1byi3_22:nth-child(58) {
|
|
5519
5519
|
--left: 228px;
|
|
5520
|
-
--duration:
|
|
5521
|
-
--size: 0.
|
|
5520
|
+
--duration: 365ms;
|
|
5521
|
+
--size: 0.359;
|
|
5522
5522
|
--hue: 285;
|
|
5523
5523
|
}
|
|
5524
|
-
.
|
|
5524
|
+
._i_1byi3_22:nth-child(59) {
|
|
5525
5525
|
--left: 232px;
|
|
5526
|
-
--duration:
|
|
5527
|
-
--size: 0.
|
|
5526
|
+
--duration: 275ms;
|
|
5527
|
+
--size: 0.338;
|
|
5528
5528
|
--hue: 290;
|
|
5529
5529
|
}
|
|
5530
|
-
.
|
|
5530
|
+
._i_1byi3_22:nth-child(60) {
|
|
5531
5531
|
--left: 236px;
|
|
5532
|
-
--duration:
|
|
5533
|
-
--size: 0.
|
|
5532
|
+
--duration: 338ms;
|
|
5533
|
+
--size: 0.677;
|
|
5534
5534
|
--hue: 295;
|
|
5535
5535
|
}
|
|
5536
|
-
.
|
|
5536
|
+
._i_1byi3_22:nth-child(61) {
|
|
5537
5537
|
--left: 240px;
|
|
5538
|
-
--duration:
|
|
5539
|
-
--size: 0.
|
|
5538
|
+
--duration: 211ms;
|
|
5539
|
+
--size: 0.762;
|
|
5540
5540
|
--hue: 300;
|
|
5541
5541
|
}
|
|
5542
|
-
.
|
|
5542
|
+
._i_1byi3_22:nth-child(62) {
|
|
5543
5543
|
--left: 244px;
|
|
5544
|
-
--duration:
|
|
5545
|
-
--size: 0.
|
|
5544
|
+
--duration: 292ms;
|
|
5545
|
+
--size: 0.325;
|
|
5546
5546
|
--hue: 305;
|
|
5547
5547
|
}
|
|
5548
|
-
.
|
|
5548
|
+
._i_1byi3_22:nth-child(63) {
|
|
5549
5549
|
--left: 248px;
|
|
5550
|
-
--duration:
|
|
5551
|
-
--size: 0.
|
|
5550
|
+
--duration: 282ms;
|
|
5551
|
+
--size: 0.585;
|
|
5552
5552
|
--hue: 310;
|
|
5553
5553
|
}
|
|
5554
|
-
.
|
|
5554
|
+
._i_1byi3_22:nth-child(64) {
|
|
5555
5555
|
--left: 252px;
|
|
5556
|
-
--duration:
|
|
5557
|
-
--size: 0.
|
|
5556
|
+
--duration: 310ms;
|
|
5557
|
+
--size: 0.166;
|
|
5558
5558
|
--hue: 315;
|
|
5559
5559
|
}
|
|
5560
|
-
.
|
|
5560
|
+
._i_1byi3_22:nth-child(65) {
|
|
5561
5561
|
--left: 256px;
|
|
5562
|
-
--duration:
|
|
5563
|
-
--size: 0.
|
|
5562
|
+
--duration: 205ms;
|
|
5563
|
+
--size: 0.079;
|
|
5564
5564
|
--hue: 320;
|
|
5565
5565
|
}
|
|
5566
|
-
.
|
|
5566
|
+
._i_1byi3_22:nth-child(66) {
|
|
5567
5567
|
--left: 260px;
|
|
5568
|
-
--duration:
|
|
5569
|
-
--size: 0.
|
|
5568
|
+
--duration: 364ms;
|
|
5569
|
+
--size: 0.796;
|
|
5570
5570
|
--hue: 325;
|
|
5571
5571
|
}
|
|
5572
|
-
.
|
|
5572
|
+
._i_1byi3_22:nth-child(67) {
|
|
5573
5573
|
--left: 264px;
|
|
5574
|
-
--duration:
|
|
5575
|
-
--size: 0.
|
|
5574
|
+
--duration: 279ms;
|
|
5575
|
+
--size: 0.649;
|
|
5576
5576
|
--hue: 330;
|
|
5577
5577
|
}
|
|
5578
|
-
.
|
|
5578
|
+
._i_1byi3_22:nth-child(68) {
|
|
5579
5579
|
--left: 268px;
|
|
5580
|
-
--duration:
|
|
5581
|
-
--size: 0.
|
|
5580
|
+
--duration: 251ms;
|
|
5581
|
+
--size: 0.48;
|
|
5582
5582
|
--hue: 335;
|
|
5583
5583
|
}
|
|
5584
|
-
.
|
|
5584
|
+
._i_1byi3_22:nth-child(69) {
|
|
5585
5585
|
--left: 272px;
|
|
5586
|
-
--duration:
|
|
5587
|
-
--size: 0.
|
|
5586
|
+
--duration: 382ms;
|
|
5587
|
+
--size: 0.974;
|
|
5588
5588
|
--hue: 340;
|
|
5589
5589
|
}
|
|
5590
|
-
.
|
|
5590
|
+
._i_1byi3_22:nth-child(70) {
|
|
5591
5591
|
--left: 276px;
|
|
5592
|
-
--duration:
|
|
5593
|
-
--size: 0.
|
|
5592
|
+
--duration: 206ms;
|
|
5593
|
+
--size: 0.373;
|
|
5594
5594
|
--hue: 345;
|
|
5595
5595
|
}
|
|
5596
|
-
.
|
|
5596
|
+
._i_1byi3_22:nth-child(71) {
|
|
5597
5597
|
--left: 280px;
|
|
5598
|
-
--duration:
|
|
5599
|
-
--size: 0.
|
|
5598
|
+
--duration: 212ms;
|
|
5599
|
+
--size: 0.215;
|
|
5600
5600
|
--hue: 350;
|
|
5601
5601
|
}
|
|
5602
|
-
.
|
|
5602
|
+
._i_1byi3_22:nth-child(72) {
|
|
5603
5603
|
--left: 284px;
|
|
5604
|
-
--duration:
|
|
5605
|
-
--size: 0.
|
|
5604
|
+
--duration: 285ms;
|
|
5605
|
+
--size: 0.475;
|
|
5606
5606
|
--hue: 355;
|
|
5607
5607
|
}
|
|
5608
5608
|
|
|
5609
|
-
.
|
|
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
|
-
}.
|
|
8013
|
+
}._root_1pd3p_1 {
|
|
8014
8014
|
position: relative;
|
|
8015
8015
|
}
|
|
8016
8016
|
|
|
8017
|
-
.
|
|
8018
|
-
--glitter: url(
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
8093
|
+
._button_1pd3p_5._over_1pd3p_66 {
|
|
8094
8094
|
transition-duration: 2s;
|
|
8095
8095
|
}
|
|
8096
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
8117
|
+
._button_1pd3p_5:active::after {
|
|
8118
8118
|
filter: brightness(1.35) contrast(0.8) blur(5px);
|
|
8119
8119
|
}
|
|
8120
8120
|
|
|
8121
|
-
.
|
|
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
|
-
.
|
|
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
|
|
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
|
-
.
|
|
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
|
-
}.
|
|
16587
|
+
}._root_xwsj9_1 {
|
|
16588
16588
|
--theme-bg-color: #0e0e0e;
|
|
16589
16589
|
--theme-color: #fff;
|
|
16590
16590
|
--theme-inactive-color: #5c5c5c;
|
|
16591
|
-
--body-font:
|
|
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
|
-
.
|
|
16600
|
+
._root_xwsj9_1 {
|
|
16601
16601
|
gap: 10px;
|
|
16602
16602
|
}
|
|
16603
16603
|
}
|
|
16604
16604
|
|
|
16605
|
-
.
|
|
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
|
-
.
|
|
16618
|
+
._card_xwsj9_18 {
|
|
16619
16619
|
aspect-ratio: 1/1.4;
|
|
16620
16620
|
}
|
|
16621
16621
|
}
|
|
16622
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
16657
|
+
._card_xwsj9_18._active_xwsj9_61 {
|
|
16658
16658
|
grid-column-end: 4;
|
|
16659
16659
|
aspect-ratio: 2/1;
|
|
16660
16660
|
}
|
|
16661
16661
|
}
|
|
16662
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
}.
|
|
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
|
-
.
|
|
18315
|
+
._root_1p1pg_1:hover {
|
|
18316
18316
|
--border: var(--c-border-hover);
|
|
18317
18317
|
--eye-duration: 0.05s;
|
|
18318
18318
|
}
|
|
18319
|
-
.
|
|
18319
|
+
._root_1p1pg_1:focus-within {
|
|
18320
18320
|
--border: var(--c-border-active);
|
|
18321
18321
|
--shadow: var(--c-shadow-active);
|
|
18322
18322
|
}
|
|
18323
|
-
.
|
|
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:
|
|
18332
|
+
--eye-offset: '0px';
|
|
18333
18333
|
}
|
|
18334
18334
|
|
|
18335
|
-
.
|
|
18336
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18358
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18367
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18375
|
-
.
|
|
18376
|
-
.
|
|
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
|
-
.
|
|
18380
|
-
.
|
|
18379
|
+
._input_1p1pg_45,
|
|
18380
|
+
._clear_1p1pg_46 {
|
|
18381
18381
|
width: 100%;
|
|
18382
18382
|
}
|
|
18383
18383
|
|
|
18384
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18409
|
+
._button_1p1pg_90:hover {
|
|
18410
18410
|
color: var(--c-text);
|
|
18411
18411
|
}
|
|
18412
|
-
.
|
|
18412
|
+
._button_1p1pg_90:active {
|
|
18413
18413
|
--s: 0.95;
|
|
18414
18414
|
}
|
|
18415
18415
|
|
|
18416
|
-
.
|
|
18416
|
+
._svg_1p1pg_109 {
|
|
18417
18417
|
display: block;
|
|
18418
18418
|
width: 23px;
|
|
18419
18419
|
height: 23px;
|
|
18420
18420
|
pointer-events: none;
|
|
18421
18421
|
}
|
|
18422
|
-
.
|
|
18423
|
-
.
|
|
18424
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
18435
|
+
._show_1p1pg_33 ._svg_1p1pg_109 ._lashes_1p1pg_117 {
|
|
18436
18436
|
transition-delay: 0.15s;
|
|
18437
18437
|
}
|
|
18438
|
-
.
|
|
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
|
-
.
|
|
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
|
-
}.
|
|
29899
|
+
}._root_ahpnx_1 {
|
|
29900
29900
|
--bg-color: hsl(240, 10%, 12%);
|
|
29901
|
-
--bg-grain: url(
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
29955
|
+
._root_ahpnx_1 * {
|
|
29956
29956
|
outline: calc(var(--debug) * 1px) dashed red;
|
|
29957
29957
|
}
|
|
29958
|
-
.
|
|
29958
|
+
._root_ahpnx_1 *::before, ._root_ahpnx_1 *::after {
|
|
29959
29959
|
outline: calc(var(--debug) * 1px) dashed red;
|
|
29960
29960
|
}
|
|
29961
29961
|
|
|
29962
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
29989
|
+
animation: _bg_ahpnx_1 20s linear infinite alternate;
|
|
29990
29990
|
}
|
|
29991
29991
|
|
|
29992
|
-
@keyframes
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
-
}.
|
|
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
|
-
.
|
|
30215
|
+
._line_1fsc6_9 {
|
|
30216
30216
|
display: flex;
|
|
30217
30217
|
justify-content: space-between;
|
|
30218
30218
|
}
|
|
30219
30219
|
|
|
30220
|
-
.
|
|
30220
|
+
._word_1fsc6_14 {
|
|
30221
30221
|
transition: opacity 0.2s ease-in-out;
|
|
30222
30222
|
cursor: default;
|
|
30223
30223
|
}
|
|
30224
|
-
.
|
|
30224
|
+
._word_1fsc6_14._link_1fsc6_18 {
|
|
30225
30225
|
cursor: pointer;
|
|
30226
30226
|
color: inherit;
|
|
30227
30227
|
}
|
|
30228
|
-
.
|
|
30228
|
+
._word_1fsc6_14._link_1fsc6_18 ._letter_1fsc6_22 {
|
|
30229
30229
|
position: relative;
|
|
30230
30230
|
}
|
|
30231
|
-
.
|
|
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
|
-
.
|
|
30240
|
+
._root_1fsc6_1:hover ._word_1fsc6_14 {
|
|
30241
30241
|
opacity: 0.25;
|
|
30242
30242
|
}
|
|
30243
|
-
.
|
|
30243
|
+
._root_1fsc6_1:hover ._word_1fsc6_14:hover {
|
|
30244
30244
|
opacity: 1;
|
|
30245
30245
|
}
|
|
30246
|
-
.
|
|
30247
|
-
--x:
|
|
30248
|
-
--y:
|
|
30249
|
-
--r: -
|
|
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
|
-
.
|
|
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: -
|
|
30255
|
-
--y: -
|
|
30256
|
-
--r:
|
|
30254
|
+
--x: -2;
|
|
30255
|
+
--y: -5;
|
|
30256
|
+
--r: 5;
|
|
30257
30257
|
--s: 1.25;
|
|
30258
30258
|
}
|
|
30259
|
-
.
|
|
30260
|
-
--x:
|
|
30261
|
-
--y:
|
|
30262
|
-
--r:
|
|
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
|
-
.
|
|
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:
|
|
30268
|
-
--y:
|
|
30269
|
-
--r:
|
|
30267
|
+
--x: 3;
|
|
30268
|
+
--y: -3;
|
|
30269
|
+
--r: 8;
|
|
30270
30270
|
--s: 1.25;
|
|
30271
30271
|
}
|
|
30272
|
-
.
|
|
30273
|
-
--x:
|
|
30274
|
-
--y:
|
|
30275
|
-
--r:
|
|
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
|
-
.
|
|
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:
|
|
30281
|
-
--y:
|
|
30282
|
-
--r: -
|
|
30280
|
+
--x: -1;
|
|
30281
|
+
--y: 5;
|
|
30282
|
+
--r: -8;
|
|
30283
30283
|
--s: 1.25;
|
|
30284
30284
|
}
|
|
30285
|
-
.
|
|
30286
|
-
--x:
|
|
30287
|
-
--y:
|
|
30288
|
-
--r: -
|
|
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
|
-
.
|
|
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:
|
|
30294
|
-
--y:
|
|
30295
|
-
--r:
|
|
30293
|
+
--x: 6;
|
|
30294
|
+
--y: -6;
|
|
30295
|
+
--r: -3;
|
|
30296
30296
|
--s: 1.25;
|
|
30297
30297
|
}
|
|
30298
|
-
.
|
|
30299
|
-
--x:
|
|
30300
|
-
--y:
|
|
30301
|
-
--r: -
|
|
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
|
-
.
|
|
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:
|
|
30307
|
-
--y:
|
|
30308
|
-
--r:
|
|
30306
|
+
--x: 8;
|
|
30307
|
+
--y: 3;
|
|
30308
|
+
--r: -8;
|
|
30309
30309
|
--s: 1.25;
|
|
30310
30310
|
}
|
|
30311
|
-
.
|
|
30312
|
-
--x: -
|
|
30313
|
-
--y:
|
|
30314
|
-
--r:
|
|
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
|
-
.
|
|
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:
|
|
30320
|
-
--y:
|
|
30321
|
-
--r:
|
|
30319
|
+
--x: 8;
|
|
30320
|
+
--y: 5;
|
|
30321
|
+
--r: -5;
|
|
30322
30322
|
--s: 1.25;
|
|
30323
30323
|
}
|
|
30324
|
-
.
|
|
30325
|
-
--x:
|
|
30326
|
-
--y:
|
|
30327
|
-
--r:
|
|
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
|
-
.
|
|
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: -
|
|
30334
|
+
--r: -5;
|
|
30335
30335
|
--s: 1.25;
|
|
30336
30336
|
}
|
|
30337
|
-
.
|
|
30338
|
-
--x:
|
|
30339
|
-
--y:
|
|
30340
|
-
--r:
|
|
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
|
-
.
|
|
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: -
|
|
30346
|
-
--y:
|
|
30347
|
-
--r:
|
|
30345
|
+
--x: -5;
|
|
30346
|
+
--y: 3;
|
|
30347
|
+
--r: 1;
|
|
30348
30348
|
--s: 1.25;
|
|
30349
30349
|
}
|
|
30350
|
-
.
|
|
30351
|
-
--x: -
|
|
30352
|
-
--y:
|
|
30353
|
-
--r:
|
|
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
|
-
.
|
|
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:
|
|
30359
|
-
--y:
|
|
30360
|
-
--r:
|
|
30358
|
+
--x: 3;
|
|
30359
|
+
--y: -2;
|
|
30360
|
+
--r: -4;
|
|
30361
30361
|
--s: 1.25;
|
|
30362
30362
|
}
|
|
30363
|
-
.
|
|
30364
|
-
--x:
|
|
30365
|
-
--y:
|
|
30366
|
-
--r:
|
|
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
|
-
.
|
|
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: -
|
|
30372
|
-
--y:
|
|
30373
|
-
--r:
|
|
30371
|
+
--x: -5;
|
|
30372
|
+
--y: 7;
|
|
30373
|
+
--r: 10;
|
|
30374
30374
|
--s: 1.25;
|
|
30375
30375
|
}
|
|
30376
30376
|
|
|
30377
|
-
.
|
|
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
|
|
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
|
-
}.
|
|
32423
|
-
--glitter: url(
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
32449
|
+
animation: _tilt_ebsh4_1 var(--duration) ease infinite;
|
|
32450
32450
|
image-rendering: optimizequality;
|
|
32451
32451
|
}
|
|
32452
|
-
.
|
|
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:
|
|
32457
|
+
animation: _bg_ebsh4_1 var(--duration) ease infinite;
|
|
32458
32458
|
}
|
|
32459
|
-
.
|
|
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:
|
|
32473
|
+
animation: _bg_ebsh4_1 var(--duration) ease infinite;
|
|
32474
32474
|
}
|
|
32475
32475
|
|
|
32476
|
-
.
|
|
32477
|
-
.
|
|
32478
|
-
.
|
|
32479
|
-
.
|
|
32480
|
-
.
|
|
32481
|
-
.
|
|
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
|
-
.
|
|
32498
|
-
.
|
|
32499
|
-
.
|
|
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:
|
|
32506
|
+
animation: _bg_ebsh4_1 var(--duration) ease infinite;
|
|
32507
32507
|
}
|
|
32508
32508
|
|
|
32509
|
-
.
|
|
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
|
-
.
|
|
32519
|
-
.
|
|
32518
|
+
._expiry_ebsh4_51,
|
|
32519
|
+
._name_ebsh4_52 {
|
|
32520
32520
|
top: auto;
|
|
32521
32521
|
}
|
|
32522
32522
|
|
|
32523
|
-
.
|
|
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
|
-
.
|
|
32530
|
+
._expiry_ebsh4_51 {
|
|
32531
32531
|
left: auto;
|
|
32532
32532
|
}
|
|
32533
32533
|
|
|
32534
|
-
.
|
|
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
|
-
.
|
|
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:
|
|
32556
|
+
animation: _bg_ebsh4_1 var(--duration) ease infinite;
|
|
32557
32557
|
}
|
|
32558
|
-
.
|
|
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
|
-
.
|
|
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
|
-
.
|
|
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
|
|
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
|
|
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
|
-
#
|
|
32606
|
-
#
|
|
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
|
-
}.
|
|
36056
|
-
--glitter: url(
|
|
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(
|
|
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
|
-
.
|
|
36088
|
+
._root_lpuvy_1 * {
|
|
36089
36089
|
pointer-events: none;
|
|
36090
36090
|
text-anchor: middle;
|
|
36091
36091
|
}
|
|
36092
36092
|
|
|
36093
|
-
.
|
|
36093
|
+
._loading_lpuvy_34 {
|
|
36094
36094
|
opacity: 0;
|
|
36095
36095
|
}
|
|
36096
36096
|
|
|
36097
|
-
.
|
|
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
|
-
.
|
|
36104
|
+
._img_lpuvy_45 {
|
|
36105
36105
|
position: absolute;
|
|
36106
36106
|
width: 1px;
|
|
36107
36107
|
height: 1px;
|