maru_design2 2.18.0 → 2.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -426,6 +426,21 @@ var iconmap = {
|
|
|
426
426
|
"circles": [],
|
|
427
427
|
"rects": []
|
|
428
428
|
},
|
|
429
|
+
"BarChart20_s1613": {
|
|
430
|
+
"width": "16",
|
|
431
|
+
"height": "16",
|
|
432
|
+
"viewBox": "0 0 16 16",
|
|
433
|
+
"fill": "none",
|
|
434
|
+
"paths": [{
|
|
435
|
+
"d": "M6 14H3.06667C2.6933 14 2.50661 14 2.36401 13.9273C2.23856 13.8634 2.13658 13.7614 2.07266 13.636C2 13.4934 2 13.3067 2 12.9333V3.06667C2 2.6933 2 2.50661 2.07266 2.36401C2.13658 2.23857 2.23856 2.13658 2.36401 2.07266C2.50661 2 2.6933 2 3.06667 2H4.93333C5.3067 2 5.49339 2 5.63599 2.07266C5.76144 2.13658 5.86342 2.23856 5.92734 2.36401C6 2.50661 6 2.6933 6 3.06667V4.66667M6 14H10M6 14L6 4.66667M6 4.66667H8.93333C9.3067 4.66667 9.49339 4.66667 9.63599 4.73933C9.76143 4.80324 9.86342 4.90523 9.92734 5.03067C10 5.17328 10 5.35997 10 5.73333V14M10 7.33333H12.9333C13.3067 7.33333 13.4934 7.33333 13.636 7.406C13.7614 7.46991 13.8634 7.5719 13.9273 7.69734C14 7.83995 14 8.02663 14 8.4V12.9333C14 13.3067 14 13.4934 13.9273 13.636C13.8634 13.7614 13.7614 13.8634 13.636 13.9273C13.4934 14 13.3067 14 12.9333 14H10",
|
|
436
|
+
"stroke": "#096412",
|
|
437
|
+
"strokeWidth": "1.3",
|
|
438
|
+
"strokeLinecap": "round",
|
|
439
|
+
"strokeLinejoin": "round"
|
|
440
|
+
}],
|
|
441
|
+
"circles": [],
|
|
442
|
+
"rects": []
|
|
443
|
+
},
|
|
429
444
|
"BarChartSquare01_s2420": {
|
|
430
445
|
"width": "24",
|
|
431
446
|
"height": "24",
|
|
@@ -624,6 +639,21 @@ var iconmap = {
|
|
|
624
639
|
"circles": [],
|
|
625
640
|
"rects": []
|
|
626
641
|
},
|
|
642
|
+
"Check_s1615": {
|
|
643
|
+
"width": "16",
|
|
644
|
+
"height": "16",
|
|
645
|
+
"viewBox": "0 0 16 16",
|
|
646
|
+
"fill": "none",
|
|
647
|
+
"paths": [{
|
|
648
|
+
"d": "M13.3334 4L6.00008 11.3333L2.66675 8",
|
|
649
|
+
"stroke": "#8C8C8C",
|
|
650
|
+
"strokeWidth": "1.5",
|
|
651
|
+
"strokeLinecap": "round",
|
|
652
|
+
"strokeLinejoin": "round"
|
|
653
|
+
}],
|
|
654
|
+
"circles": [],
|
|
655
|
+
"rects": []
|
|
656
|
+
},
|
|
627
657
|
"CheckboxIndeterminate_s1610": {
|
|
628
658
|
"width": "16",
|
|
629
659
|
"height": "16",
|
|
@@ -730,6 +760,21 @@ var iconmap = {
|
|
|
730
760
|
"circles": [],
|
|
731
761
|
"rects": []
|
|
732
762
|
},
|
|
763
|
+
"ChevronDown_s1613": {
|
|
764
|
+
"width": "16",
|
|
765
|
+
"height": "16",
|
|
766
|
+
"viewBox": "0 0 16 16",
|
|
767
|
+
"fill": "none",
|
|
768
|
+
"paths": [{
|
|
769
|
+
"d": "M4 6L8 10L12 6",
|
|
770
|
+
"stroke": "#5C5C5C",
|
|
771
|
+
"strokeWidth": "1.3",
|
|
772
|
+
"strokeLinecap": "round",
|
|
773
|
+
"strokeLinejoin": "round"
|
|
774
|
+
}],
|
|
775
|
+
"circles": [],
|
|
776
|
+
"rects": []
|
|
777
|
+
},
|
|
733
778
|
"ChevronDown_s1615": {
|
|
734
779
|
"width": "16",
|
|
735
780
|
"height": "16",
|
|
@@ -1036,6 +1081,21 @@ var iconmap = {
|
|
|
1036
1081
|
"circles": [],
|
|
1037
1082
|
"rects": []
|
|
1038
1083
|
},
|
|
1084
|
+
"ChevronUp_s1613": {
|
|
1085
|
+
"width": "16",
|
|
1086
|
+
"height": "16",
|
|
1087
|
+
"viewBox": "0 0 16 16",
|
|
1088
|
+
"fill": "none",
|
|
1089
|
+
"paths": [{
|
|
1090
|
+
"d": "M14 11L9 6L4 11",
|
|
1091
|
+
"stroke": "#5C5C5C",
|
|
1092
|
+
"strokeWidth": "1.3",
|
|
1093
|
+
"strokeLinecap": "round",
|
|
1094
|
+
"strokeLinejoin": "round"
|
|
1095
|
+
}],
|
|
1096
|
+
"circles": [],
|
|
1097
|
+
"rects": []
|
|
1098
|
+
},
|
|
1039
1099
|
"ChevronUp_s1615": {
|
|
1040
1100
|
"width": "16",
|
|
1041
1101
|
"height": "16",
|
|
@@ -1066,6 +1126,21 @@ var iconmap = {
|
|
|
1066
1126
|
"circles": [],
|
|
1067
1127
|
"rects": []
|
|
1068
1128
|
},
|
|
1129
|
+
"ClipboardCheck_s1612": {
|
|
1130
|
+
"width": "16",
|
|
1131
|
+
"height": "16",
|
|
1132
|
+
"viewBox": "0 0 16 16",
|
|
1133
|
+
"fill": "none",
|
|
1134
|
+
"paths": [{
|
|
1135
|
+
"d": "M11.0769 2.4C11.7029 2.4 12.0158 2.4 12.2726 2.47156C12.9694 2.66574 13.5137 3.23179 13.7004 3.95648C13.7692 4.22353 13.7692 4.54902 13.7692 5.2V11.64C13.7692 12.8161 13.7692 13.4042 13.5491 13.8534C13.3556 14.2485 13.0467 14.5698 12.6667 14.7711C12.2348 15 11.6693 15 10.5385 15H6.23077C5.09989 15 4.53446 15 4.10252 14.7711C3.72258 14.5698 3.41367 14.2485 3.22008 13.8534C3 13.4042 3 12.8161 3 11.64V5.2C3 4.54902 3 4.22353 3.0688 3.95648C3.25552 3.23179 3.79979 2.66574 4.49662 2.47156C4.75339 2.4 5.06637 2.4 5.69231 2.4M6.36538 10.1L7.71154 11.5L10.7404 8.35M6.76923 3.8H10C10.377 3.8 10.5654 3.8 10.7094 3.7237C10.8361 3.65659 10.939 3.54951 11.0036 3.41779C11.0769 3.26806 11.0769 3.07204 11.0769 2.68V2.12C11.0769 1.72796 11.0769 1.53194 11.0036 1.38221C10.939 1.25049 10.8361 1.14341 10.7094 1.0763C10.5654 1 10.377 1 10 1H6.76923C6.39227 1 6.20379 1 6.05981 1.0763C5.93317 1.14341 5.8302 1.25049 5.76567 1.38221C5.69231 1.53194 5.69231 1.72796 5.69231 2.12V2.68C5.69231 3.07204 5.69231 3.26806 5.76567 3.41779C5.8302 3.54951 5.93317 3.65659 6.05981 3.7237C6.20379 3.8 6.39227 3.8 6.76923 3.8Z",
|
|
1136
|
+
"stroke": "#5C5C5C",
|
|
1137
|
+
"strokeWidth": "1.2",
|
|
1138
|
+
"strokeLinecap": "round",
|
|
1139
|
+
"strokeLinejoin": "round"
|
|
1140
|
+
}],
|
|
1141
|
+
"circles": [],
|
|
1142
|
+
"rects": []
|
|
1143
|
+
},
|
|
1069
1144
|
"ClipboardCheck_s1615": {
|
|
1070
1145
|
"width": "16",
|
|
1071
1146
|
"height": "16",
|
|
@@ -1126,6 +1201,21 @@ var iconmap = {
|
|
|
1126
1201
|
"circles": [],
|
|
1127
1202
|
"rects": []
|
|
1128
1203
|
},
|
|
1204
|
+
"ClipboardX_s1613": {
|
|
1205
|
+
"width": "16",
|
|
1206
|
+
"height": "16",
|
|
1207
|
+
"viewBox": "0 0 16 16",
|
|
1208
|
+
"fill": "none",
|
|
1209
|
+
"paths": [{
|
|
1210
|
+
"d": "M11.0769 2.4C11.7029 2.4 12.0158 2.4 12.2726 2.47156C12.9694 2.66574 13.5137 3.23179 13.7004 3.95648C13.7692 4.22353 13.7692 4.54902 13.7692 5.2V11.64C13.7692 12.8161 13.7692 13.4042 13.5491 13.8534C13.3556 14.2485 13.0467 14.5698 12.6667 14.7711C12.2348 15 11.6693 15 10.5385 15H6.23077C5.09989 15 4.53446 15 4.10252 14.7711C3.72258 14.5698 3.41367 14.2485 3.22008 13.8534C3 13.4042 3 12.8161 3 11.64V5.2C3 4.54902 3 4.22353 3.0688 3.95648C3.25552 3.23179 3.79979 2.66574 4.49662 2.47156C4.75339 2.4 5.06637 2.4 5.69231 2.4M6.70192 8L10.0673 11.5M10.0673 8L6.70192 11.5M6.76923 3.8H10C10.377 3.8 10.5654 3.8 10.7094 3.7237C10.8361 3.65659 10.939 3.54951 11.0036 3.41779C11.0769 3.26806 11.0769 3.07204 11.0769 2.68V2.12C11.0769 1.72796 11.0769 1.53194 11.0036 1.38221C10.939 1.25049 10.8361 1.14341 10.7094 1.0763C10.5654 1 10.377 1 10 1H6.76923C6.39227 1 6.20379 1 6.05981 1.0763C5.93317 1.14341 5.8302 1.25049 5.76567 1.38221C5.69231 1.53194 5.69231 1.72796 5.69231 2.12V2.68C5.69231 3.07204 5.69231 3.26806 5.76567 3.41779C5.8302 3.54951 5.93317 3.65659 6.05981 3.7237C6.20379 3.8 6.39227 3.8 6.76923 3.8Z",
|
|
1211
|
+
"stroke": "#E53E3E",
|
|
1212
|
+
"strokeWidth": "1.3",
|
|
1213
|
+
"strokeLinecap": "round",
|
|
1214
|
+
"strokeLinejoin": "round"
|
|
1215
|
+
}],
|
|
1216
|
+
"circles": [],
|
|
1217
|
+
"rects": []
|
|
1218
|
+
},
|
|
1129
1219
|
"Clipboard_s1615": {
|
|
1130
1220
|
"width": "16",
|
|
1131
1221
|
"height": "16",
|
|
@@ -1266,6 +1356,21 @@ var iconmap = {
|
|
|
1266
1356
|
"circles": [],
|
|
1267
1357
|
"rects": []
|
|
1268
1358
|
},
|
|
1359
|
+
"CornerUpLeft_s1413": {
|
|
1360
|
+
"width": "14",
|
|
1361
|
+
"height": "14",
|
|
1362
|
+
"viewBox": "0 0 14 14",
|
|
1363
|
+
"fill": "none",
|
|
1364
|
+
"paths": [{
|
|
1365
|
+
"d": "M5.24996 8.16634L2.3333 5.24967M2.3333 5.24967L5.24996 2.33301M2.3333 5.24967H6.06663C8.02682 5.24967 9.00691 5.24967 9.7556 5.63115C10.4142 5.96671 10.9496 6.50214 11.2852 7.16071C11.6666 7.9094 11.6666 8.88949 11.6666 10.8497V11.6663",
|
|
1366
|
+
"stroke": "#8C8C8C",
|
|
1367
|
+
"strokeWidth": "1.3",
|
|
1368
|
+
"strokeLinecap": "round",
|
|
1369
|
+
"strokeLinejoin": "round"
|
|
1370
|
+
}],
|
|
1371
|
+
"circles": [],
|
|
1372
|
+
"rects": []
|
|
1373
|
+
},
|
|
1269
1374
|
"CornerUpLeft_s1815": {
|
|
1270
1375
|
"width": "18",
|
|
1271
1376
|
"height": "18",
|
|
@@ -1359,6 +1464,27 @@ var iconmap = {
|
|
|
1359
1464
|
"circles": [],
|
|
1360
1465
|
"rects": []
|
|
1361
1466
|
},
|
|
1467
|
+
"CursorDoubleBox_s1613": {
|
|
1468
|
+
"width": "15",
|
|
1469
|
+
"height": "15",
|
|
1470
|
+
"viewBox": "0 0 15 15",
|
|
1471
|
+
"fill": "none",
|
|
1472
|
+
"paths": [{
|
|
1473
|
+
"d": "M0.777832 6.8017L0.777832 4.79385M4.79352 0.778167L6.80136 0.778167M10.817 2.78601C10.817 2.3192 10.817 2.0858 10.7657 1.8943C10.6265 1.37463 10.2206 0.968722 9.70092 0.829478C9.50942 0.778166 9.27601 0.778166 8.8092 0.778166M2.78567 0.778167C2.31887 0.778167 2.08546 0.778167 1.89396 0.829478C1.37429 0.968723 0.968388 1.37463 0.829143 1.8943C0.777832 2.0858 0.777832 2.3192 0.777832 2.78601M0.777832 8.80954C0.777832 9.27635 0.777832 9.50975 0.829144 9.70125C0.968388 10.2209 1.3743 10.6268 1.89396 10.7661C2.08546 10.8174 2.31887 10.8174 2.78568 10.8174",
|
|
1474
|
+
"stroke": "#5C5C5C",
|
|
1475
|
+
"strokeWidth": "1.3",
|
|
1476
|
+
"strokeLinecap": "round",
|
|
1477
|
+
"strokeLinejoin": "round"
|
|
1478
|
+
}, {
|
|
1479
|
+
"d": "M13.7595 8.30558V7.49927C13.7595 6.70238 13.7595 6.30394 13.6044 5.99957C13.468 5.73183 13.2503 5.51416 12.9826 5.37774C12.6782 5.22266 12.2798 5.22266 11.4829 5.22266H7.49879C6.7019 5.22266 6.30345 5.22266 5.99908 5.37774C5.73135 5.51416 5.51367 5.73183 5.37725 5.99957C5.22217 6.30394 5.22217 6.70238 5.22217 7.49927V11.4834C5.22217 12.2802 5.22217 12.6787 5.37725 12.9831C5.51367 13.2508 5.73135 13.4685 5.99908 13.6049C6.30345 13.76 6.7019 13.76 7.49879 13.76H8.30509M12.0455 12.2002L11.24 13.6961C11.1083 13.9406 11.0425 14.0629 10.9623 14.0948C10.8926 14.1225 10.8139 14.1156 10.7501 14.0762C10.6766 14.0309 10.633 13.8991 10.5457 13.6355L9.25387 9.73383C9.17743 9.50296 9.13921 9.38753 9.1667 9.31065C9.19061 9.24375 9.24327 9.1911 9.31017 9.16718C9.38704 9.1397 9.50248 9.17792 9.73335 9.25436L13.635 10.5462C13.8986 10.6335 14.0304 10.6771 14.0758 10.7506C14.1151 10.8144 14.122 10.8931 14.0943 10.9628C14.0624 11.043 13.9401 11.1088 13.6956 11.2405L12.1997 12.046C12.1624 12.066 12.1438 12.0761 12.1275 12.089C12.113 12.1004 12.0999 12.1135 12.0885 12.128C12.0756 12.1443 12.0656 12.1629 12.0455 12.2002Z",
|
|
1480
|
+
"stroke": "#5C5C5C",
|
|
1481
|
+
"strokeWidth": "1.3",
|
|
1482
|
+
"strokeLinecap": "round",
|
|
1483
|
+
"strokeLinejoin": "round"
|
|
1484
|
+
}],
|
|
1485
|
+
"circles": [],
|
|
1486
|
+
"rects": []
|
|
1487
|
+
},
|
|
1362
1488
|
"Database01_s1615": {
|
|
1363
1489
|
"width": "16",
|
|
1364
1490
|
"height": "16",
|
|
@@ -2421,6 +2547,21 @@ var iconmap = {
|
|
|
2421
2547
|
"circles": [],
|
|
2422
2548
|
"rects": []
|
|
2423
2549
|
},
|
|
2550
|
+
"FileCheck02_s1613": {
|
|
2551
|
+
"width": "16",
|
|
2552
|
+
"height": "16",
|
|
2553
|
+
"viewBox": "0 0 16 16",
|
|
2554
|
+
"fill": "none",
|
|
2555
|
+
"paths": [{
|
|
2556
|
+
"d": "M13.2941 8.825V5.12C13.2941 4.0279 13.2941 3.48185 13.0633 3.06472C12.8603 2.6978 12.5363 2.39949 12.1379 2.21254C11.6849 2 11.0919 2 9.90588 2H5.38824C4.20224 2 3.60925 2 3.15626 2.21254C2.75779 2.39949 2.43384 2.6978 2.23081 3.06472C2 3.48185 2 4.0279 2 5.12V11.88C2 12.9721 2 13.5182 2.23081 13.9353C2.43384 14.3022 2.75779 14.6005 3.15626 14.7875C3.60925 15 4.20224 15 5.38824 15H7.64706M9.05882 7.85H4.82353M6.23529 10.45H4.82353M10.4706 5.25H4.82353M9.41176 13.05L10.8235 14.35L14 11.425",
|
|
2557
|
+
"stroke": "#5C5C5C",
|
|
2558
|
+
"strokeWidth": "1.3",
|
|
2559
|
+
"strokeLinecap": "round",
|
|
2560
|
+
"strokeLinejoin": "round"
|
|
2561
|
+
}],
|
|
2562
|
+
"circles": [],
|
|
2563
|
+
"rects": []
|
|
2564
|
+
},
|
|
2424
2565
|
"FileCheck02_s1615": {
|
|
2425
2566
|
"width": "16",
|
|
2426
2567
|
"height": "16",
|
|
@@ -2539,6 +2680,27 @@ var iconmap = {
|
|
|
2539
2680
|
"circles": [],
|
|
2540
2681
|
"rects": []
|
|
2541
2682
|
},
|
|
2683
|
+
"FileOut_s1612": {
|
|
2684
|
+
"width": "13",
|
|
2685
|
+
"height": "16",
|
|
2686
|
+
"viewBox": "0 0 13 16",
|
|
2687
|
+
"fill": "none",
|
|
2688
|
+
"paths": [{
|
|
2689
|
+
"d": "M11.3332 8.33398V4.53398C11.3332 3.41388 11.3332 2.85383 11.1152 2.426C10.9234 2.04968 10.6175 1.74372 10.2412 1.55197C9.81333 1.33398 9.25328 1.33398 8.13317 1.33398H3.8665C2.7464 1.33398 2.18635 1.33398 1.75852 1.55197C1.3822 1.74372 1.07624 2.04968 0.884491 2.426C0.666504 2.85383 0.666504 3.41388 0.666504 4.53398V11.4673C0.666504 12.5874 0.666504 13.1475 0.884491 13.5753C1.07624 13.9516 1.3822 14.2576 1.75852 14.4493C2.18635 14.6673 2.74637 14.6673 3.86641 14.6673H6.33317",
|
|
2690
|
+
"stroke": "#5C5C5C",
|
|
2691
|
+
"strokeWidth": "1.2",
|
|
2692
|
+
"strokeLinecap": "round",
|
|
2693
|
+
"strokeLinejoin": "round"
|
|
2694
|
+
}, {
|
|
2695
|
+
"d": "M10 14.667L12 12.667M12 12.667L10 10.667M12 12.667L10 12.667L8 12.667",
|
|
2696
|
+
"stroke": "#5C5C5C",
|
|
2697
|
+
"strokeWidth": "1.2",
|
|
2698
|
+
"strokeLinecap": "round",
|
|
2699
|
+
"strokeLinejoin": "round"
|
|
2700
|
+
}],
|
|
2701
|
+
"circles": [],
|
|
2702
|
+
"rects": []
|
|
2703
|
+
},
|
|
2542
2704
|
"FilePlus02_s1615": {
|
|
2543
2705
|
"width": "16",
|
|
2544
2706
|
"height": "16",
|
|
@@ -2708,6 +2870,21 @@ var iconmap = {
|
|
|
2708
2870
|
"circles": [],
|
|
2709
2871
|
"rects": []
|
|
2710
2872
|
},
|
|
2873
|
+
"File_s1613": {
|
|
2874
|
+
"width": "16",
|
|
2875
|
+
"height": "16",
|
|
2876
|
+
"viewBox": "0 0 16 16",
|
|
2877
|
+
"fill": "none",
|
|
2878
|
+
"paths": [{
|
|
2879
|
+
"d": "M9.25 1.18867V4.08005C9.25 4.47209 9.25 4.6681 9.31812 4.81784C9.37804 4.94956 9.47365 5.05664 9.59126 5.12375C9.72495 5.20005 9.89997 5.20005 10.25 5.20005H12.8316M9.25 1H6C4.9499 1 4.42485 1 4.02377 1.22889C3.67096 1.43022 3.38413 1.75148 3.20436 2.14662C3 2.59583 3 3.18389 3 4.36V11.64C3 12.8161 3 13.4042 3.20436 13.8534C3.38413 14.2485 3.67096 14.5698 4.02377 14.7711C4.42485 15 4.9499 15 6 15H10C11.0501 15 11.5751 15 11.9762 14.7711C12.329 14.5698 12.6159 14.2485 12.7956 13.8534C13 13.4042 13 12.8161 13 11.64V5.2L9.25 1Z",
|
|
2880
|
+
"stroke": "#5C5C5C",
|
|
2881
|
+
"strokeWidth": "1.3",
|
|
2882
|
+
"strokeLinecap": "round",
|
|
2883
|
+
"strokeLinejoin": "round"
|
|
2884
|
+
}],
|
|
2885
|
+
"circles": [],
|
|
2886
|
+
"rects": []
|
|
2887
|
+
},
|
|
2711
2888
|
"File_s2415": {
|
|
2712
2889
|
"width": "24",
|
|
2713
2890
|
"height": "24",
|
|
@@ -3012,6 +3189,33 @@ var iconmap = {
|
|
|
3012
3189
|
"circles": [],
|
|
3013
3190
|
"rects": []
|
|
3014
3191
|
},
|
|
3192
|
+
"Home_s2415": {
|
|
3193
|
+
"width": "24",
|
|
3194
|
+
"height": "24",
|
|
3195
|
+
"viewBox": "0 0 24 24",
|
|
3196
|
+
"fill": "none",
|
|
3197
|
+
"paths": [{
|
|
3198
|
+
"d": "M3 10.5789L12 3L21 10.5789",
|
|
3199
|
+
"stroke": "#096412",
|
|
3200
|
+
"strokeWidth": "1.5",
|
|
3201
|
+
"strokeLinecap": "round",
|
|
3202
|
+
"strokeLinejoin": "round"
|
|
3203
|
+
}, {
|
|
3204
|
+
"d": "M3 10.579V18.6842C3 19.2984 3.27092 19.8875 3.75315 20.3218C4.23539 20.756 4.88944 21 5.57143 21H18.4286C19.1106 21 19.7646 20.756 20.2468 20.3218C20.7291 19.8875 21 19.2984 21 18.6842V10.579",
|
|
3205
|
+
"stroke": "#096412",
|
|
3206
|
+
"strokeWidth": "1.5",
|
|
3207
|
+
"strokeLinecap": "round",
|
|
3208
|
+
"strokeLinejoin": "round"
|
|
3209
|
+
}, {
|
|
3210
|
+
"d": "M9 21.0001V15.3159C9 14.8134 9.21071 14.3314 9.58579 13.9761C9.96086 13.6208 10.4696 13.4211 11 13.4211H13C13.5304 13.4211 14.0391 13.6208 14.4142 13.9761C14.7893 14.3314 15 14.8134 15 15.3159V21.0001",
|
|
3211
|
+
"stroke": "#096412",
|
|
3212
|
+
"strokeWidth": "1.5",
|
|
3213
|
+
"strokeLinecap": "round",
|
|
3214
|
+
"strokeLinejoin": "round"
|
|
3215
|
+
}],
|
|
3216
|
+
"circles": [],
|
|
3217
|
+
"rects": []
|
|
3218
|
+
},
|
|
3015
3219
|
"Information_s1610": {
|
|
3016
3220
|
"width": "16",
|
|
3017
3221
|
"height": "16",
|
|
@@ -3165,6 +3369,38 @@ var iconmap = {
|
|
|
3165
3369
|
"circles": [],
|
|
3166
3370
|
"rects": []
|
|
3167
3371
|
},
|
|
3372
|
+
"Menu2_s1613": {
|
|
3373
|
+
"width": "14",
|
|
3374
|
+
"height": "13",
|
|
3375
|
+
"viewBox": "0 0 14 13",
|
|
3376
|
+
"fill": "none",
|
|
3377
|
+
"paths": [{
|
|
3378
|
+
"d": "M8.99951 4.33301H12.9994V9.66619C12.9994 10.609 12.9994 11.0804 12.7065 11.3733C12.4136 11.6662 11.9422 11.6662 10.9994 11.6662H8.99951V4.33301Z",
|
|
3379
|
+
"stroke": "#5C5C5C",
|
|
3380
|
+
"strokeWidth": "1.3",
|
|
3381
|
+
"strokeLinecap": "round"
|
|
3382
|
+
}, {
|
|
3383
|
+
"d": "M1 4.33301H4.99992V11.6662H3C2.05719 11.6662 1.58579 11.6662 1.29289 11.3733C1 11.0804 1 10.609 1 9.66619V4.33301Z",
|
|
3384
|
+
"stroke": "#5C5C5C",
|
|
3385
|
+
"strokeWidth": "1.3",
|
|
3386
|
+
"strokeLinecap": "round"
|
|
3387
|
+
}, {
|
|
3388
|
+
"d": "M1 3C1 2.05719 1 1.58579 1.29289 1.29289C1.58579 1 2.05719 1 3 1H10.9998C11.9426 1 12.414 1 12.7069 1.29289C12.9998 1.58579 12.9998 2.05719 12.9998 3V4.33327H1V3Z",
|
|
3389
|
+
"stroke": "#5C5C5C",
|
|
3390
|
+
"strokeWidth": "1.3",
|
|
3391
|
+
"strokeLinecap": "round"
|
|
3392
|
+
}],
|
|
3393
|
+
"circles": [],
|
|
3394
|
+
"rects": [{
|
|
3395
|
+
"x": "4.99951",
|
|
3396
|
+
"y": "4.33301",
|
|
3397
|
+
"width": "3.99992",
|
|
3398
|
+
"height": "7.33318",
|
|
3399
|
+
"stroke": "#5C5C5C",
|
|
3400
|
+
"strokeWidth": "1.3",
|
|
3401
|
+
"strokeLinecap": "round"
|
|
3402
|
+
}]
|
|
3403
|
+
},
|
|
3168
3404
|
"Menu_s2415": {
|
|
3169
3405
|
"width": "24",
|
|
3170
3406
|
"height": "24",
|
|
@@ -3513,6 +3749,21 @@ var iconmap = {
|
|
|
3513
3749
|
"circles": [],
|
|
3514
3750
|
"rects": []
|
|
3515
3751
|
},
|
|
3752
|
+
"PlusCircle_s1613": {
|
|
3753
|
+
"width": "16",
|
|
3754
|
+
"height": "16",
|
|
3755
|
+
"viewBox": "0 0 16 16",
|
|
3756
|
+
"fill": "none",
|
|
3757
|
+
"paths": [{
|
|
3758
|
+
"d": "M7.66667 5V10.3333M5 7.66667H10.3333M14.3333 7.66667C14.3333 11.3486 11.3486 14.3333 7.66667 14.3333C3.98477 14.3333 1 11.3486 1 7.66667C1 3.98477 3.98477 1 7.66667 1C11.3486 1 14.3333 3.98477 14.3333 7.66667Z",
|
|
3759
|
+
"stroke": "#5C5C5C",
|
|
3760
|
+
"strokeWidth": "1.3",
|
|
3761
|
+
"strokeLinecap": "round",
|
|
3762
|
+
"strokeLinejoin": "round"
|
|
3763
|
+
}],
|
|
3764
|
+
"circles": [],
|
|
3765
|
+
"rects": []
|
|
3766
|
+
},
|
|
3516
3767
|
"PlusCircle_s1615": {
|
|
3517
3768
|
"width": "16",
|
|
3518
3769
|
"height": "16",
|
|
@@ -3557,6 +3808,20 @@ var iconmap = {
|
|
|
3557
3808
|
"circles": [],
|
|
3558
3809
|
"rects": []
|
|
3559
3810
|
},
|
|
3811
|
+
"PlusCircle_s2410": {
|
|
3812
|
+
"width": "24",
|
|
3813
|
+
"height": "25",
|
|
3814
|
+
"viewBox": "0 0 24 25",
|
|
3815
|
+
"fill": "none",
|
|
3816
|
+
"paths": [{
|
|
3817
|
+
"d": "M12.0002 8.23333V16.7667M7.7335 12.5H16.2668M22.6668 12.5C22.6668 18.391 17.8912 23.1667 12.0002 23.1667C6.10912 23.1667 1.3335 18.391 1.3335 12.5C1.3335 6.60896 6.10912 1.83333 12.0002 1.83333C17.8912 1.83333 22.6668 6.60896 22.6668 12.5Z",
|
|
3818
|
+
"stroke": "#8C8C8C",
|
|
3819
|
+
"strokeLinecap": "round",
|
|
3820
|
+
"strokeLinejoin": "round"
|
|
3821
|
+
}],
|
|
3822
|
+
"circles": [],
|
|
3823
|
+
"rects": []
|
|
3824
|
+
},
|
|
3560
3825
|
"PlusCircle_s2420": {
|
|
3561
3826
|
"width": "24",
|
|
3562
3827
|
"height": "24",
|
|
@@ -3738,6 +4003,21 @@ var iconmap = {
|
|
|
3738
4003
|
"circles": [],
|
|
3739
4004
|
"rects": []
|
|
3740
4005
|
},
|
|
4006
|
+
"RefreshCw01_s1613": {
|
|
4007
|
+
"width": "16",
|
|
4008
|
+
"height": "16",
|
|
4009
|
+
"viewBox": "0 0 16 16",
|
|
4010
|
+
"fill": "none",
|
|
4011
|
+
"paths": [{
|
|
4012
|
+
"d": "M2 6.66667C2 6.66667 3.2663 4.84548 4.29505 3.75883C5.3238 2.67218 6.74543 2 8.31579 2C11.4551 2 14 4.68629 14 8C14 11.3137 11.4551 14 8.31579 14C5.72436 14 3.53797 12.1695 2.85375 9.66667M2 6.66667V2.66667M2 6.66667H5.78947",
|
|
4013
|
+
"stroke": "#5C5C5C",
|
|
4014
|
+
"strokeWidth": "1.3",
|
|
4015
|
+
"strokeLinecap": "round",
|
|
4016
|
+
"strokeLinejoin": "round"
|
|
4017
|
+
}],
|
|
4018
|
+
"circles": [],
|
|
4019
|
+
"rects": []
|
|
4020
|
+
},
|
|
3741
4021
|
"RefreshCw01_s1815": {
|
|
3742
4022
|
"width": "18",
|
|
3743
4023
|
"height": "18",
|
|
@@ -3783,6 +4063,21 @@ var iconmap = {
|
|
|
3783
4063
|
"circles": [],
|
|
3784
4064
|
"rects": []
|
|
3785
4065
|
},
|
|
4066
|
+
"ReverseLeft2_s1613": {
|
|
4067
|
+
"width": "16",
|
|
4068
|
+
"height": "16",
|
|
4069
|
+
"viewBox": "0 0 16 16",
|
|
4070
|
+
"fill": "none",
|
|
4071
|
+
"paths": [{
|
|
4072
|
+
"d": "M2 6.66667H11C12.6569 6.66667 14 8.00981 14 9.66667C14 11.3235 12.6569 12.6667 11 12.6667H8M2 6.66667L4.66667 4M2 6.66667L4.66667 9.33333",
|
|
4073
|
+
"stroke": "#5C5C5C",
|
|
4074
|
+
"strokeWidth": "1.3",
|
|
4075
|
+
"strokeLinecap": "round",
|
|
4076
|
+
"strokeLinejoin": "round"
|
|
4077
|
+
}],
|
|
4078
|
+
"circles": [],
|
|
4079
|
+
"rects": []
|
|
4080
|
+
},
|
|
3786
4081
|
"ReverseLeft_s1815": {
|
|
3787
4082
|
"width": "18",
|
|
3788
4083
|
"height": "18",
|
|
@@ -4191,21 +4486,6 @@ var iconmap = {
|
|
|
4191
4486
|
"circles": [],
|
|
4192
4487
|
"rects": []
|
|
4193
4488
|
},
|
|
4194
|
-
"Success_s1615": {
|
|
4195
|
-
"width": "16",
|
|
4196
|
-
"height": "16",
|
|
4197
|
-
"viewBox": "0 0 16 16",
|
|
4198
|
-
"fill": "none",
|
|
4199
|
-
"paths": [{
|
|
4200
|
-
"d": "M13.3334 4L6.00008 11.3333L2.66675 8",
|
|
4201
|
-
"stroke": "#8C8C8C",
|
|
4202
|
-
"strokeWidth": "1.5",
|
|
4203
|
-
"strokeLinecap": "round",
|
|
4204
|
-
"strokeLinejoin": "round"
|
|
4205
|
-
}],
|
|
4206
|
-
"circles": [],
|
|
4207
|
-
"rects": []
|
|
4208
|
-
},
|
|
4209
4489
|
"SwitchHorizontal02_s1615": {
|
|
4210
4490
|
"width": "16",
|
|
4211
4491
|
"height": "16",
|
|
@@ -4607,7 +4887,10 @@ var iconmap = {
|
|
|
4607
4887
|
"height": "14",
|
|
4608
4888
|
"rx": "2",
|
|
4609
4889
|
"transform": "rotate(45 12 2)",
|
|
4610
|
-
"fill": "#E53E3E"
|
|
4890
|
+
"fill": "#E53E3E",
|
|
4891
|
+
"stroke": "white",
|
|
4892
|
+
"strokeWidth": "1.5",
|
|
4893
|
+
"strokeLinecap": "round"
|
|
4611
4894
|
}]
|
|
4612
4895
|
},
|
|
4613
4896
|
"X_s1410": {
|
|
@@ -4725,6 +5008,7 @@ var ICONS = {
|
|
|
4725
5008
|
"Atom01_s1615": "Atom01_s1615",
|
|
4726
5009
|
"BarChart10_s2420": "BarChart10_s2420",
|
|
4727
5010
|
"BarChart12_s2420": "BarChart12_s2420",
|
|
5011
|
+
"BarChart20_s1613": "BarChart20_s1613",
|
|
4728
5012
|
"BarChartSquare01_s2420": "BarChartSquare01_s2420",
|
|
4729
5013
|
"BarChartSquare02_s2420": "BarChartSquare02_s2420",
|
|
4730
5014
|
"BookClosed_s2420": "BookClosed_s2420",
|
|
@@ -4737,6 +5021,7 @@ var ICONS = {
|
|
|
4737
5021
|
"CheckCircleBg_s2410": "CheckCircleBg_s2410",
|
|
4738
5022
|
"CheckCircle_s1413": "CheckCircle_s1413",
|
|
4739
5023
|
"CheckCircle_s1613": "CheckCircle_s1613",
|
|
5024
|
+
"Check_s1615": "Check_s1615",
|
|
4740
5025
|
"CheckboxIndeterminate_s1610": "CheckboxIndeterminate_s1610",
|
|
4741
5026
|
"CheckboxIndeterminate_s1810": "CheckboxIndeterminate_s1810",
|
|
4742
5027
|
"CheckboxOff_s1610": "CheckboxOff_s1610",
|
|
@@ -4745,6 +5030,7 @@ var ICONS = {
|
|
|
4745
5030
|
"CheckboxOn_s1610": "CheckboxOn_s1610",
|
|
4746
5031
|
"CheckboxOn_s1810": "CheckboxOn_s1810",
|
|
4747
5032
|
"CheckboxOn_s2410": "CheckboxOn_s2410",
|
|
5033
|
+
"ChevronDown_s1613": "ChevronDown_s1613",
|
|
4748
5034
|
"ChevronDown_s1615": "ChevronDown_s1615",
|
|
4749
5035
|
"ChevronDown_s2420": "ChevronDown_s2420",
|
|
4750
5036
|
"ChevronLeftCircleBg_s2415": "ChevronLeftCircleBg_s2415",
|
|
@@ -4765,12 +5051,15 @@ var ICONS = {
|
|
|
4765
5051
|
"ChevronRight_s2020": "ChevronRight_s2020",
|
|
4766
5052
|
"ChevronRight_s2420": "ChevronRight_s2420",
|
|
4767
5053
|
"ChevronSelectorVertical_s2020": "ChevronSelectorVertical_s2020",
|
|
5054
|
+
"ChevronUp_s1613": "ChevronUp_s1613",
|
|
4768
5055
|
"ChevronUp_s1615": "ChevronUp_s1615",
|
|
4769
5056
|
"ChevronUp_s2420": "ChevronUp_s2420",
|
|
5057
|
+
"ClipboardCheck_s1612": "ClipboardCheck_s1612",
|
|
4770
5058
|
"ClipboardCheck_s1615": "ClipboardCheck_s1615",
|
|
4771
5059
|
"ClipboardPlus_s1615": "ClipboardPlus_s1615",
|
|
4772
5060
|
"ClipboardPlus_s2015": "ClipboardPlus_s2015",
|
|
4773
5061
|
"ClipboardPlus_s2415": "ClipboardPlus_s2415",
|
|
5062
|
+
"ClipboardX_s1613": "ClipboardX_s1613",
|
|
4774
5063
|
"Clipboard_s1615": "Clipboard_s1615",
|
|
4775
5064
|
"CodeSnippet02_s2420": "CodeSnippet02_s2420",
|
|
4776
5065
|
"Connection_s1810": "Connection_s1810",
|
|
@@ -4779,12 +5068,14 @@ var ICONS = {
|
|
|
4779
5068
|
"Copy_s1613": "Copy_s1613",
|
|
4780
5069
|
"CornerDownRight_s1615": "CornerDownRight_s1615",
|
|
4781
5070
|
"CornerDownRight_s2420": "CornerDownRight_s2420",
|
|
5071
|
+
"CornerUpLeft_s1413": "CornerUpLeft_s1413",
|
|
4782
5072
|
"CornerUpLeft_s1815": "CornerUpLeft_s1815",
|
|
4783
5073
|
"CornerUpRight_s1815": "CornerUpRight_s1815",
|
|
4784
5074
|
"CurrencyDollar_s2420": "CurrencyDollar_s2420",
|
|
4785
5075
|
"Cursor04_s1815": "Cursor04_s1815",
|
|
4786
5076
|
"CursorBox_s1613": "CursorBox_s1613",
|
|
4787
5077
|
"CursorBox_s1815": "CursorBox_s1815",
|
|
5078
|
+
"CursorDoubleBox_s1613": "CursorDoubleBox_s1613",
|
|
4788
5079
|
"Database01_s1615": "Database01_s1615",
|
|
4789
5080
|
"Database02_s1615": "Database02_s1615",
|
|
4790
5081
|
"Database02_s2015": "Database02_s2015",
|
|
@@ -4829,11 +5120,13 @@ var ICONS = {
|
|
|
4829
5120
|
"File06_s2420": "File06_s2420",
|
|
4830
5121
|
"FileChart_s1810": "FileChart_s1810",
|
|
4831
5122
|
"FileCheck02_s1410": "FileCheck02_s1410",
|
|
5123
|
+
"FileCheck02_s1613": "FileCheck02_s1613",
|
|
4832
5124
|
"FileCheck02_s1615": "FileCheck02_s1615",
|
|
4833
5125
|
"FileCheck03_s1615": "FileCheck03_s1615",
|
|
4834
5126
|
"FileCheck04_s1413": "FileCheck04_s1413",
|
|
4835
5127
|
"FileCode_s1810": "FileCode_s1810",
|
|
4836
5128
|
"FileDot_s1810": "FileDot_s1810",
|
|
5129
|
+
"FileOut_s1612": "FileOut_s1612",
|
|
4837
5130
|
"FilePlus02_s1615": "FilePlus02_s1615",
|
|
4838
5131
|
"FilePlus_s1810": "FilePlus_s1810",
|
|
4839
5132
|
"FilePlus_s1812": "FilePlus_s1812",
|
|
@@ -4844,6 +5137,7 @@ var ICONS = {
|
|
|
4844
5137
|
"FileX02_s1615": "FileX02_s1615",
|
|
4845
5138
|
"FileX02_s3220": "FileX02_s3220",
|
|
4846
5139
|
"File_s1611": "File_s1611",
|
|
5140
|
+
"File_s1613": "File_s1613",
|
|
4847
5141
|
"File_s2415": "File_s2415",
|
|
4848
5142
|
"File_s2420": "File_s2420",
|
|
4849
5143
|
"File_s3020": "File_s3020",
|
|
@@ -4862,6 +5156,7 @@ var ICONS = {
|
|
|
4862
5156
|
"GraduationHat01_s2420": "GraduationHat01_s2420",
|
|
4863
5157
|
"HomeOutline24_s2410": "HomeOutline24_s2410",
|
|
4864
5158
|
"Home_s2015": "Home_s2015",
|
|
5159
|
+
"Home_s2415": "Home_s2415",
|
|
4865
5160
|
"Information_s1610": "Information_s1610",
|
|
4866
5161
|
"LineChartDown01_s2420": "LineChartDown01_s2420",
|
|
4867
5162
|
"Loading02_s1415": "Loading02_s1415",
|
|
@@ -4872,6 +5167,7 @@ var ICONS = {
|
|
|
4872
5167
|
"Loading02_s4830": "Loading02_s4830",
|
|
4873
5168
|
"Lock01_s1615": "Lock01_s1615",
|
|
4874
5169
|
"LogOut01_s1615": "LogOut01_s1615",
|
|
5170
|
+
"Menu2_s1613": "Menu2_s1613",
|
|
4875
5171
|
"Menu_s2415": "Menu_s2415",
|
|
4876
5172
|
"MessageCheck_s1615": "MessageCheck_s1615",
|
|
4877
5173
|
"MessageNotification_s1615": "MessageNotification_s1615",
|
|
@@ -4892,9 +5188,11 @@ var ICONS = {
|
|
|
4892
5188
|
"PlayCircleLeft_s2420": "PlayCircleLeft_s2420",
|
|
4893
5189
|
"PlayCircleRight_s2420": "PlayCircleRight_s2420",
|
|
4894
5190
|
"PlusCircle_s1413": "PlusCircle_s1413",
|
|
5191
|
+
"PlusCircle_s1613": "PlusCircle_s1613",
|
|
4895
5192
|
"PlusCircle_s1615": "PlusCircle_s1615",
|
|
4896
5193
|
"PlusCircle_s1810": "PlusCircle_s1810",
|
|
4897
5194
|
"PlusCircle_s1812": "PlusCircle_s1812",
|
|
5195
|
+
"PlusCircle_s2410": "PlusCircle_s2410",
|
|
4898
5196
|
"PlusCircle_s2420": "PlusCircle_s2420",
|
|
4899
5197
|
"PlusDownLines_s1413": "PlusDownLines_s1413",
|
|
4900
5198
|
"PlusUpLines_s1413": "PlusUpLines_s1413",
|
|
@@ -4906,9 +5204,11 @@ var ICONS = {
|
|
|
4906
5204
|
"RefreshCcw02_s1415": "RefreshCcw02_s1415",
|
|
4907
5205
|
"RefreshCcw02_s1615": "RefreshCcw02_s1615",
|
|
4908
5206
|
"RefreshCcw02_s2420": "RefreshCcw02_s2420",
|
|
5207
|
+
"RefreshCw01_s1613": "RefreshCw01_s1613",
|
|
4909
5208
|
"RefreshCw01_s1815": "RefreshCw01_s1815",
|
|
4910
5209
|
"RefreshCw02_s1413": "RefreshCw02_s1413",
|
|
4911
5210
|
"RefreshCw02_s1615": "RefreshCw02_s1615",
|
|
5211
|
+
"ReverseLeft2_s1613": "ReverseLeft2_s1613",
|
|
4912
5212
|
"ReverseLeft_s1815": "ReverseLeft_s1815",
|
|
4913
5213
|
"SaveAll_s1810": "SaveAll_s1810",
|
|
4914
5214
|
"SaveAll_s1812": "SaveAll_s1812",
|
|
@@ -4931,7 +5231,6 @@ var ICONS = {
|
|
|
4931
5231
|
"StopCircle_s1615": "StopCircle_s1615",
|
|
4932
5232
|
"StopCircle_s2420": "StopCircle_s2420",
|
|
4933
5233
|
"SubtractLine_s1610": "SubtractLine_s1610",
|
|
4934
|
-
"Success_s1615": "Success_s1615",
|
|
4935
5234
|
"SwitchHorizontal02_s1615": "SwitchHorizontal02_s1615",
|
|
4936
5235
|
"Title_s2420": "Title_s2420",
|
|
4937
5236
|
"Toggle_s2013": "Toggle_s2013",
|
|
@@ -5029,7 +5328,10 @@ function Icon(_a) {
|
|
|
5029
5328
|
height: rect.height,
|
|
5030
5329
|
rx: rect.rx,
|
|
5031
5330
|
transform: rect.transform,
|
|
5032
|
-
fill: rect.fill && iconColor
|
|
5331
|
+
fill: rect.fill && iconColor,
|
|
5332
|
+
stroke: rect.stroke && iconColor,
|
|
5333
|
+
strokeWidth: rect.strokeWidth,
|
|
5334
|
+
strokeLinecap: rect.strokeLinecap
|
|
5033
5335
|
}, "rect-".concat(idx));
|
|
5034
5336
|
}), circles.map(function (circle, idx) {
|
|
5035
5337
|
return jsx("circle", {
|
|
@@ -5285,7 +5587,7 @@ Checkbox.defaultProps = {
|
|
|
5285
5587
|
};
|
|
5286
5588
|
Checkbox.displayName = 'Checkbox';
|
|
5287
5589
|
|
|
5288
|
-
var css_248z$f = ".maru-chip {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-chip-size-small {\n padding: 1.5px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 400;\n border-radius: 10px;\n gap: 2px;\n}\n.maru-chip-size-normal {\n padding: 2px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n border-radius: 16px;\n gap: 8px;\n}\n.maru-chip-primary-default {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-chip-primary-default.maru-chip-warning-default, .maru-chip-primary-default.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-outline {\n background-color: var(--p-10);\n border: 1px solid var(--p);\n color: var(--p);\n}\n.maru-chip-primary-outline.maru-chip-warning-default, .maru-chip-primary-outline.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-dot {\n color: var(--p);\n gap: 2px;\n padding: unset;\n}\n.maru-chip-secondary-default {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-chip-secondary-default.maru-chip-warning-default, .maru-chip-secondary-default.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-outline {\n background-color: #fafafa;\n border: 1px solid #8c8c8c;\n color: #8c8c8c;\n}\n.maru-chip-secondary-outline.maru-chip-warning-default, .maru-chip-secondary-outline.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-dot {\n color: #8c8c8c;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-positive-default {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-chip-positive-default.maru-chip-warning-default, .maru-chip-positive-default.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-outline {\n background-color: #eef9f6;\n border: 1px solid #58c5a6;\n color: #58c5a6;\n}\n.maru-chip-positive-outline.maru-chip-warning-default, .maru-chip-positive-outline.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-dot {\n color: #58c5a6;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-warning-default {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-chip-warning-default.maru-chip-warning-default, .maru-chip-warning-default.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-outline {\n background-color: #fff7e9;\n border: 1px solid #ffb020;\n color: #ffb020;\n}\n.maru-chip-warning-outline.maru-chip-warning-default, .maru-chip-warning-outline.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-dot {\n color: #ffb020;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-danger-default {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-chip-danger-default.maru-chip-warning-default, .maru-chip-danger-default.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-outline {\n background-color: #fcecec;\n border: 1px solid #e53e3e;\n color: #e53e3e;\n}\n.maru-chip-danger-outline.maru-chip-warning-default, .maru-chip-danger-outline.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-dot {\n color: #e53e3e;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-success-default {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-chip-success-default.maru-chip-warning-default, .maru-chip-success-default.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-outline {\n background-color: #eaf3fa;\n border: 1px solid #308acc;\n color: #308acc;\n}\n.maru-chip-success-outline.maru-chip-warning-default, .maru-chip-success-outline.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-dot {\n color: #308acc;\n gap: 2px;\n padding: unset;\n}";
|
|
5590
|
+
var css_248z$f = ".maru-chip {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-chip-size-small {\n padding: 1.5px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 400;\n border-radius: 10px;\n gap: 2px;\n}\n.maru-chip-size-normal {\n padding: 2px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n border-radius: 16px;\n gap: 8px;\n}\n.maru-chip-primary-default {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-chip-primary-default.maru-chip-warning-default, .maru-chip-primary-default.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-outline {\n background-color: var(--p-10);\n border: 1px solid var(--p);\n color: var(--p);\n}\n.maru-chip-primary-outline.maru-chip-warning-default, .maru-chip-primary-outline.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-dot {\n color: var(--p);\n gap: 2px;\n padding: unset;\n}\n.maru-chip-secondary-default {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-chip-secondary-default.maru-chip-warning-default, .maru-chip-secondary-default.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-outline {\n background-color: #fafafa;\n border: 1px solid #8c8c8c;\n color: #8c8c8c;\n}\n.maru-chip-secondary-outline.maru-chip-warning-default, .maru-chip-secondary-outline.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-dot {\n color: #8c8c8c;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-positive-default {\n background-color: #eef9f6;\n color: #58c5a6;\n}\n.maru-chip-positive-default.maru-chip-warning-default, .maru-chip-positive-default.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-outline {\n background-color: #eef9f6;\n border: 1px solid #58c5a6;\n color: #58c5a6;\n}\n.maru-chip-positive-outline.maru-chip-warning-default, .maru-chip-positive-outline.maru-chip-positive-default {\n background-color: #def3ed;\n}\n.maru-chip-positive-dot {\n color: #58c5a6;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-warning-default {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-chip-warning-default.maru-chip-warning-default, .maru-chip-warning-default.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-outline {\n background-color: #fff7e9;\n border: 1px solid #ffb020;\n color: #ffb020;\n}\n.maru-chip-warning-outline.maru-chip-warning-default, .maru-chip-warning-outline.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-dot {\n color: #ffb020;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-danger-default {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-chip-danger-default.maru-chip-warning-default, .maru-chip-danger-default.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-outline {\n background-color: #fcecec;\n border: 1px solid #e53e3e;\n color: #e53e3e;\n}\n.maru-chip-danger-outline.maru-chip-warning-default, .maru-chip-danger-outline.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-dot {\n color: #e53e3e;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-success-default {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-chip-success-default.maru-chip-warning-default, .maru-chip-success-default.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-outline {\n background-color: #eaf3fa;\n border: 1px solid #308acc;\n color: #308acc;\n}\n.maru-chip-success-outline.maru-chip-warning-default, .maru-chip-success-outline.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-success-dot {\n color: #308acc;\n gap: 2px;\n padding: unset;\n}\n.maru-chip .maru-chip-x-icon-button {\n transform: translateY(-1px);\n}";
|
|
5289
5591
|
styleInject(css_248z$f);
|
|
5290
5592
|
|
|
5291
5593
|
function Chip(_a) {
|
|
@@ -7567,7 +7869,7 @@ var Textarea = /*#__PURE__*/forwardRef(function (_a, textareaRef) {
|
|
|
7567
7869
|
}, {
|
|
7568
7870
|
children: jsx(Icon, {
|
|
7569
7871
|
name: ICONS.X_s1613,
|
|
7570
|
-
color: "#
|
|
7872
|
+
color: "#bdbdbd"
|
|
7571
7873
|
})
|
|
7572
7874
|
}))
|
|
7573
7875
|
}))]
|
|
@@ -24196,7 +24498,8 @@ styleInject(css_248z$7);
|
|
|
24196
24498
|
var DATE_FORMAT = 'yyyy.MM.dd';
|
|
24197
24499
|
var LAST_DAYS = [0, 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
|
|
24198
24500
|
function DatePickerWrapper(_a) {
|
|
24199
|
-
var
|
|
24501
|
+
var minStartDate = _a.minStartDate,
|
|
24502
|
+
saveButtonContent = _a.saveButtonContent,
|
|
24200
24503
|
onSaveClick = _a.onSaveClick,
|
|
24201
24504
|
setOpen = _a.setOpen;
|
|
24202
24505
|
var _b = useState(null),
|
|
@@ -24226,7 +24529,7 @@ function DatePickerWrapper(_a) {
|
|
|
24226
24529
|
selectionEnd = target.selectionEnd;
|
|
24227
24530
|
var value = target.value;
|
|
24228
24531
|
var valueExceptDot = value.replace(/\./g, '').slice(0, 8);
|
|
24229
|
-
if (value[selectionStart] === '.') {
|
|
24532
|
+
if (selectionStart && selectionEnd && value[selectionStart] === '.') {
|
|
24230
24533
|
selectionStart += 1;
|
|
24231
24534
|
selectionEnd += 1;
|
|
24232
24535
|
}
|
|
@@ -24236,13 +24539,13 @@ function DatePickerWrapper(_a) {
|
|
|
24236
24539
|
var newDateString = '';
|
|
24237
24540
|
if (month) {
|
|
24238
24541
|
newDateString = "".concat(year, ".").concat(month);
|
|
24239
|
-
if (selectionStart === value.length) {
|
|
24542
|
+
if (selectionStart && selectionEnd && selectionStart === value.length) {
|
|
24240
24543
|
selectionStart += 1;
|
|
24241
24544
|
selectionEnd += 1;
|
|
24242
24545
|
}
|
|
24243
24546
|
if (day) {
|
|
24244
24547
|
newDateString += ".".concat(day);
|
|
24245
|
-
if (selectionStart === value.length) {
|
|
24548
|
+
if (selectionStart && selectionEnd && selectionStart === value.length) {
|
|
24246
24549
|
selectionStart += 1;
|
|
24247
24550
|
selectionEnd += 1;
|
|
24248
24551
|
}
|
|
@@ -24262,6 +24565,12 @@ function DatePickerWrapper(_a) {
|
|
|
24262
24565
|
if (year < 1900) year = 1900;else if (year > 2100) year = 2100;
|
|
24263
24566
|
if (month < 1) month = 1;else if (month > 12) month = 12;
|
|
24264
24567
|
if (day < 1) day = 1;else if (day > LAST_DAYS[month]) day = LAST_DAYS[month];
|
|
24568
|
+
// 최소시작일자 정했는데 키보드 인풋으로 그 전 날짜 입력한 경우 최소시작일자로 강제 지정
|
|
24569
|
+
if (minStartDate && new Date(date) < minStartDate) {
|
|
24570
|
+
year = minStartDate.getFullYear();
|
|
24571
|
+
month = minStartDate.getMonth() + 1;
|
|
24572
|
+
day = minStartDate.getDate();
|
|
24573
|
+
}
|
|
24265
24574
|
return {
|
|
24266
24575
|
year: year,
|
|
24267
24576
|
month: month,
|
|
@@ -24360,6 +24669,7 @@ function DatePickerWrapper(_a) {
|
|
|
24360
24669
|
selectsStart: true,
|
|
24361
24670
|
startDate: startDate,
|
|
24362
24671
|
endDate: endDate,
|
|
24672
|
+
minDate: minStartDate,
|
|
24363
24673
|
inline: true,
|
|
24364
24674
|
useWeekdaysShort: true,
|
|
24365
24675
|
renderCustomHeader: DatePickerHeader
|
|
@@ -24407,11 +24717,12 @@ function DatePickerWrapper(_a) {
|
|
|
24407
24717
|
}));
|
|
24408
24718
|
}
|
|
24409
24719
|
|
|
24410
|
-
var css_248z$6 = ".maru-calendar .datepicker-wrapper {\n width: 300px;\n padding: 20px;\n border-radius: 6px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker {\n border: unset;\n border-radius: unset;\n width: 100%;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__month-container {\n width: 100%;\n float: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header {\n background-color: transparent;\n border: unset;\n padding: unset;\n border-radius: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header .maru-calender-header {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header .maru-calender-header .maru-calender-header-month {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 18px;\n letter-spacing: -0.72px;\n font-weight: 700;\n color: #5c5c5c;\n display: block;\n margin: 0 24px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__month {\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day-names {\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day-name {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: var(--p);\n width: 36px;\n height: 28px;\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n width: 36px;\n height: 28px;\n padding: 2px;\n margin: 2px 0;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--outside-month {\n color: #
|
|
24720
|
+
var css_248z$6 = ".maru-calendar .datepicker-wrapper {\n width: 300px;\n padding: 20px;\n border-radius: 6px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker {\n border: unset;\n border-radius: unset;\n width: 100%;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__month-container {\n width: 100%;\n float: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header {\n background-color: transparent;\n border: unset;\n padding: unset;\n border-radius: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header .maru-calender-header {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-bottom: 24px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__header .maru-calender-header .maru-calender-header-month {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 18px;\n letter-spacing: -0.72px;\n font-weight: 700;\n color: #5c5c5c;\n display: block;\n margin: 0 24px;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__month {\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day-names {\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day-name {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: var(--p);\n width: 36px;\n height: 28px;\n margin: unset;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n width: 36px;\n height: 28px;\n padding: 2px;\n margin: 2px 0;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--outside-month {\n color: #8c8c8c;\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--today, .maru-calendar .datepicker-wrapper .react-datepicker__day--keyboard-selected {\n background-color: unset;\n color: var(--p);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--in-selecting-range {\n background-color: var(--p-20-per);\n border-radius: unset;\n border: 1px solid var(--p-20);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--selecting-range-start {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n border: 1px solid var(--p-20);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--selecting-range-end {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n border: 1px solid var(--p-20);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--in-range, .maru-calendar .datepicker-wrapper .react-datepicker__day--selected {\n background-color: var(--p);\n color: white;\n border-radius: unset;\n border: 1px solid var(--p);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--range-start {\n border-top-left-radius: 50%;\n border-bottom-left-radius: 50%;\n border: 1px solid var(--p);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--range-end {\n border-top-right-radius: 50%;\n border-bottom-right-radius: 50%;\n border: 1px solid var(--p);\n}\n.maru-calendar .datepicker-wrapper .react-datepicker__day--disabled {\n color: #bdbdbd;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer {\n margin-top: 24px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer > div {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer > div .maru-input {\n padding: 8px;\n width: 93px;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer > div .maru-input > input {\n color: var(--p);\n text-align: center;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer > div .maru-input > input[type=text i] {\n padding-block: unset;\n padding-inline: unset;\n}\n.maru-calendar .datepicker-wrapper .maru-calendar-footer > div > span {\n margin: 0 2px;\n color: #bdbdbd;\n}";
|
|
24411
24721
|
styleInject(css_248z$6);
|
|
24412
24722
|
|
|
24413
24723
|
function Calendar(_a) {
|
|
24414
24724
|
var children = _a.children,
|
|
24725
|
+
minStartDate = _a.minStartDate,
|
|
24415
24726
|
saveButtonContent = _a.saveButtonContent,
|
|
24416
24727
|
onSaveClick = _a.onSaveClick,
|
|
24417
24728
|
className = _a.className;
|
|
@@ -24439,6 +24750,7 @@ function Calendar(_a) {
|
|
|
24439
24750
|
direction: "bottom-start"
|
|
24440
24751
|
}, {
|
|
24441
24752
|
children: jsx(DatePickerWrapper, {
|
|
24753
|
+
minStartDate: minStartDate,
|
|
24442
24754
|
saveButtonContent: saveButtonContent,
|
|
24443
24755
|
onSaveClick: onSaveClick,
|
|
24444
24756
|
setOpen: _setOpen
|
|
@@ -24803,7 +25115,7 @@ function DropdownMenu(_a) {
|
|
|
24803
25115
|
}));
|
|
24804
25116
|
}
|
|
24805
25117
|
|
|
24806
|
-
var css_248z$5 = ".maru-dropdown .maru-dropdown-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n display: block;\n margin-bottom: 4px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper {\n width: 100%;\n border-radius: 6px;\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n cursor: pointer;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n background-color: white;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n outline: none;\n background-color: var(--p-10);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px var(--p) inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #8c8c8c inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n outline: none;\n background-color: #eef9f6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #58c5a6 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n outline: none;\n background-color: #fff7e9;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #ffb020 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n outline: none;\n background-color: #fcecec;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n outline: none;\n background-color: #eaf3fa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #308acc inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.inline-label-wrapper .maru-dropdown-button {\n padding: 2px 10px 2px 14px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .inline-label {\n display: block;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 10px;\n letter-spacing: -0.4px;\n font-weight: 500;\n color: #bdbdbd;\n padding: 2px 10px 0 14px;\n transform: translateY(3px);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n height: 37px;\n border: unset;\n border-radius: 6px;\n background-color: transparent;\n cursor: pointer;\n padding: 8px 10px 8px 14px;\n color: #5c5c5c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .maru-dropdown-button-contents {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .maru-dropdown-button-contents.placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n height: 37px;\n border: unset;\n border-radius: 6px;\n background-color: transparent;\n cursor: pointer;\n padding: 8px 10px 8px 14px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input {\n width: 100%;\n height: 100%;\n border: unset;\n outline: unset;\n background-color: unset;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #5c5c5c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.errored {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-error-message {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\n}\n.maru-dropdown .maru-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-dropdown .maru-dropdown-toggle-clear:last-of-type {\n margin-left: 10px;\n}\n\n.maru-dropdown-menu-wrapper {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: 1600;\n display: none;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu {\n margin-top: 4px;\n position: absolute;\n z-index: 1601;\n border-radius: 6px;\n box-shadow: 0px 0px 4px #e4e4e4;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper {\n overflow-y: auto;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n background-color: white;\n border: unset;\n cursor: pointer;\n height: 37px;\n padding: 8px 14px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-selected, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item:hover {\n background-color: #fafafa;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n text-align: start;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-span em {\n font-style: unset;\n background-color: var(--p-20-per);\n}";
|
|
25118
|
+
var css_248z$5 = ".maru-dropdown .maru-dropdown-label {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n color: #5c5c5c;\n display: block;\n margin-bottom: 4px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper {\n width: 100%;\n border-radius: 6px;\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n cursor: pointer;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n background-color: white;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n outline: none;\n background-color: var(--p-10);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px var(--p) inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button {\n color: var(--p);\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #8c8c8c inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button {\n color: #8c8c8c;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #58c5a6 inset;\n outline: none;\n background-color: #eef9f6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #58c5a6 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button {\n color: #58c5a6;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #58c5a6;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n outline: none;\n background-color: #fff7e9;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #ffb020 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button {\n color: #ffb020;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n outline: none;\n background-color: #fcecec;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button {\n color: #e53e3e;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n outline: none;\n background-color: #eaf3fa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible.closed, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #308acc inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input:-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-input > input::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-input > input::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button {\n color: #308acc;\n font-weight: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button:focus-visible, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-webkit-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-moz-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button :-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::-ms-input-placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:active .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-visible .maru-dropdown-button ::placeholder, .maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:focus-within .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.inline-label-wrapper .maru-dropdown-button {\n padding: 2px 10px 2px 14px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .inline-label {\n display: block;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 10px;\n letter-spacing: -0.4px;\n font-weight: 500;\n color: #bdbdbd;\n padding: 2px 10px 0 14px;\n transform: translateY(3px);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n height: 37px;\n border: unset;\n border-radius: 6px;\n background-color: transparent;\n cursor: pointer;\n padding: 8px 10px 8px 14px;\n color: #5c5c5c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .maru-dropdown-button-contents {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .maru-dropdown-button-contents.placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n height: 37px;\n border: unset;\n border-radius: 6px;\n background-color: transparent;\n cursor: pointer;\n padding: 8px 10px 8px 14px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input {\n width: 100%;\n height: 100%;\n border: unset;\n outline: unset;\n background-color: unset;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 500;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: #5c5c5c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-arrow {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.errored {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-error-message {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\n}\n.maru-dropdown .maru-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-dropdown .maru-dropdown-toggle-clear:last-of-type {\n margin-left: 10px;\n}\n\n.maru-dropdown-menu-wrapper {\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n position: fixed;\n z-index: 1600;\n display: none;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu {\n margin-top: 4px;\n position: absolute;\n z-index: 1601;\n border-radius: 6px;\n box-shadow: 0px 0px 4px #e4e4e4;\n background-color: white;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper {\n overflow-y: auto;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-direction: row;\n width: 100%;\n background-color: white;\n border: unset;\n cursor: pointer;\n height: 37px;\n padding: 8px 14px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n color: #5c5c5c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-selected, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item:hover {\n background-color: #fafafa;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-span {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n flex: 1;\n text-align: start;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-span em {\n font-style: unset;\n background-color: var(--p-20-per);\n}";
|
|
24807
25119
|
styleInject(css_248z$5);
|
|
24808
25120
|
|
|
24809
25121
|
// eslint-disable-next-line import/prefer-default-export
|
|
@@ -25578,6 +25890,12 @@ function TBody(_a) {
|
|
|
25578
25890
|
setHoveredRowId('');
|
|
25579
25891
|
};
|
|
25580
25892
|
};
|
|
25893
|
+
var handleArrowButtonClick = function handleArrowButtonClick(row) {
|
|
25894
|
+
return function (e) {
|
|
25895
|
+
e.stopPropagation();
|
|
25896
|
+
arrowButton === null || arrowButton === void 0 ? void 0 : arrowButton.onClick(row[rowIdKey]);
|
|
25897
|
+
};
|
|
25898
|
+
};
|
|
25581
25899
|
return jsx("tbody", __assign({
|
|
25582
25900
|
className: "maru-table-body"
|
|
25583
25901
|
}, {
|
|
@@ -25650,9 +25968,7 @@ function TBody(_a) {
|
|
|
25650
25968
|
color: '#5c5c5c'
|
|
25651
25969
|
},
|
|
25652
25970
|
color: "#5c5c5c",
|
|
25653
|
-
onClick:
|
|
25654
|
-
return arrowButton.onClick(row[rowIdKey]);
|
|
25655
|
-
}
|
|
25971
|
+
onClick: handleArrowButtonClick(row)
|
|
25656
25972
|
})
|
|
25657
25973
|
}))
|
|
25658
25974
|
})) : hasActionCol ? jsx("td", {
|