@nimbus-ds/styles 5.0.0 → 5.2.0

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.
Files changed (85) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/index.css +238 -134
  3. package/dist/index.js +1 -1
  4. package/dist/packages/atomic/badge/index.css +10 -9
  5. package/dist/packages/atomic/badge/index.js +1 -1
  6. package/dist/packages/atomic/box/index.css +2 -1
  7. package/dist/packages/atomic/box/index.js +1 -1
  8. package/dist/packages/atomic/button/button.style.css.d.ts +1 -1
  9. package/dist/packages/atomic/button/index.css +23 -6
  10. package/dist/packages/atomic/button/index.d.ts +1 -1
  11. package/dist/packages/atomic/button/index.js +1 -1
  12. package/dist/packages/atomic/checkbox/index.css +7 -1
  13. package/dist/packages/atomic/checkbox/index.js +1 -1
  14. package/dist/packages/atomic/chip/index.css +7 -5
  15. package/dist/packages/atomic/chip/index.js +1 -1
  16. package/dist/packages/atomic/fileUploader/index.css +2 -1
  17. package/dist/packages/atomic/fileUploader/index.js +1 -1
  18. package/dist/packages/atomic/icon/icon.sprinkle.css.d.ts +6 -1
  19. package/dist/packages/atomic/icon/index.css +35 -19
  20. package/dist/packages/atomic/icon/index.d.ts +6 -1
  21. package/dist/packages/atomic/icon/index.js +1 -1
  22. package/dist/packages/atomic/iconButton/iconButton.sprinkle.css.d.ts +16 -12
  23. package/dist/packages/atomic/iconButton/index.css +6 -2
  24. package/dist/packages/atomic/iconButton/index.d.ts +16 -12
  25. package/dist/packages/atomic/iconButton/index.js +1 -1
  26. package/dist/packages/atomic/input/index.css +3 -2
  27. package/dist/packages/atomic/input/index.js +1 -1
  28. package/dist/packages/atomic/label/index.css +2 -1
  29. package/dist/packages/atomic/label/index.js +1 -1
  30. package/dist/packages/atomic/link/index.css +18 -20
  31. package/dist/packages/atomic/link/index.d.ts +8 -1
  32. package/dist/packages/atomic/link/index.js +1 -1
  33. package/dist/packages/atomic/link/link.sprinkle.css.d.ts +10 -0
  34. package/dist/packages/atomic/link/link.style.css.d.ts +0 -1
  35. package/dist/packages/atomic/list/index.css +2 -1
  36. package/dist/packages/atomic/list/index.js +1 -1
  37. package/dist/packages/atomic/popover/index.css +2 -1
  38. package/dist/packages/atomic/popover/index.js +1 -1
  39. package/dist/packages/atomic/radio/index.css +18 -9
  40. package/dist/packages/atomic/radio/index.js +1 -1
  41. package/dist/packages/atomic/select/index.css +3 -2
  42. package/dist/packages/atomic/select/index.js +1 -1
  43. package/dist/packages/atomic/skeleton/index.css +2 -1
  44. package/dist/packages/atomic/skeleton/index.js +1 -1
  45. package/dist/packages/atomic/spinner/index.css +22 -9
  46. package/dist/packages/atomic/spinner/index.d.ts +5 -1
  47. package/dist/packages/atomic/spinner/index.js +1 -1
  48. package/dist/packages/atomic/spinner/spinner.sprinkle.css.d.ts +5 -1
  49. package/dist/packages/atomic/stack/index.css +2 -1
  50. package/dist/packages/atomic/stack/index.js +1 -1
  51. package/dist/packages/atomic/tag/index.css +2 -1
  52. package/dist/packages/atomic/tag/index.js +1 -1
  53. package/dist/packages/atomic/text/index.css +48 -29
  54. package/dist/packages/atomic/text/index.d.ts +8 -2
  55. package/dist/packages/atomic/text/index.js +1 -1
  56. package/dist/packages/atomic/text/text.sprinkle.css.d.ts +8 -2
  57. package/dist/packages/atomic/textarea/index.css +3 -2
  58. package/dist/packages/atomic/textarea/index.js +1 -1
  59. package/dist/packages/atomic/thumbnail/index.css +2 -1
  60. package/dist/packages/atomic/thumbnail/index.js +1 -1
  61. package/dist/packages/atomic/title/index.css +8 -2
  62. package/dist/packages/atomic/title/index.d.ts +6 -0
  63. package/dist/packages/atomic/title/index.js +1 -1
  64. package/dist/packages/atomic/title/title.style.css.d.ts +6 -0
  65. package/dist/packages/atomic/toast/index.css +8 -13
  66. package/dist/packages/atomic/toast/index.js +1 -1
  67. package/dist/packages/atomic/toggle/index.css +32 -5
  68. package/dist/packages/atomic/toggle/index.js +1 -1
  69. package/dist/packages/atomic/tooltip/index.css +2 -1
  70. package/dist/packages/atomic/tooltip/index.js +1 -1
  71. package/dist/packages/composite/alert/index.css +14 -13
  72. package/dist/packages/composite/alert/index.js +1 -1
  73. package/dist/packages/composite/card/index.css +2 -1
  74. package/dist/packages/composite/card/index.js +1 -1
  75. package/dist/packages/composite/sidebar/index.css +2 -1
  76. package/dist/packages/composite/sidebar/index.js +1 -1
  77. package/dist/packages/composite/tabs/index.css +8 -4
  78. package/dist/packages/composite/tabs/index.js +1 -1
  79. package/dist/properties/css.d.ts +3 -1
  80. package/dist/themes/base.css +2 -1
  81. package/dist/themes/base.css.d.ts +3 -0
  82. package/dist/themes/base.js +1 -1
  83. package/dist/themes/dark.css +4 -2
  84. package/dist/types/index.d.ts +1 -0
  85. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -28,7 +28,7 @@
28
28
  --g6qx2kq: #530001;
29
29
  --g6qx2kr: #190000;
30
30
  --g6qx2ks: #ffffff;
31
- --g6qx2kt: #f1f1f1;
31
+ --g6qx2kt: #fafafa;
32
32
  --g6qx2ku: #e7e8e9;
33
33
  --g6qx2kv: #cfd1d2;
34
34
  --g6qx2kw: #b7babc;
@@ -102,6 +102,7 @@
102
102
  --g6qx2k2s: 0px;
103
103
  --g6qx2k2t: 672px;
104
104
  --g6qx2k2u: 1024px;
105
+ --g6qx2k2v: 0 0 0 3px #7abcf7;
105
106
  }
106
107
  .ganf380 {
107
108
  display: flex;
@@ -118,20 +119,20 @@
118
119
  font-family: var(--g6qx2k12);
119
120
  }
120
121
  .ganf381 {
121
- background-color: var(--g6qx2k1);
122
- color: var(--g6qx2k6);
122
+ background-color: var(--g6qx2k5);
123
+ color: var(--g6qx2ks);
123
124
  }
124
125
  .ganf382 {
125
- background-color: var(--g6qx2k8);
126
- color: var(--g6qx2kd);
126
+ background-color: var(--g6qx2kc);
127
+ color: var(--g6qx2ks);
127
128
  }
128
129
  .ganf383 {
129
- background-color: var(--g6qx2kf);
130
- color: var(--g6qx2kk);
130
+ background-color: var(--g6qx2kj);
131
+ color: var(--g6qx2ks);
131
132
  }
132
133
  .ganf384 {
133
- background-color: var(--g6qx2km);
134
- color: var(--g6qx2kr);
134
+ background-color: var(--g6qx2kq);
135
+ color: var(--g6qx2ks);
135
136
  }
136
137
  .ganf385 {
137
138
  background-color: var(--g6qx2k10);
@@ -396,7 +397,7 @@
396
397
  height: 2.125rem;
397
398
  width: fit-content;
398
399
  gap: var(--g6qx2k1r);
399
- font-weight: var(--g6qx2k1e);
400
+ font-weight: var(--g6qx2k1d);
400
401
  line-height: var(--g6qx2k1g);
401
402
  font-size: var(--g6qx2k14);
402
403
  font-family: var(--g6qx2k12);
@@ -411,7 +412,10 @@
411
412
  }
412
413
  ._1pga1rd0:disabled {
413
414
  color: var(--g6qx2kz);
414
- cursor: auto;
415
+ cursor: not-allowed;
416
+ }
417
+ ._1pga1rd0:focus {
418
+ box-shadow: var(--g6qx2k2v);
415
419
  }
416
420
  ._1pga1rd1 {
417
421
  background: var(--g6qx2k2);
@@ -454,16 +458,16 @@
454
458
  border-color: var(--g6qx2ko);
455
459
  }
456
460
  ._1pga1rd3 {
457
- background: var(--g6qx2kw);
461
+ background: var(--g6qx2kt);
458
462
  border-color: var(--g6qx2kw);
459
463
  color: var(--g6qx2k10);
460
464
  }
461
465
  ._1pga1rd3:hover {
462
- background: var(--g6qx2kx);
466
+ background-color: var(--g6qx2kv);
463
467
  border-color: var(--g6qx2kx);
464
468
  }
465
469
  ._1pga1rd3:active {
466
- background: var(--g6qx2ky);
470
+ background-color: var(--g6qx2kw);
467
471
  border-color: var(--g6qx2ky);
468
472
  }
469
473
  ._1pga1rd3:disabled {
@@ -471,14 +475,31 @@
471
475
  border-color: var(--g6qx2kv);
472
476
  }
473
477
  ._1pga1rd3:focus {
478
+ border-color: var(--g6qx2k2);
479
+ }
480
+ ._1pga1rd4 {
481
+ background: transparent;
482
+ border-color: transparent;
483
+ color: var(--g6qx2k10);
484
+ }
485
+ ._1pga1rd4:hover {
486
+ background-color: var(--g6qx2kt);
474
487
  border-color: var(--g6qx2kx);
475
488
  }
489
+ ._1pga1rd4:active {
490
+ background-color: var(--g6qx2kv);
491
+ border-color: var(--g6qx2ky);
492
+ }
476
493
  .jpzb320 {
477
494
  display: flex;
478
495
  align-items: flex-start;
479
496
  width: fit-content;
480
497
  gap: var(--g6qx2k1r);
481
498
  position: relative;
499
+ border-radius: var(--g6qx2k23);
500
+ }
501
+ .jpzb320:focus-within {
502
+ box-shadow: var(--g6qx2k2v);
482
503
  }
483
504
  .jpzb321 {
484
505
  position: absolute;
@@ -497,6 +518,7 @@
497
518
  border-width: 0.063rem;
498
519
  border-style: solid;
499
520
  border-radius: var(--g6qx2k1r);
521
+ background-color: var(--g6qx2ks);
500
522
  }
501
523
  .jpzb323 {
502
524
  display: none;
@@ -544,7 +566,7 @@
544
566
  line-height: var(--g6qx2k1f);
545
567
  font-size: var(--g6qx2k13);
546
568
  font-family: var(--g6qx2k12);
547
- background: var(--g6qx2kw);
569
+ background: var(--g6qx2kt);
548
570
  color: var(--g6qx2k10);
549
571
  border-radius: 0.25rem;
550
572
  box-sizing: border-box;
@@ -555,14 +577,15 @@
555
577
  transition: all var(--g6qx2k2p) ease;
556
578
  }
557
579
  ._5pa3qd0:hover {
558
- background: var(--g6qx2kx);
580
+ background: var(--g6qx2kv);
559
581
  border-color: var(--g6qx2kx);
560
582
  }
561
583
  ._5pa3qd0:focus {
562
- border-color: var(--g6qx2kx);
584
+ border-color: var(--g6qx2k2);
585
+ box-shadow: var(--g6qx2k2v);
563
586
  }
564
587
  ._5pa3qd0:active {
565
- background: var(--g6qx2ky);
588
+ background: var(--g6qx2kw);
566
589
  border-color: var(--g6qx2ky);
567
590
  }
568
591
  ._1rdcmki0 {
@@ -672,60 +695,75 @@
672
695
  align-items: center;
673
696
  }
674
697
  ._1stykmn0 {
675
- color: var(--g6qx2k2);
698
+ color: var(--g6qx2k0);
676
699
  }
677
700
  ._1stykmn1 {
678
- color: var(--g6qx2k5);
701
+ color: var(--g6qx2k2);
679
702
  }
680
703
  ._1stykmn2 {
681
- color: var(--g6qx2k6);
704
+ color: var(--g6qx2k5);
682
705
  }
683
706
  ._1stykmn3 {
684
- color: var(--g6qx2k9);
707
+ color: var(--g6qx2k6);
685
708
  }
686
709
  ._1stykmn4 {
687
- color: var(--g6qx2kc);
710
+ color: var(--g6qx2k7);
688
711
  }
689
712
  ._1stykmn5 {
690
- color: var(--g6qx2kd);
713
+ color: var(--g6qx2k9);
691
714
  }
692
715
  ._1stykmn6 {
693
- color: var(--g6qx2kg);
716
+ color: var(--g6qx2kc);
694
717
  }
695
718
  ._1stykmn7 {
696
- color: var(--g6qx2kj);
719
+ color: var(--g6qx2kd);
697
720
  }
698
721
  ._1stykmn8 {
699
- color: var(--g6qx2kk);
722
+ color: var(--g6qx2ke);
700
723
  }
701
724
  ._1stykmn9 {
702
- color: var(--g6qx2kn);
725
+ color: var(--g6qx2kg);
703
726
  }
704
727
  ._1stykmna {
705
- color: var(--g6qx2kq);
728
+ color: var(--g6qx2kj);
706
729
  }
707
730
  ._1stykmnb {
708
- color: var(--g6qx2kr);
731
+ color: var(--g6qx2kk);
709
732
  }
710
733
  ._1stykmnc {
711
- color: var(--g6qx2ks);
734
+ color: var(--g6qx2kl);
712
735
  }
713
736
  ._1stykmnd {
714
- color: var(--g6qx2kw);
737
+ color: var(--g6qx2kn);
715
738
  }
716
739
  ._1stykmne {
717
- color: var(--g6qx2k10);
740
+ color: var(--g6qx2kq);
718
741
  }
719
742
  ._1stykmnf {
720
- color: var(--g6qx2kz);
743
+ color: var(--g6qx2kr);
721
744
  }
722
745
  ._1stykmng {
723
- color: var(--g6qx2k11);
746
+ color: var(--g6qx2ks);
724
747
  }
725
748
  ._1stykmnh {
726
- cursor: auto;
749
+ color: var(--g6qx2kt);
727
750
  }
728
751
  ._1stykmni {
752
+ color: var(--g6qx2kw);
753
+ }
754
+ ._1stykmnj {
755
+ color: var(--g6qx2k10);
756
+ }
757
+ ._1stykmnk {
758
+ color: var(--g6qx2kz);
759
+ }
760
+ ._1stykmnl {
761
+ color: var(--g6qx2k11);
762
+ }
763
+ ._1stykmnm {
764
+ cursor: auto;
765
+ }
766
+ ._1stykmnn {
729
767
  cursor: pointer;
730
768
  }
731
769
  ._1mk82bx0 {
@@ -739,9 +777,12 @@
739
777
  transition: all var(--g6qx2k2p) ease;
740
778
  }
741
779
  ._1mk82bx0:active {
742
- background-color: var(--g6qx2ky);
780
+ background-color: var(--g6qx2kw);
743
781
  border-color: var(--g6qx2ky);
744
782
  }
783
+ ._1mk82bx0:focus {
784
+ box-shadow: var(--g6qx2k2v);
785
+ }
745
786
  .dhtwyb9:active {
746
787
  width: var(--dhtwyb3);
747
788
  }
@@ -851,7 +892,7 @@
851
892
  }
852
893
  .dv19bt4:focus {
853
894
  outline: none;
854
- box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
895
+ box-shadow: var(--g6qx2k2v);
855
896
  }
856
897
  .dv19bt4:disabled {
857
898
  border-color: var(--g6qx2kw);
@@ -968,120 +1009,143 @@
968
1009
  color: currentColor;
969
1010
  }
970
1011
  ._15poixj1 {
971
- color: var(--g6qx2k2);
1012
+ color: var(--g6qx2k0);
972
1013
  }
973
1014
  ._15poixj2 {
974
- color: var(--g6qx2k5);
1015
+ color: var(--g6qx2k2);
975
1016
  }
976
1017
  ._15poixj3 {
977
- color: var(--g6qx2k6);
1018
+ color: var(--g6qx2k5);
978
1019
  }
979
1020
  ._15poixj4 {
980
- color: var(--g6qx2k9);
1021
+ color: var(--g6qx2k6);
981
1022
  }
982
1023
  ._15poixj5 {
983
- color: var(--g6qx2kc);
1024
+ color: var(--g6qx2k7);
984
1025
  }
985
1026
  ._15poixj6 {
986
- color: var(--g6qx2kd);
1027
+ color: var(--g6qx2k9);
987
1028
  }
988
1029
  ._15poixj7 {
989
- color: var(--g6qx2kg);
1030
+ color: var(--g6qx2kc);
990
1031
  }
991
1032
  ._15poixj8 {
992
- color: var(--g6qx2kj);
1033
+ color: var(--g6qx2kd);
993
1034
  }
994
1035
  ._15poixj9 {
995
- color: var(--g6qx2kk);
1036
+ color: var(--g6qx2ke);
996
1037
  }
997
1038
  ._15poixja {
998
- color: var(--g6qx2kn);
1039
+ color: var(--g6qx2kg);
999
1040
  }
1000
1041
  ._15poixjb {
1001
- color: var(--g6qx2kq);
1042
+ color: var(--g6qx2kj);
1002
1043
  }
1003
1044
  ._15poixjc {
1004
- color: var(--g6qx2kr);
1045
+ color: var(--g6qx2kk);
1005
1046
  }
1006
1047
  ._15poixjd {
1007
- color: var(--g6qx2ks);
1048
+ color: var(--g6qx2kl);
1008
1049
  }
1009
1050
  ._15poixje {
1010
- color: var(--g6qx2kw);
1051
+ color: var(--g6qx2kn);
1011
1052
  }
1012
1053
  ._15poixjf {
1013
- color: var(--g6qx2kz);
1054
+ color: var(--g6qx2kq);
1014
1055
  }
1015
1056
  ._15poixjg {
1016
- color: var(--g6qx2k10);
1057
+ color: var(--g6qx2kr);
1017
1058
  }
1018
1059
  ._15poixjh {
1019
- color: var(--g6qx2k11);
1060
+ color: var(--g6qx2ks);
1020
1061
  }
1021
1062
  ._15poixji {
1022
- text-align: left;
1063
+ color: var(--g6qx2kt);
1023
1064
  }
1024
1065
  ._15poixjj {
1025
- text-align: right;
1066
+ color: var(--g6qx2kw);
1026
1067
  }
1027
1068
  ._15poixjk {
1028
- text-align: center;
1069
+ color: var(--g6qx2kz);
1029
1070
  }
1030
1071
  ._15poixjl {
1031
- text-align: justify;
1072
+ color: var(--g6qx2k10);
1032
1073
  }
1033
1074
  ._15poixjm {
1034
- line-height: var(--g6qx2k1f);
1075
+ color: var(--g6qx2k11);
1035
1076
  }
1036
1077
  ._15poixjn {
1037
- line-height: var(--g6qx2k1g);
1078
+ text-align: left;
1038
1079
  }
1039
1080
  ._15poixjo {
1040
- line-height: var(--g6qx2k1h);
1081
+ text-align: right;
1041
1082
  }
1042
1083
  ._15poixjp {
1043
- font-weight: var(--g6qx2k1c);
1084
+ text-align: center;
1044
1085
  }
1045
1086
  ._15poixjq {
1046
- font-weight: var(--g6qx2k1e);
1087
+ text-align: justify;
1047
1088
  }
1048
1089
  ._15poixjr {
1049
- font-size: var(--g6qx2k13);
1090
+ line-height: var(--g6qx2k1f);
1050
1091
  }
1051
1092
  ._15poixjs {
1052
- font-size: var(--g6qx2k14);
1093
+ line-height: var(--g6qx2k1g);
1053
1094
  }
1054
1095
  ._15poixjt {
1096
+ line-height: var(--g6qx2k1h);
1097
+ }
1098
+ ._15poixju {
1099
+ font-weight: var(--g6qx2k1c);
1100
+ }
1101
+ ._15poixjv {
1102
+ font-weight: var(--g6qx2k1d);
1103
+ }
1104
+ ._15poixjw {
1105
+ font-weight: var(--g6qx2k1e);
1106
+ }
1107
+ ._15poixjx {
1108
+ font-size: var(--g6qx2k13);
1109
+ }
1110
+ ._15poixjy {
1111
+ font-size: var(--g6qx2k14);
1112
+ }
1113
+ ._15poixjz {
1055
1114
  font-size: var(--g6qx2k15);
1056
1115
  }
1057
1116
  ._1s9dqsk0 {
1058
1117
  font-family: var(--g6qx2k12);
1059
- font-weight: var(--g6qx2k1e);
1060
1118
  margin: 0;
1061
1119
  }
1062
1120
  ._1s9dqsk1 {
1063
1121
  font-size: var(--g6qx2k16);
1064
1122
  line-height: var(--g6qx2k1i);
1123
+ font-weight: var(--g6qx2k1d);
1065
1124
  }
1066
1125
  ._1s9dqsk2 {
1067
1126
  font-size: var(--g6qx2k17);
1068
1127
  line-height: var(--g6qx2k1j);
1128
+ font-weight: var(--g6qx2k1d);
1069
1129
  }
1070
1130
  ._1s9dqsk3 {
1071
1131
  font-size: var(--g6qx2k18);
1072
1132
  line-height: var(--g6qx2k1k);
1133
+ font-weight: var(--g6qx2k1d);
1073
1134
  }
1074
1135
  ._1s9dqsk4 {
1075
1136
  font-size: var(--g6qx2k19);
1076
1137
  line-height: var(--g6qx2k1l);
1138
+ font-weight: var(--g6qx2k1d);
1077
1139
  }
1078
1140
  ._1s9dqsk5 {
1079
1141
  font-size: var(--g6qx2k1a);
1080
1142
  line-height: var(--g6qx2k1m);
1143
+ font-weight: var(--g6qx2k1e);
1081
1144
  }
1082
1145
  ._1s9dqsk6 {
1083
1146
  font-size: var(--g6qx2k1b);
1084
1147
  line-height: var(--g6qx2k1n);
1148
+ font-weight: var(--g6qx2k1e);
1085
1149
  }
1086
1150
  ._188nen40 {
1087
1151
  color: var(--g6qx2k6);
@@ -1132,11 +1196,9 @@
1132
1196
  gap: var(--g6qx2k1r);
1133
1197
  height: 2rem;
1134
1198
  width: fit-content;
1135
- padding: var(--g6qx2k1r);
1199
+ padding: var(--g6qx2k1s);
1136
1200
  box-sizing: border-box;
1137
- border-width: 0.063rem;
1138
- border-style: solid;
1139
- border-radius: var(--g6qx2k1r);
1201
+ border-radius: var(--g6qx2k1s);
1140
1202
  transition: var(--g6qx2k2p) ease;
1141
1203
  }
1142
1204
  ._1dl9ocm1 {
@@ -1149,20 +1211,16 @@
1149
1211
  right: 0;
1150
1212
  }
1151
1213
  ._1dl9ocm2 {
1152
- background: var(--g6qx2k0);
1153
- border-color: var(--g6qx2k1);
1214
+ background: var(--g6qx2k5);
1154
1215
  }
1155
1216
  ._1dl9ocm3 {
1156
- background: var(--g6qx2k7);
1157
- border-color: var(--g6qx2k8);
1217
+ background: var(--g6qx2kc);
1158
1218
  }
1159
1219
  ._1dl9ocm4 {
1160
- background: var(--g6qx2kl);
1161
- border-color: var(--g6qx2km);
1220
+ background: var(--g6qx2kq);
1162
1221
  }
1163
1222
  ._1dl9ocm5 {
1164
- background: var(--g6qx2kt);
1165
- border-color: var(--g6qx2kv);
1223
+ background: var(--g6qx2k10);
1166
1224
  }
1167
1225
  ._1273uf50 {
1168
1226
  display: flex;
@@ -1295,10 +1353,12 @@
1295
1353
  border-radius: var(--g6qx2k23);
1296
1354
  transition: all var(--g6qx2k2p) ease;
1297
1355
  }
1298
- ._1n3n7840:focus {
1299
- border-color: var(--g6qx2kx);
1356
+ ._1n3n7840:focus-within {
1357
+ box-shadow: var(--g6qx2k2v);
1300
1358
  }
1301
1359
  ._1n3n7841 {
1360
+ border-style: solid;
1361
+ border-width: 1px;
1302
1362
  display: flex;
1303
1363
  padding: var(--g6qx2k1r) var(--g6qx2k2k);
1304
1364
  border-radius: var(--g6qx2k23);
@@ -1310,18 +1370,22 @@
1310
1370
  color: var(--g6qx2k10);
1311
1371
  }
1312
1372
  ._1n3n7843 {
1313
- background-color: var(--g6qx2kw);
1373
+ background-color: var(--g6qx2kt);
1374
+ border-color: var(--g6qx2kw);
1314
1375
  color: var(--g6qx2k10);
1315
1376
  }
1316
1377
  ._1n3n7843:active {
1317
- background: var(--g6qx2ky);
1318
- color: var(--g6qx2k11);
1378
+ background-color: var(--g6qx2kw);
1379
+ border-color: var(--g6qx2kx);
1319
1380
  }
1320
1381
  ._1n3n7843:hover {
1321
- background: var(--g6qx2kx);
1382
+ background: var(--g6qx2kv);
1383
+ border-color: var(--g6qx2ky);
1322
1384
  }
1323
1385
  ._1n3n7844 {
1386
+ cursor: not-allowed;
1324
1387
  background-color: var(--g6qx2ku);
1388
+ border-color: var(--g6qx2kv);
1325
1389
  color: var(--g6qx2kz);
1326
1390
  }
1327
1391
  ._1n3n7845 {
@@ -1365,11 +1429,13 @@
1365
1429
  }
1366
1430
  ._1n3n7845:checked ~ ._1n3n7843 {
1367
1431
  background-color: var(--g6qx2k2);
1432
+ border-color: var(--g6qx2k2);
1368
1433
  color: var(--g6qx2ks);
1369
1434
  }
1370
1435
  ._1n3n7845:checked ~ ._1n3n7844 {
1371
- background-color: var(--g6qx2kz);
1372
- color: var(--g6qx2ks);
1436
+ background-color: var(--g6qx2ku);
1437
+ border-color: var(--g6qx2kv);
1438
+ color: var(--g6qx2kz);
1373
1439
  }
1374
1440
  .ro0rqq0 {
1375
1441
  cursor: auto;
@@ -1414,7 +1480,7 @@
1414
1480
  cursor: not-allowed;
1415
1481
  }
1416
1482
  ._13uiqus2:focus-visible {
1417
- box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
1483
+ box-shadow: var(--g6qx2k2v);
1418
1484
  }
1419
1485
  ._13uiqus3 {
1420
1486
  border: 1px solid var(--g6qx2kw);
@@ -1528,30 +1594,42 @@
1528
1594
  animation: _1lcn4li1 1.5s ease-in-out infinite;
1529
1595
  }
1530
1596
  .bkbl2e0 {
1531
- color: var(--g6qx2k2);
1597
+ color: var(--g6qx2k0);
1532
1598
  }
1533
1599
  .bkbl2e1 {
1534
- color: var(--g6qx2k5);
1600
+ color: var(--g6qx2k2);
1535
1601
  }
1536
1602
  .bkbl2e2 {
1537
- color: var(--g6qx2k9);
1603
+ color: var(--g6qx2k5);
1538
1604
  }
1539
1605
  .bkbl2e3 {
1540
- color: var(--g6qx2kc);
1606
+ color: var(--g6qx2k7);
1541
1607
  }
1542
1608
  .bkbl2e4 {
1543
- color: var(--g6qx2kn);
1609
+ color: var(--g6qx2k9);
1544
1610
  }
1545
1611
  .bkbl2e5 {
1546
- color: var(--g6qx2kq);
1612
+ color: var(--g6qx2kc);
1547
1613
  }
1548
1614
  .bkbl2e6 {
1549
- color: var(--g6qx2ks);
1615
+ color: var(--g6qx2kl);
1550
1616
  }
1551
1617
  .bkbl2e7 {
1552
- color: var(--g6qx2kw);
1618
+ color: var(--g6qx2kn);
1553
1619
  }
1554
1620
  .bkbl2e8 {
1621
+ color: var(--g6qx2kq);
1622
+ }
1623
+ .bkbl2e9 {
1624
+ color: var(--g6qx2ks);
1625
+ }
1626
+ .bkbl2ea {
1627
+ color: var(--g6qx2kt);
1628
+ }
1629
+ .bkbl2eb {
1630
+ color: var(--g6qx2kw);
1631
+ }
1632
+ .bkbl2ec {
1555
1633
  color: var(--g6qx2k10);
1556
1634
  }
1557
1635
  @media screen and (min-width: 0px) {
@@ -1840,6 +1918,7 @@
1840
1918
  }
1841
1919
  }
1842
1920
  ._17e53ld0 {
1921
+ border-radius: 9px;
1843
1922
  display: flex;
1844
1923
  align-items: center;
1845
1924
  width: fit-content;
@@ -1847,6 +1926,9 @@
1847
1926
  position: relative;
1848
1927
  cursor: pointer;
1849
1928
  }
1929
+ ._17e53ld0:focus-within {
1930
+ box-shadow: var(--g6qx2k2v);
1931
+ }
1850
1932
  ._17e53ld1 {
1851
1933
  position: absolute;
1852
1934
  overflow: hidden;
@@ -1861,8 +1943,11 @@
1861
1943
  align-items: center;
1862
1944
  justify-content: center;
1863
1945
  position: relative;
1864
- border-radius: var(--g6qx2k24);
1865
- background-color: var(--g6qx2kw);
1946
+ border-radius: 9px;
1947
+ border-style: solid;
1948
+ border-width: 1px;
1949
+ border-color: var(--g6qx2kw);
1950
+ background-color: var(--g6qx2kt);
1866
1951
  transition: all var(--g6qx2k2p) ease;
1867
1952
  }
1868
1953
  ._17e53ld2:before {
@@ -1870,17 +1955,36 @@
1870
1955
  position: absolute;
1871
1956
  width: 0.875rem;
1872
1957
  height: 0.875rem;
1873
- background-color: var(--g6qx2ks);
1958
+ background-color: var(--g6qx2kw);
1874
1959
  border-radius: 50%;
1875
1960
  left: 0.063rem;
1876
1961
  transition: all var(--g6qx2k2p) ease;
1877
1962
  }
1963
+ ._17e53ld2:hover {
1964
+ border-color: var(--g6qx2kx);
1965
+ }
1966
+ ._17e53ld2:active {
1967
+ border-color: var(--g6qx2ky);
1968
+ }
1878
1969
  ._17e53ld0 input:checked ~ ._17e53ld2 {
1879
- background-color: var(--g6qx2k2);
1970
+ border-color: var(--g6qx2k2);
1880
1971
  }
1881
1972
  ._17e53ld0 input:checked ~ ._17e53ld2:before {
1973
+ background-color: var(--g6qx2k2);
1882
1974
  left: 1.063rem;
1883
1975
  }
1976
+ ._17e53ld2:hover:before {
1977
+ background-color: var(--g6qx2kx);
1978
+ }
1979
+ ._17e53ld2:active:before {
1980
+ background-color: var(--g6qx2ky);
1981
+ }
1982
+ ._17e53ld0 input:checked ~ ._17e53ld2:hover:before {
1983
+ background-color: var(--g6qx2k3);
1984
+ }
1985
+ ._17e53ld0 input:checked ~ ._17e53ld2:active:before {
1986
+ background-color: var(--g6qx2k4);
1987
+ }
1884
1988
  ._1chpjyr0 {
1885
1989
  align-items: center;
1886
1990
  appearance: none;
@@ -1894,6 +1998,9 @@
1894
1998
  box-sizing: border-box;
1895
1999
  transition: all var(--g6qx2k2p) ease;
1896
2000
  }
2001
+ ._1chpjyr0:focus {
2002
+ box-shadow: var(--g6qx2k2v);
2003
+ }
1897
2004
  ._1chpjyr1 {
1898
2005
  font-size: var(--g6qx2k13);
1899
2006
  line-height: var(--g6qx2k1f);
@@ -1907,43 +2014,37 @@
1907
2014
  line-height: var(--g6qx2k1h);
1908
2015
  }
1909
2016
  ._1chpjyr4 {
1910
- text-decoration: underline;
1911
- }
1912
- ._1chpjyr6 {
1913
2017
  color: var(--g6qx2k2);
1914
2018
  }
1915
- ._1chpjyr6:hover {
2019
+ ._1chpjyr4:hover {
1916
2020
  color: var(--g6qx2k3);
1917
2021
  }
1918
- ._1chpjyr6:active {
2022
+ ._1chpjyr4:active {
1919
2023
  color: var(--g6qx2k4);
1920
2024
  }
1921
- ._1chpjyr6:focus {
1922
- outline: var(--g6qx2k4) auto 1px;
1923
- }
1924
- ._1chpjyr7 {
2025
+ ._1chpjyr5 {
1925
2026
  color: var(--g6qx2kn);
1926
2027
  }
1927
- ._1chpjyr7:hover {
2028
+ ._1chpjyr5:hover {
1928
2029
  color: var(--g6qx2ko);
1929
2030
  }
1930
- ._1chpjyr7:active {
2031
+ ._1chpjyr5:active {
1931
2032
  color: var(--g6qx2kp);
1932
2033
  }
1933
- ._1chpjyr7:focus {
1934
- outline: var(--g6qx2kp) auto 1px;
1935
- }
1936
- ._1chpjyr8 {
2034
+ ._1chpjyr6 {
1937
2035
  color: var(--g6qx2k10);
1938
2036
  }
1939
- ._1chpjyr8:hover {
2037
+ ._1chpjyr6:hover {
1940
2038
  color: var(--g6qx2kz);
1941
2039
  }
1942
- ._1chpjyr8:active {
2040
+ ._1chpjyr6:active {
1943
2041
  color: var(--g6qx2k11);
1944
2042
  }
1945
- ._1chpjyr8:focus {
1946
- outline: var(--g6qx2k11) auto 1px;
2043
+ ._9m7ivh0 {
2044
+ text-decoration: none;
2045
+ }
2046
+ ._9m7ivh1 {
2047
+ text-decoration: underline;
1947
2048
  }
1948
2049
  ._1hr1m0l0 {
1949
2050
  width: fit-content;
@@ -2063,38 +2164,38 @@
2063
2164
  border-radius: var(--g6qx2k1s);
2064
2165
  transition: all var(--g6qx2k2o);
2065
2166
  }
2066
- .msp8ty8:focus-visible {
2067
- box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
2167
+ .msp8ty8:focus {
2168
+ box-shadow: var(--g6qx2k2v);
2068
2169
  }
2069
2170
  .msp8ty9:hover {
2070
2171
  background-color: var(--g6qx2k1);
2071
2172
  }
2072
- .msp8ty9:focus {
2073
- border-color: var(--g6qx2k4);
2173
+ .msp8ty9:active {
2174
+ background-color: var(--g6qx2k4);
2074
2175
  }
2075
2176
  .msp8tya:hover {
2076
2177
  background-color: var(--g6qx2k8);
2077
2178
  }
2078
- .msp8tya:focus {
2079
- border-color: var(--g6qx2kb);
2179
+ .msp8tya:active {
2180
+ background-color: var(--g6qx2kb);
2080
2181
  }
2081
2182
  .msp8tyb:hover {
2082
2183
  background-color: var(--g6qx2kf);
2083
2184
  }
2084
- .msp8tyb:focus {
2085
- border-color: var(--g6qx2ki);
2185
+ .msp8tyb:active {
2186
+ background-color: var(--g6qx2ki);
2086
2187
  }
2087
2188
  .msp8tyc:hover {
2088
2189
  background-color: var(--g6qx2km);
2089
2190
  }
2090
- .msp8tyc:focus {
2091
- border-color: var(--g6qx2kp);
2191
+ .msp8tyc:active {
2192
+ background-color: var(--g6qx2kp);
2092
2193
  }
2093
2194
  .msp8tyd:hover {
2094
2195
  background-color: var(--g6qx2kv);
2095
2196
  }
2096
- .msp8tyd:focus {
2097
- border-color: var(--g6qx2ky);
2197
+ .msp8tyd:active {
2198
+ background-color: var(--g6qx2ky);
2098
2199
  }
2099
2200
  ._144xhgt0 {
2100
2201
  display: flex;
@@ -2267,6 +2368,7 @@
2267
2368
  padding: 0;
2268
2369
  list-style: none;
2269
2370
  display: flex;
2371
+ transition: var(--g6qx2k2o);
2270
2372
  }
2271
2373
  ._1fjf5352 {
2272
2374
  flex: 1 1 auto;
@@ -2295,12 +2397,14 @@
2295
2397
  ._1fjf5353:hover {
2296
2398
  background-color: var(--g6qx2k0);
2297
2399
  }
2400
+ ._1fjf5353:active {
2401
+ background-color: var(--g6qx2k1);
2402
+ }
2298
2403
  ._1fjf5353:focus {
2299
- box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
2404
+ box-shadow: var(--g6qx2k2v);
2300
2405
  }
2301
2406
  ._1fjf5355 {
2302
2407
  color: var(--g6qx2k2);
2303
- font-weight: var(--g6qx2k1e);
2304
2408
  }
2305
2409
  ._1fjf5355:before {
2306
2410
  content: "";
@@ -2316,5 +2420,5 @@
2316
2420
  padding-top: var(--g6qx2k1t);
2317
2421
  }
2318
2422
  ._1fjf5356:focus {
2319
- box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
2423
+ box-shadow: var(--g6qx2k2v);
2320
2424
  }