maru_design2 2.23.2 → 2.24.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/CHANGELOG.md +32 -0
- package/dist/components/atoms/icon/iconmap.d.ts +3 -0
- package/dist/components/molecules/dropdown/Dropdown.d.ts +1 -13
- package/dist/components/molecules/dropdown/menu/MenuItem.d.ts +16 -0
- package/dist/components/molecules/dropdown/menu/index.d.ts +1 -1
- package/dist/components/molecules/dropdown/toggleButton/index.d.ts +1 -4
- package/dist/components/molecules/multiSelectDropdown/menu/MenuItem.d.ts +12 -0
- package/dist/enums/type.d.ts +1 -1
- package/dist/index.js +390 -111
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2001,6 +2001,39 @@ var iconmap = {
|
|
|
2001
2001
|
}],
|
|
2002
2002
|
"rects": []
|
|
2003
2003
|
},
|
|
2004
|
+
"Diagram02_s1610": {
|
|
2005
|
+
"width": "16",
|
|
2006
|
+
"height": "16",
|
|
2007
|
+
"viewBox": "0 0 16 16",
|
|
2008
|
+
"fill": "none",
|
|
2009
|
+
"paths": [{
|
|
2010
|
+
"d": "M2.6665 3.33268C2.6665 3.15587 2.73674 2.9863 2.86177 2.86128C2.98679 2.73625 3.15636 2.66602 3.33317 2.66602H5.99984C6.17665 2.66602 6.34622 2.73625 6.47124 2.86128C6.59627 2.9863 6.6665 3.15587 6.6665 3.33268V5.99935C6.6665 6.17616 6.59627 6.34573 6.47124 6.47075C6.34622 6.59578 6.17665 6.66602 5.99984 6.66602H3.33317C3.15636 6.66602 2.98679 6.59578 2.86177 6.47075C2.73674 6.34573 2.6665 6.17616 2.6665 5.99935V3.33268Z",
|
|
2011
|
+
"fill": "#BDBDBD",
|
|
2012
|
+
"stroke": "#BDBDBD",
|
|
2013
|
+
"strokeLinecap": "round",
|
|
2014
|
+
"strokeLinejoin": "round"
|
|
2015
|
+
}, {
|
|
2016
|
+
"d": "M9.3335 3.33268C9.3335 3.15587 9.40373 2.9863 9.52876 2.86128C9.65378 2.73625 9.82335 2.66602 10.0002 2.66602H12.6668C12.8436 2.66602 13.0132 2.73625 13.1382 2.86128C13.2633 2.9863 13.3335 3.15587 13.3335 3.33268V5.99935C13.3335 6.17616 13.2633 6.34573 13.1382 6.47075C13.0132 6.59578 12.8436 6.66602 12.6668 6.66602H10.0002C9.82335 6.66602 9.65378 6.59578 9.52876 6.47075C9.40373 6.34573 9.3335 6.17616 9.3335 5.99935V3.33268Z",
|
|
2017
|
+
"fill": "#BDBDBD",
|
|
2018
|
+
"stroke": "#BDBDBD",
|
|
2019
|
+
"strokeLinecap": "round",
|
|
2020
|
+
"strokeLinejoin": "round"
|
|
2021
|
+
}, {
|
|
2022
|
+
"d": "M2.6665 10.0007C2.6665 9.82384 2.73674 9.65427 2.86177 9.52925C2.98679 9.40422 3.15636 9.33398 3.33317 9.33398H5.99984C6.17665 9.33398 6.34622 9.40422 6.47124 9.52925C6.59627 9.65427 6.6665 9.82384 6.6665 10.0007V12.6673C6.6665 12.8441 6.59627 13.0137 6.47124 13.1387C6.34622 13.2637 6.17665 13.334 5.99984 13.334H3.33317C3.15636 13.334 2.98679 13.2637 2.86177 13.1387C2.73674 13.0137 2.6665 12.8441 2.6665 12.6673V10.0007Z",
|
|
2023
|
+
"fill": "#BDBDBD",
|
|
2024
|
+
"stroke": "#BDBDBD",
|
|
2025
|
+
"strokeLinecap": "round",
|
|
2026
|
+
"strokeLinejoin": "round"
|
|
2027
|
+
}, {
|
|
2028
|
+
"d": "M9.3335 10.0007C9.3335 9.82384 9.40373 9.65427 9.52876 9.52925C9.65378 9.40422 9.82335 9.33398 10.0002 9.33398H12.6668C12.8436 9.33398 13.0132 9.40422 13.1382 9.52925C13.2633 9.65427 13.3335 9.82384 13.3335 10.0007V12.6673C13.3335 12.8441 13.2633 13.0137 13.1382 13.1387C13.0132 13.2637 12.8436 13.334 12.6668 13.334H10.0002C9.82335 13.334 9.65378 13.2637 9.52876 13.1387C9.40373 13.0137 9.3335 12.8441 9.3335 12.6673V10.0007Z",
|
|
2029
|
+
"fill": "#BDBDBD",
|
|
2030
|
+
"stroke": "#BDBDBD",
|
|
2031
|
+
"strokeLinecap": "round",
|
|
2032
|
+
"strokeLinejoin": "round"
|
|
2033
|
+
}],
|
|
2034
|
+
"circles": [],
|
|
2035
|
+
"rects": []
|
|
2036
|
+
},
|
|
2004
2037
|
"Diagram_s2014": {
|
|
2005
2038
|
"width": "20",
|
|
2006
2039
|
"height": "20",
|
|
@@ -2051,6 +2084,51 @@ var iconmap = {
|
|
|
2051
2084
|
"circles": [],
|
|
2052
2085
|
"rects": []
|
|
2053
2086
|
},
|
|
2087
|
+
"Dotpoints01_s1617": {
|
|
2088
|
+
"width": "16",
|
|
2089
|
+
"height": "16",
|
|
2090
|
+
"viewBox": "0 0 16 16",
|
|
2091
|
+
"fill": "none",
|
|
2092
|
+
"paths": [{
|
|
2093
|
+
"d": "M6.66663 4H13.2218",
|
|
2094
|
+
"stroke": "#213A78",
|
|
2095
|
+
"strokeWidth": "1.7",
|
|
2096
|
+
"strokeLinecap": "round",
|
|
2097
|
+
"strokeLinejoin": "round"
|
|
2098
|
+
}, {
|
|
2099
|
+
"d": "M6.66663 7.99609H13.2218",
|
|
2100
|
+
"stroke": "#213A78",
|
|
2101
|
+
"strokeWidth": "1.7",
|
|
2102
|
+
"strokeLinecap": "round",
|
|
2103
|
+
"strokeLinejoin": "round"
|
|
2104
|
+
}, {
|
|
2105
|
+
"d": "M6.66663 11.9941H13.2218",
|
|
2106
|
+
"stroke": "#213A78",
|
|
2107
|
+
"strokeWidth": "1.7",
|
|
2108
|
+
"strokeLinecap": "round",
|
|
2109
|
+
"strokeLinejoin": "round"
|
|
2110
|
+
}, {
|
|
2111
|
+
"d": "M3.3335 4V4.00667",
|
|
2112
|
+
"stroke": "#213A78",
|
|
2113
|
+
"strokeWidth": "2.3",
|
|
2114
|
+
"strokeLinecap": "round",
|
|
2115
|
+
"strokeLinejoin": "round"
|
|
2116
|
+
}, {
|
|
2117
|
+
"d": "M3.3335 7.99609V8.00276",
|
|
2118
|
+
"stroke": "#213A78",
|
|
2119
|
+
"strokeWidth": "2.3",
|
|
2120
|
+
"strokeLinecap": "round",
|
|
2121
|
+
"strokeLinejoin": "round"
|
|
2122
|
+
}, {
|
|
2123
|
+
"d": "M3.3335 11.9941V12.0008",
|
|
2124
|
+
"stroke": "#213A78",
|
|
2125
|
+
"strokeWidth": "2.3",
|
|
2126
|
+
"strokeLinecap": "round",
|
|
2127
|
+
"strokeLinejoin": "round"
|
|
2128
|
+
}],
|
|
2129
|
+
"circles": [],
|
|
2130
|
+
"rects": []
|
|
2131
|
+
},
|
|
2054
2132
|
"Dotpoints01_s2420": {
|
|
2055
2133
|
"width": "24",
|
|
2056
2134
|
"height": "24",
|
|
@@ -2537,6 +2615,20 @@ var iconmap = {
|
|
|
2537
2615
|
"circles": [],
|
|
2538
2616
|
"rects": []
|
|
2539
2617
|
},
|
|
2618
|
+
"Edit03_s1210": {
|
|
2619
|
+
"width": "12",
|
|
2620
|
+
"height": "13",
|
|
2621
|
+
"viewBox": "0 0 12 13",
|
|
2622
|
+
"fill": "none",
|
|
2623
|
+
"paths": [{
|
|
2624
|
+
"d": "M5.99999 10.5001H10.5M1.5 10.5001H2.33727C2.58186 10.5001 2.70416 10.5001 2.81925 10.4725C2.92128 10.448 3.01883 10.4076 3.1083 10.3528C3.20921 10.2909 3.29569 10.2044 3.46864 10.0315L9.75001 3.75011C10.1642 3.3359 10.1642 2.66433 9.75001 2.25011C9.3358 1.8359 8.66423 1.8359 8.25001 2.25011L1.96863 8.53148C1.79568 8.70444 1.7092 8.79091 1.64736 8.89183C1.59253 8.9813 1.55213 9.07884 1.52763 9.18088C1.5 9.29597 1.5 9.41826 1.5 9.66285V10.5001Z",
|
|
2625
|
+
"stroke": "#213A78",
|
|
2626
|
+
"strokeLinecap": "round",
|
|
2627
|
+
"strokeLinejoin": "round"
|
|
2628
|
+
}],
|
|
2629
|
+
"circles": [],
|
|
2630
|
+
"rects": []
|
|
2631
|
+
},
|
|
2540
2632
|
"Edit03_s1413": {
|
|
2541
2633
|
"width": "14",
|
|
2542
2634
|
"height": "14",
|
|
@@ -5805,8 +5897,10 @@ var ICONS = {
|
|
|
5805
5897
|
"Dataflow04_s1615": "Dataflow04_s1615",
|
|
5806
5898
|
"Dataflow04_s2415": "Dataflow04_s2415",
|
|
5807
5899
|
"Dataflow05_s1815": "Dataflow05_s1815",
|
|
5900
|
+
"Diagram02_s1610": "Diagram02_s1610",
|
|
5808
5901
|
"Diagram_s2014": "Diagram_s2014",
|
|
5809
5902
|
"Diagram_s2415": "Diagram_s2415",
|
|
5903
|
+
"Dotpoints01_s1617": "Dotpoints01_s1617",
|
|
5810
5904
|
"Dotpoints01_s2420": "Dotpoints01_s2420",
|
|
5811
5905
|
"DotsGrid_s1815": "DotsGrid_s1815",
|
|
5812
5906
|
"DotsGrid_s2420": "DotsGrid_s2420",
|
|
@@ -5823,6 +5917,7 @@ var ICONS = {
|
|
|
5823
5917
|
"Downstream_s1410": "Downstream_s1410",
|
|
5824
5918
|
"Downstream_s2410": "Downstream_s2410",
|
|
5825
5919
|
"Drag_s1613": "Drag_s1613",
|
|
5920
|
+
"Edit03_s1210": "Edit03_s1210",
|
|
5826
5921
|
"Edit03_s1413": "Edit03_s1413",
|
|
5827
5922
|
"Edit03_s1613": "Edit03_s1613",
|
|
5828
5923
|
"Expand_s1613": "Expand_s1613",
|
|
@@ -6424,6 +6519,7 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
|
|
|
6424
6519
|
setRemainPlaceholder(props.placeholder);
|
|
6425
6520
|
}
|
|
6426
6521
|
}, [persistentPlaceholder, props.placeholder]);
|
|
6522
|
+
// FIXME: 중복 코드 제거..
|
|
6427
6523
|
var handleInputChange = function handleInputChange(e) {
|
|
6428
6524
|
var _a;
|
|
6429
6525
|
setShowClearButton(!hiddenClearButton);
|
|
@@ -6468,6 +6564,30 @@ var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
|
|
|
6468
6564
|
regexTime = /([0-9]{2})([0-9]{2})([0-9]+)/;
|
|
6469
6565
|
}
|
|
6470
6566
|
newValue = onlyNum.replace(regexTime, format);
|
|
6567
|
+
} else if (type === 'datetime') {
|
|
6568
|
+
var regexNum = /[^0-9 ]/g;
|
|
6569
|
+
var onlyNum = value.replace(regexNum, ''); // 숫자나 띄어쓰기가 아닌 경우 ''
|
|
6570
|
+
onlyNum = onlyNum.length <= 15 ? onlyNum : onlyNum.slice(0, onlyNum.length - 1);
|
|
6571
|
+
var format = void 0;
|
|
6572
|
+
var regexDatetime = void 0;
|
|
6573
|
+
if (onlyNum.length <= 6) {
|
|
6574
|
+
// 000000 -> 0000-00
|
|
6575
|
+
format = '$1-$2';
|
|
6576
|
+
regexDatetime = /([0-9]{4})([0-9]+)/;
|
|
6577
|
+
} else if (onlyNum.length <= 8) {
|
|
6578
|
+
// 00000000 -> 0000-00-00
|
|
6579
|
+
format = '$1-$2-$3';
|
|
6580
|
+
regexDatetime = /([0-9]{4})([0-9]{2})([0-9]+)/;
|
|
6581
|
+
} else if (onlyNum.length <= 13) {
|
|
6582
|
+
// 00000000 0000 -> 0000-00-00 00:00
|
|
6583
|
+
format = '$1-$2-$3 $4:$5';
|
|
6584
|
+
regexDatetime = /([0-9]{4})([0-9]{2})([0-9]{2}) ([0-9]{2})([0-9]+)/;
|
|
6585
|
+
} else if (onlyNum.length <= 15) {
|
|
6586
|
+
// 00000000 000000 -> 0000-00-00 00:00:00
|
|
6587
|
+
format = '$1-$2-$3 $4:$5:$6';
|
|
6588
|
+
regexDatetime = /([0-9]{4})([0-9]{2})([0-9]{2}) ([0-9]{2})([0-9]{2})([0-9]+)/;
|
|
6589
|
+
}
|
|
6590
|
+
newValue = onlyNum.replace(regexDatetime, format);
|
|
6471
6591
|
}
|
|
6472
6592
|
if (!newValue) {
|
|
6473
6593
|
setShowClearButton(false );
|
|
@@ -8582,7 +8702,7 @@ function Skeleton(_a) {
|
|
|
8582
8702
|
});
|
|
8583
8703
|
}
|
|
8584
8704
|
|
|
8585
|
-
var css_248z$c = ".maru-slider-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n position: relative;\n width: 100%;\n}\n\n.maru-slider {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n width: 100%;\n height: 6px;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s ease;\n}\n.maru-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n.maru-slider::-moz-range-thumb {\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n.maru-slider:active::-webkit-slider-thumb {\n transform: scale(1.2);\n}\n.maru-slider:active::-moz-range-thumb {\n transform: scale(1.2);\n}\n.maru-slider[disabled] {\n cursor: default;\n opacity: 0.5;\n}\n.maru-slider[disabled]:active::-webkit-slider-thumb {\n transform: none;\n}\n.maru-slider[disabled]:active::-moz-range-thumb {\n transform: none;\n}\n\n.maru-slider-primary .maru-slider {\n background: linear-gradient(to right, var(--p) 0%, var(--p)
|
|
8705
|
+
var css_248z$c = ".maru-slider-container {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n position: relative;\n width: 100%;\n}\n\n.maru-slider {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n outline: none;\n width: 100%;\n height: 6px;\n border-radius: 6px;\n cursor: pointer;\n transition: background 0.2s ease;\n}\n.maru-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n.maru-slider::-moz-range-thumb {\n appearance: none;\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s ease;\n}\n.maru-slider:active::-webkit-slider-thumb {\n transform: scale(1.2);\n}\n.maru-slider:active::-moz-range-thumb {\n transform: scale(1.2);\n}\n.maru-slider[disabled] {\n cursor: default;\n opacity: 0.5;\n}\n.maru-slider[disabled]:active::-webkit-slider-thumb {\n transform: none;\n}\n.maru-slider[disabled]:active::-moz-range-thumb {\n transform: none;\n}\n\n.maru-slider-primary .maru-slider {\n background: linear-gradient(to right, var(--p) 0%, var(--p) var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-primary .maru-slider::-webkit-slider-thumb {\n border: 3px solid var(--p);\n}\n.maru-slider-primary .maru-slider::-moz-range-thumb {\n border: 3px solid var(--p);\n}\n\n.maru-slider-secondary .maru-slider {\n background: linear-gradient(to right, #8c8c8c 0%, #8c8c8c var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-secondary .maru-slider::-webkit-slider-thumb {\n border: 3px solid #8c8c8c;\n}\n.maru-slider-secondary .maru-slider::-moz-range-thumb {\n border: 3px solid #8c8c8c;\n}\n\n.maru-slider-positive .maru-slider {\n background: linear-gradient(to right, #32a483 0%, #32a483 var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-positive .maru-slider::-webkit-slider-thumb {\n border: 3px solid #32a483;\n}\n.maru-slider-positive .maru-slider::-moz-range-thumb {\n border: 3px solid #32a483;\n}\n\n.maru-slider-warning .maru-slider {\n background: linear-gradient(to right, #ffb020 0%, #ffb020 var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-warning .maru-slider::-webkit-slider-thumb {\n border: 3px solid #ffb020;\n}\n.maru-slider-warning .maru-slider::-moz-range-thumb {\n border: 3px solid #ffb020;\n}\n\n.maru-slider-danger .maru-slider {\n background: linear-gradient(to right, #e53e3e 0%, #e53e3e var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-danger .maru-slider::-webkit-slider-thumb {\n border: 3px solid #e53e3e;\n}\n.maru-slider-danger .maru-slider::-moz-range-thumb {\n border: 3px solid #e53e3e;\n}\n\n.maru-slider-success .maru-slider {\n background: linear-gradient(to right, #308acc 0%, #308acc var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-success .maru-slider::-webkit-slider-thumb {\n border: 3px solid #308acc;\n}\n.maru-slider-success .maru-slider::-moz-range-thumb {\n border: 3px solid #308acc;\n}";
|
|
8586
8706
|
styleInject(css_248z$c);
|
|
8587
8707
|
|
|
8588
8708
|
function Slider(_a) {
|
|
@@ -8599,10 +8719,7 @@ function Slider(_a) {
|
|
|
8599
8719
|
_f = _a.disabled,
|
|
8600
8720
|
disabled = _f === void 0 ? false : _f,
|
|
8601
8721
|
className = _a.className;
|
|
8602
|
-
|
|
8603
|
-
var progress = (value - min) / (max - min);
|
|
8604
|
-
document.documentElement.style.setProperty('--slider-progress', progress.toString());
|
|
8605
|
-
}, [value, min, max]);
|
|
8722
|
+
var progress = (value - min) / (max - min) * 100;
|
|
8606
8723
|
var handleSliderChange = function handleSliderChange(e) {
|
|
8607
8724
|
onChange(+e.target.value);
|
|
8608
8725
|
};
|
|
@@ -8619,7 +8736,10 @@ function Slider(_a) {
|
|
|
8619
8736
|
min: min,
|
|
8620
8737
|
max: max,
|
|
8621
8738
|
step: step,
|
|
8622
|
-
disabled: disabled
|
|
8739
|
+
disabled: disabled,
|
|
8740
|
+
style: {
|
|
8741
|
+
'--slider-progress': "".concat(progress, "%")
|
|
8742
|
+
}
|
|
8623
8743
|
})
|
|
8624
8744
|
}));
|
|
8625
8745
|
}
|
|
@@ -25609,6 +25729,83 @@ var searchData = function searchData(data, displayKey, query) {
|
|
|
25609
25729
|
}, []);
|
|
25610
25730
|
};
|
|
25611
25731
|
|
|
25732
|
+
function MenuItem$1(_a) {
|
|
25733
|
+
var item = _a.item,
|
|
25734
|
+
selectedId = _a.selectedId,
|
|
25735
|
+
onSelect = _a.onSelect,
|
|
25736
|
+
idKey = _a.idKey,
|
|
25737
|
+
displayKey = _a.displayKey,
|
|
25738
|
+
width = _a.width,
|
|
25739
|
+
CustomMenuItem = _a.customMenuItem,
|
|
25740
|
+
onClose = _a.onClose;
|
|
25741
|
+
var _b = useState(false),
|
|
25742
|
+
showTooltip = _b[0],
|
|
25743
|
+
setShowTooltip = _b[1];
|
|
25744
|
+
var _c = useState(false),
|
|
25745
|
+
hover = _c[0],
|
|
25746
|
+
setHover = _c[1];
|
|
25747
|
+
var contentsRef = useRef(null);
|
|
25748
|
+
useEffect(function () {
|
|
25749
|
+
var checkOverflow = function checkOverflow() {
|
|
25750
|
+
var element = contentsRef.current;
|
|
25751
|
+
if (element) {
|
|
25752
|
+
var isOverflowing = element.scrollWidth > element.clientWidth;
|
|
25753
|
+
setShowTooltip(isOverflowing);
|
|
25754
|
+
}
|
|
25755
|
+
};
|
|
25756
|
+
checkOverflow();
|
|
25757
|
+
window.addEventListener('resize', checkOverflow);
|
|
25758
|
+
return function () {
|
|
25759
|
+
window.removeEventListener('resize', checkOverflow);
|
|
25760
|
+
};
|
|
25761
|
+
}, [hover]);
|
|
25762
|
+
var handleMenuItemClick = function handleMenuItemClick(id) {
|
|
25763
|
+
return function () {
|
|
25764
|
+
onSelect(id);
|
|
25765
|
+
onClose();
|
|
25766
|
+
};
|
|
25767
|
+
};
|
|
25768
|
+
return jsx("button", __assign({
|
|
25769
|
+
type: "button",
|
|
25770
|
+
className: classNames('maru-dropdown-menu-item', {
|
|
25771
|
+
selected: item[idKey] === selectedId
|
|
25772
|
+
}),
|
|
25773
|
+
value: item[idKey],
|
|
25774
|
+
onClick: handleMenuItemClick(item[idKey]),
|
|
25775
|
+
onMouseOver: function onMouseOver() {
|
|
25776
|
+
return setHover(true);
|
|
25777
|
+
},
|
|
25778
|
+
onMouseLeave: function onMouseLeave() {
|
|
25779
|
+
return setHover(false);
|
|
25780
|
+
},
|
|
25781
|
+
onFocus: function onFocus() {
|
|
25782
|
+
return setHover(true);
|
|
25783
|
+
},
|
|
25784
|
+
onBlur: function onBlur() {
|
|
25785
|
+
return setHover(false);
|
|
25786
|
+
}
|
|
25787
|
+
}, {
|
|
25788
|
+
children: CustomMenuItem ? jsx(CustomMenuItem, __assign({
|
|
25789
|
+
rowId: item[idKey]
|
|
25790
|
+
}, {
|
|
25791
|
+
children: jsx("span", {
|
|
25792
|
+
children: item[displayKey]
|
|
25793
|
+
})
|
|
25794
|
+
})) : jsx(Tooltip, __assign({
|
|
25795
|
+
content: item[displayKey],
|
|
25796
|
+
direction: "bottom-start",
|
|
25797
|
+
hidden: !showTooltip || width == null,
|
|
25798
|
+
portal: true
|
|
25799
|
+
}, {
|
|
25800
|
+
children: jsx("span", __assign({
|
|
25801
|
+
ref: contentsRef
|
|
25802
|
+
}, {
|
|
25803
|
+
children: item[displayKey]
|
|
25804
|
+
}))
|
|
25805
|
+
}))
|
|
25806
|
+
}), item[idKey]);
|
|
25807
|
+
}
|
|
25808
|
+
|
|
25612
25809
|
function DropdownMenu$1(_a) {
|
|
25613
25810
|
var data = _a.data,
|
|
25614
25811
|
selectedId = _a.selectedId,
|
|
@@ -25621,20 +25818,20 @@ function DropdownMenu$1(_a) {
|
|
|
25621
25818
|
noResultMessage = _a.noResultMessage,
|
|
25622
25819
|
width = _a.width,
|
|
25623
25820
|
height = _a.height,
|
|
25624
|
-
|
|
25821
|
+
customMenuItem = _a.customMenuItem,
|
|
25625
25822
|
isSearch = _a.isSearch,
|
|
25626
25823
|
parent = _a.parent,
|
|
25627
25824
|
open = _a.open,
|
|
25628
25825
|
onClose = _a.onClose,
|
|
25629
25826
|
menuBottomButton = _a.menuBottomButton;
|
|
25630
|
-
var menuWrapperRef = useRef(null);
|
|
25631
|
-
var menuRef = useRef(null);
|
|
25632
25827
|
var _b = useState(data),
|
|
25633
25828
|
filteredData = _b[0],
|
|
25634
25829
|
setFilteredData = _b[1];
|
|
25635
25830
|
var _c = useState(''),
|
|
25636
25831
|
query = _c[0],
|
|
25637
25832
|
setQuery = _c[1];
|
|
25833
|
+
var menuWrapperRef = useRef(null);
|
|
25834
|
+
var menuRef = useRef(null);
|
|
25638
25835
|
var initFilteredData = function initFilteredData() {
|
|
25639
25836
|
return setFilteredData(data);
|
|
25640
25837
|
};
|
|
@@ -25691,12 +25888,6 @@ function DropdownMenu$1(_a) {
|
|
|
25691
25888
|
setQuery('');
|
|
25692
25889
|
initFilteredData();
|
|
25693
25890
|
};
|
|
25694
|
-
var handleMenuItemClick = function handleMenuItemClick(id) {
|
|
25695
|
-
return function () {
|
|
25696
|
-
onSelect(id);
|
|
25697
|
-
onClose();
|
|
25698
|
-
};
|
|
25699
|
-
};
|
|
25700
25891
|
var handleMenuBottomButtonClick = function handleMenuBottomButtonClick(e) {
|
|
25701
25892
|
e.preventDefault();
|
|
25702
25893
|
e.stopPropagation();
|
|
@@ -25755,24 +25946,16 @@ function DropdownMenu$1(_a) {
|
|
|
25755
25946
|
children: noResultMessage
|
|
25756
25947
|
})]
|
|
25757
25948
|
})) : filteredData.map(function (item) {
|
|
25758
|
-
return jsx(
|
|
25759
|
-
|
|
25760
|
-
|
|
25761
|
-
|
|
25762
|
-
|
|
25763
|
-
|
|
25764
|
-
|
|
25765
|
-
|
|
25766
|
-
|
|
25767
|
-
|
|
25768
|
-
}, {
|
|
25769
|
-
children: jsx("span", {
|
|
25770
|
-
children: item[displayKey]
|
|
25771
|
-
})
|
|
25772
|
-
})) : jsx("span", {
|
|
25773
|
-
children: item[displayKey]
|
|
25774
|
-
})
|
|
25775
|
-
}), item[idKey]);
|
|
25949
|
+
return jsx(MenuItem$1, {
|
|
25950
|
+
item: item,
|
|
25951
|
+
selectedId: selectedId,
|
|
25952
|
+
onSelect: onSelect,
|
|
25953
|
+
idKey: idKey,
|
|
25954
|
+
displayKey: displayKey,
|
|
25955
|
+
width: width,
|
|
25956
|
+
customMenuItem: customMenuItem,
|
|
25957
|
+
onClose: onClose
|
|
25958
|
+
}, item[idKey]);
|
|
25776
25959
|
})]
|
|
25777
25960
|
})
|
|
25778
25961
|
})), menuBottomButton && jsx(Button, __assign({
|
|
@@ -25829,11 +26012,8 @@ function DropdownToggleButton$1(_a) {
|
|
|
25829
26012
|
disabled = _a.disabled,
|
|
25830
26013
|
color = _a.color,
|
|
25831
26014
|
stopPropagation = _a.stopPropagation,
|
|
25832
|
-
inlineLabel = _a.inlineLabel,
|
|
25833
26015
|
width = _a.width,
|
|
25834
26016
|
customButton = _a.customButton,
|
|
25835
|
-
startArrow = _a.startArrow,
|
|
25836
|
-
toggleEndNode = _a.toggleEndNode,
|
|
25837
26017
|
open = _a.open,
|
|
25838
26018
|
selected = _a.selected,
|
|
25839
26019
|
errored = _a.errored,
|
|
@@ -25843,6 +26023,24 @@ function DropdownToggleButton$1(_a) {
|
|
|
25843
26023
|
var _b = useState(false),
|
|
25844
26024
|
focus = _b[0],
|
|
25845
26025
|
setFocus = _b[1];
|
|
26026
|
+
var _c = useState(false),
|
|
26027
|
+
showTooltip = _c[0],
|
|
26028
|
+
setShowTooltip = _c[1];
|
|
26029
|
+
var contentsRef = useRef(null);
|
|
26030
|
+
useEffect(function () {
|
|
26031
|
+
var checkOverflow = function checkOverflow() {
|
|
26032
|
+
var element = contentsRef.current;
|
|
26033
|
+
if (element) {
|
|
26034
|
+
var isOverflowing = element.scrollWidth > element.clientWidth;
|
|
26035
|
+
setShowTooltip(isOverflowing);
|
|
26036
|
+
}
|
|
26037
|
+
};
|
|
26038
|
+
checkOverflow();
|
|
26039
|
+
window.addEventListener('resize', checkOverflow);
|
|
26040
|
+
return function () {
|
|
26041
|
+
window.removeEventListener('resize', checkOverflow);
|
|
26042
|
+
};
|
|
26043
|
+
}, [selected]);
|
|
25846
26044
|
var handleClick = function handleClick(e) {
|
|
25847
26045
|
if (stopPropagation) {
|
|
25848
26046
|
e.stopPropagation();
|
|
@@ -25850,11 +26048,10 @@ function DropdownToggleButton$1(_a) {
|
|
|
25850
26048
|
if (disabled) return;
|
|
25851
26049
|
onClick();
|
|
25852
26050
|
};
|
|
25853
|
-
return
|
|
26051
|
+
return jsx("div", __assign({
|
|
25854
26052
|
className: classNames('maru-dropdown-toggle-wrapper', "maru-dropdown-toggle-wrapper-".concat(color), {
|
|
25855
26053
|
closed: !open,
|
|
25856
26054
|
errored: errored,
|
|
25857
|
-
'inline-label-wrapper': inlineLabel,
|
|
25858
26055
|
disabled: disabled
|
|
25859
26056
|
}),
|
|
25860
26057
|
style: {
|
|
@@ -25873,47 +26070,46 @@ function DropdownToggleButton$1(_a) {
|
|
|
25873
26070
|
return setFocus(false);
|
|
25874
26071
|
}
|
|
25875
26072
|
}, {
|
|
25876
|
-
children:
|
|
25877
|
-
className: "inline-label"
|
|
25878
|
-
}, {
|
|
25879
|
-
children: inlineLabel
|
|
25880
|
-
})), jsxs("button", __assign({
|
|
26073
|
+
children: jsxs("button", __assign({
|
|
25881
26074
|
type: "button",
|
|
25882
26075
|
className: "maru-dropdown-button",
|
|
25883
26076
|
disabled: disabled,
|
|
25884
26077
|
onClick: handleClick
|
|
25885
26078
|
}, {
|
|
25886
|
-
children: [
|
|
25887
|
-
|
|
25888
|
-
|
|
25889
|
-
|
|
25890
|
-
|
|
25891
|
-
|
|
25892
|
-
|
|
25893
|
-
|
|
25894
|
-
|
|
25895
|
-
})
|
|
26079
|
+
children: [customButton || jsx("span", __assign({
|
|
26080
|
+
className: classNames('maru-dropdown-button-contents', {
|
|
26081
|
+
placeholder: !selected && placeholder
|
|
26082
|
+
})
|
|
26083
|
+
}, {
|
|
26084
|
+
children: selected ? jsx(Tooltip, __assign({
|
|
26085
|
+
content: selected[displayKey],
|
|
26086
|
+
direction: "bottom-start",
|
|
26087
|
+
hidden: !showTooltip || width == null
|
|
25896
26088
|
}, {
|
|
25897
|
-
children:
|
|
25898
|
-
|
|
25899
|
-
|
|
25900
|
-
|
|
25901
|
-
|
|
25902
|
-
})
|
|
26089
|
+
children: jsx("span", __assign({
|
|
26090
|
+
ref: contentsRef
|
|
26091
|
+
}, {
|
|
26092
|
+
children: selected[displayKey]
|
|
26093
|
+
}))
|
|
26094
|
+
})) : placeholder
|
|
26095
|
+
})), jsxs("div", __assign({
|
|
26096
|
+
className: "maru-dropdown-button-icon-wrapper"
|
|
26097
|
+
}, {
|
|
26098
|
+
children: [!disabled && selected && hasClearBtn && jsx(Clear$1, {
|
|
25903
26099
|
focus: focus,
|
|
25904
26100
|
onClear: onClear
|
|
25905
|
-
}),
|
|
26101
|
+
}), jsx(Arrow$1, {
|
|
25906
26102
|
open: open,
|
|
25907
26103
|
focus: focus,
|
|
25908
26104
|
color: color,
|
|
25909
26105
|
disabled: disabled
|
|
25910
26106
|
})]
|
|
25911
|
-
})]
|
|
25912
|
-
}))
|
|
26107
|
+
}))]
|
|
26108
|
+
}))
|
|
25913
26109
|
}));
|
|
25914
26110
|
}
|
|
25915
26111
|
|
|
25916
|
-
var css_248z$6 = ".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-button {\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-moz-placeholder {\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 color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\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 color: #32a483;\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 #32a483 inset;\n outline: none;\n background-color: #eaf6f3;\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 #32a483 inset;\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: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-moz-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\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.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.errored {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-clear:last-of-type {\n margin: 0 6px 0 8px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-arrow {\n display: flex;\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: 400;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\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-search-menu.maru-dropdown-menu-primary {\n border: 1px solid var(--p);\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-primary .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid var(--p);\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-secondary {\n border: 1px solid #8c8c8c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-secondary .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #8c8c8c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-positive {\n border: 1px solid #32a483;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-positive .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #32a483;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-warning {\n border: 1px solid #ffb020;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-warning .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #ffb020;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-danger {\n border: 1px solid #e53e3e;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-danger .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #e53e3e;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-success {\n border: 1px solid #308acc;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-success .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #308acc;\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-empty {\n justify-content: flex-start;\n gap: 6px;\n color: #8c8c8c;\n font-weight: 300;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input {\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n border: unset;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:focus-visible, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:focus-within, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:hover {\n outline: unset;\n border: unset;\n background-color: transparent;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-bottom-button {\n width: 100%;\n border-top-left-radius: unset;\n border-top-right-radius: unset;\n box-shadow: unset;\n gap: 8px;\n border-top: 1px solid #e4e4e4;\n}";
|
|
26112
|
+
var css_248z$6 = ".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-button {\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-moz-placeholder {\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 color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: var(--p);\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-primary.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #8c8c8c;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-secondary.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\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 color: #32a483;\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 #32a483 inset;\n outline: none;\n background-color: #eaf6f3;\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 #32a483 inset;\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: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\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 color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #ffb020;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-warning.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #e53e3e;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-danger.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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-button {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-ms-input-placeholder {\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 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-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}\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 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 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 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 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 color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success.disabled .maru-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\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: 400;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-webkit-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-moz-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button :-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .placeholder,\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button ::placeholder {\n font-weight: 300;\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-button .maru-dropdown-button-contents .maru-tooltip-wrapper {\n width: 100%;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-button .maru-dropdown-button-contents .maru-tooltip-wrapper > span {\n width: 100%;\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-icon-wrapper {\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-toggle-wrapper .maru-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-clear:last-of-type {\n margin: 0 6px 0 8px;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper .maru-dropdown-toggle-arrow {\n display: flex;\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: 400;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\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-search-menu.maru-dropdown-menu-primary {\n border: 1px solid var(--p);\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-primary .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid var(--p);\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-secondary {\n border: 1px solid #8c8c8c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-secondary .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #8c8c8c;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-positive {\n border: 1px solid #32a483;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-positive .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #32a483;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-warning {\n border: 1px solid #ffb020;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-warning .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #ffb020;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-danger {\n border: 1px solid #e53e3e;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-danger .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #e53e3e;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-success {\n border: 1px solid #308acc;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu.maru-dropdown-search-menu.maru-dropdown-menu-success .maru-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #308acc;\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 width: 100%;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item {\n text-align: start;\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-empty {\n justify-content: flex-start;\n gap: 6px;\n color: #8c8c8c;\n font-weight: 300;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input {\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n border: unset;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:focus-visible, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:focus-within, .maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item-menu-header .maru-dropdown-menu-item-search-input .maru-input:hover {\n outline: unset;\n border: unset;\n background-color: transparent;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item .maru-tooltip-wrapper {\n width: 100%;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-item-wrapper .maru-dropdown-menu-item .maru-tooltip-wrapper > span {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-dropdown-menu-wrapper .maru-dropdown-menu .maru-dropdown-menu-bottom-button {\n width: 100%;\n border-top-left-radius: unset;\n border-top-right-radius: unset;\n box-shadow: unset;\n gap: 8px;\n border-top: 1px solid #e4e4e4;\n}";
|
|
25917
26113
|
styleInject(css_248z$6);
|
|
25918
26114
|
|
|
25919
26115
|
// eslint-disable-next-line import/prefer-default-export
|
|
@@ -25933,7 +26129,6 @@ function Dropdown(_a) {
|
|
|
25933
26129
|
_c = _a.type,
|
|
25934
26130
|
type = _c === void 0 ? 'button' : _c,
|
|
25935
26131
|
errorMessage = _a.errorMessage,
|
|
25936
|
-
inlineLabel = _a.inlineLabel,
|
|
25937
26132
|
label = _a.label,
|
|
25938
26133
|
onClear = _a.onClear,
|
|
25939
26134
|
noDataMessage = _a.noDataMessage,
|
|
@@ -25943,8 +26138,6 @@ function Dropdown(_a) {
|
|
|
25943
26138
|
customButton = _a.customButton,
|
|
25944
26139
|
customMenuItem = _a.customMenuItem,
|
|
25945
26140
|
anchorEl = _a.anchorEl,
|
|
25946
|
-
startArrow = _a.startArrow,
|
|
25947
|
-
toggleEndNode = _a.toggleEndNode,
|
|
25948
26141
|
menuBottomButton = _a.menuBottomButton;
|
|
25949
26142
|
var _d = useState(false),
|
|
25950
26143
|
open = _d[0],
|
|
@@ -25973,11 +26166,8 @@ function Dropdown(_a) {
|
|
|
25973
26166
|
disabled: disabled,
|
|
25974
26167
|
color: color,
|
|
25975
26168
|
stopPropagation: stopPropagation,
|
|
25976
|
-
inlineLabel: inlineLabel,
|
|
25977
26169
|
width: width,
|
|
25978
26170
|
customButton: customButton,
|
|
25979
|
-
startArrow: startArrow,
|
|
25980
|
-
toggleEndNode: toggleEndNode,
|
|
25981
26171
|
//
|
|
25982
26172
|
open: open,
|
|
25983
26173
|
selected: selected,
|
|
@@ -26091,8 +26281,7 @@ function Modal(_a) {
|
|
|
26091
26281
|
className: classNames('maru-modal', "maru-modal-".concat(size), className),
|
|
26092
26282
|
onClick: handleModalClick,
|
|
26093
26283
|
role: "dialog",
|
|
26094
|
-
"aria-modal": true
|
|
26095
|
-
"aria-hidden": true
|
|
26284
|
+
"aria-modal": true
|
|
26096
26285
|
}, {
|
|
26097
26286
|
children: [(title || !hiddenCloseButton) && jsxs("header", __assign({
|
|
26098
26287
|
className: "maru-modal-header"
|
|
@@ -26141,6 +26330,87 @@ function Modal(_a) {
|
|
|
26141
26330
|
});
|
|
26142
26331
|
}
|
|
26143
26332
|
|
|
26333
|
+
function MenuItem(_a) {
|
|
26334
|
+
var item = _a.item,
|
|
26335
|
+
selectedIds = _a.selectedIds,
|
|
26336
|
+
onSelect = _a.onSelect,
|
|
26337
|
+
idKey = _a.idKey,
|
|
26338
|
+
displayKey = _a.displayKey,
|
|
26339
|
+
color = _a.color,
|
|
26340
|
+
width = _a.width;
|
|
26341
|
+
var _b = useState(false),
|
|
26342
|
+
showTooltip = _b[0],
|
|
26343
|
+
setShowTooltip = _b[1];
|
|
26344
|
+
var _c = useState(false),
|
|
26345
|
+
hover = _c[0],
|
|
26346
|
+
setHover = _c[1];
|
|
26347
|
+
var contentsRef = useRef(null);
|
|
26348
|
+
useEffect(function () {
|
|
26349
|
+
var checkOverflow = function checkOverflow() {
|
|
26350
|
+
var _a, _b;
|
|
26351
|
+
var element = contentsRef.current;
|
|
26352
|
+
if (element) {
|
|
26353
|
+
// element=input(checkbox)
|
|
26354
|
+
var label = (_b = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.lastElementChild;
|
|
26355
|
+
if (label) {
|
|
26356
|
+
var isOverflowing = label.scrollWidth > label.clientWidth;
|
|
26357
|
+
setShowTooltip(isOverflowing);
|
|
26358
|
+
}
|
|
26359
|
+
}
|
|
26360
|
+
};
|
|
26361
|
+
checkOverflow();
|
|
26362
|
+
window.addEventListener('resize', checkOverflow);
|
|
26363
|
+
return function () {
|
|
26364
|
+
window.removeEventListener('resize', checkOverflow);
|
|
26365
|
+
};
|
|
26366
|
+
}, [hover]);
|
|
26367
|
+
var handleCheck = function handleCheck(rowId) {
|
|
26368
|
+
return function (e) {
|
|
26369
|
+
var checked = e.currentTarget.checked;
|
|
26370
|
+
if (checked) {
|
|
26371
|
+
var newCheckedArray = __spreadArray([], selectedIds, true);
|
|
26372
|
+
newCheckedArray.push(rowId);
|
|
26373
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(__spreadArray([], newCheckedArray, true));
|
|
26374
|
+
} else {
|
|
26375
|
+
var newCheckedArray = selectedIds.filter(function (el) {
|
|
26376
|
+
return el !== rowId;
|
|
26377
|
+
});
|
|
26378
|
+
onSelect === null || onSelect === void 0 ? void 0 : onSelect(__spreadArray([], newCheckedArray, true));
|
|
26379
|
+
}
|
|
26380
|
+
};
|
|
26381
|
+
};
|
|
26382
|
+
return jsx("div", __assign({
|
|
26383
|
+
className: "maru-multi-select-dropdown-menu-item",
|
|
26384
|
+
onMouseOver: function onMouseOver() {
|
|
26385
|
+
return setHover(true);
|
|
26386
|
+
},
|
|
26387
|
+
onMouseLeave: function onMouseLeave() {
|
|
26388
|
+
return setHover(false);
|
|
26389
|
+
},
|
|
26390
|
+
onFocus: function onFocus() {
|
|
26391
|
+
return setHover(true);
|
|
26392
|
+
},
|
|
26393
|
+
onBlur: function onBlur() {
|
|
26394
|
+
return setHover(false);
|
|
26395
|
+
}
|
|
26396
|
+
}, {
|
|
26397
|
+
children: jsx(Tooltip, __assign({
|
|
26398
|
+
content: item[displayKey],
|
|
26399
|
+
direction: "bottom-start",
|
|
26400
|
+
hidden: !showTooltip || width == null,
|
|
26401
|
+
portal: true
|
|
26402
|
+
}, {
|
|
26403
|
+
children: jsx(Checkbox, {
|
|
26404
|
+
checked: selectedIds.includes(item[idKey]),
|
|
26405
|
+
onChange: handleCheck(item[idKey]),
|
|
26406
|
+
color: color,
|
|
26407
|
+
label: item[displayKey],
|
|
26408
|
+
ref: contentsRef
|
|
26409
|
+
})
|
|
26410
|
+
}))
|
|
26411
|
+
}), item[idKey]);
|
|
26412
|
+
}
|
|
26413
|
+
|
|
26144
26414
|
function DropdownMenu(_a) {
|
|
26145
26415
|
var data = _a.data,
|
|
26146
26416
|
selectedIds = _a.selectedIds,
|
|
@@ -26263,21 +26533,6 @@ function DropdownMenu(_a) {
|
|
|
26263
26533
|
onSelect(__spreadArray([], leftChecked, true));
|
|
26264
26534
|
}
|
|
26265
26535
|
};
|
|
26266
|
-
var handleCheck = function handleCheck(rowId) {
|
|
26267
|
-
return function (e) {
|
|
26268
|
-
var checked = e.currentTarget.checked;
|
|
26269
|
-
if (checked) {
|
|
26270
|
-
var newCheckedArray = __spreadArray([], selectedIds, true);
|
|
26271
|
-
newCheckedArray.push(rowId);
|
|
26272
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(__spreadArray([], newCheckedArray, true));
|
|
26273
|
-
} else {
|
|
26274
|
-
var newCheckedArray = selectedIds.filter(function (el) {
|
|
26275
|
-
return el !== rowId;
|
|
26276
|
-
});
|
|
26277
|
-
onSelect === null || onSelect === void 0 ? void 0 : onSelect(__spreadArray([], newCheckedArray, true));
|
|
26278
|
-
}
|
|
26279
|
-
};
|
|
26280
|
-
};
|
|
26281
26536
|
var handleInputChange = function handleInputChange(e) {
|
|
26282
26537
|
var value = e.currentTarget.value;
|
|
26283
26538
|
setQuery(value);
|
|
@@ -26295,13 +26550,11 @@ function DropdownMenu(_a) {
|
|
|
26295
26550
|
return jsx("div", __assign({
|
|
26296
26551
|
ref: menuWrapperRef,
|
|
26297
26552
|
className: "maru-multi-select-dropdown-menu-wrapper",
|
|
26298
|
-
"aria-hidden": true,
|
|
26299
26553
|
onClick: handleWrapperClick
|
|
26300
26554
|
}, {
|
|
26301
26555
|
children: jsx("div", __assign({
|
|
26302
26556
|
ref: menuRef,
|
|
26303
26557
|
className: classNames('maru-multi-select-dropdown-menu', "maru-multi-select-dropdown-menu-".concat(color)),
|
|
26304
|
-
"aria-hidden": true,
|
|
26305
26558
|
onClick: handleMenuClick
|
|
26306
26559
|
}, {
|
|
26307
26560
|
children: jsx("div", __assign({
|
|
@@ -26352,17 +26605,15 @@ function DropdownMenu(_a) {
|
|
|
26352
26605
|
children: noResultMessage
|
|
26353
26606
|
})]
|
|
26354
26607
|
})) : filteredData.map(function (item) {
|
|
26355
|
-
return
|
|
26356
|
-
|
|
26357
|
-
|
|
26358
|
-
|
|
26359
|
-
|
|
26360
|
-
|
|
26361
|
-
|
|
26362
|
-
|
|
26363
|
-
|
|
26364
|
-
})]
|
|
26365
|
-
}), item[idKey]);
|
|
26608
|
+
return jsx(MenuItem, {
|
|
26609
|
+
item: item,
|
|
26610
|
+
selectedIds: selectedIds,
|
|
26611
|
+
onSelect: onSelect,
|
|
26612
|
+
idKey: idKey,
|
|
26613
|
+
displayKey: displayKey,
|
|
26614
|
+
color: color,
|
|
26615
|
+
width: width
|
|
26616
|
+
}, item[idKey]);
|
|
26366
26617
|
})]
|
|
26367
26618
|
})
|
|
26368
26619
|
}))
|
|
@@ -26421,6 +26672,24 @@ function DropdownToggleButton(_a) {
|
|
|
26421
26672
|
var _b = useState(false),
|
|
26422
26673
|
focus = _b[0],
|
|
26423
26674
|
setFocus = _b[1];
|
|
26675
|
+
var _c = useState(false),
|
|
26676
|
+
showTooltip = _c[0],
|
|
26677
|
+
setShowTooltip = _c[1];
|
|
26678
|
+
var contentsRef = useRef(null);
|
|
26679
|
+
useEffect(function () {
|
|
26680
|
+
var checkOverflow = function checkOverflow() {
|
|
26681
|
+
var element = contentsRef.current;
|
|
26682
|
+
if (element) {
|
|
26683
|
+
var isOverflowing = element.scrollWidth > element.clientWidth;
|
|
26684
|
+
setShowTooltip(isOverflowing);
|
|
26685
|
+
}
|
|
26686
|
+
};
|
|
26687
|
+
checkOverflow();
|
|
26688
|
+
window.addEventListener('resize', checkOverflow);
|
|
26689
|
+
return function () {
|
|
26690
|
+
window.removeEventListener('resize', checkOverflow);
|
|
26691
|
+
};
|
|
26692
|
+
}, [content]);
|
|
26424
26693
|
var handleClick = function handleClick(e) {
|
|
26425
26694
|
if (stopPropagation) {
|
|
26426
26695
|
e.stopPropagation();
|
|
@@ -26456,15 +26725,25 @@ function DropdownToggleButton(_a) {
|
|
|
26456
26725
|
disabled: disabled,
|
|
26457
26726
|
onClick: handleClick
|
|
26458
26727
|
}, {
|
|
26459
|
-
children: [jsx("
|
|
26460
|
-
|
|
26461
|
-
|
|
26462
|
-
|
|
26463
|
-
|
|
26728
|
+
children: [jsx("span", __assign({
|
|
26729
|
+
className: classNames('maru-multi-select-dropdown-button-contents', {
|
|
26730
|
+
placeholder: !selected && placeholder
|
|
26731
|
+
})
|
|
26732
|
+
}, {
|
|
26733
|
+
children: selected ? jsx(Tooltip, __assign({
|
|
26734
|
+
content: content,
|
|
26735
|
+
direction: "bottom-start",
|
|
26736
|
+
hidden: !showTooltip || width == null
|
|
26464
26737
|
}, {
|
|
26465
|
-
children:
|
|
26466
|
-
|
|
26467
|
-
|
|
26738
|
+
children: jsx("span", __assign({
|
|
26739
|
+
ref: contentsRef
|
|
26740
|
+
}, {
|
|
26741
|
+
children: content
|
|
26742
|
+
}))
|
|
26743
|
+
})) : placeholder
|
|
26744
|
+
})), jsxs("div", __assign({
|
|
26745
|
+
className: "maru-multi-select-dropdown-button-icon-wrapper"
|
|
26746
|
+
}, {
|
|
26468
26747
|
children: [!disabled && selected && hasClearBtn && jsx(Clear, {
|
|
26469
26748
|
focus: focus,
|
|
26470
26749
|
onClear: onClear
|
|
@@ -26474,12 +26753,12 @@ function DropdownToggleButton(_a) {
|
|
|
26474
26753
|
color: color,
|
|
26475
26754
|
disabled: disabled
|
|
26476
26755
|
})]
|
|
26477
|
-
})]
|
|
26756
|
+
}))]
|
|
26478
26757
|
}))
|
|
26479
26758
|
}));
|
|
26480
26759
|
}
|
|
26481
26760
|
|
|
26482
|
-
var css_248z$4 = ".maru-multi-select-dropdown .maru-multi-select-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-multi-select-dropdown .maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px var(--p) inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #8c8c8c inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n outline: none;\n background-color: #eaf6f3;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #32a483 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #ffb020 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #308acc inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-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: 400;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button > div {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents.placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.errored {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-clear:last-of-type {\n margin: 0 6px 0 8px;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-arrow {\n display: flex;\n}\n.maru-multi-select-dropdown .maru-multi-select-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: 400;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\n}\n\n.maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-primary {\n border: 1px solid var(--p);\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-primary .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid var(--p);\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-secondary {\n border: 1px solid #8c8c8c;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-secondary .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #8c8c8c;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-positive {\n border: 1px solid #32a483;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-positive .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #32a483;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-warning {\n border: 1px solid #ffb020;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-warning .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #ffb020;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-danger {\n border: 1px solid #e53e3e;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-danger .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #e53e3e;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-success {\n border: 1px solid #308acc;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-success .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #308acc;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 8px;\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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item:hover {\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-empty {\n justify-content: flex-start;\n gap: 6px;\n color: #8c8c8c;\n font-weight: 300;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header {\n display: flex;\n padding-left: 14px;\n height: 37px;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input {\n width: 100%;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input {\n padding: 8px 10px 8px 8px;\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n border: unset;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:focus-visible, .maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:focus-within, .maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:hover {\n outline: unset;\n border: unset;\n background-color: transparent;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-all-check-label {\n width: 100%;\n padding: 8px 10px 8px 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 color: #5c5c5c;\n}";
|
|
26761
|
+
var css_248z$4 = ".maru-multi-select-dropdown .maru-multi-select-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-multi-select-dropdown .maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover {\n border: unset;\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:hover .maru-multi-select-dropdown-button ::placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px var(--p) inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: var(--p);\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-primary.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover {\n border: unset;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #8c8c8c inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-secondary.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within {\n border: unset;\n box-shadow: 0 0 0 1px #32a483 inset;\n outline: none;\n background-color: #eaf6f3;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #32a483 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #32a483;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-positive.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover {\n border: unset;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #ffb020 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #ffb020;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-warning.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover {\n border: unset;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #e53e3e;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-danger.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover {\n border: unset;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:hover .maru-multi-select-dropdown-button ::placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-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-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible.closed, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within.closed {\n border: unset;\n box-shadow: 0 0 0 2px #308acc inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button:focus-visible, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button:focus-visible {\n outline: none;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-webkit-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-moz-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button :-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::-ms-input-placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:active .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-visible .maru-multi-select-dropdown-button ::placeholder, .maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success:focus-within .maru-multi-select-dropdown-button ::placeholder {\n color: #308acc;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n outline: none;\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled.closed {\n border: unset;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button {\n color: #bdbdbd;\n font-weight: 400;\n cursor: default;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.maru-multi-select-dropdown-toggle-wrapper-success.disabled .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 400;\n color: #bdbdbd;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-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: 400;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-webkit-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-moz-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button :-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::-ms-input-placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .placeholder,\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button ::placeholder {\n font-weight: 300;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents.placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents .maru-tooltip-wrapper {\n width: 100%;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-contents .maru-tooltip-wrapper > span {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-button .maru-multi-select-dropdown-button-icon-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper.errored {\n border: unset;\n box-shadow: 0 0 0 2px #e53e3e inset;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-clear {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-clear:last-of-type {\n margin: 0 6px 0 8px;\n}\n.maru-multi-select-dropdown .maru-multi-select-dropdown-toggle-wrapper .maru-multi-select-dropdown-toggle-arrow {\n display: flex;\n}\n.maru-multi-select-dropdown .maru-multi-select-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: 400;\n color: #e53e3e;\n display: block;\n margin-top: 4px;\n}\n\n.maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-primary {\n border: 1px solid var(--p);\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-primary .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid var(--p);\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-secondary {\n border: 1px solid #8c8c8c;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-secondary .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #8c8c8c;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-positive {\n border: 1px solid #32a483;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-positive .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #32a483;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-warning {\n border: 1px solid #ffb020;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-warning .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #ffb020;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-danger {\n border: 1px solid #e53e3e;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-danger .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #e53e3e;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-success {\n border: 1px solid #308acc;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu.maru-multi-select-dropdown-menu-success .maru-multi-select-dropdown-menu-item-menu-header {\n border-bottom: 1px solid #308acc;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 8px;\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-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item:hover {\n background-color: #fafafa;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-empty {\n justify-content: flex-start;\n gap: 6px;\n color: #8c8c8c;\n font-weight: 300;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header {\n display: flex;\n padding-left: 14px;\n height: 37px;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input {\n width: 100%;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input {\n padding: 8px 10px 8px 8px;\n border-bottom-left-radius: unset;\n border-bottom-right-radius: unset;\n border: unset;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:focus-visible, .maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:focus-within, .maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-search-input .maru-input:hover {\n outline: unset;\n border: unset;\n background-color: transparent;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item-menu-header .maru-multi-select-dropdown-menu-item-all-check-label {\n width: 100%;\n padding: 8px 10px 8px 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 color: #5c5c5c;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item .maru-tooltip-wrapper {\n width: 100%;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item .maru-tooltip-wrapper .maru-checkbox-wrapper {\n width: 100%;\n}\n.maru-multi-select-dropdown-menu-wrapper .maru-multi-select-dropdown-menu .maru-multi-select-dropdown-menu-item-wrapper .maru-multi-select-dropdown-menu-item .maru-tooltip-wrapper .maru-checkbox-wrapper .maru-checkbox-label {\n width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}";
|
|
26483
26762
|
styleInject(css_248z$4);
|
|
26484
26763
|
|
|
26485
26764
|
function MultiSelectDropdown(_a) {
|
|
@@ -27504,7 +27783,7 @@ function THead(_a) {
|
|
|
27504
27783
|
onSortClick: onSortClick
|
|
27505
27784
|
}), format.iconTooltip && jsx(Tooltip, __assign({
|
|
27506
27785
|
content: format.iconTooltip,
|
|
27507
|
-
gap:
|
|
27786
|
+
gap: 4
|
|
27508
27787
|
}, {
|
|
27509
27788
|
children: jsx(Icon, {
|
|
27510
27789
|
name: ICONS.Information_s1410,
|
|
@@ -27521,7 +27800,7 @@ function THead(_a) {
|
|
|
27521
27800
|
onSortClick: onSortClick
|
|
27522
27801
|
}), format.iconTooltip && jsx(Tooltip, __assign({
|
|
27523
27802
|
content: format.iconTooltip,
|
|
27524
|
-
gap:
|
|
27803
|
+
gap: 4
|
|
27525
27804
|
}, {
|
|
27526
27805
|
children: jsx(Icon, {
|
|
27527
27806
|
name: ICONS.Information_s1410,
|