@duetds/css 4.0.54 → 4.0.55

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/lib/duet.css CHANGED
@@ -127,6 +127,114 @@
127
127
  .duet-fill-danger {
128
128
  fill: rgb(222, 35, 98) !important;
129
129
  }
130
+ .duet-background-danger-00 {
131
+ background: rgb(255, 240, 243) !important;
132
+ }
133
+ .duet-color-danger-00 {
134
+ color: rgb(255, 240, 243) !important;
135
+ }
136
+ .duet-fill-danger-00 {
137
+ fill: rgb(255, 240, 243) !important;
138
+ }
139
+ .duet-background-danger-100 {
140
+ background: rgb(255, 211, 219) !important;
141
+ }
142
+ .duet-color-danger-100 {
143
+ color: rgb(255, 211, 219) !important;
144
+ }
145
+ .duet-fill-danger-100 {
146
+ fill: rgb(255, 211, 219) !important;
147
+ }
148
+ .duet-background-danger-1000 {
149
+ background: rgb(89, 0, 45) !important;
150
+ }
151
+ .duet-color-danger-1000 {
152
+ color: rgb(89, 0, 45) !important;
153
+ }
154
+ .duet-fill-danger-1000 {
155
+ fill: rgb(89, 0, 45) !important;
156
+ }
157
+ .duet-background-danger-200 {
158
+ background: rgb(255, 173, 190) !important;
159
+ }
160
+ .duet-color-danger-200 {
161
+ color: rgb(255, 173, 190) !important;
162
+ }
163
+ .duet-fill-danger-200 {
164
+ fill: rgb(255, 173, 190) !important;
165
+ }
166
+ .duet-background-danger-300 {
167
+ background: rgb(252, 136, 162) !important;
168
+ }
169
+ .duet-color-danger-300 {
170
+ color: rgb(252, 136, 162) !important;
171
+ }
172
+ .duet-fill-danger-300 {
173
+ fill: rgb(252, 136, 162) !important;
174
+ }
175
+ .duet-background-danger-400 {
176
+ background: rgb(243, 98, 134) !important;
177
+ }
178
+ .duet-color-danger-400 {
179
+ color: rgb(243, 98, 134) !important;
180
+ }
181
+ .duet-fill-danger-400 {
182
+ fill: rgb(243, 98, 134) !important;
183
+ }
184
+ .duet-background-danger-50 {
185
+ background: rgb(255, 225, 231) !important;
186
+ }
187
+ .duet-color-danger-50 {
188
+ color: rgb(255, 225, 231) !important;
189
+ }
190
+ .duet-fill-danger-50 {
191
+ fill: rgb(255, 225, 231) !important;
192
+ }
193
+ .duet-background-danger-500 {
194
+ background: rgb(231, 62, 107) !important;
195
+ }
196
+ .duet-color-danger-500 {
197
+ color: rgb(231, 62, 107) !important;
198
+ }
199
+ .duet-fill-danger-500 {
200
+ fill: rgb(231, 62, 107) !important;
201
+ }
202
+ .duet-background-danger-600 {
203
+ background: rgb(214, 28, 82) !important;
204
+ }
205
+ .duet-color-danger-600 {
206
+ color: rgb(214, 28, 82) !important;
207
+ }
208
+ .duet-fill-danger-600 {
209
+ fill: rgb(214, 28, 82) !important;
210
+ }
211
+ .duet-background-danger-700 {
212
+ background: rgb(185, 16, 74) !important;
213
+ }
214
+ .duet-color-danger-700 {
215
+ color: rgb(185, 16, 74) !important;
216
+ }
217
+ .duet-fill-danger-700 {
218
+ fill: rgb(185, 16, 74) !important;
219
+ }
220
+ .duet-background-danger-800 {
221
+ background: rgb(153, 9, 66) !important;
222
+ }
223
+ .duet-color-danger-800 {
224
+ color: rgb(153, 9, 66) !important;
225
+ }
226
+ .duet-fill-danger-800 {
227
+ fill: rgb(153, 9, 66) !important;
228
+ }
229
+ .duet-background-danger-900 {
230
+ background: rgb(120, 4, 56) !important;
231
+ }
232
+ .duet-color-danger-900 {
233
+ color: rgb(120, 4, 56) !important;
234
+ }
235
+ .duet-fill-danger-900 {
236
+ fill: rgb(120, 4, 56) !important;
237
+ }
130
238
  .duet-background-danger-turva {
131
239
  background: rgb(224, 42, 13) !important;
132
240
  }
@@ -379,6 +487,222 @@
379
487
  .duet-fill-gray-turva {
380
488
  fill: rgb(207, 207, 209) !important;
381
489
  }
490
+ .duet-background-lt-blue-00 {
491
+ background: rgb(240, 247, 250) !important;
492
+ }
493
+ .duet-color-lt-blue-00 {
494
+ color: rgb(240, 247, 250) !important;
495
+ }
496
+ .duet-fill-lt-blue-00 {
497
+ fill: rgb(240, 247, 250) !important;
498
+ }
499
+ .duet-background-lt-blue-100 {
500
+ background: rgb(217, 236, 245) !important;
501
+ }
502
+ .duet-color-lt-blue-100 {
503
+ color: rgb(217, 236, 245) !important;
504
+ }
505
+ .duet-fill-lt-blue-100 {
506
+ fill: rgb(217, 236, 245) !important;
507
+ }
508
+ .duet-background-lt-blue-1000 {
509
+ background: rgb(8, 42, 77) !important;
510
+ }
511
+ .duet-color-lt-blue-1000 {
512
+ color: rgb(8, 42, 77) !important;
513
+ }
514
+ .duet-fill-lt-blue-1000 {
515
+ fill: rgb(8, 42, 77) !important;
516
+ }
517
+ .duet-background-lt-blue-200 {
518
+ background: rgb(198, 225, 238) !important;
519
+ }
520
+ .duet-color-lt-blue-200 {
521
+ color: rgb(198, 225, 238) !important;
522
+ }
523
+ .duet-fill-lt-blue-200 {
524
+ fill: rgb(198, 225, 238) !important;
525
+ }
526
+ .duet-background-lt-blue-300 {
527
+ background: rgb(172, 210, 229) !important;
528
+ }
529
+ .duet-color-lt-blue-300 {
530
+ color: rgb(172, 210, 229) !important;
531
+ }
532
+ .duet-fill-lt-blue-300 {
533
+ fill: rgb(172, 210, 229) !important;
534
+ }
535
+ .duet-background-lt-blue-400 {
536
+ background: rgb(131, 188, 217) !important;
537
+ }
538
+ .duet-color-lt-blue-400 {
539
+ color: rgb(131, 188, 217) !important;
540
+ }
541
+ .duet-fill-lt-blue-400 {
542
+ fill: rgb(131, 188, 217) !important;
543
+ }
544
+ .duet-background-lt-blue-50 {
545
+ background: rgb(228, 241, 247) !important;
546
+ }
547
+ .duet-color-lt-blue-50 {
548
+ color: rgb(228, 241, 247) !important;
549
+ }
550
+ .duet-fill-lt-blue-50 {
551
+ fill: rgb(228, 241, 247) !important;
552
+ }
553
+ .duet-background-lt-blue-500 {
554
+ background: rgb(50, 153, 204) !important;
555
+ }
556
+ .duet-color-lt-blue-500 {
557
+ color: rgb(50, 153, 204) !important;
558
+ }
559
+ .duet-fill-lt-blue-500 {
560
+ fill: rgb(50, 153, 204) !important;
561
+ }
562
+ .duet-background-lt-blue-600 {
563
+ background: rgb(0, 119, 179) !important;
564
+ }
565
+ .duet-color-lt-blue-600 {
566
+ color: rgb(0, 119, 179) !important;
567
+ }
568
+ .duet-fill-lt-blue-600 {
569
+ fill: rgb(0, 119, 179) !important;
570
+ }
571
+ .duet-background-lt-blue-700 {
572
+ background: rgb(0, 97, 155) !important;
573
+ }
574
+ .duet-color-lt-blue-700 {
575
+ color: rgb(0, 97, 155) !important;
576
+ }
577
+ .duet-fill-lt-blue-700 {
578
+ fill: rgb(0, 97, 155) !important;
579
+ }
580
+ .duet-background-lt-blue-800 {
581
+ background: rgb(0, 75, 129) !important;
582
+ }
583
+ .duet-color-lt-blue-800 {
584
+ color: rgb(0, 75, 129) !important;
585
+ }
586
+ .duet-fill-lt-blue-800 {
587
+ fill: rgb(0, 75, 129) !important;
588
+ }
589
+ .duet-background-lt-blue-900 {
590
+ background: rgb(3, 56, 102) !important;
591
+ }
592
+ .duet-color-lt-blue-900 {
593
+ color: rgb(3, 56, 102) !important;
594
+ }
595
+ .duet-fill-lt-blue-900 {
596
+ fill: rgb(3, 56, 102) !important;
597
+ }
598
+ .duet-background-lt-gray-00 {
599
+ background: rgb(245, 248, 250) !important;
600
+ }
601
+ .duet-color-lt-gray-00 {
602
+ color: rgb(245, 248, 250) !important;
603
+ }
604
+ .duet-fill-lt-gray-00 {
605
+ fill: rgb(245, 248, 250) !important;
606
+ }
607
+ .duet-background-lt-gray-100 {
608
+ background: rgb(212, 223, 229) !important;
609
+ }
610
+ .duet-color-lt-gray-100 {
611
+ color: rgb(212, 223, 229) !important;
612
+ }
613
+ .duet-fill-lt-gray-100 {
614
+ fill: rgb(212, 223, 229) !important;
615
+ }
616
+ .duet-background-lt-gray-1000 {
617
+ background: rgb(17, 28, 38) !important;
618
+ }
619
+ .duet-color-lt-gray-1000 {
620
+ color: rgb(17, 28, 38) !important;
621
+ }
622
+ .duet-fill-lt-gray-1000 {
623
+ fill: rgb(17, 28, 38) !important;
624
+ }
625
+ .duet-background-lt-gray-200 {
626
+ background: rgb(181, 198, 208) !important;
627
+ }
628
+ .duet-color-lt-gray-200 {
629
+ color: rgb(181, 198, 208) !important;
630
+ }
631
+ .duet-fill-lt-gray-200 {
632
+ fill: rgb(181, 198, 208) !important;
633
+ }
634
+ .duet-background-lt-gray-300 {
635
+ background: rgb(153, 174, 186) !important;
636
+ }
637
+ .duet-color-lt-gray-300 {
638
+ color: rgb(153, 174, 186) !important;
639
+ }
640
+ .duet-fill-lt-gray-300 {
641
+ fill: rgb(153, 174, 186) !important;
642
+ }
643
+ .duet-background-lt-gray-400 {
644
+ background: rgb(127, 150, 165) !important;
645
+ }
646
+ .duet-color-lt-gray-400 {
647
+ color: rgb(127, 150, 165) !important;
648
+ }
649
+ .duet-fill-lt-gray-400 {
650
+ fill: rgb(127, 150, 165) !important;
651
+ }
652
+ .duet-background-lt-gray-50 {
653
+ background: rgb(228, 236, 239) !important;
654
+ }
655
+ .duet-color-lt-gray-50 {
656
+ color: rgb(228, 236, 239) !important;
657
+ }
658
+ .duet-fill-lt-gray-50 {
659
+ fill: rgb(228, 236, 239) !important;
660
+ }
661
+ .duet-background-lt-gray-500 {
662
+ background: rgb(98, 121, 138) !important;
663
+ }
664
+ .duet-color-lt-gray-500 {
665
+ color: rgb(98, 121, 138) !important;
666
+ }
667
+ .duet-fill-lt-gray-500 {
668
+ fill: rgb(98, 121, 138) !important;
669
+ }
670
+ .duet-background-lt-gray-600 {
671
+ background: rgb(81, 105, 123) !important;
672
+ }
673
+ .duet-color-lt-gray-600 {
674
+ color: rgb(81, 105, 123) !important;
675
+ }
676
+ .duet-fill-lt-gray-600 {
677
+ fill: rgb(81, 105, 123) !important;
678
+ }
679
+ .duet-background-lt-gray-700 {
680
+ background: rgb(62, 84, 102) !important;
681
+ }
682
+ .duet-color-lt-gray-700 {
683
+ color: rgb(62, 84, 102) !important;
684
+ }
685
+ .duet-fill-lt-gray-700 {
686
+ fill: rgb(62, 84, 102) !important;
687
+ }
688
+ .duet-background-lt-gray-800 {
689
+ background: rgb(45, 64, 81) !important;
690
+ }
691
+ .duet-color-lt-gray-800 {
692
+ color: rgb(45, 64, 81) !important;
693
+ }
694
+ .duet-fill-lt-gray-800 {
695
+ fill: rgb(45, 64, 81) !important;
696
+ }
697
+ .duet-background-lt-gray-900 {
698
+ background: rgb(30, 45, 59) !important;
699
+ }
700
+ .duet-color-lt-gray-900 {
701
+ color: rgb(30, 45, 59) !important;
702
+ }
703
+ .duet-fill-lt-gray-900 {
704
+ fill: rgb(30, 45, 59) !important;
705
+ }
382
706
  .duet-background-primary {
383
707
  background: rgb(0, 119, 179) !important;
384
708
  }
@@ -514,6 +838,114 @@
514
838
  .duet-fill-success {
515
839
  fill: rgb(0, 135, 90) !important;
516
840
  }
841
+ .duet-background-success-00 {
842
+ background: rgb(244, 250, 247) !important;
843
+ }
844
+ .duet-color-success-00 {
845
+ color: rgb(244, 250, 247) !important;
846
+ }
847
+ .duet-fill-success-00 {
848
+ fill: rgb(244, 250, 247) !important;
849
+ }
850
+ .duet-background-success-100 {
851
+ background: rgb(218, 246, 233) !important;
852
+ }
853
+ .duet-color-success-100 {
854
+ color: rgb(218, 246, 233) !important;
855
+ }
856
+ .duet-fill-success-100 {
857
+ fill: rgb(218, 246, 233) !important;
858
+ }
859
+ .duet-background-success-1000 {
860
+ background: rgb(4, 38, 33) !important;
861
+ }
862
+ .duet-color-success-1000 {
863
+ color: rgb(4, 38, 33) !important;
864
+ }
865
+ .duet-fill-success-1000 {
866
+ fill: rgb(4, 38, 33) !important;
867
+ }
868
+ .duet-background-success-200 {
869
+ background: rgb(191, 239, 218) !important;
870
+ }
871
+ .duet-color-success-200 {
872
+ color: rgb(191, 239, 218) !important;
873
+ }
874
+ .duet-fill-success-200 {
875
+ fill: rgb(191, 239, 218) !important;
876
+ }
877
+ .duet-background-success-300 {
878
+ background: rgb(163, 229, 202) !important;
879
+ }
880
+ .duet-color-success-300 {
881
+ color: rgb(163, 229, 202) !important;
882
+ }
883
+ .duet-fill-success-300 {
884
+ fill: rgb(163, 229, 202) !important;
885
+ }
886
+ .duet-background-success-400 {
887
+ background: rgb(134, 215, 185) !important;
888
+ }
889
+ .duet-color-success-400 {
890
+ color: rgb(134, 215, 185) !important;
891
+ }
892
+ .duet-fill-success-400 {
893
+ fill: rgb(134, 215, 185) !important;
894
+ }
895
+ .duet-background-success-50 {
896
+ background: rgb(231, 248, 239) !important;
897
+ }
898
+ .duet-color-success-50 {
899
+ color: rgb(231, 248, 239) !important;
900
+ }
901
+ .duet-fill-success-50 {
902
+ fill: rgb(231, 248, 239) !important;
903
+ }
904
+ .duet-background-success-500 {
905
+ background: rgb(105, 196, 166) !important;
906
+ }
907
+ .duet-color-success-500 {
908
+ color: rgb(105, 196, 166) !important;
909
+ }
910
+ .duet-fill-success-500 {
911
+ fill: rgb(105, 196, 166) !important;
912
+ }
913
+ .duet-background-success-600 {
914
+ background: rgb(77, 171, 143) !important;
915
+ }
916
+ .duet-color-success-600 {
917
+ color: rgb(77, 171, 143) !important;
918
+ }
919
+ .duet-fill-success-600 {
920
+ fill: rgb(77, 171, 143) !important;
921
+ }
922
+ .duet-background-success-700 {
923
+ background: rgb(48, 131, 105) !important;
924
+ }
925
+ .duet-color-success-700 {
926
+ color: rgb(48, 131, 105) !important;
927
+ }
928
+ .duet-fill-success-700 {
929
+ fill: rgb(48, 131, 105) !important;
930
+ }
931
+ .duet-background-success-800 {
932
+ background: rgb(29, 106, 88) !important;
933
+ }
934
+ .duet-color-success-800 {
935
+ color: rgb(29, 106, 88) !important;
936
+ }
937
+ .duet-fill-success-800 {
938
+ fill: rgb(29, 106, 88) !important;
939
+ }
940
+ .duet-background-success-900 {
941
+ background: rgb(13, 71, 59) !important;
942
+ }
943
+ .duet-color-success-900 {
944
+ color: rgb(13, 71, 59) !important;
945
+ }
946
+ .duet-fill-success-900 {
947
+ fill: rgb(13, 71, 59) !important;
948
+ }
517
949
  .duet-background-success-turva {
518
950
  background: rgb(8, 135, 78) !important;
519
951
  }
@@ -523,6 +955,222 @@
523
955
  .duet-fill-success-turva {
524
956
  fill: rgb(8, 135, 78) !important;
525
957
  }
958
+ .duet-background-turva-gray-00 {
959
+ background: rgb(245, 247, 250) !important;
960
+ }
961
+ .duet-color-turva-gray-00 {
962
+ color: rgb(245, 247, 250) !important;
963
+ }
964
+ .duet-fill-turva-gray-00 {
965
+ fill: rgb(245, 247, 250) !important;
966
+ }
967
+ .duet-background-turva-gray-100 {
968
+ background: rgb(222, 224, 228) !important;
969
+ }
970
+ .duet-color-turva-gray-100 {
971
+ color: rgb(222, 224, 228) !important;
972
+ }
973
+ .duet-fill-turva-gray-100 {
974
+ fill: rgb(222, 224, 228) !important;
975
+ }
976
+ .duet-background-turva-gray-1000 {
977
+ background: rgb(8, 13, 38) !important;
978
+ }
979
+ .duet-color-turva-gray-1000 {
980
+ color: rgb(8, 13, 38) !important;
981
+ }
982
+ .duet-fill-turva-gray-1000 {
983
+ fill: rgb(8, 13, 38) !important;
984
+ }
985
+ .duet-background-turva-gray-200 {
986
+ background: rgb(199, 202, 207) !important;
987
+ }
988
+ .duet-color-turva-gray-200 {
989
+ color: rgb(199, 202, 207) !important;
990
+ }
991
+ .duet-fill-turva-gray-200 {
992
+ fill: rgb(199, 202, 207) !important;
993
+ }
994
+ .duet-background-turva-gray-300 {
995
+ background: rgb(175, 178, 186) !important;
996
+ }
997
+ .duet-color-turva-gray-300 {
998
+ color: rgb(175, 178, 186) !important;
999
+ }
1000
+ .duet-fill-turva-gray-300 {
1001
+ fill: rgb(175, 178, 186) !important;
1002
+ }
1003
+ .duet-background-turva-gray-400 {
1004
+ background: rgb(143, 147, 158) !important;
1005
+ }
1006
+ .duet-color-turva-gray-400 {
1007
+ color: rgb(143, 147, 158) !important;
1008
+ }
1009
+ .duet-fill-turva-gray-400 {
1010
+ fill: rgb(143, 147, 158) !important;
1011
+ }
1012
+ .duet-background-turva-gray-50 {
1013
+ background: rgb(234, 235, 239) !important;
1014
+ }
1015
+ .duet-color-turva-gray-50 {
1016
+ color: rgb(234, 235, 239) !important;
1017
+ }
1018
+ .duet-fill-turva-gray-50 {
1019
+ fill: rgb(234, 235, 239) !important;
1020
+ }
1021
+ .duet-background-turva-gray-500 {
1022
+ background: rgb(113, 118, 132) !important;
1023
+ }
1024
+ .duet-color-turva-gray-500 {
1025
+ color: rgb(113, 118, 132) !important;
1026
+ }
1027
+ .duet-fill-turva-gray-500 {
1028
+ fill: rgb(113, 118, 132) !important;
1029
+ }
1030
+ .duet-background-turva-gray-600 {
1031
+ background: rgb(98, 104, 122) !important;
1032
+ }
1033
+ .duet-color-turva-gray-600 {
1034
+ color: rgb(98, 104, 122) !important;
1035
+ }
1036
+ .duet-fill-turva-gray-600 {
1037
+ fill: rgb(98, 104, 122) !important;
1038
+ }
1039
+ .duet-background-turva-gray-700 {
1040
+ background: rgb(71, 78, 101) !important;
1041
+ }
1042
+ .duet-color-turva-gray-700 {
1043
+ color: rgb(71, 78, 101) !important;
1044
+ }
1045
+ .duet-fill-turva-gray-700 {
1046
+ fill: rgb(71, 78, 101) !important;
1047
+ }
1048
+ .duet-background-turva-gray-800 {
1049
+ background: rgb(45, 52, 79) !important;
1050
+ }
1051
+ .duet-color-turva-gray-800 {
1052
+ color: rgb(45, 52, 79) !important;
1053
+ }
1054
+ .duet-fill-turva-gray-800 {
1055
+ fill: rgb(45, 52, 79) !important;
1056
+ }
1057
+ .duet-background-turva-gray-900 {
1058
+ background: rgb(23, 28, 58) !important;
1059
+ }
1060
+ .duet-color-turva-gray-900 {
1061
+ color: rgb(23, 28, 58) !important;
1062
+ }
1063
+ .duet-fill-turva-gray-900 {
1064
+ fill: rgb(23, 28, 58) !important;
1065
+ }
1066
+ .duet-background-turva-red-00 {
1067
+ background: rgb(255, 241, 241) !important;
1068
+ }
1069
+ .duet-color-turva-red-00 {
1070
+ color: rgb(255, 241, 241) !important;
1071
+ }
1072
+ .duet-fill-turva-red-00 {
1073
+ fill: rgb(255, 241, 241) !important;
1074
+ }
1075
+ .duet-background-turva-red-100 {
1076
+ background: rgb(255, 213, 215) !important;
1077
+ }
1078
+ .duet-color-turva-red-100 {
1079
+ color: rgb(255, 213, 215) !important;
1080
+ }
1081
+ .duet-fill-turva-red-100 {
1082
+ fill: rgb(255, 213, 215) !important;
1083
+ }
1084
+ .duet-background-turva-red-1000 {
1085
+ background: rgb(51, 5, 20) !important;
1086
+ }
1087
+ .duet-color-turva-red-1000 {
1088
+ color: rgb(51, 5, 20) !important;
1089
+ }
1090
+ .duet-fill-turva-red-1000 {
1091
+ fill: rgb(51, 5, 20) !important;
1092
+ }
1093
+ .duet-background-turva-red-200 {
1094
+ background: rgb(255, 185, 190) !important;
1095
+ }
1096
+ .duet-color-turva-red-200 {
1097
+ color: rgb(255, 185, 190) !important;
1098
+ }
1099
+ .duet-fill-turva-red-200 {
1100
+ fill: rgb(255, 185, 190) !important;
1101
+ }
1102
+ .duet-background-turva-red-300 {
1103
+ background: rgb(252, 148, 158) !important;
1104
+ }
1105
+ .duet-color-turva-red-300 {
1106
+ color: rgb(252, 148, 158) !important;
1107
+ }
1108
+ .duet-fill-turva-red-300 {
1109
+ fill: rgb(252, 148, 158) !important;
1110
+ }
1111
+ .duet-background-turva-red-400 {
1112
+ background: rgb(240, 102, 119) !important;
1113
+ }
1114
+ .duet-color-turva-red-400 {
1115
+ color: rgb(240, 102, 119) !important;
1116
+ }
1117
+ .duet-fill-turva-red-400 {
1118
+ fill: rgb(240, 102, 119) !important;
1119
+ }
1120
+ .duet-background-turva-red-50 {
1121
+ background: rgb(255, 227, 228) !important;
1122
+ }
1123
+ .duet-color-turva-red-50 {
1124
+ color: rgb(255, 227, 228) !important;
1125
+ }
1126
+ .duet-fill-turva-red-50 {
1127
+ fill: rgb(255, 227, 228) !important;
1128
+ }
1129
+ .duet-background-turva-red-500 {
1130
+ background: rgb(221, 49, 77) !important;
1131
+ }
1132
+ .duet-color-turva-red-500 {
1133
+ color: rgb(221, 49, 77) !important;
1134
+ }
1135
+ .duet-fill-turva-red-500 {
1136
+ fill: rgb(221, 49, 77) !important;
1137
+ }
1138
+ .duet-background-turva-red-600 {
1139
+ background: rgb(198, 12, 48) !important;
1140
+ }
1141
+ .duet-color-turva-red-600 {
1142
+ color: rgb(198, 12, 48) !important;
1143
+ }
1144
+ .duet-fill-turva-red-600 {
1145
+ fill: rgb(198, 12, 48) !important;
1146
+ }
1147
+ .duet-background-turva-red-700 {
1148
+ background: rgb(164, 4, 40) !important;
1149
+ }
1150
+ .duet-color-turva-red-700 {
1151
+ color: rgb(164, 4, 40) !important;
1152
+ }
1153
+ .duet-fill-turva-red-700 {
1154
+ fill: rgb(164, 4, 40) !important;
1155
+ }
1156
+ .duet-background-turva-red-800 {
1157
+ background: rgb(126, 2, 35) !important;
1158
+ }
1159
+ .duet-color-turva-red-800 {
1160
+ color: rgb(126, 2, 35) !important;
1161
+ }
1162
+ .duet-fill-turva-red-800 {
1163
+ fill: rgb(126, 2, 35) !important;
1164
+ }
1165
+ .duet-background-turva-red-900 {
1166
+ background: rgb(87, 4, 29) !important;
1167
+ }
1168
+ .duet-color-turva-red-900 {
1169
+ color: rgb(87, 4, 29) !important;
1170
+ }
1171
+ .duet-fill-turva-red-900 {
1172
+ fill: rgb(87, 4, 29) !important;
1173
+ }
526
1174
  .duet-background-warning {
527
1175
  background: rgb(247, 178, 40) !important;
528
1176
  }
@@ -532,6 +1180,114 @@
532
1180
  .duet-fill-warning {
533
1181
  fill: rgb(247, 178, 40) !important;
534
1182
  }
1183
+ .duet-background-warning-00 {
1184
+ background: rgb(255, 251, 242) !important;
1185
+ }
1186
+ .duet-color-warning-00 {
1187
+ color: rgb(255, 251, 242) !important;
1188
+ }
1189
+ .duet-fill-warning-00 {
1190
+ fill: rgb(255, 251, 242) !important;
1191
+ }
1192
+ .duet-background-warning-100 {
1193
+ background: rgb(255, 244, 198) !important;
1194
+ }
1195
+ .duet-color-warning-100 {
1196
+ color: rgb(255, 244, 198) !important;
1197
+ }
1198
+ .duet-fill-warning-100 {
1199
+ fill: rgb(255, 244, 198) !important;
1200
+ }
1201
+ .duet-background-warning-1000 {
1202
+ background: rgb(38, 26, 4) !important;
1203
+ }
1204
+ .duet-color-warning-1000 {
1205
+ color: rgb(38, 26, 4) !important;
1206
+ }
1207
+ .duet-fill-warning-1000 {
1208
+ fill: rgb(38, 26, 4) !important;
1209
+ }
1210
+ .duet-background-warning-200 {
1211
+ background: rgb(255, 232, 160) !important;
1212
+ }
1213
+ .duet-color-warning-200 {
1214
+ color: rgb(255, 232, 160) !important;
1215
+ }
1216
+ .duet-fill-warning-200 {
1217
+ fill: rgb(255, 232, 160) !important;
1218
+ }
1219
+ .duet-background-warning-300 {
1220
+ background: rgb(255, 217, 120) !important;
1221
+ }
1222
+ .duet-color-warning-300 {
1223
+ color: rgb(255, 217, 120) !important;
1224
+ }
1225
+ .duet-fill-warning-300 {
1226
+ fill: rgb(255, 217, 120) !important;
1227
+ }
1228
+ .duet-background-warning-400 {
1229
+ background: rgb(255, 199, 79) !important;
1230
+ }
1231
+ .duet-color-warning-400 {
1232
+ color: rgb(255, 199, 79) !important;
1233
+ }
1234
+ .duet-fill-warning-400 {
1235
+ fill: rgb(255, 199, 79) !important;
1236
+ }
1237
+ .duet-background-warning-50 {
1238
+ background: rgb(255, 247, 221) !important;
1239
+ }
1240
+ .duet-color-warning-50 {
1241
+ color: rgb(255, 247, 221) !important;
1242
+ }
1243
+ .duet-fill-warning-50 {
1244
+ fill: rgb(255, 247, 221) !important;
1245
+ }
1246
+ .duet-background-warning-500 {
1247
+ background: rgb(247, 178, 40) !important;
1248
+ }
1249
+ .duet-color-warning-500 {
1250
+ color: rgb(247, 178, 40) !important;
1251
+ }
1252
+ .duet-fill-warning-500 {
1253
+ fill: rgb(247, 178, 40) !important;
1254
+ }
1255
+ .duet-background-warning-600 {
1256
+ background: rgb(212, 151, 32) !important;
1257
+ }
1258
+ .duet-color-warning-600 {
1259
+ color: rgb(212, 151, 32) !important;
1260
+ }
1261
+ .duet-fill-warning-600 {
1262
+ fill: rgb(212, 151, 32) !important;
1263
+ }
1264
+ .duet-background-warning-700 {
1265
+ background: rgb(156, 110, 22) !important;
1266
+ }
1267
+ .duet-color-warning-700 {
1268
+ color: rgb(156, 110, 22) !important;
1269
+ }
1270
+ .duet-fill-warning-700 {
1271
+ fill: rgb(156, 110, 22) !important;
1272
+ }
1273
+ .duet-background-warning-800 {
1274
+ background: rgb(126, 87, 16) !important;
1275
+ }
1276
+ .duet-color-warning-800 {
1277
+ color: rgb(126, 87, 16) !important;
1278
+ }
1279
+ .duet-fill-warning-800 {
1280
+ fill: rgb(126, 87, 16) !important;
1281
+ }
1282
+ .duet-background-warning-900 {
1283
+ background: rgb(81, 55, 9) !important;
1284
+ }
1285
+ .duet-color-warning-900 {
1286
+ color: rgb(81, 55, 9) !important;
1287
+ }
1288
+ .duet-fill-warning-900 {
1289
+ fill: rgb(81, 55, 9) !important;
1290
+ }
535
1291
  .duet-background-warning-turva {
536
1292
  background: rgb(250, 164, 15) !important;
537
1293
  }
package/lib/duet.min.css CHANGED
@@ -1 +1 @@
1
- .duet-background-brand-blue{background:#00a1d4 !important}.duet-color-brand-blue{color:#00a1d4 !important}.duet-fill-brand-blue{fill:#00a1d4 !important}.duet-background-brand-gray-turva{background:#b2b4b3 !important}.duet-color-brand-gray-turva{color:#b2b4b3 !important}.duet-fill-brand-gray-turva{fill:#b2b4b3 !important}.duet-background-category-family{background:#0b7288 !important}.duet-color-category-family{color:#0b7288 !important}.duet-fill-category-family{fill:#0b7288 !important}.duet-background-category-family-turva{background:#c70c70 !important}.duet-color-category-family-turva{color:#c70c70 !important}.duet-fill-category-family-turva{fill:#c70c70 !important}.duet-background-category-finance{background:#7a01c4 !important}.duet-color-category-finance{color:#7a01c4 !important}.duet-fill-category-finance{fill:#7a01c4 !important}.duet-background-category-home{background:#d32483 !important}.duet-color-category-home{color:#d32483 !important}.duet-fill-category-home{fill:#d32483 !important}.duet-background-category-home-turva{background:#a10a4e !important}.duet-color-category-home-turva{color:#a10a4e !important}.duet-fill-category-home-turva{fill:#a10a4e !important}.duet-background-category-pet{background:#a8014e !important}.duet-color-category-pet{color:#a8014e !important}.duet-fill-category-pet{fill:#a8014e !important}.duet-background-category-travel{background:#d54203 !important}.duet-color-category-travel{color:#d54203 !important}.duet-fill-category-travel{fill:#d54203 !important}.duet-background-category-travel-turva{background:#098194 !important}.duet-color-category-travel-turva{color:#098194 !important}.duet-fill-category-travel-turva{fill:#098194 !important}.duet-background-category-union-turva{background:#a9457c !important}.duet-color-category-union-turva{color:#a9457c !important}.duet-fill-category-union-turva{fill:#a9457c !important}.duet-background-category-vehicle{background:#364a81 !important}.duet-color-category-vehicle{color:#364a81 !important}.duet-fill-category-vehicle{fill:#364a81 !important}.duet-background-category-vehicle-turva{background:#171c3a !important}.duet-color-category-vehicle-turva{color:#171c3a !important}.duet-fill-category-vehicle-turva{fill:#171c3a !important}.duet-background-danger{background:#de2362 !important}.duet-color-danger{color:#de2362 !important}.duet-fill-danger{fill:#de2362 !important}.duet-background-danger-turva{background:#e02a0d !important}.duet-color-danger-turva{color:#e02a0d !important}.duet-fill-danger-turva{fill:#e02a0d !important}.duet-background-data-01{background:#7a01c4 !important}.duet-color-data-01{color:#7a01c4 !important}.duet-fill-data-01{fill:#7a01c4 !important}.duet-background-data-02{background:#009bcc !important}.duet-color-data-02{color:#009bcc !important}.duet-fill-data-02{fill:#009bcc !important}.duet-background-data-03{background:#1bab4b !important}.duet-color-data-03{color:#1bab4b !important}.duet-fill-data-03{fill:#1bab4b !important}.duet-background-data-04{background:#ff5622 !important}.duet-color-data-04{color:#ff5622 !important}.duet-fill-data-04{fill:#ff5622 !important}.duet-background-data-05{background:#f54c9a !important}.duet-color-data-05{color:#f54c9a !important}.duet-fill-data-05{fill:#f54c9a !important}.duet-background-data-06{background:#c21565 !important}.duet-color-data-06{color:#c21565 !important}.duet-fill-data-06{fill:#c21565 !important}.duet-background-data-07{background:#c065f7 !important}.duet-color-data-07{color:#c065f7 !important}.duet-fill-data-07{fill:#c065f7 !important}.duet-background-data-08{background:#0069bf !important}.duet-color-data-08{color:#0069bf !important}.duet-fill-data-08{fill:#0069bf !important}.duet-background-data-09{background:#137835 !important}.duet-color-data-09{color:#137835 !important}.duet-fill-data-09{fill:#137835 !important}.duet-background-data-10{background:#b33c18 !important}.duet-color-data-10{color:#b33c18 !important}.duet-fill-data-10{fill:#b33c18 !important}.duet-background-data-11{background:#0da3a6 !important}.duet-color-data-11{color:#0da3a6 !important}.duet-fill-data-11{fill:#0da3a6 !important}.duet-background-data-12{background:#0b7288 !important}.duet-color-data-12{color:#0b7288 !important}.duet-fill-data-12{fill:#0b7288 !important}.duet-background-data-13{background:#b38918 !important}.duet-color-data-13{color:#b38918 !important}.duet-fill-data-13{fill:#b38918 !important}.duet-background-data-14{background:#806211 !important}.duet-color-data-14{color:#806211 !important}.duet-fill-data-14{fill:#806211 !important}.duet-background-data-15{background:#00294d !important}.duet-color-data-15{color:#00294d !important}.duet-fill-data-15{fill:#00294d !important}.duet-background-gray{background:#cfd2d4 !important}.duet-color-gray{color:#cfd2d4 !important}.duet-fill-gray{fill:#cfd2d4 !important}.duet-background-gray-dark{background:#909599 !important}.duet-color-gray-dark{color:#909599 !important}.duet-fill-gray-dark{fill:#909599 !important}.duet-background-gray-dark-turva{background:#747475 !important}.duet-color-gray-dark-turva{color:#747475 !important}.duet-fill-gray-dark-turva{fill:#747475 !important}.duet-background-gray-darker{background:#657787 !important}.duet-color-gray-darker{color:#657787 !important}.duet-fill-gray-darker{fill:#657787 !important}.duet-background-gray-darker-turva{background:#444445 !important}.duet-color-gray-darker-turva{color:#444445 !important}.duet-fill-gray-darker-turva{fill:#444445 !important}.duet-background-gray-light{background:#e1e3e6 !important}.duet-color-gray-light{color:#e1e3e6 !important}.duet-fill-gray-light{fill:#e1e3e6 !important}.duet-background-gray-light-turva{background:#e4e4e6 !important}.duet-color-gray-light-turva{color:#e4e4e6 !important}.duet-fill-gray-light-turva{fill:#e4e4e6 !important}.duet-background-gray-lighter{background:#f5f8fa !important}.duet-color-gray-lighter{color:#f5f8fa !important}.duet-fill-gray-lighter{fill:#f5f8fa !important}.duet-background-gray-lighter-turva{background:#f5f5f7 !important}.duet-color-gray-lighter-turva{color:#f5f5f7 !important}.duet-fill-gray-lighter-turva{fill:#f5f5f7 !important}.duet-background-gray-lightest{background:#fff !important}.duet-color-gray-lightest{color:#fff !important}.duet-fill-gray-lightest{fill:#fff !important}.duet-background-gray-lightest-turva{background:#fff !important}.duet-color-gray-lightest-turva{color:#fff !important}.duet-fill-gray-lightest-turva{fill:#fff !important}.duet-background-gray-turva{background:#cfcfd1 !important}.duet-color-gray-turva{color:#cfcfd1 !important}.duet-fill-gray-turva{fill:#cfcfd1 !important}.duet-background-primary{background:#0077b3 !important}.duet-color-primary{color:#0077b3 !important}.duet-fill-primary{fill:#0077b3 !important}.duet-background-primary-dark{background:#004d80 !important}.duet-color-primary-dark{color:#004d80 !important}.duet-fill-primary-dark{fill:#004d80 !important}.duet-background-primary-dark-turva{background:#940925 !important}.duet-color-primary-dark-turva{color:#940925 !important}.duet-fill-primary-dark-turva{fill:#940925 !important}.duet-background-primary-darker{background:#00629a !important}.duet-color-primary-darker{color:#00629a !important}.duet-fill-primary-darker{fill:#00629a !important}.duet-background-primary-darker-turva{background:#ad0b2b !important}.duet-color-primary-darker-turva{color:#ad0b2b !important}.duet-fill-primary-darker-turva{fill:#ad0b2b !important}.duet-background-primary-light{background:#cde5f1 !important}.duet-color-primary-light{color:#cde5f1 !important}.duet-fill-primary-light{fill:#cde5f1 !important}.duet-background-primary-light-turva{background:#f4cfd6 !important}.duet-color-primary-light-turva{color:#f4cfd6 !important}.duet-fill-primary-light-turva{fill:#f4cfd6 !important}.duet-background-primary-lighter{background:#e6f2f8 !important}.duet-color-primary-lighter{color:#e6f2f8 !important}.duet-fill-primary-lighter{fill:#e6f2f8 !important}.duet-background-primary-lighter-turva{background:#f9e6ea !important}.duet-color-primary-lighter-turva{color:#f9e6ea !important}.duet-fill-primary-lighter-turva{fill:#f9e6ea !important}.duet-background-primary-lightest{background:#f3f9fc !important}.duet-color-primary-lightest{color:#f3f9fc !important}.duet-fill-primary-lightest{fill:#f3f9fc !important}.duet-background-primary-lightest-turva{background:#fcf3f4 !important}.duet-color-primary-lightest-turva{color:#fcf3f4 !important}.duet-fill-primary-lightest-turva{fill:#fcf3f4 !important}.duet-background-primary-turva{background:#c60c30 !important}.duet-color-primary-turva{color:#c60c30 !important}.duet-fill-primary-turva{fill:#c60c30 !important}.duet-background-secondary{background:#00294d !important}.duet-color-secondary{color:#00294d !important}.duet-fill-secondary{fill:#00294d !important}.duet-background-secondary-turva{background:#171c3a !important}.duet-color-secondary-turva{color:#171c3a !important}.duet-fill-secondary-turva{fill:#171c3a !important}.duet-background-success{background:#00875a !important}.duet-color-success{color:#00875a !important}.duet-fill-success{fill:#00875a !important}.duet-background-success-turva{background:#08874e !important}.duet-color-success-turva{color:#08874e !important}.duet-fill-success-turva{fill:#08874e !important}.duet-background-warning{background:#f7b228 !important}.duet-color-warning{color:#f7b228 !important}.duet-fill-warning{fill:#f7b228 !important}.duet-background-warning-turva{background:#faa40f !important}.duet-color-warning-turva{color:#faa40f !important}.duet-fill-warning-turva{fill:#faa40f !important}.duet-font-family-heading{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-heading-turva{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-text{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-text-turva{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-size-large{font-size:1.25rem !important}.duet-font-size-medium{font-size:1rem !important}.duet-font-size-small{font-size:.875rem !important}.duet-font-size-x-large{font-size:1.5rem !important}.duet-font-size-x-small{font-size:.75rem !important}.duet-font-size-xx-large{font-size:2.25rem !important}.duet-font-size-xxx-large{font-size:3rem !important}.duet-font-size-xxxx-large{font-size:4.5rem !important}.duet-font-weight-bold{font-weight:700 !important}.duet-font-weight-extra-bold{font-weight:800 !important}.duet-font-weight-normal{font-weight:400 !important}.duet-font-weight-semi-bold{font-weight:600 !important}.duet-letter-spacing-heading{letter-spacing:-0.01rem !important}.duet-line-height-medium{line-height:1.5 !important}.duet-line-height-small{line-height:1.25 !important}.duet-line-height-x-small{line-height:1.1 !important}.duet-opacity-30{opacity:.3 !important}.duet-opacity-50{opacity:.5 !important}.duet-opacity-75{opacity:.75 !important}.duet-opacity-85{opacity:.85 !important}.duet-radius-circle{border-radius:50% !important}.duet-radius-default{border-radius:4px !important}.duet-radius-intermediate{border-radius:12px !important}.duet-radius-large{border-radius:16px !important}.duet-radius-medium{border-radius:8px !important}.duet-radius-pill{border-radius:20rem !important}.duet-radius-sharp{border-radius:0 !important}.duet-shadow-card{box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07) !important}.duet-shadow-card-turva{box-shadow:0 2px 6px 0 rgba(117,117,117,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07) !important}.duet-shadow-default{box-shadow:0 2px 6px 0 rgba(0,41,77,.07) !important}.duet-shadow-default-turva{box-shadow:0 2px 6px 0 rgba(117,117,117,.13) !important}.duet-shadow-error{box-shadow:0 0 0 1px #de2362 !important}.duet-shadow-error-turva{box-shadow:0 0 0 1px #e55039 !important}.duet-shadow-focus{box-shadow:0 0 0 4px rgba(0,119,179,.3),0 0 0 1px #0077b3 !important}.duet-shadow-focus-input{box-shadow:0 0 0 1px #0077b3 !important}.duet-shadow-focus-input-turva{box-shadow:0 0 0 1px #171c3a !important}.duet-shadow-focus-turva{box-shadow:0 0 0 4px rgba(23,28,58,.2),0 0 0 1px #171c3a !important}.duet-shadow-hover{box-shadow:0 2px 10px 0 rgba(0,41,77,.1) !important}.duet-shadow-hover-input{box-shadow:0 0 0 1px #909599 !important}.duet-shadow-hover-input-turva{box-shadow:0 0 0 1px #747475 !important}.duet-shadow-hover-turva{box-shadow:0 2px 10px 0 rgba(117,117,117,.15) !important}.duet-shadow-modal{box-shadow:0 2px 20px 0 rgba(0,0,0,.2) !important}.duet-shadow-tooltip{box-shadow:0 2px 10px 0 rgba(0,41,77,.07) !important}.duet-shadow-tooltip-turva{box-shadow:0 2px 10px 0 rgba(117,117,117,.13) !important}.duet-size-button-min-width{min-width:8rem !important}.duet-size-form-border{border-width:1px !important}.duet-size-icon-large{width:30px !important;height:30px !important}.duet-size-icon-medium{width:24px !important;height:24px !important}.duet-size-icon-small{width:20px !important;height:20px !important}.duet-size-icon-x-large{width:36px !important;height:36px !important}.duet-size-icon-x-small{width:16px !important;height:16px !important}.duet-size-icon-xx-large{width:48px !important;height:48px !important}.duet-size-icon-xx-small{width:10px !important;height:10px !important}.duet-size-icon-xxx-large{width:72px !important;height:72px !important}.duet-size-icon-xxx-small{width:7px !important;height:7px !important}.duet-size-step-medium{width:40px !important;height:40px !important}.duet-size-step-small{width:30px !important;height:30px !important}.duet-size-tappable-square{width:48px !important;height:48px !important}.duet-mt-large{margin-top:20px !important}.duet-mb-large{margin-bottom:20px !important}.duet-ml-large{margin-left:20px !important}.duet-mr-large{margin-right:20px !important}.duet-mx-large{margin-right:20px !important;margin-left:20px !important}.duet-my-large{margin-top:20px !important;margin-bottom:20px !important}.duet-m-large{margin:20px !important}.duet-pt-large{padding-top:20px !important}.duet-pb-large{padding-bottom:20px !important}.duet-pl-large{padding-left:20px !important}.duet-pr-large{padding-right:20px !important}.duet-px-large{padding-right:20px !important;padding-left:20px !important}.duet-py-large{padding-top:20px !important;padding-bottom:20px !important}.duet-p-large{padding:20px !important}.duet-mt-medium{margin-top:16px !important}.duet-mb-medium{margin-bottom:16px !important}.duet-ml-medium{margin-left:16px !important}.duet-mr-medium{margin-right:16px !important}.duet-mx-medium{margin-right:16px !important;margin-left:16px !important}.duet-my-medium{margin-top:16px !important;margin-bottom:16px !important}.duet-m-medium{margin:16px !important}.duet-pt-medium{padding-top:16px !important}.duet-pb-medium{padding-bottom:16px !important}.duet-pl-medium{padding-left:16px !important}.duet-pr-medium{padding-right:16px !important}.duet-px-medium{padding-right:16px !important;padding-left:16px !important}.duet-py-medium{padding-top:16px !important;padding-bottom:16px !important}.duet-p-medium{padding:16px !important}.duet-mt-small{margin-top:12px !important}.duet-mb-small{margin-bottom:12px !important}.duet-ml-small{margin-left:12px !important}.duet-mr-small{margin-right:12px !important}.duet-mx-small{margin-right:12px !important;margin-left:12px !important}.duet-my-small{margin-top:12px !important;margin-bottom:12px !important}.duet-m-small{margin:12px !important}.duet-pt-small{padding-top:12px !important}.duet-pb-small{padding-bottom:12px !important}.duet-pl-small{padding-left:12px !important}.duet-pr-small{padding-right:12px !important}.duet-px-small{padding-right:12px !important;padding-left:12px !important}.duet-py-small{padding-top:12px !important;padding-bottom:12px !important}.duet-p-small{padding:12px !important}.duet-mt-x-large{margin-top:28px !important}.duet-mb-x-large{margin-bottom:28px !important}.duet-ml-x-large{margin-left:28px !important}.duet-mr-x-large{margin-right:28px !important}.duet-mx-x-large{margin-right:28px !important;margin-left:28px !important}.duet-my-x-large{margin-top:28px !important;margin-bottom:28px !important}.duet-m-x-large{margin:28px !important}.duet-pt-x-large{padding-top:28px !important}.duet-pb-x-large{padding-bottom:28px !important}.duet-pl-x-large{padding-left:28px !important}.duet-pr-x-large{padding-right:28px !important}.duet-px-x-large{padding-right:28px !important;padding-left:28px !important}.duet-py-x-large{padding-top:28px !important;padding-bottom:28px !important}.duet-p-x-large{padding:28px !important}.duet-mt-x-small{margin-top:8px !important}.duet-mb-x-small{margin-bottom:8px !important}.duet-ml-x-small{margin-left:8px !important}.duet-mr-x-small{margin-right:8px !important}.duet-mx-x-small{margin-right:8px !important;margin-left:8px !important}.duet-my-x-small{margin-top:8px !important;margin-bottom:8px !important}.duet-m-x-small{margin:8px !important}.duet-pt-x-small{padding-top:8px !important}.duet-pb-x-small{padding-bottom:8px !important}.duet-pl-x-small{padding-left:8px !important}.duet-pr-x-small{padding-right:8px !important}.duet-px-x-small{padding-right:8px !important;padding-left:8px !important}.duet-py-x-small{padding-top:8px !important;padding-bottom:8px !important}.duet-p-x-small{padding:8px !important}.duet-mt-xx-large{margin-top:36px !important}.duet-mb-xx-large{margin-bottom:36px !important}.duet-ml-xx-large{margin-left:36px !important}.duet-mr-xx-large{margin-right:36px !important}.duet-mx-xx-large{margin-right:36px !important;margin-left:36px !important}.duet-my-xx-large{margin-top:36px !important;margin-bottom:36px !important}.duet-m-xx-large{margin:36px !important}.duet-pt-xx-large{padding-top:36px !important}.duet-pb-xx-large{padding-bottom:36px !important}.duet-pl-xx-large{padding-left:36px !important}.duet-pr-xx-large{padding-right:36px !important}.duet-px-xx-large{padding-right:36px !important;padding-left:36px !important}.duet-py-xx-large{padding-top:36px !important;padding-bottom:36px !important}.duet-p-xx-large{padding:36px !important}.duet-mt-xx-small{margin-top:4px !important}.duet-mb-xx-small{margin-bottom:4px !important}.duet-ml-xx-small{margin-left:4px !important}.duet-mr-xx-small{margin-right:4px !important}.duet-mx-xx-small{margin-right:4px !important;margin-left:4px !important}.duet-my-xx-small{margin-top:4px !important;margin-bottom:4px !important}.duet-m-xx-small{margin:4px !important}.duet-pt-xx-small{padding-top:4px !important}.duet-pb-xx-small{padding-bottom:4px !important}.duet-pl-xx-small{padding-left:4px !important}.duet-pr-xx-small{padding-right:4px !important}.duet-px-xx-small{padding-right:4px !important;padding-left:4px !important}.duet-py-xx-small{padding-top:4px !important;padding-bottom:4px !important}.duet-p-xx-small{padding:4px !important}.duet-mt-xxx-large{margin-top:48px !important}.duet-mb-xxx-large{margin-bottom:48px !important}.duet-ml-xxx-large{margin-left:48px !important}.duet-mr-xxx-large{margin-right:48px !important}.duet-mx-xxx-large{margin-right:48px !important;margin-left:48px !important}.duet-my-xxx-large{margin-top:48px !important;margin-bottom:48px !important}.duet-m-xxx-large{margin:48px !important}.duet-pt-xxx-large{padding-top:48px !important}.duet-pb-xxx-large{padding-bottom:48px !important}.duet-pl-xxx-large{padding-left:48px !important}.duet-pr-xxx-large{padding-right:48px !important}.duet-px-xxx-large{padding-right:48px !important;padding-left:48px !important}.duet-py-xxx-large{padding-top:48px !important;padding-bottom:48px !important}.duet-p-xxx-large{padding:48px !important}.duet-mt-xxx-small{margin-top:2px !important}.duet-mb-xxx-small{margin-bottom:2px !important}.duet-ml-xxx-small{margin-left:2px !important}.duet-mr-xxx-small{margin-right:2px !important}.duet-mx-xxx-small{margin-right:2px !important;margin-left:2px !important}.duet-my-xxx-small{margin-top:2px !important;margin-bottom:2px !important}.duet-m-xxx-small{margin:2px !important}.duet-pt-xxx-small{padding-top:2px !important}.duet-pb-xxx-small{padding-bottom:2px !important}.duet-pl-xxx-small{padding-left:2px !important}.duet-pr-xxx-small{padding-right:2px !important}.duet-px-xxx-small{padding-right:2px !important;padding-left:2px !important}.duet-py-xxx-small{padding-top:2px !important;padding-bottom:2px !important}.duet-p-xxx-small{padding:2px !important}.duet-mt-xxxx-large{margin-top:72px !important}.duet-mb-xxxx-large{margin-bottom:72px !important}.duet-ml-xxxx-large{margin-left:72px !important}.duet-mr-xxxx-large{margin-right:72px !important}.duet-mx-xxxx-large{margin-right:72px !important;margin-left:72px !important}.duet-my-xxxx-large{margin-top:72px !important;margin-bottom:72px !important}.duet-m-xxxx-large{margin:72px !important}.duet-pt-xxxx-large{padding-top:72px !important}.duet-pb-xxxx-large{padding-bottom:72px !important}.duet-pl-xxxx-large{padding-left:72px !important}.duet-pr-xxxx-large{padding-right:72px !important}.duet-px-xxxx-large{padding-right:72px !important;padding-left:72px !important}.duet-py-xxxx-large{padding-top:72px !important;padding-bottom:72px !important}.duet-p-xxxx-large{padding:72px !important}.duet-mt-xxxxx-large{margin-top:94px !important}.duet-mb-xxxxx-large{margin-bottom:94px !important}.duet-ml-xxxxx-large{margin-left:94px !important}.duet-mr-xxxxx-large{margin-right:94px !important}.duet-mx-xxxxx-large{margin-right:94px !important;margin-left:94px !important}.duet-my-xxxxx-large{margin-top:94px !important;margin-bottom:94px !important}.duet-m-xxxxx-large{margin:94px !important}.duet-pt-xxxxx-large{padding-top:94px !important}.duet-pb-xxxxx-large{padding-bottom:94px !important}.duet-pl-xxxxx-large{padding-left:94px !important}.duet-pr-xxxxx-large{padding-right:94px !important}.duet-px-xxxxx-large{padding-right:94px !important;padding-left:94px !important}.duet-py-xxxxx-large{padding-top:94px !important;padding-bottom:94px !important}.duet-p-xxxxx-large{padding:94px !important}.duet-transition-quickly{transition:all 300ms ease !important}.duet-transition-slowly{transition:all 600ms ease !important}.duet-z-index-deep{z-index:-999999 !important}.duet-z-index-default{z-index:1 !important}.duet-z-index-dropdown{z-index:600 !important}.duet-z-index-header{z-index:400 !important}.duet-z-index-mask{z-index:200 !important}.duet-z-index-mask-buttons{z-index:250 !important}.duet-z-index-masked{z-index:100 !important}.duet-z-index-modal{z-index:900 !important}.duet-z-index-overlay{z-index:700 !important}.duet-z-index-popup{z-index:950 !important}.duet-z-index-spinner{z-index:800 !important}.duet-z-index-sticky{z-index:300 !important}.duet-z-index-toast{z-index:500 !important}*,*::after,*::before{box-sizing:border-box}html{font-size:100%;background:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;padding:0;margin:0;font-variant-numeric:tabular-nums}body{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;background:rgba(0,0,0,0) !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.duet-theme-turva body{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#171c3a}strong,b{font-weight:600}.duet-theme-turva strong,.duet-theme-turva b{font-weight:700}button,fieldset,form,input,label,select,textarea{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.duet-theme-turva button,.duet-theme-turva fieldset,.duet-theme-turva form,.duet-theme-turva input,.duet-theme-turva label,.duet-theme-turva select,.duet-theme-turva textarea{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}fieldset{min-width:0;padding:0;margin:0;border:0}legend{padding:0;margin:0}i,em{font-style:normal}a{color:#0077b3;transition:300ms ease}.duet-theme-turva a{color:#c60c30}a:hover{color:#004d80;text-decoration:none}.duet-theme-turva a:hover{color:#940925}a:active{opacity:.75;transition:none}.duet-list{padding:0 0 0 36px;margin:0 0 16px;font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;border:0 !important}.duet-theme-turva .duet-list{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#171c3a}ul.duet-list{list-style:disc !important}ol.duet-list{list-style-type:decimal !important}.duet-list li{padding:0 !important;margin:0 0 12px !important}.duet-list li:last-of-type{margin:0 !important}.duet-list li ul,.duet-list li ol{margin-top:12px !important}dl.duet-list{padding-left:0;line-height:1.25}dl.duet-list dt,dl.duet-list dd{display:block;padding:8px 0}dl.duet-list dt{padding-bottom:4px;font-weight:600}dl.duet-list dd{padding-top:0;margin:0}@media(min-width: 36em){dl.duet-list{display:grid;grid-template-columns:auto 1fr;gap:0 12px}dl.duet-list dt,dl.duet-list dd{padding-top:8px;padding-bottom:8px}}.duet-sticky-footer body,.duet-sticky-body{display:flex !important;flex-direction:column !important;min-height:100vh !important}.duet-sticky-content{flex:1 0 auto !important}.duet-font-style-italic{font-style:italic !important}.duet-text-left{text-align:left !important}.duet-text-center{text-align:center !important}.duet-text-right{text-align:right !important}.duet-expand{width:100% !important}.duet-reset{box-sizing:border-box;padding:0;margin:0;background:rgba(0,0,0,0);border:0;-moz-appearance:none;-webkit-appearance:none}.duet-visually-hidden{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-responsive-table{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)),linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0,radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;background-size:100px 100%,100px 100%,12px 100%,12px 100%}.duet-selected-column{background:rgba(0,119,179,.08)}.duet-theme-turva .duet-selected-column{background:rgba(68,68,69,.08)}.duet-bg-gradient{background-color:#fff !important;background-image:linear-gradient(rgb(243, 249, 252), rgb(255, 255, 255)) !important;background-repeat:no-repeat !important;background-size:100% 1000px !important}.duet-bg-gradient.duet-theme-turva{background-image:linear-gradient(rgb(245, 245, 247), rgb(255, 255, 255)) !important}.duet-animate-load body{visibility:hidden;opacity:0;transition:opacity 300ms 180ms ease}.duet-animate-load.hydrated body{visibility:visible;opacity:1}duet-paragraph+duet-heading{margin-top:20px !important}@media(min-width: 36em){duet-paragraph+duet-heading{margin-top:28px !important}}duet-paragraph+duet-button{margin-top:12px !important}.duet-toast{position:fixed;top:16px;left:50%;z-index:500;width:calc(100% - 28px);max-width:576px;transform:translateX(-50%)}.duet-toast duet-alert{border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,41,77,.1)}.duet-inline-loading-indicator::after{display:inline-block;min-width:1.5rem;vertical-align:bottom;content:"   ";animation:duet-inline-loading-keyframes steps(4, end) 750ms infinite}@keyframes duet-inline-loading-keyframes{0%{content:"   "}25%{content:".  "}50%{content:".. "}75%{content:"..."}}duet-action-button:not(:defined),duet-alert:not(:defined),duet-badge:not(:defined),duet-banner:not(:defined),duet-breadcrumb:not(:defined),duet-breadcrumbs:not(:defined),duet-button:not(:defined),duet-callout:not(:defined),duet-caption:not(:defined),duet-card:not(:defined),duet-checkbox:not(:defined),duet-checkmark:not(:defined),duet-chip:not(:defined),duet-choice:not(:defined),duet-choice-group:not(:defined),duet-collapsible:not(:defined),duet-combobox:not(:defined),duet-contact-card:not(:defined),duet-cookie-consent:not(:defined),duet-date-picker:not(:defined),duet-divider:not(:defined),duet-editable-table:not(:defined),duet-empty-state:not(:defined),duet-fieldset:not(:defined),duet-file-chooser:not(:defined),duet-footer:not(:defined),duet-grid:not(:defined),duet-grid-item:not(:defined),duet-header:not(:defined),duet-heading:not(:defined),duet-hero:not(:defined),duet-icon:not(:defined),duet-input:not(:defined),duet-label:not(:defined),duet-layout:not(:defined),duet-link:not(:defined),duet-list:not(:defined),duet-list-item:not(:defined),duet-logo:not(:defined),duet-menu-bar:not(:defined),duet-menu-bar-button:not(:defined),duet-menu-bar-dropdown:not(:defined),duet-menu-bar-dropdown-link:not(:defined),duet-menu-bar-item:not(:defined),duet-menu-bar-link:not(:defined),duet-modal:not(:defined),duet-multiselect:not(:defined),duet-nav:not(:defined),duet-notification:not(:defined),duet-notification-drawer:not(:defined),duet-number-input:not(:defined),duet-overlay:not(:defined),duet-page-heading:not(:defined),duet-pagination:not(:defined),duet-paragraph:not(:defined),duet-popup-menu:not(:defined),duet-popup-menu-item:not(:defined),duet-progress:not(:defined),duet-promo-card:not(:defined),duet-radio:not(:defined),duet-radio-group:not(:defined),duet-range-slider:not(:defined),duet-range-stepper:not(:defined),duet-scrollable:not(:defined),duet-section-layout:not(:defined),duet-select:not(:defined),duet-shaped-image:not(:defined),duet-show-more:not(:defined),duet-slideout:not(:defined),duet-slideout-lang:not(:defined),duet-slideout-link:not(:defined),duet-slideout-panel:not(:defined),duet-slideout-panel-dropdown:not(:defined),duet-spacer:not(:defined),duet-spinner:not(:defined),duet-step:not(:defined),duet-stepper:not(:defined),duet-submenu-bar:not(:defined),duet-submenu-bar-dropdown:not(:defined),duet-submenu-bar-dropdown-link:not(:defined),duet-submenu-bar-item:not(:defined),duet-submenu-bar-link:not(:defined),duet-tab:not(:defined),duet-tab-group:not(:defined),duet-table:not(:defined),duet-textarea:not(:defined),duet-toggle:not(:defined),duet-toolbar:not(:defined),duet-toolbar-dropdown:not(:defined),duet-toolbar-dropdown-link:not(:defined),duet-toolbar-item:not(:defined),duet-toolbar-link:not(:defined),duet-tooltip:not(:defined),duet-tooltip-button:not(:defined),duet-tooltip-popup:not(:defined),duet-tray:not(:defined),duet-upload:not(:defined),duet-upload-aria-status:not(:defined),duet-upload-item:not(:defined),duet-visually-hidden:not(:defined){visibility:hidden}.duet-breakpoints::after{position:fixed;right:0;bottom:0;z-index:2147483647;box-sizing:border-box;padding:6px 8px;font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:10px;font-weight:600;color:#909599;background:#f5f8fa;border-top-left-radius:4px}@media(max-width: 35.9375em){.duet-breakpoints::after{content:"X-Small"}}@media(max-width: 20.5em){.duet-breakpoints::after{content:"XXX-Small"}}@media(max-width: 22.5em){.duet-breakpoints::after{content:"XX-Small"}}@media(min-width: 36em){.duet-breakpoints::after{content:"Small"}}@media(min-width: 48em){.duet-breakpoints::after{content:"Medium"}}@media(min-width: 62em){.duet-breakpoints::after{content:"Large"}}@media(min-width: 64.0625em){.duet-breakpoints::after{content:"X-Large"}}@media(min-width: 76.25em){.duet-breakpoints::after{content:"XX-Large"}}.duet-breakpoints.duet-theme-turva::after{color:#747475;background:#f5f5f7}
1
+ .duet-background-brand-blue{background:#00a1d4 !important}.duet-color-brand-blue{color:#00a1d4 !important}.duet-fill-brand-blue{fill:#00a1d4 !important}.duet-background-brand-gray-turva{background:#b2b4b3 !important}.duet-color-brand-gray-turva{color:#b2b4b3 !important}.duet-fill-brand-gray-turva{fill:#b2b4b3 !important}.duet-background-category-family{background:#0b7288 !important}.duet-color-category-family{color:#0b7288 !important}.duet-fill-category-family{fill:#0b7288 !important}.duet-background-category-family-turva{background:#c70c70 !important}.duet-color-category-family-turva{color:#c70c70 !important}.duet-fill-category-family-turva{fill:#c70c70 !important}.duet-background-category-finance{background:#7a01c4 !important}.duet-color-category-finance{color:#7a01c4 !important}.duet-fill-category-finance{fill:#7a01c4 !important}.duet-background-category-home{background:#d32483 !important}.duet-color-category-home{color:#d32483 !important}.duet-fill-category-home{fill:#d32483 !important}.duet-background-category-home-turva{background:#a10a4e !important}.duet-color-category-home-turva{color:#a10a4e !important}.duet-fill-category-home-turva{fill:#a10a4e !important}.duet-background-category-pet{background:#a8014e !important}.duet-color-category-pet{color:#a8014e !important}.duet-fill-category-pet{fill:#a8014e !important}.duet-background-category-travel{background:#d54203 !important}.duet-color-category-travel{color:#d54203 !important}.duet-fill-category-travel{fill:#d54203 !important}.duet-background-category-travel-turva{background:#098194 !important}.duet-color-category-travel-turva{color:#098194 !important}.duet-fill-category-travel-turva{fill:#098194 !important}.duet-background-category-union-turva{background:#a9457c !important}.duet-color-category-union-turva{color:#a9457c !important}.duet-fill-category-union-turva{fill:#a9457c !important}.duet-background-category-vehicle{background:#364a81 !important}.duet-color-category-vehicle{color:#364a81 !important}.duet-fill-category-vehicle{fill:#364a81 !important}.duet-background-category-vehicle-turva{background:#171c3a !important}.duet-color-category-vehicle-turva{color:#171c3a !important}.duet-fill-category-vehicle-turva{fill:#171c3a !important}.duet-background-danger{background:#de2362 !important}.duet-color-danger{color:#de2362 !important}.duet-fill-danger{fill:#de2362 !important}.duet-background-danger-00{background:#fff0f3 !important}.duet-color-danger-00{color:#fff0f3 !important}.duet-fill-danger-00{fill:#fff0f3 !important}.duet-background-danger-100{background:#ffd3db !important}.duet-color-danger-100{color:#ffd3db !important}.duet-fill-danger-100{fill:#ffd3db !important}.duet-background-danger-1000{background:#59002d !important}.duet-color-danger-1000{color:#59002d !important}.duet-fill-danger-1000{fill:#59002d !important}.duet-background-danger-200{background:#ffadbe !important}.duet-color-danger-200{color:#ffadbe !important}.duet-fill-danger-200{fill:#ffadbe !important}.duet-background-danger-300{background:#fc88a2 !important}.duet-color-danger-300{color:#fc88a2 !important}.duet-fill-danger-300{fill:#fc88a2 !important}.duet-background-danger-400{background:#f36286 !important}.duet-color-danger-400{color:#f36286 !important}.duet-fill-danger-400{fill:#f36286 !important}.duet-background-danger-50{background:#ffe1e7 !important}.duet-color-danger-50{color:#ffe1e7 !important}.duet-fill-danger-50{fill:#ffe1e7 !important}.duet-background-danger-500{background:#e73e6b !important}.duet-color-danger-500{color:#e73e6b !important}.duet-fill-danger-500{fill:#e73e6b !important}.duet-background-danger-600{background:#d61c52 !important}.duet-color-danger-600{color:#d61c52 !important}.duet-fill-danger-600{fill:#d61c52 !important}.duet-background-danger-700{background:#b9104a !important}.duet-color-danger-700{color:#b9104a !important}.duet-fill-danger-700{fill:#b9104a !important}.duet-background-danger-800{background:#990942 !important}.duet-color-danger-800{color:#990942 !important}.duet-fill-danger-800{fill:#990942 !important}.duet-background-danger-900{background:#780438 !important}.duet-color-danger-900{color:#780438 !important}.duet-fill-danger-900{fill:#780438 !important}.duet-background-danger-turva{background:#e02a0d !important}.duet-color-danger-turva{color:#e02a0d !important}.duet-fill-danger-turva{fill:#e02a0d !important}.duet-background-data-01{background:#7a01c4 !important}.duet-color-data-01{color:#7a01c4 !important}.duet-fill-data-01{fill:#7a01c4 !important}.duet-background-data-02{background:#009bcc !important}.duet-color-data-02{color:#009bcc !important}.duet-fill-data-02{fill:#009bcc !important}.duet-background-data-03{background:#1bab4b !important}.duet-color-data-03{color:#1bab4b !important}.duet-fill-data-03{fill:#1bab4b !important}.duet-background-data-04{background:#ff5622 !important}.duet-color-data-04{color:#ff5622 !important}.duet-fill-data-04{fill:#ff5622 !important}.duet-background-data-05{background:#f54c9a !important}.duet-color-data-05{color:#f54c9a !important}.duet-fill-data-05{fill:#f54c9a !important}.duet-background-data-06{background:#c21565 !important}.duet-color-data-06{color:#c21565 !important}.duet-fill-data-06{fill:#c21565 !important}.duet-background-data-07{background:#c065f7 !important}.duet-color-data-07{color:#c065f7 !important}.duet-fill-data-07{fill:#c065f7 !important}.duet-background-data-08{background:#0069bf !important}.duet-color-data-08{color:#0069bf !important}.duet-fill-data-08{fill:#0069bf !important}.duet-background-data-09{background:#137835 !important}.duet-color-data-09{color:#137835 !important}.duet-fill-data-09{fill:#137835 !important}.duet-background-data-10{background:#b33c18 !important}.duet-color-data-10{color:#b33c18 !important}.duet-fill-data-10{fill:#b33c18 !important}.duet-background-data-11{background:#0da3a6 !important}.duet-color-data-11{color:#0da3a6 !important}.duet-fill-data-11{fill:#0da3a6 !important}.duet-background-data-12{background:#0b7288 !important}.duet-color-data-12{color:#0b7288 !important}.duet-fill-data-12{fill:#0b7288 !important}.duet-background-data-13{background:#b38918 !important}.duet-color-data-13{color:#b38918 !important}.duet-fill-data-13{fill:#b38918 !important}.duet-background-data-14{background:#806211 !important}.duet-color-data-14{color:#806211 !important}.duet-fill-data-14{fill:#806211 !important}.duet-background-data-15{background:#00294d !important}.duet-color-data-15{color:#00294d !important}.duet-fill-data-15{fill:#00294d !important}.duet-background-gray{background:#cfd2d4 !important}.duet-color-gray{color:#cfd2d4 !important}.duet-fill-gray{fill:#cfd2d4 !important}.duet-background-gray-dark{background:#909599 !important}.duet-color-gray-dark{color:#909599 !important}.duet-fill-gray-dark{fill:#909599 !important}.duet-background-gray-dark-turva{background:#747475 !important}.duet-color-gray-dark-turva{color:#747475 !important}.duet-fill-gray-dark-turva{fill:#747475 !important}.duet-background-gray-darker{background:#657787 !important}.duet-color-gray-darker{color:#657787 !important}.duet-fill-gray-darker{fill:#657787 !important}.duet-background-gray-darker-turva{background:#444445 !important}.duet-color-gray-darker-turva{color:#444445 !important}.duet-fill-gray-darker-turva{fill:#444445 !important}.duet-background-gray-light{background:#e1e3e6 !important}.duet-color-gray-light{color:#e1e3e6 !important}.duet-fill-gray-light{fill:#e1e3e6 !important}.duet-background-gray-light-turva{background:#e4e4e6 !important}.duet-color-gray-light-turva{color:#e4e4e6 !important}.duet-fill-gray-light-turva{fill:#e4e4e6 !important}.duet-background-gray-lighter{background:#f5f8fa !important}.duet-color-gray-lighter{color:#f5f8fa !important}.duet-fill-gray-lighter{fill:#f5f8fa !important}.duet-background-gray-lighter-turva{background:#f5f5f7 !important}.duet-color-gray-lighter-turva{color:#f5f5f7 !important}.duet-fill-gray-lighter-turva{fill:#f5f5f7 !important}.duet-background-gray-lightest{background:#fff !important}.duet-color-gray-lightest{color:#fff !important}.duet-fill-gray-lightest{fill:#fff !important}.duet-background-gray-lightest-turva{background:#fff !important}.duet-color-gray-lightest-turva{color:#fff !important}.duet-fill-gray-lightest-turva{fill:#fff !important}.duet-background-gray-turva{background:#cfcfd1 !important}.duet-color-gray-turva{color:#cfcfd1 !important}.duet-fill-gray-turva{fill:#cfcfd1 !important}.duet-background-lt-blue-00{background:#f0f7fa !important}.duet-color-lt-blue-00{color:#f0f7fa !important}.duet-fill-lt-blue-00{fill:#f0f7fa !important}.duet-background-lt-blue-100{background:#d9ecf5 !important}.duet-color-lt-blue-100{color:#d9ecf5 !important}.duet-fill-lt-blue-100{fill:#d9ecf5 !important}.duet-background-lt-blue-1000{background:#082a4d !important}.duet-color-lt-blue-1000{color:#082a4d !important}.duet-fill-lt-blue-1000{fill:#082a4d !important}.duet-background-lt-blue-200{background:#c6e1ee !important}.duet-color-lt-blue-200{color:#c6e1ee !important}.duet-fill-lt-blue-200{fill:#c6e1ee !important}.duet-background-lt-blue-300{background:#acd2e5 !important}.duet-color-lt-blue-300{color:#acd2e5 !important}.duet-fill-lt-blue-300{fill:#acd2e5 !important}.duet-background-lt-blue-400{background:#83bcd9 !important}.duet-color-lt-blue-400{color:#83bcd9 !important}.duet-fill-lt-blue-400{fill:#83bcd9 !important}.duet-background-lt-blue-50{background:#e4f1f7 !important}.duet-color-lt-blue-50{color:#e4f1f7 !important}.duet-fill-lt-blue-50{fill:#e4f1f7 !important}.duet-background-lt-blue-500{background:#3299cc !important}.duet-color-lt-blue-500{color:#3299cc !important}.duet-fill-lt-blue-500{fill:#3299cc !important}.duet-background-lt-blue-600{background:#0077b3 !important}.duet-color-lt-blue-600{color:#0077b3 !important}.duet-fill-lt-blue-600{fill:#0077b3 !important}.duet-background-lt-blue-700{background:#00619b !important}.duet-color-lt-blue-700{color:#00619b !important}.duet-fill-lt-blue-700{fill:#00619b !important}.duet-background-lt-blue-800{background:#004b81 !important}.duet-color-lt-blue-800{color:#004b81 !important}.duet-fill-lt-blue-800{fill:#004b81 !important}.duet-background-lt-blue-900{background:#033866 !important}.duet-color-lt-blue-900{color:#033866 !important}.duet-fill-lt-blue-900{fill:#033866 !important}.duet-background-lt-gray-00{background:#f5f8fa !important}.duet-color-lt-gray-00{color:#f5f8fa !important}.duet-fill-lt-gray-00{fill:#f5f8fa !important}.duet-background-lt-gray-100{background:#d4dfe5 !important}.duet-color-lt-gray-100{color:#d4dfe5 !important}.duet-fill-lt-gray-100{fill:#d4dfe5 !important}.duet-background-lt-gray-1000{background:#111c26 !important}.duet-color-lt-gray-1000{color:#111c26 !important}.duet-fill-lt-gray-1000{fill:#111c26 !important}.duet-background-lt-gray-200{background:#b5c6d0 !important}.duet-color-lt-gray-200{color:#b5c6d0 !important}.duet-fill-lt-gray-200{fill:#b5c6d0 !important}.duet-background-lt-gray-300{background:#99aeba !important}.duet-color-lt-gray-300{color:#99aeba !important}.duet-fill-lt-gray-300{fill:#99aeba !important}.duet-background-lt-gray-400{background:#7f96a5 !important}.duet-color-lt-gray-400{color:#7f96a5 !important}.duet-fill-lt-gray-400{fill:#7f96a5 !important}.duet-background-lt-gray-50{background:#e4ecef !important}.duet-color-lt-gray-50{color:#e4ecef !important}.duet-fill-lt-gray-50{fill:#e4ecef !important}.duet-background-lt-gray-500{background:#62798a !important}.duet-color-lt-gray-500{color:#62798a !important}.duet-fill-lt-gray-500{fill:#62798a !important}.duet-background-lt-gray-600{background:#51697b !important}.duet-color-lt-gray-600{color:#51697b !important}.duet-fill-lt-gray-600{fill:#51697b !important}.duet-background-lt-gray-700{background:#3e5466 !important}.duet-color-lt-gray-700{color:#3e5466 !important}.duet-fill-lt-gray-700{fill:#3e5466 !important}.duet-background-lt-gray-800{background:#2d4051 !important}.duet-color-lt-gray-800{color:#2d4051 !important}.duet-fill-lt-gray-800{fill:#2d4051 !important}.duet-background-lt-gray-900{background:#1e2d3b !important}.duet-color-lt-gray-900{color:#1e2d3b !important}.duet-fill-lt-gray-900{fill:#1e2d3b !important}.duet-background-primary{background:#0077b3 !important}.duet-color-primary{color:#0077b3 !important}.duet-fill-primary{fill:#0077b3 !important}.duet-background-primary-dark{background:#004d80 !important}.duet-color-primary-dark{color:#004d80 !important}.duet-fill-primary-dark{fill:#004d80 !important}.duet-background-primary-dark-turva{background:#940925 !important}.duet-color-primary-dark-turva{color:#940925 !important}.duet-fill-primary-dark-turva{fill:#940925 !important}.duet-background-primary-darker{background:#00629a !important}.duet-color-primary-darker{color:#00629a !important}.duet-fill-primary-darker{fill:#00629a !important}.duet-background-primary-darker-turva{background:#ad0b2b !important}.duet-color-primary-darker-turva{color:#ad0b2b !important}.duet-fill-primary-darker-turva{fill:#ad0b2b !important}.duet-background-primary-light{background:#cde5f1 !important}.duet-color-primary-light{color:#cde5f1 !important}.duet-fill-primary-light{fill:#cde5f1 !important}.duet-background-primary-light-turva{background:#f4cfd6 !important}.duet-color-primary-light-turva{color:#f4cfd6 !important}.duet-fill-primary-light-turva{fill:#f4cfd6 !important}.duet-background-primary-lighter{background:#e6f2f8 !important}.duet-color-primary-lighter{color:#e6f2f8 !important}.duet-fill-primary-lighter{fill:#e6f2f8 !important}.duet-background-primary-lighter-turva{background:#f9e6ea !important}.duet-color-primary-lighter-turva{color:#f9e6ea !important}.duet-fill-primary-lighter-turva{fill:#f9e6ea !important}.duet-background-primary-lightest{background:#f3f9fc !important}.duet-color-primary-lightest{color:#f3f9fc !important}.duet-fill-primary-lightest{fill:#f3f9fc !important}.duet-background-primary-lightest-turva{background:#fcf3f4 !important}.duet-color-primary-lightest-turva{color:#fcf3f4 !important}.duet-fill-primary-lightest-turva{fill:#fcf3f4 !important}.duet-background-primary-turva{background:#c60c30 !important}.duet-color-primary-turva{color:#c60c30 !important}.duet-fill-primary-turva{fill:#c60c30 !important}.duet-background-secondary{background:#00294d !important}.duet-color-secondary{color:#00294d !important}.duet-fill-secondary{fill:#00294d !important}.duet-background-secondary-turva{background:#171c3a !important}.duet-color-secondary-turva{color:#171c3a !important}.duet-fill-secondary-turva{fill:#171c3a !important}.duet-background-success{background:#00875a !important}.duet-color-success{color:#00875a !important}.duet-fill-success{fill:#00875a !important}.duet-background-success-00{background:#f4faf7 !important}.duet-color-success-00{color:#f4faf7 !important}.duet-fill-success-00{fill:#f4faf7 !important}.duet-background-success-100{background:#daf6e9 !important}.duet-color-success-100{color:#daf6e9 !important}.duet-fill-success-100{fill:#daf6e9 !important}.duet-background-success-1000{background:#042621 !important}.duet-color-success-1000{color:#042621 !important}.duet-fill-success-1000{fill:#042621 !important}.duet-background-success-200{background:#bfefda !important}.duet-color-success-200{color:#bfefda !important}.duet-fill-success-200{fill:#bfefda !important}.duet-background-success-300{background:#a3e5ca !important}.duet-color-success-300{color:#a3e5ca !important}.duet-fill-success-300{fill:#a3e5ca !important}.duet-background-success-400{background:#86d7b9 !important}.duet-color-success-400{color:#86d7b9 !important}.duet-fill-success-400{fill:#86d7b9 !important}.duet-background-success-50{background:#e7f8ef !important}.duet-color-success-50{color:#e7f8ef !important}.duet-fill-success-50{fill:#e7f8ef !important}.duet-background-success-500{background:#69c4a6 !important}.duet-color-success-500{color:#69c4a6 !important}.duet-fill-success-500{fill:#69c4a6 !important}.duet-background-success-600{background:#4dab8f !important}.duet-color-success-600{color:#4dab8f !important}.duet-fill-success-600{fill:#4dab8f !important}.duet-background-success-700{background:#308369 !important}.duet-color-success-700{color:#308369 !important}.duet-fill-success-700{fill:#308369 !important}.duet-background-success-800{background:#1d6a58 !important}.duet-color-success-800{color:#1d6a58 !important}.duet-fill-success-800{fill:#1d6a58 !important}.duet-background-success-900{background:#0d473b !important}.duet-color-success-900{color:#0d473b !important}.duet-fill-success-900{fill:#0d473b !important}.duet-background-success-turva{background:#08874e !important}.duet-color-success-turva{color:#08874e !important}.duet-fill-success-turva{fill:#08874e !important}.duet-background-turva-gray-00{background:#f5f7fa !important}.duet-color-turva-gray-00{color:#f5f7fa !important}.duet-fill-turva-gray-00{fill:#f5f7fa !important}.duet-background-turva-gray-100{background:#dee0e4 !important}.duet-color-turva-gray-100{color:#dee0e4 !important}.duet-fill-turva-gray-100{fill:#dee0e4 !important}.duet-background-turva-gray-1000{background:#080d26 !important}.duet-color-turva-gray-1000{color:#080d26 !important}.duet-fill-turva-gray-1000{fill:#080d26 !important}.duet-background-turva-gray-200{background:#c7cacf !important}.duet-color-turva-gray-200{color:#c7cacf !important}.duet-fill-turva-gray-200{fill:#c7cacf !important}.duet-background-turva-gray-300{background:#afb2ba !important}.duet-color-turva-gray-300{color:#afb2ba !important}.duet-fill-turva-gray-300{fill:#afb2ba !important}.duet-background-turva-gray-400{background:#8f939e !important}.duet-color-turva-gray-400{color:#8f939e !important}.duet-fill-turva-gray-400{fill:#8f939e !important}.duet-background-turva-gray-50{background:#eaebef !important}.duet-color-turva-gray-50{color:#eaebef !important}.duet-fill-turva-gray-50{fill:#eaebef !important}.duet-background-turva-gray-500{background:#717684 !important}.duet-color-turva-gray-500{color:#717684 !important}.duet-fill-turva-gray-500{fill:#717684 !important}.duet-background-turva-gray-600{background:#62687a !important}.duet-color-turva-gray-600{color:#62687a !important}.duet-fill-turva-gray-600{fill:#62687a !important}.duet-background-turva-gray-700{background:#474e65 !important}.duet-color-turva-gray-700{color:#474e65 !important}.duet-fill-turva-gray-700{fill:#474e65 !important}.duet-background-turva-gray-800{background:#2d344f !important}.duet-color-turva-gray-800{color:#2d344f !important}.duet-fill-turva-gray-800{fill:#2d344f !important}.duet-background-turva-gray-900{background:#171c3a !important}.duet-color-turva-gray-900{color:#171c3a !important}.duet-fill-turva-gray-900{fill:#171c3a !important}.duet-background-turva-red-00{background:#fff1f1 !important}.duet-color-turva-red-00{color:#fff1f1 !important}.duet-fill-turva-red-00{fill:#fff1f1 !important}.duet-background-turva-red-100{background:#ffd5d7 !important}.duet-color-turva-red-100{color:#ffd5d7 !important}.duet-fill-turva-red-100{fill:#ffd5d7 !important}.duet-background-turva-red-1000{background:#330514 !important}.duet-color-turva-red-1000{color:#330514 !important}.duet-fill-turva-red-1000{fill:#330514 !important}.duet-background-turva-red-200{background:#ffb9be !important}.duet-color-turva-red-200{color:#ffb9be !important}.duet-fill-turva-red-200{fill:#ffb9be !important}.duet-background-turva-red-300{background:#fc949e !important}.duet-color-turva-red-300{color:#fc949e !important}.duet-fill-turva-red-300{fill:#fc949e !important}.duet-background-turva-red-400{background:#f06677 !important}.duet-color-turva-red-400{color:#f06677 !important}.duet-fill-turva-red-400{fill:#f06677 !important}.duet-background-turva-red-50{background:#ffe3e4 !important}.duet-color-turva-red-50{color:#ffe3e4 !important}.duet-fill-turva-red-50{fill:#ffe3e4 !important}.duet-background-turva-red-500{background:#dd314d !important}.duet-color-turva-red-500{color:#dd314d !important}.duet-fill-turva-red-500{fill:#dd314d !important}.duet-background-turva-red-600{background:#c60c30 !important}.duet-color-turva-red-600{color:#c60c30 !important}.duet-fill-turva-red-600{fill:#c60c30 !important}.duet-background-turva-red-700{background:#a40428 !important}.duet-color-turva-red-700{color:#a40428 !important}.duet-fill-turva-red-700{fill:#a40428 !important}.duet-background-turva-red-800{background:#7e0223 !important}.duet-color-turva-red-800{color:#7e0223 !important}.duet-fill-turva-red-800{fill:#7e0223 !important}.duet-background-turva-red-900{background:#57041d !important}.duet-color-turva-red-900{color:#57041d !important}.duet-fill-turva-red-900{fill:#57041d !important}.duet-background-warning{background:#f7b228 !important}.duet-color-warning{color:#f7b228 !important}.duet-fill-warning{fill:#f7b228 !important}.duet-background-warning-00{background:#fffbf2 !important}.duet-color-warning-00{color:#fffbf2 !important}.duet-fill-warning-00{fill:#fffbf2 !important}.duet-background-warning-100{background:#fff4c6 !important}.duet-color-warning-100{color:#fff4c6 !important}.duet-fill-warning-100{fill:#fff4c6 !important}.duet-background-warning-1000{background:#261a04 !important}.duet-color-warning-1000{color:#261a04 !important}.duet-fill-warning-1000{fill:#261a04 !important}.duet-background-warning-200{background:#ffe8a0 !important}.duet-color-warning-200{color:#ffe8a0 !important}.duet-fill-warning-200{fill:#ffe8a0 !important}.duet-background-warning-300{background:#ffd978 !important}.duet-color-warning-300{color:#ffd978 !important}.duet-fill-warning-300{fill:#ffd978 !important}.duet-background-warning-400{background:#ffc74f !important}.duet-color-warning-400{color:#ffc74f !important}.duet-fill-warning-400{fill:#ffc74f !important}.duet-background-warning-50{background:#fff7dd !important}.duet-color-warning-50{color:#fff7dd !important}.duet-fill-warning-50{fill:#fff7dd !important}.duet-background-warning-500{background:#f7b228 !important}.duet-color-warning-500{color:#f7b228 !important}.duet-fill-warning-500{fill:#f7b228 !important}.duet-background-warning-600{background:#d49720 !important}.duet-color-warning-600{color:#d49720 !important}.duet-fill-warning-600{fill:#d49720 !important}.duet-background-warning-700{background:#9c6e16 !important}.duet-color-warning-700{color:#9c6e16 !important}.duet-fill-warning-700{fill:#9c6e16 !important}.duet-background-warning-800{background:#7e5710 !important}.duet-color-warning-800{color:#7e5710 !important}.duet-fill-warning-800{fill:#7e5710 !important}.duet-background-warning-900{background:#513709 !important}.duet-color-warning-900{color:#513709 !important}.duet-fill-warning-900{fill:#513709 !important}.duet-background-warning-turva{background:#faa40f !important}.duet-color-warning-turva{color:#faa40f !important}.duet-fill-warning-turva{fill:#faa40f !important}.duet-font-family-heading{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-heading-turva{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-text{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-family-text-turva{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important}.duet-font-size-large{font-size:1.25rem !important}.duet-font-size-medium{font-size:1rem !important}.duet-font-size-small{font-size:.875rem !important}.duet-font-size-x-large{font-size:1.5rem !important}.duet-font-size-x-small{font-size:.75rem !important}.duet-font-size-xx-large{font-size:2.25rem !important}.duet-font-size-xxx-large{font-size:3rem !important}.duet-font-size-xxxx-large{font-size:4.5rem !important}.duet-font-weight-bold{font-weight:700 !important}.duet-font-weight-extra-bold{font-weight:800 !important}.duet-font-weight-normal{font-weight:400 !important}.duet-font-weight-semi-bold{font-weight:600 !important}.duet-letter-spacing-heading{letter-spacing:-0.01rem !important}.duet-line-height-medium{line-height:1.5 !important}.duet-line-height-small{line-height:1.25 !important}.duet-line-height-x-small{line-height:1.1 !important}.duet-opacity-30{opacity:.3 !important}.duet-opacity-50{opacity:.5 !important}.duet-opacity-75{opacity:.75 !important}.duet-opacity-85{opacity:.85 !important}.duet-radius-circle{border-radius:50% !important}.duet-radius-default{border-radius:4px !important}.duet-radius-intermediate{border-radius:12px !important}.duet-radius-large{border-radius:16px !important}.duet-radius-medium{border-radius:8px !important}.duet-radius-pill{border-radius:20rem !important}.duet-radius-sharp{border-radius:0 !important}.duet-shadow-card{box-shadow:0 2px 6px 0 rgba(0,41,77,.07),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07) !important}.duet-shadow-card-turva{box-shadow:0 2px 6px 0 rgba(117,117,117,.13),0 -1px 0 0 rgba(0,0,0,.09),-1px 0 0 0 rgba(0,0,0,.07),1px 0 0 0 rgba(0,0,0,.07),0 1px 0 0 rgba(0,0,0,.07) !important}.duet-shadow-default{box-shadow:0 2px 6px 0 rgba(0,41,77,.07) !important}.duet-shadow-default-turva{box-shadow:0 2px 6px 0 rgba(117,117,117,.13) !important}.duet-shadow-error{box-shadow:0 0 0 1px #de2362 !important}.duet-shadow-error-turva{box-shadow:0 0 0 1px #e55039 !important}.duet-shadow-focus{box-shadow:0 0 0 4px rgba(0,119,179,.3),0 0 0 1px #0077b3 !important}.duet-shadow-focus-input{box-shadow:0 0 0 1px #0077b3 !important}.duet-shadow-focus-input-turva{box-shadow:0 0 0 1px #171c3a !important}.duet-shadow-focus-turva{box-shadow:0 0 0 4px rgba(23,28,58,.2),0 0 0 1px #171c3a !important}.duet-shadow-hover{box-shadow:0 2px 10px 0 rgba(0,41,77,.1) !important}.duet-shadow-hover-input{box-shadow:0 0 0 1px #909599 !important}.duet-shadow-hover-input-turva{box-shadow:0 0 0 1px #747475 !important}.duet-shadow-hover-turva{box-shadow:0 2px 10px 0 rgba(117,117,117,.15) !important}.duet-shadow-modal{box-shadow:0 2px 20px 0 rgba(0,0,0,.2) !important}.duet-shadow-tooltip{box-shadow:0 2px 10px 0 rgba(0,41,77,.07) !important}.duet-shadow-tooltip-turva{box-shadow:0 2px 10px 0 rgba(117,117,117,.13) !important}.duet-size-button-min-width{min-width:8rem !important}.duet-size-form-border{border-width:1px !important}.duet-size-icon-large{width:30px !important;height:30px !important}.duet-size-icon-medium{width:24px !important;height:24px !important}.duet-size-icon-small{width:20px !important;height:20px !important}.duet-size-icon-x-large{width:36px !important;height:36px !important}.duet-size-icon-x-small{width:16px !important;height:16px !important}.duet-size-icon-xx-large{width:48px !important;height:48px !important}.duet-size-icon-xx-small{width:10px !important;height:10px !important}.duet-size-icon-xxx-large{width:72px !important;height:72px !important}.duet-size-icon-xxx-small{width:7px !important;height:7px !important}.duet-size-step-medium{width:40px !important;height:40px !important}.duet-size-step-small{width:30px !important;height:30px !important}.duet-size-tappable-square{width:48px !important;height:48px !important}.duet-mt-large{margin-top:20px !important}.duet-mb-large{margin-bottom:20px !important}.duet-ml-large{margin-left:20px !important}.duet-mr-large{margin-right:20px !important}.duet-mx-large{margin-right:20px !important;margin-left:20px !important}.duet-my-large{margin-top:20px !important;margin-bottom:20px !important}.duet-m-large{margin:20px !important}.duet-pt-large{padding-top:20px !important}.duet-pb-large{padding-bottom:20px !important}.duet-pl-large{padding-left:20px !important}.duet-pr-large{padding-right:20px !important}.duet-px-large{padding-right:20px !important;padding-left:20px !important}.duet-py-large{padding-top:20px !important;padding-bottom:20px !important}.duet-p-large{padding:20px !important}.duet-mt-medium{margin-top:16px !important}.duet-mb-medium{margin-bottom:16px !important}.duet-ml-medium{margin-left:16px !important}.duet-mr-medium{margin-right:16px !important}.duet-mx-medium{margin-right:16px !important;margin-left:16px !important}.duet-my-medium{margin-top:16px !important;margin-bottom:16px !important}.duet-m-medium{margin:16px !important}.duet-pt-medium{padding-top:16px !important}.duet-pb-medium{padding-bottom:16px !important}.duet-pl-medium{padding-left:16px !important}.duet-pr-medium{padding-right:16px !important}.duet-px-medium{padding-right:16px !important;padding-left:16px !important}.duet-py-medium{padding-top:16px !important;padding-bottom:16px !important}.duet-p-medium{padding:16px !important}.duet-mt-small{margin-top:12px !important}.duet-mb-small{margin-bottom:12px !important}.duet-ml-small{margin-left:12px !important}.duet-mr-small{margin-right:12px !important}.duet-mx-small{margin-right:12px !important;margin-left:12px !important}.duet-my-small{margin-top:12px !important;margin-bottom:12px !important}.duet-m-small{margin:12px !important}.duet-pt-small{padding-top:12px !important}.duet-pb-small{padding-bottom:12px !important}.duet-pl-small{padding-left:12px !important}.duet-pr-small{padding-right:12px !important}.duet-px-small{padding-right:12px !important;padding-left:12px !important}.duet-py-small{padding-top:12px !important;padding-bottom:12px !important}.duet-p-small{padding:12px !important}.duet-mt-x-large{margin-top:28px !important}.duet-mb-x-large{margin-bottom:28px !important}.duet-ml-x-large{margin-left:28px !important}.duet-mr-x-large{margin-right:28px !important}.duet-mx-x-large{margin-right:28px !important;margin-left:28px !important}.duet-my-x-large{margin-top:28px !important;margin-bottom:28px !important}.duet-m-x-large{margin:28px !important}.duet-pt-x-large{padding-top:28px !important}.duet-pb-x-large{padding-bottom:28px !important}.duet-pl-x-large{padding-left:28px !important}.duet-pr-x-large{padding-right:28px !important}.duet-px-x-large{padding-right:28px !important;padding-left:28px !important}.duet-py-x-large{padding-top:28px !important;padding-bottom:28px !important}.duet-p-x-large{padding:28px !important}.duet-mt-x-small{margin-top:8px !important}.duet-mb-x-small{margin-bottom:8px !important}.duet-ml-x-small{margin-left:8px !important}.duet-mr-x-small{margin-right:8px !important}.duet-mx-x-small{margin-right:8px !important;margin-left:8px !important}.duet-my-x-small{margin-top:8px !important;margin-bottom:8px !important}.duet-m-x-small{margin:8px !important}.duet-pt-x-small{padding-top:8px !important}.duet-pb-x-small{padding-bottom:8px !important}.duet-pl-x-small{padding-left:8px !important}.duet-pr-x-small{padding-right:8px !important}.duet-px-x-small{padding-right:8px !important;padding-left:8px !important}.duet-py-x-small{padding-top:8px !important;padding-bottom:8px !important}.duet-p-x-small{padding:8px !important}.duet-mt-xx-large{margin-top:36px !important}.duet-mb-xx-large{margin-bottom:36px !important}.duet-ml-xx-large{margin-left:36px !important}.duet-mr-xx-large{margin-right:36px !important}.duet-mx-xx-large{margin-right:36px !important;margin-left:36px !important}.duet-my-xx-large{margin-top:36px !important;margin-bottom:36px !important}.duet-m-xx-large{margin:36px !important}.duet-pt-xx-large{padding-top:36px !important}.duet-pb-xx-large{padding-bottom:36px !important}.duet-pl-xx-large{padding-left:36px !important}.duet-pr-xx-large{padding-right:36px !important}.duet-px-xx-large{padding-right:36px !important;padding-left:36px !important}.duet-py-xx-large{padding-top:36px !important;padding-bottom:36px !important}.duet-p-xx-large{padding:36px !important}.duet-mt-xx-small{margin-top:4px !important}.duet-mb-xx-small{margin-bottom:4px !important}.duet-ml-xx-small{margin-left:4px !important}.duet-mr-xx-small{margin-right:4px !important}.duet-mx-xx-small{margin-right:4px !important;margin-left:4px !important}.duet-my-xx-small{margin-top:4px !important;margin-bottom:4px !important}.duet-m-xx-small{margin:4px !important}.duet-pt-xx-small{padding-top:4px !important}.duet-pb-xx-small{padding-bottom:4px !important}.duet-pl-xx-small{padding-left:4px !important}.duet-pr-xx-small{padding-right:4px !important}.duet-px-xx-small{padding-right:4px !important;padding-left:4px !important}.duet-py-xx-small{padding-top:4px !important;padding-bottom:4px !important}.duet-p-xx-small{padding:4px !important}.duet-mt-xxx-large{margin-top:48px !important}.duet-mb-xxx-large{margin-bottom:48px !important}.duet-ml-xxx-large{margin-left:48px !important}.duet-mr-xxx-large{margin-right:48px !important}.duet-mx-xxx-large{margin-right:48px !important;margin-left:48px !important}.duet-my-xxx-large{margin-top:48px !important;margin-bottom:48px !important}.duet-m-xxx-large{margin:48px !important}.duet-pt-xxx-large{padding-top:48px !important}.duet-pb-xxx-large{padding-bottom:48px !important}.duet-pl-xxx-large{padding-left:48px !important}.duet-pr-xxx-large{padding-right:48px !important}.duet-px-xxx-large{padding-right:48px !important;padding-left:48px !important}.duet-py-xxx-large{padding-top:48px !important;padding-bottom:48px !important}.duet-p-xxx-large{padding:48px !important}.duet-mt-xxx-small{margin-top:2px !important}.duet-mb-xxx-small{margin-bottom:2px !important}.duet-ml-xxx-small{margin-left:2px !important}.duet-mr-xxx-small{margin-right:2px !important}.duet-mx-xxx-small{margin-right:2px !important;margin-left:2px !important}.duet-my-xxx-small{margin-top:2px !important;margin-bottom:2px !important}.duet-m-xxx-small{margin:2px !important}.duet-pt-xxx-small{padding-top:2px !important}.duet-pb-xxx-small{padding-bottom:2px !important}.duet-pl-xxx-small{padding-left:2px !important}.duet-pr-xxx-small{padding-right:2px !important}.duet-px-xxx-small{padding-right:2px !important;padding-left:2px !important}.duet-py-xxx-small{padding-top:2px !important;padding-bottom:2px !important}.duet-p-xxx-small{padding:2px !important}.duet-mt-xxxx-large{margin-top:72px !important}.duet-mb-xxxx-large{margin-bottom:72px !important}.duet-ml-xxxx-large{margin-left:72px !important}.duet-mr-xxxx-large{margin-right:72px !important}.duet-mx-xxxx-large{margin-right:72px !important;margin-left:72px !important}.duet-my-xxxx-large{margin-top:72px !important;margin-bottom:72px !important}.duet-m-xxxx-large{margin:72px !important}.duet-pt-xxxx-large{padding-top:72px !important}.duet-pb-xxxx-large{padding-bottom:72px !important}.duet-pl-xxxx-large{padding-left:72px !important}.duet-pr-xxxx-large{padding-right:72px !important}.duet-px-xxxx-large{padding-right:72px !important;padding-left:72px !important}.duet-py-xxxx-large{padding-top:72px !important;padding-bottom:72px !important}.duet-p-xxxx-large{padding:72px !important}.duet-mt-xxxxx-large{margin-top:94px !important}.duet-mb-xxxxx-large{margin-bottom:94px !important}.duet-ml-xxxxx-large{margin-left:94px !important}.duet-mr-xxxxx-large{margin-right:94px !important}.duet-mx-xxxxx-large{margin-right:94px !important;margin-left:94px !important}.duet-my-xxxxx-large{margin-top:94px !important;margin-bottom:94px !important}.duet-m-xxxxx-large{margin:94px !important}.duet-pt-xxxxx-large{padding-top:94px !important}.duet-pb-xxxxx-large{padding-bottom:94px !important}.duet-pl-xxxxx-large{padding-left:94px !important}.duet-pr-xxxxx-large{padding-right:94px !important}.duet-px-xxxxx-large{padding-right:94px !important;padding-left:94px !important}.duet-py-xxxxx-large{padding-top:94px !important;padding-bottom:94px !important}.duet-p-xxxxx-large{padding:94px !important}.duet-transition-quickly{transition:all 300ms ease !important}.duet-transition-slowly{transition:all 600ms ease !important}.duet-z-index-deep{z-index:-999999 !important}.duet-z-index-default{z-index:1 !important}.duet-z-index-dropdown{z-index:600 !important}.duet-z-index-header{z-index:400 !important}.duet-z-index-mask{z-index:200 !important}.duet-z-index-mask-buttons{z-index:250 !important}.duet-z-index-masked{z-index:100 !important}.duet-z-index-modal{z-index:900 !important}.duet-z-index-overlay{z-index:700 !important}.duet-z-index-popup{z-index:950 !important}.duet-z-index-spinner{z-index:800 !important}.duet-z-index-sticky{z-index:300 !important}.duet-z-index-toast{z-index:500 !important}*,*::after,*::before{box-sizing:border-box}html{font-size:100%;background:#fff;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body{min-height:100%;padding:0;margin:0;font-variant-numeric:tabular-nums}body{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;background:rgba(0,0,0,0) !important;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.duet-theme-turva body{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#171c3a}strong,b{font-weight:600}.duet-theme-turva strong,.duet-theme-turva b{font-weight:700}button,fieldset,form,input,label,select,textarea{font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.duet-theme-turva button,.duet-theme-turva fieldset,.duet-theme-turva form,.duet-theme-turva input,.duet-theme-turva label,.duet-theme-turva select,.duet-theme-turva textarea{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}fieldset{min-width:0;padding:0;margin:0;border:0}legend{padding:0;margin:0}i,em{font-style:normal}a{color:#0077b3;transition:300ms ease}.duet-theme-turva a{color:#c60c30}a:hover{color:#004d80;text-decoration:none}.duet-theme-turva a:hover{color:#940925}a:active{opacity:.75;transition:none}.duet-list{padding:0 0 0 36px;margin:0 0 16px;font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:1rem;font-weight:400;line-height:1.5;color:#00294d;border:0 !important}.duet-theme-turva .duet-list{font-family:"turva-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#171c3a}ul.duet-list{list-style:disc !important}ol.duet-list{list-style-type:decimal !important}.duet-list li{padding:0 !important;margin:0 0 12px !important}.duet-list li:last-of-type{margin:0 !important}.duet-list li ul,.duet-list li ol{margin-top:12px !important}dl.duet-list{padding-left:0;line-height:1.25}dl.duet-list dt,dl.duet-list dd{display:block;padding:8px 0}dl.duet-list dt{padding-bottom:4px;font-weight:600}dl.duet-list dd{padding-top:0;margin:0}@media(min-width: 36em){dl.duet-list{display:grid;grid-template-columns:auto 1fr;gap:0 12px}dl.duet-list dt,dl.duet-list dd{padding-top:8px;padding-bottom:8px}}.duet-sticky-footer body,.duet-sticky-body{display:flex !important;flex-direction:column !important;min-height:100vh !important}.duet-sticky-content{flex:1 0 auto !important}.duet-font-style-italic{font-style:italic !important}.duet-text-left{text-align:left !important}.duet-text-center{text-align:center !important}.duet-text-right{text-align:right !important}.duet-expand{width:100% !important}.duet-reset{box-sizing:border-box;padding:0;margin:0;background:rgba(0,0,0,0);border:0;-moz-appearance:none;-webkit-appearance:none}.duet-visually-hidden{position:absolute !important;top:0;width:1px !important;height:1px !important;padding:0 !important;overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;border:0 !important}.duet-responsive-table{position:relative;width:100%;overflow-x:auto;background:linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0)),linear-gradient(-90deg, #fff 0%, rgba(255, 255, 255, 0)) 100% 0,radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)) 100% 0%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll;background-size:100px 100%,100px 100%,12px 100%,12px 100%}.duet-selected-column{background:rgba(0,119,179,.08)}.duet-theme-turva .duet-selected-column{background:rgba(68,68,69,.08)}.duet-bg-gradient{background-color:#fff !important;background-image:linear-gradient(rgb(243, 249, 252), rgb(255, 255, 255)) !important;background-repeat:no-repeat !important;background-size:100% 1000px !important}.duet-bg-gradient.duet-theme-turva{background-image:linear-gradient(rgb(245, 245, 247), rgb(255, 255, 255)) !important}.duet-animate-load body{visibility:hidden;opacity:0;transition:opacity 300ms 180ms ease}.duet-animate-load.hydrated body{visibility:visible;opacity:1}duet-paragraph+duet-heading{margin-top:20px !important}@media(min-width: 36em){duet-paragraph+duet-heading{margin-top:28px !important}}duet-paragraph+duet-button{margin-top:12px !important}.duet-toast{position:fixed;top:16px;left:50%;z-index:500;width:calc(100% - 28px);max-width:576px;transform:translateX(-50%)}.duet-toast duet-alert{border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,41,77,.1)}.duet-inline-loading-indicator::after{display:inline-block;min-width:1.5rem;vertical-align:bottom;content:"   ";animation:duet-inline-loading-keyframes steps(4, end) 750ms infinite}@keyframes duet-inline-loading-keyframes{0%{content:"   "}25%{content:".  "}50%{content:".. "}75%{content:"..."}}duet-action-button:not(:defined),duet-alert:not(:defined),duet-badge:not(:defined),duet-banner:not(:defined),duet-breadcrumb:not(:defined),duet-breadcrumbs:not(:defined),duet-button:not(:defined),duet-callout:not(:defined),duet-caption:not(:defined),duet-card:not(:defined),duet-checkbox:not(:defined),duet-checkmark:not(:defined),duet-chip:not(:defined),duet-choice:not(:defined),duet-choice-group:not(:defined),duet-collapsible:not(:defined),duet-combobox:not(:defined),duet-contact-card:not(:defined),duet-cookie-consent:not(:defined),duet-date-picker:not(:defined),duet-divider:not(:defined),duet-editable-table:not(:defined),duet-empty-state:not(:defined),duet-fieldset:not(:defined),duet-file-chooser:not(:defined),duet-footer:not(:defined),duet-grid:not(:defined),duet-grid-item:not(:defined),duet-header:not(:defined),duet-heading:not(:defined),duet-hero:not(:defined),duet-icon:not(:defined),duet-input:not(:defined),duet-label:not(:defined),duet-layout:not(:defined),duet-link:not(:defined),duet-list:not(:defined),duet-list-item:not(:defined),duet-logo:not(:defined),duet-menu-bar:not(:defined),duet-menu-bar-button:not(:defined),duet-menu-bar-dropdown:not(:defined),duet-menu-bar-dropdown-link:not(:defined),duet-menu-bar-item:not(:defined),duet-menu-bar-link:not(:defined),duet-modal:not(:defined),duet-multiselect:not(:defined),duet-nav:not(:defined),duet-notification:not(:defined),duet-notification-drawer:not(:defined),duet-number-input:not(:defined),duet-overlay:not(:defined),duet-page-heading:not(:defined),duet-pagination:not(:defined),duet-paragraph:not(:defined),duet-popup-menu:not(:defined),duet-popup-menu-item:not(:defined),duet-progress:not(:defined),duet-promo-card:not(:defined),duet-radio:not(:defined),duet-radio-group:not(:defined),duet-range-slider:not(:defined),duet-range-stepper:not(:defined),duet-scrollable:not(:defined),duet-section-layout:not(:defined),duet-select:not(:defined),duet-shaped-image:not(:defined),duet-show-more:not(:defined),duet-slideout:not(:defined),duet-slideout-lang:not(:defined),duet-slideout-link:not(:defined),duet-slideout-panel:not(:defined),duet-slideout-panel-dropdown:not(:defined),duet-spacer:not(:defined),duet-spinner:not(:defined),duet-step:not(:defined),duet-stepper:not(:defined),duet-submenu-bar:not(:defined),duet-submenu-bar-dropdown:not(:defined),duet-submenu-bar-dropdown-link:not(:defined),duet-submenu-bar-item:not(:defined),duet-submenu-bar-link:not(:defined),duet-tab:not(:defined),duet-tab-group:not(:defined),duet-table:not(:defined),duet-textarea:not(:defined),duet-toggle:not(:defined),duet-toolbar:not(:defined),duet-toolbar-dropdown:not(:defined),duet-toolbar-dropdown-link:not(:defined),duet-toolbar-item:not(:defined),duet-toolbar-link:not(:defined),duet-tooltip:not(:defined),duet-tooltip-button:not(:defined),duet-tooltip-popup:not(:defined),duet-tray:not(:defined),duet-upload:not(:defined),duet-upload-aria-status:not(:defined),duet-upload-item:not(:defined),duet-visually-hidden:not(:defined){visibility:hidden}.duet-breakpoints::after{position:fixed;right:0;bottom:0;z-index:2147483647;box-sizing:border-box;padding:6px 8px;font-family:"localtapiola-sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:10px;font-weight:600;color:#909599;background:#f5f8fa;border-top-left-radius:4px}@media(max-width: 35.9375em){.duet-breakpoints::after{content:"X-Small"}}@media(max-width: 20.5em){.duet-breakpoints::after{content:"XXX-Small"}}@media(max-width: 22.5em){.duet-breakpoints::after{content:"XX-Small"}}@media(min-width: 36em){.duet-breakpoints::after{content:"Small"}}@media(min-width: 48em){.duet-breakpoints::after{content:"Medium"}}@media(min-width: 62em){.duet-breakpoints::after{content:"Large"}}@media(min-width: 64.0625em){.duet-breakpoints::after{content:"X-Large"}}@media(min-width: 76.25em){.duet-breakpoints::after{content:"XX-Large"}}.duet-breakpoints.duet-theme-turva::after{color:#747475;background:#f5f5f7}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@duetds/css",
3
- "version": "4.0.54",
3
+ "version": "4.0.55",
4
4
  "description": "This package includes Duet CSS Framework and related utilities.",
5
5
  "bugs": {
6
6
  "email": "duetdesignsystem@lahitapiola.fi"
@@ -25,8 +25,8 @@
25
25
  "build:min": "sass --no-source-map --style=compressed ./src/duet.scss:./lib/duet.min.css"
26
26
  },
27
27
  "dependencies": {
28
- "@duetds/components": "9.1.0",
29
- "@duetds/tokens": "4.0.68"
28
+ "@duetds/components": "9.1.1",
29
+ "@duetds/tokens": "4.0.69"
30
30
  },
31
31
  "devDependencies": {
32
32
  "npm-run-all": "4.1.5",
@@ -39,5 +39,5 @@
39
39
  "publishConfig": {
40
40
  "access": "public"
41
41
  },
42
- "gitHead": "af6431ed1112418cfcad0e6b793f77d51da3c0d8"
42
+ "gitHead": "c3a7a3cc48aa4624df9691561641978acd350b43"
43
43
  }