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/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) calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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 calc(var(--slider-progress, 0%) * 100%), #e4e4e4 calc(var(--slider-progress, 0%) * 100%), #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}";
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
- useEffect(function () {
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
- CustomMenuItem = _a.customMenuItem,
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("button", __assign({
25759
- type: "button",
25760
- className: classNames('maru-dropdown-menu-item', {
25761
- selected: item[idKey] === selectedId
25762
- }),
25763
- value: item[idKey],
25764
- onClick: handleMenuItemClick(item[idKey])
25765
- }, {
25766
- children: CustomMenuItem ? jsx(CustomMenuItem, __assign({
25767
- rowId: item[idKey]
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 jsxs("div", __assign({
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: [inlineLabel && jsx("span", __assign({
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: [jsxs("div", {
25887
- children: [startArrow && jsx(Arrow$1, {
25888
- open: open,
25889
- focus: focus,
25890
- color: color,
25891
- disabled: disabled
25892
- }), jsx("span", __assign({
25893
- className: classNames('maru-dropdown-button-contents', {
25894
- placeholder: !customButton && !selected && placeholder
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: customButton || (selected ? selected[displayKey] : placeholder)
25898
- }))]
25899
- }), jsxs("div", {
25900
- children: [toggleEndNode && jsx("div", {
25901
- children: toggleEndNode
25902
- }), !disabled && selected && hasClearBtn && jsx(Clear$1, {
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
- }), !startArrow && jsx(Arrow$1, {
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 jsxs("div", __assign({
26356
- className: "maru-multi-select-dropdown-menu-item"
26357
- }, {
26358
- children: [jsx(Checkbox, {
26359
- checked: selectedIds.includes(item[idKey]),
26360
- onChange: handleCheck(item[idKey]),
26361
- color: color
26362
- }), jsx("span", {
26363
- children: item[displayKey]
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("div", {
26460
- children: jsx("span", __assign({
26461
- className: classNames('maru-multi-select-dropdown-button-contents', {
26462
- placeholder: !selected && placeholder
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: selected ? content : placeholder
26466
- }))
26467
- }), jsxs("div", {
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: "4px"
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: "4px"
27803
+ gap: 4
27525
27804
  }, {
27526
27805
  children: jsx(Icon, {
27527
27806
  name: ICONS.Information_s1410,