@forgerock/login-widget 1.1.0-beta.2 → 1.2.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/widget.css CHANGED
@@ -396,12 +396,12 @@ position: absolute;
396
396
  .tw_relative {
397
397
  position: relative;
398
398
  }
399
- .tw_top-0 {
400
- top: 0px;
401
- }
402
399
  .tw_left-0 {
403
400
  left: 0px;
404
401
  }
402
+ .tw_top-0 {
403
+ top: 0px;
404
+ }
405
405
  .tw_col-start-2 {
406
406
  grid-column-start: 2;
407
407
  }
@@ -416,20 +416,23 @@ margin-bottom: 1rem;
416
416
  margin-top: 1.5rem;
417
417
  margin-bottom: 1.5rem;
418
418
  }
419
- .tw_mb-6 {
420
- margin-bottom: 1.5rem;
421
- }
422
419
  .tw_-mt-5 {
423
420
  margin-top: -1.25rem;
424
421
  }
425
422
  .tw_mb-2 {
426
423
  margin-bottom: 0.5rem;
427
424
  }
425
+ .tw_mb-4 {
426
+ margin-bottom: 1rem;
427
+ }
428
+ .tw_mb-6 {
429
+ margin-bottom: 1.5rem;
430
+ }
428
431
  .tw_mb-8 {
429
432
  margin-bottom: 2rem;
430
433
  }
431
- .tw_mb-4 {
432
- margin-bottom: 1rem;
434
+ .tw_ml-1 {
435
+ margin-left: 0.25rem;
433
436
  }
434
437
  .tw_ml-10 {
435
438
  margin-left: 2.5rem;
@@ -437,9 +440,6 @@ margin-left: 2.5rem;
437
440
  .tw_mr-2 {
438
441
  margin-right: 0.5rem;
439
442
  }
440
- .tw_ml-1 {
441
- margin-left: 0.25rem;
442
- }
443
443
  .tw_mt-6 {
444
444
  margin-top: 1.5rem;
445
445
  }
@@ -458,12 +458,12 @@ display: grid;
458
458
  .tw_hidden {
459
459
  display: none;
460
460
  }
461
+ .tw_h-24 {
462
+ height: 6rem;
463
+ }
461
464
  .tw_h-28 {
462
465
  height: 7rem;
463
466
  }
464
- .tw_h-full {
465
- height: 100%;
466
- }
467
467
  .tw_h-32 {
468
468
  height: 8rem;
469
469
  }
@@ -473,29 +473,29 @@ height: 1rem;
473
473
  .tw_h-8 {
474
474
  height: 2rem;
475
475
  }
476
- .tw_h-24 {
477
- height: 6rem;
476
+ .tw_h-full {
477
+ height: 100%;
478
478
  }
479
479
  .tw_min-h-full {
480
480
  min-height: 100%;
481
481
  }
482
- .tw_w-full {
483
- width: 100%;
482
+ .tw_w-24 {
483
+ width: 6rem;
484
484
  }
485
485
  .tw_w-28 {
486
486
  width: 7rem;
487
487
  }
488
- .tw_w-auto {
489
- width: auto;
490
- }
491
488
  .tw_w-4 {
492
489
  width: 1rem;
493
490
  }
494
491
  .tw_w-8 {
495
492
  width: 2rem;
496
493
  }
497
- .tw_w-24 {
498
- width: 6rem;
494
+ .tw_w-auto {
495
+ width: auto;
496
+ }
497
+ .tw_w-full {
498
+ width: 100%;
499
499
  }
500
500
  .tw_flex-1 {
501
501
  flex: 1 1 0%;
@@ -524,26 +524,26 @@ list-style-type: disc;
524
524
  -moz-columns: 2;
525
525
  columns: 2;
526
526
  }
527
- .tw_grid-cols-\[2\.5em_1fr\] {
528
- grid-template-columns: 2.5em 1fr;
527
+ .tw_grid-cols-1 {
528
+ grid-template-columns: repeat(1, minmax(0, 1fr));
529
529
  }
530
- .tw_grid-cols-\[1\.5em_1fr\] {
531
- grid-template-columns: 1.5em 1fr;
530
+ .tw_grid-cols-2 {
531
+ grid-template-columns: repeat(2, minmax(0, 1fr));
532
532
  }
533
- .tw_grid-cols-\[2em_1fr\] {
534
- grid-template-columns: 2em 1fr;
533
+ .tw_grid-cols-3 {
534
+ grid-template-columns: repeat(3, minmax(0, 1fr));
535
535
  }
536
536
  .tw_grid-cols-4 {
537
537
  grid-template-columns: repeat(4, minmax(0, 1fr));
538
538
  }
539
- .tw_grid-cols-3 {
540
- grid-template-columns: repeat(3, minmax(0, 1fr));
539
+ .tw_grid-cols-\[1\.5em_1fr\] {
540
+ grid-template-columns: 1.5em 1fr;
541
541
  }
542
- .tw_grid-cols-2 {
543
- grid-template-columns: repeat(2, minmax(0, 1fr));
542
+ .tw_grid-cols-\[2\.5em_1fr\] {
543
+ grid-template-columns: 2.5em 1fr;
544
544
  }
545
- .tw_grid-cols-1 {
546
- grid-template-columns: repeat(1, minmax(0, 1fr));
545
+ .tw_grid-cols-\[2em_1fr\] {
546
+ grid-template-columns: 2em 1fr;
547
547
  }
548
548
  .tw_flex-wrap {
549
549
  flex-wrap: wrap;
@@ -557,31 +557,31 @@ justify-items: stretch;
557
557
  .tw_gap-4 {
558
558
  gap: 1rem;
559
559
  }
560
- .tw_rounded-md {
561
- border-radius: 0.375rem;
562
- }
563
560
  .tw_rounded-full {
564
561
  border-radius: 9999px;
565
562
  }
563
+ .tw_rounded-md {
564
+ border-radius: 0.375rem;
565
+ }
566
566
  .\!tw_rounded-r-none {
567
567
  border-top-right-radius: 0px !important;
568
568
  border-bottom-right-radius: 0px !important;
569
569
  }
570
- .tw_border-0 {
571
- border-width: 0px;
572
- }
573
570
  .tw_border {
574
571
  border-width: 1px;
575
572
  }
573
+ .tw_border-0 {
574
+ border-width: 0px;
575
+ }
576
576
  .tw_border-4 {
577
577
  border-width: 4px;
578
578
  }
579
- .tw_border-b {
580
- border-bottom-width: 1px;
581
- }
582
579
  .\!tw_border-r-0 {
583
580
  border-right-width: 0px !important;
584
581
  }
582
+ .tw_border-b {
583
+ border-bottom-width: 1px;
584
+ }
585
585
  .tw_border-secondary-light {
586
586
  --tw-border-opacity: 1;
587
587
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
@@ -607,12 +607,12 @@ padding: 1.5rem;
607
607
  padding-top: 1rem;
608
608
  padding-bottom: 1rem;
609
609
  }
610
- .tw_pt-10 {
611
- padding-top: 2.5rem;
612
- }
613
610
  .tw_pb-6 {
614
611
  padding-bottom: 1.5rem;
615
612
  }
613
+ .tw_pt-10 {
614
+ padding-top: 2.5rem;
615
+ }
616
616
  .tw_text-center {
617
617
  text-align: center;
618
618
  }
@@ -622,54 +622,54 @@ text-align: right;
622
622
  .tw_font-mono {
623
623
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
624
624
  }
625
+ .tw_text-4xl {
626
+ font-size: 2.25rem;
627
+ line-height: 2.5rem;
628
+ }
625
629
  .tw_text-base {
626
630
  font-size: 0.9375rem;
627
631
  line-height: 1.25;
628
632
  }
629
- .tw_text-sm {
630
- font-size: 0.875rem;
631
- line-height: 1.25;
632
- }
633
633
  .tw_text-lg {
634
634
  font-size: 1.25rem;
635
635
  line-height: 1;
636
636
  }
637
- .tw_text-4xl {
638
- font-size: 2.25rem;
639
- line-height: 2.5rem;
640
- }
641
- .tw_font-light {
642
- font-weight: 300;
637
+ .tw_text-sm {
638
+ font-size: 0.875rem;
639
+ line-height: 1.25;
643
640
  }
644
641
  .tw_font-bold {
645
642
  font-weight: 700;
646
643
  }
644
+ .tw_font-light {
645
+ font-weight: 300;
646
+ }
647
647
  .tw_font-semibold {
648
648
  font-weight: 600;
649
649
  }
650
- .tw_text-primary-light {
650
+ .tw_text-error-dark {
651
651
  --tw-text-opacity: 1;
652
- color: rgb(2 122 184 / var(--tw-text-opacity));
652
+ color: rgb(153 27 27 / var(--tw-text-opacity));
653
653
  }
654
654
  .tw_text-gray-400 {
655
655
  --tw-text-opacity: 1;
656
656
  color: rgb(156 163 175 / var(--tw-text-opacity));
657
657
  }
658
- .tw_text-secondary-dark {
659
- --tw-text-opacity: 1;
660
- color: rgb(55 65 81 / var(--tw-text-opacity));
661
- }
662
658
  .tw_text-link-dark {
663
659
  --tw-text-opacity: 1;
664
660
  color: rgb(37 99 235 / var(--tw-text-opacity));
665
661
  }
666
- .tw_text-secondary-light {
662
+ .tw_text-primary-light {
667
663
  --tw-text-opacity: 1;
668
- color: rgb(209 213 219 / var(--tw-text-opacity));
664
+ color: rgb(2 122 184 / var(--tw-text-opacity));
669
665
  }
670
- .tw_text-error-dark {
666
+ .tw_text-secondary-dark {
671
667
  --tw-text-opacity: 1;
672
- color: rgb(153 27 27 / var(--tw-text-opacity));
668
+ color: rgb(55 65 81 / var(--tw-text-opacity));
669
+ }
670
+ .tw_text-secondary-light {
671
+ --tw-text-opacity: 1;
672
+ color: rgb(209 213 219 / var(--tw-text-opacity));
673
673
  }
674
674
  .tw_outline-none {
675
675
  outline: 2px solid transparent;
@@ -1289,279 +1289,281 @@ fill: currentcolor;
1289
1289
  }
1290
1290
  }
1291
1291
  @layer fr-widget.variants {
1292
- .tw_dark .dark\:tw_alert_dark {
1292
+ :is(.tw_dark .dark\:tw_alert_dark) {
1293
1293
  background-color: #1e293b;
1294
1294
  border-color: #000;
1295
1295
  color: #fff;
1296
1296
  }
1297
- .tw_dark .dark\:tw_alert_dark:focus {
1297
+ :is(.tw_dark .dark\:tw_alert_dark):focus {
1298
1298
  outline-color: hsla(272.1, 71.7%, 56.5%, 0.9);
1299
1299
  }
1300
- .tw_dark .dark\:tw_alert_dark svg {
1300
+ :is(.tw_dark .dark\:tw_alert_dark) svg {
1301
1301
  color: #fff;
1302
1302
  fill: currentColor;
1303
1303
  }
1304
- .tw_dark .dark\:tw_alert-error_dark {
1304
+ :is(.tw_dark .dark\:tw_alert-error_dark) {
1305
1305
  background-color: #991b1b;
1306
1306
  border-color: hsl(0, 70%, 28.2%);
1307
1307
  }
1308
- .tw_dark .dark\:tw_alert-error_dark svg {
1308
+ :is(.tw_dark .dark\:tw_alert-error_dark) svg {
1309
1309
  color: #fecaca;
1310
1310
  fill: currentColor;
1311
1311
  }
1312
- .tw_dark .dark\:tw_alert-info_dark {
1312
+ :is(.tw_dark .dark\:tw_alert-info_dark) {
1313
1313
  background-color: hsl(200.39999999999998, 97.8%, 21.9%);
1314
1314
  border-color: hsl(215.29999999999995, 25%, 21.3%);
1315
1315
  }
1316
- .tw_dark .dark\:tw_alert-info_dark svg {
1316
+ :is(.tw_dark .dark\:tw_alert-info_dark) svg {
1317
1317
  color: hsl(200.39999999999998, 97.8%, 69.3%);
1318
1318
  fill: currentColor;
1319
1319
  }
1320
- .tw_dark .dark\:tw_alert-success_dark {
1320
+ :is(.tw_dark .dark\:tw_alert-success_dark) {
1321
1321
  background-color: #166534;
1322
1322
  border-color: hsl(142.8, 64.2%, 19.3%);
1323
1323
  }
1324
- .tw_dark .dark\:tw_alert-success_dark svg {
1324
+ :is(.tw_dark .dark\:tw_alert-success_dark) svg {
1325
1325
  color: #bbf7d0;
1326
1326
  fill: currentColor;
1327
1327
  }
1328
- .tw_dark .dark\:tw_alert-warning_dark {
1328
+ :is(.tw_dark .dark\:tw_alert-warning_dark) {
1329
1329
  background-color: #854d0e;
1330
1330
  border-color: hsl(31.80000000000001, 81%, 23.1%);
1331
1331
  }
1332
- .tw_dark .dark\:tw_alert-warning_dark svg {
1332
+ :is(.tw_dark .dark\:tw_alert-warning_dark) svg {
1333
1333
  color: #fef08a;
1334
1334
  fill: currentColor;
1335
1335
  }
1336
- .tw_dark .dark\:tw_button-primary_dark {
1336
+ :is(.tw_dark .dark\:tw_button-primary_dark) {
1337
1337
  border-color: #027AB8;
1338
1338
  background-color: #027AB8;
1339
1339
  }
1340
- .tw_dark .dark\:tw_button-primary_dark:hover::before,.tw_dark .dark\:tw_button-primary_dark:focus::before {
1340
+ :is(.tw_dark .dark\:tw_button-primary_dark):hover::before,:is(.tw_dark .dark\:tw_button-primary_dark):focus::before {
1341
1341
  opacity: 0.2;
1342
1342
  }
1343
- .tw_dark .dark\:tw_button-outline_dark {
1343
+ :is(.tw_dark .dark\:tw_button-outline_dark) {
1344
1344
  border-color: #d1d5db;
1345
1345
  color: #fff;
1346
1346
  }
1347
- .tw_dark .dark\:tw_button-outline_dark:hover::before,.tw_dark .dark\:tw_button-outline_dark:focus::before {
1347
+ :is(.tw_dark .dark\:tw_button-outline_dark):hover::before,:is(.tw_dark .dark\:tw_button-outline_dark):focus::before {
1348
1348
  opacity: 0.3;
1349
1349
  }
1350
- .tw_dark .dark\:tw_button-secondary_dark {}
1351
- .tw_dark .dark\:tw_checkbox-input_dark {
1350
+ :is(.tw_dark .dark\:tw_button-secondary_dark) {}
1351
+ :is(.tw_dark .dark\:tw_checkbox-input_dark) {
1352
1352
  accent-color: #027AB8;
1353
1353
  }
1354
- .tw_dark .dark\:tw_input-base_dark {
1354
+ :is(.tw_dark .dark\:tw_input-base_dark) {
1355
1355
  background-color: rgba(15, 23, 42, 0.5);
1356
1356
  border-color: #374151;
1357
1357
  color: #fff;
1358
1358
  }
1359
- .tw_dark .dark\:tw_input-base_dark:focus {
1359
+ :is(.tw_dark .dark\:tw_input-base_dark):focus {
1360
1360
  background-color: rgba(15, 23, 42, 0.75);
1361
1361
  }
1362
- .tw_dark .dark\:tw_input-base_dark:hover {
1362
+ :is(.tw_dark .dark\:tw_input-base_dark):hover {
1363
1363
  background-color: rgba(15, 23, 42, 0.75);
1364
1364
  }
1365
- .tw_dark .dark\:tw_input-base_dark[aria-invalid="true"] {
1365
+ :is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] {
1366
1366
  border-color: #fecaca;
1367
1367
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
1368
1368
  background-color: rgba(15, 23, 42, 0.5);
1369
1369
  }
1370
- .tw_dark .dark\:tw_input-base_dark[aria-invalid="true"]:focus {
1370
+ :is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:focus {
1371
1371
  outline-color: rgba(254, 202, 202, 0.7) !important;
1372
1372
  background-color: rgba(15, 23, 42, 0.75);
1373
1373
  }
1374
- .tw_dark .dark\:tw_input-base_dark[aria-invalid="true"]:hover {
1374
+ :is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"]:hover {
1375
1375
  background-color: rgba(15, 23, 42, 0.75);
1376
1376
  }
1377
- .tw_dark .dark\:tw_input-base_dark[aria-invalid="true"] ~ button {
1377
+ :is(.tw_dark .dark\:tw_input-base_dark)[aria-invalid="true"] ~ button {
1378
1378
  border-color: #fecaca;
1379
1379
  }
1380
- .tw_dark .dark\:tw_input-label_dark {
1380
+ :is(.tw_dark .dark\:tw_input-label_dark) {
1381
1381
  color: #d1d5db;
1382
1382
  }
1383
- :where(input:-webkit-autofill) + .tw_dark .dark\:tw_input-label_dark {
1383
+ :where(input:-webkit-autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
1384
1384
  color: #374151;
1385
1385
  }
1386
- :where(input:autofill) + .tw_dark .dark\:tw_input-label_dark {
1386
+ :where(input:autofill) + :is(.tw_dark .dark\:tw_input-label_dark) {
1387
1387
  color: #374151;
1388
1388
  }
1389
- .tw_dark .dark\:tw_input-error-message_dark {
1389
+ :is(.tw_dark .dark\:tw_input-error-message_dark) {
1390
1390
  color: #fecaca;
1391
1391
  }
1392
- .tw_dark .dark\:tw_input-info-message_dark {
1392
+ :is(.tw_dark .dark\:tw_input-info-message_dark) {
1393
1393
  color: #d1d5db;
1394
1394
  }
1395
- .tw_dark .dark\:tw_input-info-message_dark.tw_isInvalid {
1395
+ :is(.tw_dark .dark\:tw_input-info-message_dark).tw_isInvalid {
1396
1396
  color: #fecaca;
1397
1397
  }
1398
- .tw_dark .dark\:tw_link_dark {
1398
+ :is(.tw_dark .dark\:tw_link_dark) {
1399
1399
  color: #60a5fa;
1400
1400
  }
1401
- .tw_dark .dark\:tw_select-base_dark {
1401
+ :is(.tw_dark .dark\:tw_select-base_dark) {
1402
1402
  background: no-repeat right 0.75rem center / 16px 12px url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
1403
1403
  background-color: rgba(15, 23, 42, 0.5);
1404
1404
  color: #d1d5db;
1405
1405
  }
1406
- .tw_dark .dark\:tw_select-base_dark:hover {
1406
+ :is(.tw_dark .dark\:tw_select-base_dark):hover {
1407
1407
  background-color: rgba(15, 23, 42, 0.75);
1408
1408
  }
1409
- .tw_dark .dark\:tw_select-base_dark:focus {
1409
+ :is(.tw_dark .dark\:tw_select-base_dark):focus {
1410
1410
  background-color: rgba(15, 23, 42, 0.75);
1411
1411
  }
1412
- .tw_dark .dark\:tw_select-base_dark[aria-invalid="true"] {
1412
+ :is(.tw_dark .dark\:tw_select-base_dark)[aria-invalid="true"] {
1413
1413
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgb(209, 213, 219)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgb(254, 202, 202)' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");;
1414
1414
  background-color: rgba(15, 23, 42, 0.5);
1415
1415
  background-position: right 0.75rem center, center right 2.25rem;
1416
1416
  background-size: 16px 12px, 1rem 1rem;
1417
1417
  }
1418
- .tw_dark .dark\:tw_containing-box_dark {
1418
+ :is(.tw_dark .dark\:tw_containing-box_dark) {
1419
1419
  background-color: #1e293b;
1420
1420
  }
1421
- .tw_dark .dark\:tw_checkbox-input_animated_dark:checked + label > span:before {
1421
+ :is(.tw_dark .dark\:tw_checkbox-input_animated_dark):checked + label > span:before {
1422
1422
  border-color: #027AB8;
1423
1423
  }
1424
- .tw_dark .dark\:tw_dialog-box_dark {
1424
+ :is(.tw_dark .dark\:tw_dialog-box_dark) {
1425
1425
  background-color: #1e293b;
1426
1426
  border-color: #000;
1427
1427
  }
1428
- .tw_dark .dark\:tw_dialog-box_dark::backdrop {
1428
+ :is(.tw_dark .dark\:tw_dialog-box_dark)::backdrop {
1429
1429
  background-color: rgba(15, 23, 42, 0.8);
1430
1430
  }
1431
- .tw_dark .dark\:tw_dialog-header_dark {
1431
+ :is(.tw_dark .dark\:tw_dialog-header_dark) {
1432
1432
  background-color: #1e293b;
1433
1433
  border-bottom-color: #374151;
1434
1434
  }
1435
- .tw_dark .dark\:tw_dialog-logo_dark {
1435
+ :is(.tw_dark .dark\:tw_dialog-logo_dark) {
1436
1436
  background-image: var(--logo-dark);
1437
1437
  }
1438
- .tw_dark .dark\:tw_input-floating_dark:-webkit-autofill + label {
1438
+ :is(.tw_dark .dark\:tw_input-floating_dark):-webkit-autofill + label {
1439
1439
  color: #374151 !important;
1440
1440
  }
1441
- .tw_dark .dark\:tw_input-floating_dark:autofill + label {
1441
+ :is(.tw_dark .dark\:tw_input-floating_dark):autofill + label {
1442
1442
  color: #374151 !important;
1443
1443
  }
1444
- .tw_dark .dark\:tw_animated-radio_dark:before {
1444
+ :is(.tw_dark .dark\:tw_animated-radio_dark):before {
1445
1445
  border-color: #d1d5db;
1446
1446
  box-shadow: none;
1447
1447
  }
1448
- .tw_dark .dark\:tw_animated-radio_dark:after {
1448
+ :is(.tw_dark .dark\:tw_animated-radio_dark):after {
1449
1449
  background-color: #027AB8;
1450
1450
  }
1451
- .tw_dark .dark\:tw_radio-input_animated_dark:checked + label > span:before {
1451
+ :is(.tw_dark .dark\:tw_radio-input_animated_dark):checked + label > span:before {
1452
1452
  border-color: #d1d5db;
1453
1453
  }
1454
- .tw_dark .dark\:tw_button-apple_dark {
1454
+ :is(.tw_dark .dark\:tw_button-apple_dark) {
1455
1455
  border-color: #d1d5db;
1456
1456
  background-color: #fff;
1457
1457
  color: #000;
1458
1458
  }
1459
- .tw_dark .dark\:tw_button-apple_dark:hover::before,.tw_dark .dark\:tw_button-apple_dark:focus::before {
1459
+ :is(.tw_dark .dark\:tw_button-apple_dark):hover::before,:is(.tw_dark .dark\:tw_button-apple_dark):focus::before {
1460
1460
  opacity: 0.1;
1461
1461
  }
1462
- .tw_dark .dark\:tw_button-facebook_dark {
1462
+ :is(.tw_dark .dark\:tw_button-facebook_dark) {
1463
1463
  border-color: #d1d5db;
1464
1464
  background-color: #fff;
1465
1465
  color: #1877F2;
1466
1466
  }
1467
- .tw_dark .dark\:tw_button-facebook_dark:hover::before,.tw_dark .dark\:tw_button-facebook_dark:focus::before {
1467
+ :is(.tw_dark .dark\:tw_button-facebook_dark):hover::before,:is(.tw_dark .dark\:tw_button-facebook_dark):focus::before {
1468
1468
  opacity: 0.1;
1469
1469
  }
1470
- .tw_dark .dark\:tw_button-google_dark {
1470
+ :is(.tw_dark .dark\:tw_button-google_dark) {
1471
1471
  border-color: #d1d5db;
1472
1472
  background-color: #fff;
1473
1473
  color: #000;
1474
1474
  }
1475
- .tw_dark .dark\:tw_button-google_dark:hover::before,.tw_dark .dark\:tw_button-google_dark:focus::before {
1475
+ :is(.tw_dark .dark\:tw_button-google_dark):hover::before,:is(.tw_dark .dark\:tw_button-google_dark):focus::before {
1476
1476
  opacity: 0.1;
1477
1477
  }
1478
- .tw_dark .dark\:tw_kba-fieldset_dark {
1478
+ :is(.tw_dark .dark\:tw_kba-fieldset_dark) {
1479
1479
  border-color: hsl(217.89999999999998, 10.6%, 48.7%);
1480
1480
  }
1481
- .tw_dark .dark\:tw_kba-fieldset_dark:after {
1481
+ :is(.tw_dark .dark\:tw_kba-fieldset_dark):after {
1482
1482
  border-color: hsl(217.89999999999998, 10.6%, 48.7%);
1483
1483
  }
1484
- .tw_dark .dark\:tw_kba-fieldset_dark:before {
1484
+ :is(.tw_dark .dark\:tw_kba-fieldset_dark):before {
1485
1485
  border-color: hsl(217.89999999999998, 10.6%, 48.7%);
1486
1486
  }
1487
- .tw_dark .dark\:tw_kba-lock-icon_dark > svg {
1487
+ :is(.tw_dark .dark\:tw_kba-lock-icon_dark) > svg {
1488
1488
  color: #d1d5db;
1489
1489
  fill: currentcolor;
1490
1490
  }
1491
- .tw_dark .dark\:tw_password-button_dark {
1491
+ :is(.tw_dark .dark\:tw_password-button_dark) {
1492
1492
  background-color: rgba(15, 23, 42, 0.5);
1493
1493
  }
1494
- .tw_dark .dark\:tw_password-icon_dark {
1494
+ :is(.tw_dark .dark\:tw_password-icon_dark) {
1495
1495
  color: #d1d5db;
1496
1496
  }
1497
- .tw_dark .dark\:tw_border-secondary-dark {
1497
+ @media (min-width: 768px) {
1498
+ .md\:tw_containing-box_medium {
1499
+ height: -moz-fit-content;
1500
+ height: fit-content;
1501
+ margin: auto 0;
1502
+ padding: 2.5rem 2.5rem;
1503
+ }
1504
+ .md\:tw_dialog-box_medium {
1505
+ height: -moz-fit-content;
1506
+ height: fit-content;
1507
+ margin: auto;
1508
+ max-width: 32rem;
1509
+ padding: 0px;
1510
+ }
1511
+ .md\:tw_dialog-box_medium .tw_dialog-body {
1512
+ margin: 1.5rem 3rem 4rem;
1513
+ }
1514
+ .md\:tw_dialog-box_medium .tw_dialog-header {
1515
+ padding: 2rem 7rem;
1516
+ margin-bottom: 4rem;
1517
+ }
1518
+ .md\:tw_dialog-box_medium .tw_dialog-no-header {
1519
+ padding: 2.5rem 0;
1520
+ }
1521
+ .md\:tw_dialog-x_medium {}
1522
+ }
1523
+ :is(.tw_dark .dark\:tw_border-secondary-dark) {
1498
1524
  --tw-border-opacity: 1;
1499
1525
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
1500
1526
  }
1501
- .tw_dark .dark\:tw_bg-background-dark {
1527
+ :is(.tw_dark .dark\:tw_bg-background-dark) {
1502
1528
  --tw-bg-opacity: 1;
1503
1529
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
1504
1530
  }
1505
- .tw_dark .dark\:tw_bg-body-dark {
1531
+ :is(.tw_dark .dark\:tw_bg-body-dark) {
1506
1532
  --tw-bg-opacity: 1;
1507
1533
  background-color: rgb(15 23 42 / var(--tw-bg-opacity));
1508
1534
  }
1509
- .tw_dark .dark\:tw_text-secondary-light {
1535
+ :is(.tw_dark .dark\:tw_text-error-light) {
1510
1536
  --tw-text-opacity: 1;
1511
- color: rgb(209 213 219 / var(--tw-text-opacity));
1537
+ color: rgb(254 202 202 / var(--tw-text-opacity));
1512
1538
  }
1513
- .tw_dark .dark\:tw_text-link-light {
1539
+ :is(.tw_dark .dark\:tw_text-link-light) {
1514
1540
  --tw-text-opacity: 1;
1515
1541
  color: rgb(96 165 250 / var(--tw-text-opacity));
1516
1542
  }
1517
- .tw_dark .dark\:tw_text-white {
1543
+ :is(.tw_dark .dark\:tw_text-secondary-light) {
1518
1544
  --tw-text-opacity: 1;
1519
- color: rgb(255 255 255 / var(--tw-text-opacity));
1545
+ color: rgb(209 213 219 / var(--tw-text-opacity));
1520
1546
  }
1521
- .tw_dark .dark\:tw_text-error-light {
1547
+ :is(.tw_dark .dark\:tw_text-white) {
1522
1548
  --tw-text-opacity: 1;
1523
- color: rgb(254 202 202 / var(--tw-text-opacity));
1549
+ color: rgb(255 255 255 / var(--tw-text-opacity));
1524
1550
  }
1525
- .tw_dark .dark\:tw_focusable-element_dark {
1551
+ :is(.tw_dark .dark\:tw_focusable-element_dark) {
1526
1552
  outline-color: hsla(272.1, 71.7%, 56.5%, 0.30000000000000004);
1527
1553
  }
1528
- .tw_dark .dark\:tw_focusable-element_dark:focus {
1554
+ :is(.tw_dark .dark\:tw_focusable-element_dark):focus {
1529
1555
  outline-color: hsla(272.1, 71.7%, 56.5%, 0.9);
1530
1556
  }
1531
- .tw_dark .dark\:tw_primary-header_dark {
1557
+ :is(.tw_dark .dark\:tw_primary-header_dark) {
1532
1558
  color: #d1d5db;
1533
1559
  }
1534
- .tw_dark .dark\:tw_secondary-header_dark {
1560
+ :is(.tw_dark .dark\:tw_secondary-header_dark) {
1535
1561
  color: #d1d5db;
1536
1562
  }
1537
1563
  @media (min-width: 768px) {
1538
1564
  .md\:tw_h-36 {
1539
1565
  height: 9rem;
1540
1566
  }
1541
- .md\:tw_containing-box_medium {
1542
- height: -moz-fit-content;
1543
- height: fit-content;
1544
- margin: auto 0;
1545
- padding: 2.5rem 2.5rem;
1546
- }
1547
- .md\:tw_dialog-box_medium {
1548
- height: -moz-fit-content;
1549
- height: fit-content;
1550
- margin: auto;
1551
- max-width: 32rem;
1552
- padding: 0px;
1553
- }
1554
- .md\:tw_dialog-box_medium .tw_dialog-body {
1555
- margin: 1.5rem 3rem 4rem;
1556
- }
1557
- .md\:tw_dialog-box_medium .tw_dialog-header {
1558
- padding: 2rem 7rem;
1559
- margin-bottom: 4rem;
1560
- }
1561
- .md\:tw_dialog-box_medium .tw_dialog-no-header {
1562
- padding: 2.5rem 0;
1563
- }
1564
- .md\:tw_dialog-x_medium {}
1565
1567
  .md\:tw_pt-10 {
1566
1568
  padding-top: 2.5rem;
1567
1569
  }