maru_design2 2.29.1 → 2.31.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/components/atoms/badge/Badge.d.ts +23 -0
- package/dist/components/atoms/badge/index.d.ts +1 -0
- package/dist/components/atoms/icon/iconmap.d.ts +1 -0
- package/dist/components/atoms/radio/Radio.d.ts +9 -0
- package/dist/components/atoms/slider/Slider.d.ts +8 -1
- package/dist/components/atoms/toggle/Toggle.d.ts +12 -1
- package/dist/components/molecules/buttonGroup/ButtonGroup.d.ts +56 -0
- package/dist/components/molecules/buttonGroup/index.d.ts +1 -0
- package/dist/components/molecules/toast/Toast.d.ts +4 -0
- package/dist/components/molecules/toast/ToastStyle.d.ts +5 -1
- package/dist/enums/color.d.ts +2 -2
- package/dist/enums/variant.d.ts +4 -0
- package/dist/fontProvider/index.d.ts +1 -0
- package/dist/fonts.js +29 -0
- package/dist/hooks/useColor.d.ts +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +207 -65
- package/mise.toml +3 -0
- package/package.json +5 -1
package/dist/index.js
CHANGED
|
@@ -122,12 +122,13 @@ function styleInject(css, ref) {
|
|
|
122
122
|
}
|
|
123
123
|
}
|
|
124
124
|
|
|
125
|
-
var css_248z$
|
|
126
|
-
styleInject(css_248z$
|
|
125
|
+
var css_248z$p = "* {\n /* HTML5 display-role reset for older browsers */\n}\n* html,\n* body,\n* div,\n* span,\n* applet,\n* object,\n* iframe,\n* h1,\n* h2,\n* h3,\n* h4,\n* h5,\n* h6,\n* p,\n* blockquote,\n* pre,\n* a,\n* abbr,\n* acronym,\n* address,\n* big,\n* cite,\n* code,\n* del,\n* dfn,\n* em,\n* img,\n* ins,\n* kbd,\n* q,\n* s,\n* samp,\n* small,\n* strike,\n* strong,\n* sub,\n* sup,\n* tt,\n* var,\n* b,\n* u,\n* i,\n* center,\n* dl,\n* dt,\n* dd,\n* ol,\n* ul,\n* li,\n* fieldset,\n* form,\n* label,\n* legend,\n* table,\n* caption,\n* tbody,\n* tfoot,\n* thead,\n* tr,\n* th,\n* td,\n* article,\n* aside,\n* canvas,\n* details,\n* embed,\n* figure,\n* figcaption,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* output,\n* ruby,\n* section,\n* summary,\n* time,\n* mark,\n* audio,\n* video {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n* article,\n* aside,\n* details,\n* figcaption,\n* figure,\n* footer,\n* header,\n* hgroup,\n* menu,\n* nav,\n* section {\n display: block;\n}\n* ol,\n* ul {\n list-style: none;\n}\n* blockquote,\n* q {\n quotes: none;\n}\n* blockquote::before,\n* blockquote::after,\n* q::before,\n* q::after {\n content: \"\";\n content: none;\n}\n* table {\n border-collapse: collapse;\n border-spacing: 0;\n}\n* html {\n box-sizing: border-box;\n}\n* *,\n* *::before,\n* *::after {\n box-sizing: inherit;\n}";
|
|
126
|
+
styleInject(css_248z$p);
|
|
127
127
|
|
|
128
|
-
var css_248z$
|
|
129
|
-
styleInject(css_248z$
|
|
128
|
+
var css_248z$o = ".scrollbar, * {\n scrollbar-track-color: #e4e4e4;\n scrollbar-arrow-color: #e4e4e4;\n scrollbar-3dlight-color: #e4e4e4;\n scrollbar-highlight-color: #e4e4e4;\n scrollbar-shadow-color: #e4e4e4;\n scrollbar-face-color: #e4e4e4;\n}\n\n.scrollbar::-webkit-scrollbar, ::-webkit-scrollbar {\n background: inherit;\n width: 6px;\n height: 6px;\n}\n\n.scrollbar::-webkit-scrollbar-track, ::-webkit-scrollbar-track {\n background: none;\n}\n\n.scrollbar::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {\n background-color: #e4e4e4;\n border-radius: 16px;\n}\n\n.scrollbar::-webkit-scrollbar-button, ::-webkit-scrollbar-button {\n display: none;\n}\n\n* {\n -webkit-font-smoothing: antialiased;\n}\n\n:root {\n --primary: var(--p);\n --primary-80: var(--p-80);\n --primary-50-per: var(--p-50-per);\n --primary-50: var(--p-50);\n --primary-20-per: var(--p-20-per);\n --primary-20: var(--p-20);\n --primary-10-per: var(--p-10-per);\n --primary-10: var(--p-10);\n --primary-07: var(--p-07);\n --primary-05-per: var(--p-05-per);\n --primary-05: var(--p-05);\n}\n\n[data-theme=blue] {\n --p: #308acc;\n --p-80: #308acc;\n --p-50-per: #308acc80;\n --p-50: #97c4e5;\n --p-20-per: #308acc33;\n --p-20: #d6e8f5;\n --p-10-per: #308acc1a;\n --p-10: #eaf3fa;\n --p-07: #f0f7fc;\n --p-05-per: #308acc0d;\n --p-05: #f5fafd;\n}\n\n[data-theme=green] {\n --p: #096412;\n --p-80: #096412;\n --p-50-per: #09641280;\n --p-50: #84b188;\n --p-20-per: #09641233;\n --p-20: #cee0d0;\n --p-10-per: #0964121a;\n --p-10: #e6f0e7;\n --p-07: #eef4ee;\n --p-05-per: #0964120d;\n --p-05: #f3f7f3;\n}\n\n[data-theme=navy] {\n --p: #213a78;\n --p-80: #213a78;\n --p-50-per: #213a787f;\n --p-50: #909cbb;\n --p-20-per: #213a7833;\n --p-20: #d3d8e4;\n --p-10-per: #213a781a;\n --p-10: #e9ebf1;\n --p-07: #f0f3f9;\n --p-05-per: #213a780d;\n --p-05: #f4f5f8;\n}";
|
|
129
|
+
styleInject(css_248z$o);
|
|
130
130
|
|
|
131
|
+
// eslint-disable-next-line import/prefer-default-export
|
|
131
132
|
function StyleProvider(_a) {
|
|
132
133
|
var children = _a.children,
|
|
133
134
|
theme = _a.theme;
|
|
@@ -237,15 +238,17 @@ function useButtonState() {
|
|
|
237
238
|
var DColor = {
|
|
238
239
|
primary: 'var(--p)',
|
|
239
240
|
secondary: '#8c8c8c',
|
|
240
|
-
positive: '#
|
|
241
|
+
positive: '#308acc',
|
|
241
242
|
warning: '#ffb020',
|
|
242
243
|
danger: '#e53e3e',
|
|
243
|
-
success: '#
|
|
244
|
+
success: '#32a483' // $success
|
|
244
245
|
};
|
|
245
246
|
|
|
246
247
|
var useColor = function useColor(color) {
|
|
248
|
+
// 'inherit'일 경우 currentColor 반환 (CSS에서 색상 제어)
|
|
247
249
|
// DColor에도 없고 color도 undefined면 $b400(=#8c8c8c) 리턴
|
|
248
250
|
var keyColor = useMemo(function () {
|
|
251
|
+
if (color === 'inherit') return 'currentColor';
|
|
249
252
|
return DColor[color] || color || '#8c8c8c';
|
|
250
253
|
}, [color]);
|
|
251
254
|
return {
|
|
@@ -262,6 +265,18 @@ var useColor = function useColor(color) {
|
|
|
262
265
|
/* eslint-disable quotes */
|
|
263
266
|
/* eslint-disable quote-props */
|
|
264
267
|
var iconmap = {
|
|
268
|
+
"X_s1210": {
|
|
269
|
+
"width": "12",
|
|
270
|
+
"height": "12",
|
|
271
|
+
"viewBox": "0 0 12 12",
|
|
272
|
+
"fill": "none",
|
|
273
|
+
"paths": [{
|
|
274
|
+
"d": "M6.93909 5.99943L9.80299 3.14179C9.92841 3.01635 9.99886 2.84623 9.99886 2.66884C9.99886 2.49146 9.92841 2.32133 9.80299 2.1959C9.67758 2.07047 9.50748 2 9.33012 2C9.15275 2 8.98265 2.07047 8.85724 2.1959L6 5.06021L3.14276 2.1959C3.01735 2.07047 2.84725 2 2.66988 2C2.49252 2 2.32242 2.07047 2.19701 2.1959C2.07159 2.32133 2.00114 2.49146 2.00114 2.66884C2.00114 2.84623 2.07159 3.01635 2.19701 3.14179L5.06091 5.99943L2.19701 8.85708C2.13458 8.919 2.08504 8.99267 2.05122 9.07385C2.01741 9.15502 2 9.24208 2 9.33002C2 9.41796 2.01741 9.50502 2.05122 9.58619C2.08504 9.66737 2.13458 9.74104 2.19701 9.80296C2.25892 9.8654 2.33259 9.91495 2.41375 9.94877C2.49491 9.98259 2.58196 10 2.66988 10C2.75781 10 2.84486 9.98259 2.92602 9.94877C3.00718 9.91495 3.08085 9.8654 3.14276 9.80296L6 6.93866L8.85724 9.80296C8.91915 9.8654 8.99282 9.91495 9.07398 9.94877C9.15514 9.98259 9.24219 10 9.33012 10C9.41804 10 9.50509 9.98259 9.58625 9.94877C9.66741 9.91495 9.74108 9.8654 9.80299 9.80296C9.86542 9.74104 9.91497 9.66737 9.94878 9.58619C9.98259 9.50502 10 9.41796 10 9.33002C10 9.24208 9.98259 9.15502 9.94878 9.07385C9.91497 8.99267 9.86542 8.919 9.80299 8.85708L6.93909 5.99943Z",
|
|
275
|
+
"fill": "#A2A9B0"
|
|
276
|
+
}],
|
|
277
|
+
"circles": [],
|
|
278
|
+
"rects": []
|
|
279
|
+
},
|
|
265
280
|
"AlertCircle_s1413": {
|
|
266
281
|
"width": "14",
|
|
267
282
|
"height": "15",
|
|
@@ -7194,6 +7209,7 @@ var iconmap = {
|
|
|
7194
7209
|
}
|
|
7195
7210
|
};
|
|
7196
7211
|
var ICONS = {
|
|
7212
|
+
"X_s1210": "X_s1210",
|
|
7197
7213
|
"AlertCircle_s1413": "AlertCircle_s1413",
|
|
7198
7214
|
"AlertCircle_s1610": "AlertCircle_s1610",
|
|
7199
7215
|
"AlertCircle_s1615": "AlertCircle_s1615",
|
|
@@ -7682,8 +7698,8 @@ function Icon(_a) {
|
|
|
7682
7698
|
}));
|
|
7683
7699
|
}
|
|
7684
7700
|
|
|
7685
|
-
var css_248z$l = ".size-small {\n padding: 5px 16px;\n border-radius: 4px;\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\n.size-normal {\n padding: 8px 16px;\n border-radius: 6px;\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\n.size-large {\n padding: 10px 16px;\n border-radius: 6px;\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\n.maru-button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border: 0;\n cursor: pointer;\n gap: 6px;\n}\n.maru-button:focus-within {\n outline: none;\n}\n.maru-button:disabled {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n.maru-button-primary-default {\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-default:hover {\n box-shadow: 0 0 6px var(--p);\n}\n.maru-button-primary-default:focus-visible, .maru-button-primary-default:active {\n box-shadow: none;\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-default-light {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-primary-default-light:hover {\n box-shadow: 0 0 6px var(--p-50-per);\n}\n.maru-button-primary-default-light:focus-visible, .maru-button-primary-default-light:active {\n box-shadow: none;\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-outline {\n background-color: white;\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 6px var(--p-20);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-20);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n box-shadow: 0 0 0 1px var(--p) inset, 0 0 6px var(--p);\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-10);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-text {\n background-color: transparent;\n color: var(--p);\n}\n.maru-button-primary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-primary-color-on-focus:hover {\n background-color: var(--p-10);\n}\n.maru-button-primary-color-on-focus:focus-visible, .maru-button-primary-color-on-focus:active {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-secondary-default {\n background-color: #8c8c8c;\n color: white;\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #8c8c8c;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #fafafa;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default-light {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-secondary-default-light:hover {\n box-shadow: 0 0 6px;\n}\n.maru-button-secondary-default-light:focus-visible, .maru-button-secondary-default-light:active {\n box-shadow: none;\n background-color: #8c8c8c;\n color: white;\n}\n.maru-button-secondary-outline {\n background-color: white;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-outline:hover {\n box-shadow: 0 0 6px #e4e4e4;\n}\n.maru-button-secondary-outline:focus-visible, .maru-button-secondary-outline:active {\n box-shadow: none;\n background-color: #e4e4e4;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-text {\n background-color: transparent;\n color: #8c8c8c;\n}\n.maru-button-secondary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-secondary-color-on-focus:hover {\n background-color: #fafafa;\n}\n.maru-button-secondary-color-on-focus:focus-visible, .maru-button-secondary-color-on-focus:active {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-positive-default {\n background-color: #32a483;\n color: white;\n}\n.maru-button-positive-default:hover {\n box-shadow: 0 0 6px #32a483;\n}\n.maru-button-positive-default:focus-visible, .maru-button-positive-default:active {\n box-shadow: none;\n background-color: #eaf6f3;\n color: #32a483;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-positive-default-light {\n background-color: #eaf6f3;\n color: #32a483;\n}\n.maru-button-positive-default-light:hover {\n box-shadow: 0 0 6px rgba(50, 164, 131, 0.5019607843);\n}\n.maru-button-positive-default-light:focus-visible, .maru-button-positive-default-light:active {\n box-shadow: none;\n background-color: #32a483;\n color: white;\n}\n.maru-button-positive-outline {\n background-color: white;\n color: #32a483;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-positive-outline:hover {\n box-shadow: 0 0 6px #d6ede6;\n}\n.maru-button-positive-outline:focus-visible, .maru-button-positive-outline:active {\n box-shadow: none;\n background-color: #d6ede6;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-positive-text {\n background-color: transparent;\n color: #32a483;\n}\n.maru-button-positive-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-positive-color-on-focus:hover {\n background-color: #eaf6f3;\n}\n.maru-button-positive-color-on-focus:focus-visible, .maru-button-positive-color-on-focus:active {\n background-color: #eaf6f3;\n color: #32a483;\n}\n.maru-button-warning-default {\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-default:hover {\n box-shadow: 0 0 6px #ffb020;\n}\n.maru-button-warning-default:focus-visible, .maru-button-warning-default:active {\n box-shadow: none;\n background-color: #ffefd2;\n color: #ffb020;\n}\n.maru-button-warning-default-light {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-warning-default-light:hover {\n box-shadow: 0 0 6px rgba(255, 177, 32, 0.5019607843);\n}\n.maru-button-warning-default-light:focus-visible, .maru-button-warning-default-light:active {\n box-shadow: none;\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-outline {\n background-color: white;\n color: #ffb020;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-outline:hover {\n box-shadow: 0 0 6px #ffefd2;\n}\n.maru-button-warning-outline:focus-visible, .maru-button-warning-outline:active {\n box-shadow: none;\n background-color: #ffefd2;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-text {\n background-color: transparent;\n color: #ffb020;\n}\n.maru-button-warning-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-warning-color-on-focus:hover {\n background-color: #fff7e9;\n}\n.maru-button-warning-color-on-focus:focus-visible, .maru-button-warning-color-on-focus:active {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-danger-default {\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-default:hover {\n box-shadow: 0 0 6px #e53e3e;\n}\n.maru-button-danger-default:focus-visible, .maru-button-danger-default:active {\n box-shadow: none;\n background-color: #fcecec;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-default-light {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-danger-default-light:hover {\n box-shadow: 0 0 6px rgba(229, 62, 62, 0.5019607843);\n}\n.maru-button-danger-default-light:focus-visible, .maru-button-danger-default-light:active {\n box-shadow: none;\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-outline {\n background-color: white;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-outline:hover {\n box-shadow: 0 0 6px #fad8d8;\n}\n.maru-button-danger-outline:focus-visible, .maru-button-danger-outline:active {\n box-shadow: none;\n background-color: #fad8d8;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-text {\n background-color: transparent;\n color: #e53e3e;\n}\n.maru-button-danger-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-danger-color-on-focus:hover {\n background-color: #fcecec;\n}\n.maru-button-danger-color-on-focus:focus-visible, .maru-button-danger-color-on-focus:active {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-success-default {\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-default:hover {\n box-shadow: 0 0 6px #308acc;\n}\n.maru-button-success-default:focus-visible, .maru-button-success-default:active {\n box-shadow: none;\n background-color: #eaf3fa;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-default-light {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-button-success-default-light:hover {\n box-shadow: 0 0 6px rgba(48, 138, 204, 0.5019607843);\n}\n.maru-button-success-default-light:focus-visible, .maru-button-success-default-light:active {\n box-shadow: none;\n background-color: #308acc;\n color: white;\n}\n.maru-button-success-outline {\n background-color: white;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-outline:hover {\n box-shadow: 0 0 6px #d6e8f5;\n}\n.maru-button-success-outline:focus-visible, .maru-button-success-outline:active {\n box-shadow: none;\n background-color: #d6e8f5;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-success-text {\n background-color: transparent;\n color: #308acc;\n}\n.maru-button-success-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-success-color-on-focus:hover {\n background-color: #eaf3fa;\n}\n.maru-button-success-color-on-focus:focus-visible, .maru-button-success-color-on-focus:active {\n background-color: #eaf3fa;\n color: #308acc;\n}\n\n.maru-button-with-start-icon.size-small,\n.maru-button-with-end-icon.size-small {\n padding: 5px 12px;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline {\n background-color: white;\n color: #bdbdbd;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:hover,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:hover {\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:focus-visible, .maru-button-with-start-icon.size-small.maru-button-secondary-outline:active,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:focus-visible,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:active {\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-normal,\n.maru-button-with-end-icon.size-normal {\n padding: 8px 12px;\n}\n\n.maru-button-only-icon.size-normal {\n padding: 0;\n justify-content: center;\n background-color: transparent;\n}\n.maru-button-only-icon.size-normal:hover, .maru-button-only-icon.size-normal:focus-visible, .maru-button-only-icon.size-normal:active {\n box-shadow: none;\n background-color: transparent;\n}";
|
|
7686
|
-
styleInject(css_248z$
|
|
7701
|
+
var css_248z$n = ".size-small {\n padding: 5px 16px;\n border-radius: 4px;\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\n.size-normal {\n padding: 8px 16px;\n border-radius: 6px;\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\n.size-large {\n padding: 10px 16px;\n border-radius: 6px;\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\n.maru-button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border: 0;\n cursor: pointer;\n gap: 6px;\n}\n.maru-button:focus-within {\n outline: none;\n}\n.maru-button:disabled {\n cursor: default;\n opacity: 0.5;\n pointer-events: none;\n}\n.maru-button-primary-default {\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-primary-default:focus-visible, .maru-button-primary-default:active {\n box-shadow: none;\n background-image: none;\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-default-light {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-primary-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-primary-default-light:focus-visible, .maru-button-primary-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: var(--p);\n color: white;\n}\n.maru-button-primary-outline {\n background-color: white;\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:hover {\n background-color: var(--p-07);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-20);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-outline:focus-visible, .maru-button-primary-outline:active {\n box-shadow: none;\n background-color: var(--p-10);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-primary-text {\n background-color: transparent;\n color: var(--p);\n}\n.maru-button-primary-text:hover {\n background-color: var(--p-07);\n}\n.maru-button-primary-text:focus-visible, .maru-button-primary-text:active {\n background-color: var(--p-10);\n}\n.maru-button-primary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-primary-color-on-focus:hover {\n background-color: var(--p-10);\n}\n.maru-button-primary-color-on-focus:focus-visible, .maru-button-primary-color-on-focus:active {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-button-secondary-default {\n background-color: #8c8c8c;\n color: white;\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n.maru-button-secondary-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #fafafa;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-secondary-default:focus-visible, .maru-button-secondary-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-default-light {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-secondary-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-secondary-default-light:focus-visible, .maru-button-secondary-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: #8c8c8c;\n color: white;\n}\n.maru-button-secondary-outline {\n background-color: white;\n color: #8c8c8c;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-outline:hover {\n background-color: #fafafa;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-outline:focus-visible, .maru-button-secondary-outline:active {\n box-shadow: none;\n background-color: #e4e4e4;\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-button-secondary-text {\n background-color: transparent;\n color: #8c8c8c;\n}\n.maru-button-secondary-text:hover {\n background-color: #fafafa;\n}\n.maru-button-secondary-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-secondary-color-on-focus:hover {\n background-color: #fafafa;\n}\n.maru-button-secondary-color-on-focus:focus-visible, .maru-button-secondary-color-on-focus:active {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-button-positive-default {\n background-color: #308acc;\n color: white;\n}\n.maru-button-positive-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-positive-default:focus-visible, .maru-button-positive-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #eaf3fa;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-positive-default-light {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-button-positive-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-positive-default-light:focus-visible, .maru-button-positive-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: #308acc;\n color: white;\n}\n.maru-button-positive-outline {\n background-color: white;\n color: #308acc;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-positive-outline:hover {\n background-color: #f0f3f9;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-positive-outline:focus-visible, .maru-button-positive-outline:active {\n box-shadow: none;\n background-color: #d6e8f5;\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-button-positive-text {\n background-color: transparent;\n color: #308acc;\n}\n.maru-button-positive-text:hover {\n background-color: #f0f3f9;\n}\n.maru-button-positive-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-positive-color-on-focus:hover {\n background-color: #eaf3fa;\n}\n.maru-button-positive-color-on-focus:focus-visible, .maru-button-positive-color-on-focus:active {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-button-warning-default {\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-warning-default:focus-visible, .maru-button-warning-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #ffefd2;\n color: #ffb020;\n}\n.maru-button-warning-default-light {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-warning-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-warning-default-light:focus-visible, .maru-button-warning-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: #ffb020;\n color: white;\n}\n.maru-button-warning-outline {\n background-color: white;\n color: #ffb020;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-outline:hover {\n background-color: #fff8e6;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-outline:focus-visible, .maru-button-warning-outline:active {\n box-shadow: none;\n background-color: #ffefd2;\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-button-warning-text {\n background-color: transparent;\n color: #ffb020;\n}\n.maru-button-warning-text:hover {\n background-color: #fff8e6;\n}\n.maru-button-warning-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-warning-color-on-focus:hover {\n background-color: #fff7e9;\n}\n.maru-button-warning-color-on-focus:focus-visible, .maru-button-warning-color-on-focus:active {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-button-danger-default {\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-danger-default:focus-visible, .maru-button-danger-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #fcecec;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-default-light {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-danger-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-danger-default-light:focus-visible, .maru-button-danger-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: #e53e3e;\n color: white;\n}\n.maru-button-danger-outline {\n background-color: white;\n color: #e53e3e;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-outline:hover {\n background-color: #fff5f5;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-outline:focus-visible, .maru-button-danger-outline:active {\n box-shadow: none;\n background-color: #fad8d8;\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-button-danger-text {\n background-color: transparent;\n color: #e53e3e;\n}\n.maru-button-danger-text:hover {\n background-color: #fff5f5;\n}\n.maru-button-danger-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-danger-color-on-focus:hover {\n background-color: #fcecec;\n}\n.maru-button-danger-color-on-focus:focus-visible, .maru-button-danger-color-on-focus:active {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-button-success-default {\n background-color: #32a483;\n color: white;\n}\n.maru-button-success-default:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-success-default:focus-visible, .maru-button-success-default:active {\n box-shadow: none;\n background-image: none;\n background-color: #eaf6f3;\n color: #32a483;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-success-default-light {\n background-color: #eaf6f3;\n color: #32a483;\n}\n.maru-button-success-default-light:hover {\n background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));\n}\n.maru-button-success-default-light:focus-visible, .maru-button-success-default-light:active {\n box-shadow: none;\n background-image: none;\n background-color: #32a483;\n color: white;\n}\n.maru-button-success-outline {\n background-color: white;\n color: #32a483;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-success-outline:hover {\n background-color: #e8f5f0;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-success-outline:focus-visible, .maru-button-success-outline:active {\n box-shadow: none;\n background-color: #d6ede6;\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-button-success-text {\n background-color: transparent;\n color: #32a483;\n}\n.maru-button-success-text:hover {\n background-color: #e8f5f0;\n}\n.maru-button-success-color-on-focus {\n background-color: white;\n color: #5c5c5c;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n padding: 5px 7px 5px 6px !important;\n gap: 4px;\n}\n.maru-button-success-color-on-focus:hover {\n background-color: #eaf6f3;\n}\n.maru-button-success-color-on-focus:focus-visible, .maru-button-success-color-on-focus:active {\n background-color: #eaf6f3;\n color: #32a483;\n}\n\n.maru-button-with-start-icon.size-small,\n.maru-button-with-end-icon.size-small {\n padding: 5px 12px;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline {\n background-color: white;\n color: #bdbdbd;\n box-shadow: 0 0 0 1px #e4e4e4 inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:hover,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:hover {\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-small.maru-button-secondary-outline:focus-visible, .maru-button-with-start-icon.size-small.maru-button-secondary-outline:active,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:focus-visible,\n.maru-button-with-end-icon.size-small.maru-button-secondary-outline:active {\n background-color: var(--p-10);\n color: var(--p);\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-button-with-start-icon.size-normal,\n.maru-button-with-end-icon.size-normal {\n padding: 8px 12px;\n}\n\n.maru-button-only-icon.size-normal {\n padding: 0;\n justify-content: center;\n background-color: transparent;\n}\n.maru-button-only-icon.size-normal:hover, .maru-button-only-icon.size-normal:focus-visible, .maru-button-only-icon.size-normal:active {\n box-shadow: none;\n background-color: transparent;\n background-image: none;\n}";
|
|
7702
|
+
styleInject(css_248z$n);
|
|
7687
7703
|
|
|
7688
7704
|
var Button = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
7689
7705
|
var children = _a.children,
|
|
@@ -7797,6 +7813,33 @@ Button.defaultProps = {
|
|
|
7797
7813
|
};
|
|
7798
7814
|
Button.displayName = 'Button';
|
|
7799
7815
|
|
|
7816
|
+
var css_248z$m = ".maru-badge {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n padding: 4px 8px;\n border-radius: 4px;\n gap: 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 400;\n border: 1px solid transparent;\n}\n.maru-badge-primary {\n background-color: #fafafa;\n color: var(--p);\n}\n.maru-badge-secondary {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-badge-blue {\n background-color: #eaf3fa;\n color: #20649b;\n}\n.maru-badge-green {\n background-color: #f3f7e6;\n color: #65a30d;\n}\n.maru-badge-purple {\n background-color: #faf5ff;\n color: #7c3aed;\n}\n.maru-badge-outlined {\n background-color: transparent;\n border-color: currentColor;\n}\n.maru-badge-outlined.maru-badge-primary {\n color: var(--p);\n border-color: var(--p);\n}\n.maru-badge-outlined.maru-badge-secondary {\n color: #737a80;\n border-color: #737a80;\n}\n.maru-badge-outlined.maru-badge-blue {\n color: #20649b;\n border-color: #20649b;\n}\n.maru-badge-outlined.maru-badge-green {\n color: #65a30d;\n border-color: #65a30d;\n}\n.maru-badge-outlined.maru-badge-purple {\n color: #7c3aed;\n border-color: #7c3aed;\n}\n.maru-badge .maru-badge-x-icon-button {\n color: inherit;\n transform: translateY(-1px);\n}";
|
|
7817
|
+
styleInject(css_248z$m);
|
|
7818
|
+
|
|
7819
|
+
function Badge(_a) {
|
|
7820
|
+
var children = _a.children,
|
|
7821
|
+
_b = _a.color,
|
|
7822
|
+
color = _b === void 0 ? 'blue' : _b,
|
|
7823
|
+
_c = _a.variant,
|
|
7824
|
+
variant = _c === void 0 ? 'default' : _c,
|
|
7825
|
+
className = _a.className,
|
|
7826
|
+
onXIconClick = _a.onXIconClick;
|
|
7827
|
+
return jsxs("div", __assign({
|
|
7828
|
+
className: classNames('maru-badge', "maru-badge-".concat(color), "maru-badge-".concat(variant), className)
|
|
7829
|
+
}, {
|
|
7830
|
+
children: [children, onXIconClick && jsx(Button, {
|
|
7831
|
+
className: "maru-badge-x-icon-button",
|
|
7832
|
+
endIcon: {
|
|
7833
|
+
name: ICONS.X_s1210,
|
|
7834
|
+
color: 'inherit'
|
|
7835
|
+
},
|
|
7836
|
+
onClick: onXIconClick,
|
|
7837
|
+
color: "secondary",
|
|
7838
|
+
variant: "text"
|
|
7839
|
+
})]
|
|
7840
|
+
}));
|
|
7841
|
+
}
|
|
7842
|
+
|
|
7800
7843
|
/**
|
|
7801
7844
|
* 파라미터로 들어온 ref들을 generic type을 가진 ref로 바꾸는 hook
|
|
7802
7845
|
* ex. refs(주로 부모 refs)가 HTMLInputElement인 RefObject일 때,
|
|
@@ -7846,8 +7889,8 @@ function uuidv4(length) {
|
|
|
7846
7889
|
}
|
|
7847
7890
|
}
|
|
7848
7891
|
|
|
7849
|
-
var css_248z$
|
|
7850
|
-
styleInject(css_248z$
|
|
7892
|
+
var css_248z$l = ".maru-checkbox-wrapper {\n display: flex;\n align-items: center;\n flex-direction: row;\n width: fit-content;\n}\n\n.maru-checkbox-wrapper-2px {\n gap: 2px;\n}\n\n.maru-checkbox-wrapper-4px {\n gap: 4px;\n}\n\n.maru-checkbox-wrapper-8px {\n gap: 8px;\n}\n\n.maru-checkbox-inner-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n position: relative;\n}\n\n.maru-checkbox {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n}\n\n.maru-checkbox-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: 400;\n color: #5c5c5c;\n cursor: pointer;\n}\n.maru-checkbox-label.label-disabled {\n color: #8c8c8c;\n}\n\n.maru-checkbox:disabled,\n.label-disabled {\n cursor: default;\n}";
|
|
7893
|
+
styleInject(css_248z$l);
|
|
7851
7894
|
|
|
7852
7895
|
var Checkbox = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
7853
7896
|
var _b;
|
|
@@ -7912,8 +7955,8 @@ Checkbox.defaultProps = {
|
|
|
7912
7955
|
};
|
|
7913
7956
|
Checkbox.displayName = 'Checkbox';
|
|
7914
7957
|
|
|
7915
|
-
var css_248z$
|
|
7916
|
-
styleInject(css_248z$
|
|
7958
|
+
var css_248z$k = ".maru-chip {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-chip-size-small {\n padding: 1.5px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 400;\n border-radius: 10px;\n gap: 2px;\n}\n.maru-chip-size-normal {\n padding: 2px 8px;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 400;\n border-radius: 16px;\n gap: 8px;\n}\n.maru-chip-primary-default {\n background-color: var(--p-10);\n color: var(--p);\n}\n.maru-chip-primary-default.maru-chip-warning-default, .maru-chip-primary-default.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-outline {\n background-color: var(--p-10);\n border: 1px solid var(--p);\n color: var(--p);\n}\n.maru-chip-primary-outline.maru-chip-warning-default, .maru-chip-primary-outline.maru-chip-positive-default {\n background-color: var(--p-20);\n}\n.maru-chip-primary-dot {\n color: var(--p);\n gap: 2px;\n padding: unset;\n}\n.maru-chip-secondary-default {\n background-color: #fafafa;\n color: #8c8c8c;\n}\n.maru-chip-secondary-default.maru-chip-warning-default, .maru-chip-secondary-default.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-outline {\n background-color: #fafafa;\n border: 1px solid #8c8c8c;\n color: #8c8c8c;\n}\n.maru-chip-secondary-outline.maru-chip-warning-default, .maru-chip-secondary-outline.maru-chip-positive-default {\n background-color: #e4e4e4;\n}\n.maru-chip-secondary-dot {\n color: #8c8c8c;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-positive-default {\n background-color: #eaf3fa;\n color: #308acc;\n}\n.maru-chip-positive-default.maru-chip-warning-default, .maru-chip-positive-default.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-positive-outline {\n background-color: #eaf3fa;\n border: 1px solid #308acc;\n color: #308acc;\n}\n.maru-chip-positive-outline.maru-chip-warning-default, .maru-chip-positive-outline.maru-chip-positive-default {\n background-color: #d6e8f5;\n}\n.maru-chip-positive-dot {\n color: #308acc;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-warning-default {\n background-color: #fff7e9;\n color: #ffb020;\n}\n.maru-chip-warning-default.maru-chip-warning-default, .maru-chip-warning-default.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-outline {\n background-color: #fff7e9;\n border: 1px solid #ffb020;\n color: #ffb020;\n}\n.maru-chip-warning-outline.maru-chip-warning-default, .maru-chip-warning-outline.maru-chip-positive-default {\n background-color: #ffefd2;\n}\n.maru-chip-warning-dot {\n color: #ffb020;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-danger-default {\n background-color: #fcecec;\n color: #e53e3e;\n}\n.maru-chip-danger-default.maru-chip-warning-default, .maru-chip-danger-default.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-outline {\n background-color: #fcecec;\n border: 1px solid #e53e3e;\n color: #e53e3e;\n}\n.maru-chip-danger-outline.maru-chip-warning-default, .maru-chip-danger-outline.maru-chip-positive-default {\n background-color: #fad8d8;\n}\n.maru-chip-danger-dot {\n color: #e53e3e;\n gap: 2px;\n padding: unset;\n}\n.maru-chip-success-default {\n background-color: #eaf6f3;\n color: #32a483;\n}\n.maru-chip-success-default.maru-chip-warning-default, .maru-chip-success-default.maru-chip-positive-default {\n background-color: #d6ede6;\n}\n.maru-chip-success-outline {\n background-color: #eaf6f3;\n border: 1px solid #32a483;\n color: #32a483;\n}\n.maru-chip-success-outline.maru-chip-warning-default, .maru-chip-success-outline.maru-chip-positive-default {\n background-color: #d6ede6;\n}\n.maru-chip-success-dot {\n color: #32a483;\n gap: 2px;\n padding: unset;\n}\n.maru-chip .maru-chip-x-icon-button {\n transform: translateY(-1px);\n}";
|
|
7959
|
+
styleInject(css_248z$k);
|
|
7917
7960
|
|
|
7918
7961
|
function Chip(_a) {
|
|
7919
7962
|
var children = _a.children,
|
|
@@ -69901,11 +69944,11 @@ var textCopy = function textCopy(text) {
|
|
|
69901
69944
|
});
|
|
69902
69945
|
};
|
|
69903
69946
|
|
|
69904
|
-
var css_248z$
|
|
69905
|
-
styleInject(css_248z$
|
|
69947
|
+
var css_248z$j = "pre code.hljs {\n display: block;\n overflow-x: auto;\n padding: 1em\n}\ncode.hljs {\n padding: 3px 5px\n}\n/*!\n Theme: a11y-light\n Author: @ericwbailey\n Maintainer: @ericwbailey\n\n Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css\n*/\n.hljs {\n background: #fefefe;\n color: #545454\n}\n/* Comment */\n.hljs-comment,\n.hljs-quote {\n color: #696969\n}\n/* Red */\n.hljs-variable,\n.hljs-template-variable,\n.hljs-tag,\n.hljs-name,\n.hljs-selector-id,\n.hljs-selector-class,\n.hljs-regexp,\n.hljs-deletion {\n color: #d91e18\n}\n/* Orange */\n.hljs-number,\n.hljs-built_in,\n.hljs-literal,\n.hljs-type,\n.hljs-params,\n.hljs-meta,\n.hljs-link {\n color: #aa5d00\n}\n/* Yellow */\n.hljs-attribute {\n color: #aa5d00\n}\n/* Green */\n.hljs-string,\n.hljs-symbol,\n.hljs-bullet,\n.hljs-addition {\n color: #008000\n}\n/* Blue */\n.hljs-title,\n.hljs-section {\n color: #007faa\n}\n/* Purple */\n.hljs-keyword,\n.hljs-selector-tag {\n color: #7928a1\n}\n.hljs-emphasis {\n font-style: italic\n}\n.hljs-strong {\n font-weight: bold\n}\n@media screen and (-ms-high-contrast: active) {\n .hljs-addition,\n .hljs-attribute,\n .hljs-built_in,\n .hljs-bullet,\n .hljs-comment,\n .hljs-link,\n .hljs-literal,\n .hljs-meta,\n .hljs-number,\n .hljs-params,\n .hljs-string,\n .hljs-symbol,\n .hljs-type,\n .hljs-quote {\n color: highlight\n }\n .hljs-keyword,\n .hljs-selector-tag {\n font-weight: bold\n }\n}";
|
|
69948
|
+
styleInject(css_248z$j);
|
|
69906
69949
|
|
|
69907
|
-
var css_248z$
|
|
69908
|
-
styleInject(css_248z$
|
|
69950
|
+
var css_248z$i = ".maru-code {\n position: relative;\n}\n.maru-code .maru-code-copy-button {\n position: absolute;\n top: 12px;\n right: 12px;\n}\n.maru-code > code {\n border-radius: 4px;\n border: 1px solid #e4e4e4;\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;\n font-size: 14px;\n white-space: pre-wrap;\n word-break: break-word;\n}";
|
|
69951
|
+
styleInject(css_248z$i);
|
|
69909
69952
|
|
|
69910
69953
|
function Code(_a) {
|
|
69911
69954
|
var value = _a.value,
|
|
@@ -69931,8 +69974,8 @@ function Code(_a) {
|
|
|
69931
69974
|
}));
|
|
69932
69975
|
}
|
|
69933
69976
|
|
|
69934
|
-
var css_248z$
|
|
69935
|
-
styleInject(css_248z$
|
|
69977
|
+
var css_248z$h = ".maru-input-wrapper .maru-input-label {\n margin-bottom: 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: 500;\n}\n.maru-input-wrapper .maru-input-label label {\n color: #5c5c5c;\n}\n.maru-input-wrapper .maru-input {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n height: 37px;\n padding: 8px 10px 8px 14px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n position: relative;\n z-index: 0;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder {\n position: absolute;\n z-index: -1;\n left: 14px;\n right: 10px;\n top: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n pointer-events: none;\n overflow: hidden;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span {\n color: #8c8c8c;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 300;\n white-space: pre;\n flex: none;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span[data-hidden] {\n visibility: hidden;\n}\n.maru-input-wrapper .maru-input .persistent-placeholder > span:not([data-hidden]) {\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n}\n.maru-input-wrapper .maru-input > input {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\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 padding: unset;\n}\n.maru-input-wrapper .maru-input > input::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input > input::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-input-wrapper .maru-input:focus-visible, .maru-input-wrapper .maru-input:focus-within {\n border-color: #5c5c5c;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-input-wrapper .maru-input:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: rgba(228, 228, 228, 0.2);\n}\n.maru-input-wrapper .maru-input.disabled {\n background-color: #fafafa;\n}\n.maru-input-wrapper .maru-input.disabled > input {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled > input::placeholder {\n color: #bdbdbd;\n}\n.maru-input-wrapper .maru-input.disabled:hover {\n outline: unset;\n}\n.maru-input-wrapper .maru-input-start-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-right: 10px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n gap: 6px;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n display: flex;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper .maru-input-end-node {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-input-wrapper .maru-input-end-node-wrapper.maru-input-end-node-margin {\n margin-left: 8px;\n}\n.maru-input-wrapper .maru-input-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-input-wrapper .maru-input-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n font-weight: 400;\n}";
|
|
69978
|
+
styleInject(css_248z$h);
|
|
69936
69979
|
|
|
69937
69980
|
var Input = /*#__PURE__*/forwardRef(function (_a, inputRef) {
|
|
69938
69981
|
var invalid = _a.invalid,
|
|
@@ -71998,8 +72041,8 @@ function CreatePortal(_a) {
|
|
|
71998
72041
|
return (parentElement || styleRootElement) && /*#__PURE__*/ReactDOM__default.createPortal(children, parentElement ? parentElement.current : styleRootElement);
|
|
71999
72042
|
}
|
|
72000
72043
|
|
|
72001
|
-
var css_248z$
|
|
72002
|
-
styleInject(css_248z$
|
|
72044
|
+
var css_248z$g = ".maru-popover-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n z-index: 1611;\n}\n\n.maru-popover {\n border-radius: 4px;\n background-color: white;\n outline: none;\n box-shadow: 0px 0px 4px #e4e4e4;\n}";
|
|
72045
|
+
styleInject(css_248z$g);
|
|
72003
72046
|
|
|
72004
72047
|
function Popover(_a) {
|
|
72005
72048
|
var anchorEl = _a.anchorEl,
|
|
@@ -72064,8 +72107,8 @@ function Popover(_a) {
|
|
|
72064
72107
|
}) : PopoverBody;
|
|
72065
72108
|
}
|
|
72066
72109
|
|
|
72067
|
-
var css_248z$
|
|
72068
|
-
styleInject(css_248z$
|
|
72110
|
+
var css_248z$f = ".maru-radio-wrapper-8px {\n display: flex;\n gap: 8px;\n}\n\n.maru-radio-wrapper-4px {\n display: flex;\n gap: 4px;\n}\n\n.maru-radio-wrapper-2px {\n display: flex;\n gap: 2px;\n}\n\n.maru-radio {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n border: 2px solid #bdbdbd;\n position: relative;\n display: inline-block;\n cursor: pointer;\n background-color: transparent;\n}\n.maru-radio:checked {\n border-color: var(--p);\n background: var(--p);\n}\n.maru-radio:checked::before {\n content: \"\";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #fafafa;\n}\n.maru-radio:not(.maru-radio-primary):checked {\n border-color: #5c5c5c;\n background: #5c5c5c;\n}\n.maru-radio:not(:disabled):hover {\n border-color: #5c5c5c;\n filter: brightness(1.3);\n}\n.maru-radio.maru-radio-primary:not(:disabled):hover {\n border-color: var(--p);\n}\n.maru-radio:not(:checked):not(:disabled):focus {\n outline: 3px solid #5c5c5c;\n outline-offset: 3px;\n}\n.maru-radio.maru-radio-primary:not(:checked):not(:disabled):focus {\n outline: 3px solid var(--p);\n outline-offset: 3px;\n}\n.maru-radio:checked:not(:disabled):focus {\n outline: none;\n}\n.maru-radio:not(.maru-radio-primary):checked:not(:disabled):focus {\n background: color-mix(in srgb, #5c5c5c 80%, black);\n border-color: color-mix(in srgb, #5c5c5c 80%, black);\n}\n.maru-radio.maru-radio-primary:checked:not(:disabled):focus {\n background: color-mix(in srgb, var(--p) 80%, black);\n border-color: color-mix(in srgb, var(--p) 80%, black);\n}\n.maru-radio:not(:checked):disabled {\n background-color: #fafafa;\n}\n.maru-radio:checked:disabled {\n opacity: 1;\n background: #bdbdbd;\n border-color: #bdbdbd;\n}\n\n.maru-radio-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: 400;\n color: #5c5c5c;\n cursor: pointer;\n}\n\n.maru-radio:disabled,\n.label-disabled {\n cursor: default;\n opacity: 0.5;\n}";
|
|
72111
|
+
styleInject(css_248z$f);
|
|
72069
72112
|
|
|
72070
72113
|
var Radio = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
72071
72114
|
var checked = _a.checked,
|
|
@@ -72130,8 +72173,8 @@ function Contents() {
|
|
|
72130
72173
|
}));
|
|
72131
72174
|
}
|
|
72132
72175
|
|
|
72133
|
-
var css_248z$
|
|
72134
|
-
styleInject(css_248z$
|
|
72176
|
+
var css_248z$e = "@keyframes colorFade {\n 0%, 100% {\n background-color: #f7f7f7;\n }\n 50% {\n background-color: #ececec;\n }\n}\n.maru-skeleton {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n background-color: #fafafa;\n}\n.maru-skeleton .maru-skeleton-side-bar {\n width: 250px;\n height: 100%;\n border-radius: 0 20px 20px 0;\n background-color: #fafafa;\n box-shadow: 0 0 6px 0 #e4e4e4;\n padding: 27px 20px 20px 20px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 14px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper .maru-skeleton-logo {\n width: 38px;\n height: 38px;\n border-radius: 50%;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n gap: 5px;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-sub-title {\n width: 50px;\n height: 10px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-side-bar .maru-skeleton-logo-wrapper > div:last-child .maru-skeleton-title {\n width: 76px;\n height: 15px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n margin-top: 24px;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu {\n width: 140px;\n height: 24px;\n border-radius: 10px;\n margin: 0 0 30px 11px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-menu-container .maru-skeleton-menu:first-child {\n width: 210px;\n height: 44px;\n margin: 0 0 22px 0;\n}\n.maru-skeleton .maru-skeleton-right-side {\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: flex-start;\n align-items: stretch;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header {\n width: 100%;\n height: 72px;\n box-shadow: 0 4px 6px -4px #e4e4e4;\n}\n.maru-skeleton .maru-skeleton-right-side #maru-skeleton-header.dense {\n height: 60px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents {\n width: 576px;\n height: 287px;\n box-shadow: 0 0 6px 0 #e4e4e4;\n margin: 77px 20px 20px 20px;\n border-radius: 10px;\n padding: 24px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: column;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-text {\n width: 106px;\n height: 22px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n margin-bottom: 10px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-description {\n width: 50px;\n height: 18px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n gap: 40px;\n margin-top: 20px;\n}\n.maru-skeleton .maru-skeleton-right-side .maru-skeleton-contents-container .maru-skeleton-contents .maru-skeleton-contents-grid-container .maru-skeleton-contents-grid {\n width: 203px;\n height: 125px;\n border-radius: 10px;\n animation: colorFade 3s ease-in-out infinite;\n}";
|
|
72177
|
+
styleInject(css_248z$e);
|
|
72135
72178
|
|
|
72136
72179
|
function Skeleton(_a) {
|
|
72137
72180
|
var _b = _a.variant,
|
|
@@ -72179,9 +72222,12 @@ function Skeleton(_a) {
|
|
|
72179
72222
|
});
|
|
72180
72223
|
}
|
|
72181
72224
|
|
|
72182
|
-
var css_248z$
|
|
72183
|
-
styleInject(css_248z$
|
|
72225
|
+
var css_248z$d = ".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.maru-slider-container.maru-slider-show-value {\n margin-top: 24px;\n}\n\n.maru-slider-thumb-wrapper {\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n pointer-events: none;\n left: calc(7px + (100% - 14px) * var(--slider-progress-raw) / 100);\n}\n\n.maru-slider-value {\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 position: absolute;\n bottom: 100%;\n margin-bottom: 4px;\n color: #5c5c5c;\n white-space: nowrap;\n}\n\n.maru-slider-custom-thumb {\n width: 14px;\n height: 14px;\n background: white;\n border-radius: 50%;\n transition: transform 0.2s ease;\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.maru-slider-primary .maru-slider-custom-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.maru-slider-secondary .maru-slider-custom-thumb {\n border: 3px solid #8c8c8c;\n}\n\n.maru-slider-positive .maru-slider {\n background: linear-gradient(to right, #308acc 0%, #308acc var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-positive .maru-slider::-webkit-slider-thumb {\n border: 3px solid #308acc;\n}\n.maru-slider-positive .maru-slider::-moz-range-thumb {\n border: 3px solid #308acc;\n}\n.maru-slider-positive .maru-slider-custom-thumb {\n border: 3px solid #308acc;\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.maru-slider-warning .maru-slider-custom-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.maru-slider-danger .maru-slider-custom-thumb {\n border: 3px solid #e53e3e;\n}\n\n.maru-slider-success .maru-slider {\n background: linear-gradient(to right, #32a483 0%, #32a483 var(--slider-progress), #e4e4e4 var(--slider-progress), #e4e4e4 100%);\n}\n.maru-slider-success .maru-slider::-webkit-slider-thumb {\n border: 3px solid #32a483;\n}\n.maru-slider-success .maru-slider::-moz-range-thumb {\n border: 3px solid #32a483;\n}\n.maru-slider-success .maru-slider-custom-thumb {\n border: 3px solid #32a483;\n}\n\n.maru-slider-show-value .maru-slider::-webkit-slider-thumb {\n opacity: 0;\n}\n.maru-slider-show-value .maru-slider::-moz-range-thumb {\n opacity: 0;\n}\n.maru-slider-show-value:active .maru-slider-custom-thumb {\n transform: scale(1.2);\n}\n.maru-slider-show-value.maru-slider-disabled .maru-slider-custom-thumb {\n transform: none;\n}";
|
|
72226
|
+
styleInject(css_248z$d);
|
|
72184
72227
|
|
|
72228
|
+
/**
|
|
72229
|
+
* showValue에 관한 글: showValue가 true면 기존 input에 있는 thumb를 숨기고 custom thumb를 보여준다.
|
|
72230
|
+
*/
|
|
72185
72231
|
function Slider(_a) {
|
|
72186
72232
|
var value = _a.value,
|
|
72187
72233
|
onChange = _a.onChange,
|
|
@@ -72193,19 +72239,26 @@ function Slider(_a) {
|
|
|
72193
72239
|
max = _d === void 0 ? 100 : _d,
|
|
72194
72240
|
_e = _a.step,
|
|
72195
72241
|
step = _e === void 0 ? 1 : _e,
|
|
72196
|
-
_f = _a.
|
|
72197
|
-
|
|
72242
|
+
_f = _a.showValue,
|
|
72243
|
+
showValue = _f === void 0 ? false : _f,
|
|
72244
|
+
_g = _a.disabled,
|
|
72245
|
+
disabled = _g === void 0 ? false : _g,
|
|
72198
72246
|
className = _a.className;
|
|
72199
72247
|
var progress = (value - min) / (max - min) * 100;
|
|
72200
72248
|
var handleSliderChange = function handleSliderChange(e) {
|
|
72201
72249
|
onChange(+e.target.value);
|
|
72202
72250
|
};
|
|
72203
|
-
return
|
|
72251
|
+
return jsxs("div", __assign({
|
|
72204
72252
|
className: classNames('maru-slider-container', "maru-slider-".concat(color), {
|
|
72205
|
-
'maru-slider-disabled': disabled
|
|
72206
|
-
|
|
72253
|
+
'maru-slider-disabled': disabled,
|
|
72254
|
+
'maru-slider-show-value': showValue
|
|
72255
|
+
}, className),
|
|
72256
|
+
style: {
|
|
72257
|
+
'--slider-progress': "".concat(progress, "%"),
|
|
72258
|
+
'--slider-progress-raw': progress
|
|
72259
|
+
}
|
|
72207
72260
|
}, {
|
|
72208
|
-
children: jsx("input", {
|
|
72261
|
+
children: [jsx("input", {
|
|
72209
72262
|
type: "range",
|
|
72210
72263
|
className: "maru-slider",
|
|
72211
72264
|
value: value,
|
|
@@ -72213,16 +72266,23 @@ function Slider(_a) {
|
|
|
72213
72266
|
min: min,
|
|
72214
72267
|
max: max,
|
|
72215
72268
|
step: step,
|
|
72216
|
-
disabled: disabled
|
|
72217
|
-
|
|
72218
|
-
|
|
72219
|
-
|
|
72220
|
-
|
|
72269
|
+
disabled: disabled
|
|
72270
|
+
}), showValue && jsxs("div", __assign({
|
|
72271
|
+
className: "maru-slider-thumb-wrapper"
|
|
72272
|
+
}, {
|
|
72273
|
+
children: [jsx("span", __assign({
|
|
72274
|
+
className: "maru-slider-value"
|
|
72275
|
+
}, {
|
|
72276
|
+
children: value
|
|
72277
|
+
})), jsx("div", {
|
|
72278
|
+
className: "maru-slider-custom-thumb"
|
|
72279
|
+
})]
|
|
72280
|
+
}))]
|
|
72221
72281
|
}));
|
|
72222
72282
|
}
|
|
72223
72283
|
|
|
72224
|
-
var css_248z$
|
|
72225
|
-
styleInject(css_248z$
|
|
72284
|
+
var css_248z$c = ".maru-textarea-wrapper .maru-textarea-resizable-wrapper {\n position: relative;\n}\n.maru-textarea-wrapper .maru-textarea {\n display: flex;\n justify-content: center;\n align-items: flex-start;\n flex-direction: row;\n padding: 8px 8px 8px 12px;\n border: 1px solid #e4e4e4;\n border-radius: 6px;\n gap: 8px;\n}\n.maru-textarea-wrapper .maru-textarea > textarea {\n width: 100%;\n border: unset;\n outline: unset;\n background-color: transparent;\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 resize: none;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-webkit-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-moz-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea:-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::-ms-input-placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea > textarea::placeholder {\n font-weight: 300;\n color: #8c8c8c;\n}\n.maru-textarea-wrapper .maru-textarea:focus-visible, .maru-textarea-wrapper .maru-textarea:focus-within {\n border-color: #5c5c5c;\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.errored {\n outline: 1px solid #e53e3e;\n border-color: #e53e3e;\n}\n.maru-textarea-wrapper .maru-textarea:hover {\n outline: 1px solid #e4e4e4;\n border-color: #e4e4e4;\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.disabled {\n background-color: #fafafa;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-moz-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea:-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::-ms-input-placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled > textarea::placeholder {\n color: #bdbdbd;\n}\n.maru-textarea-wrapper .maru-textarea.disabled:hover {\n outline: unset;\n}\n.maru-textarea-wrapper .maru-textarea-end-node-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-textarea-wrapper .maru-textarea-end-node-wrapper > button {\n padding: unset;\n margin: unset;\n border: unset;\n background-color: unset;\n cursor: pointer;\n width: 16px;\n height: 16px;\n}\n.maru-textarea-wrapper .resizer {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 5px;\n width: 100%;\n cursor: ns-resize;\n background: transparent;\n}\n.maru-textarea-wrapper .maru-textarea-footer {\n display: block;\n margin-top: 4px;\n}\n.maru-textarea-wrapper .maru-textarea-footer > span {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #e53e3e;\n}";
|
|
72285
|
+
styleInject(css_248z$c);
|
|
72226
72286
|
|
|
72227
72287
|
var Textarea = /*#__PURE__*/forwardRef(function (_a, textareaRef) {
|
|
72228
72288
|
var invalid = _a.invalid,
|
|
@@ -72385,8 +72445,8 @@ Textarea.defaultProps = {
|
|
|
72385
72445
|
};
|
|
72386
72446
|
Textarea.displayName = 'Textarea';
|
|
72387
72447
|
|
|
72388
|
-
var css_248z$a = ".maru-toggle-wrapper {\n display: inline-block;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper {\n position: relative;\n width: 30px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 11;\n cursor: pointer;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:not(:checked) ~ .maru-toggle-rail {\n background-color: #8c8c8c;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail {\n position: absolute;\n width: 30px;\n height: 18px;\n border-radius: 17.5px;\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-primary {\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-secondary {\n background-color: #8c8c8c;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-positive {\n background-color: #32a483;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-warning {\n background-color: #ffb020;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-danger {\n background-color: #e53e3e;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-success {\n background-color: #308acc;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-thumb {\n position: absolute;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n transition: all 0.2s ease-in-out;\n background-color: white;\n top: 2px;\n right: 14px;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:checked ~ .maru-toggle-thumb {\n transform: translateX(12px);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle {\n cursor: default;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle-thumb {\n background-color: #bdbdbd;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle-rail {\n background-color: #e4e4e4 !important;\n}\n\n.maru-toggle-text {\n position: relative;\n width: 66px;\n height: 23px;\n background-color: white;\n border-radius: 62px;\n overflow: hidden;\n}\n.maru-toggle-text-primary {\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb {\n background-color: var(--p);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-button {\n color: var(--p);\n}\n.maru-toggle-text-primary .toggle-active {\n color: white;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px var(--p-50) inset;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: var(--p-50);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: var(--p-50);\n cursor: default;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary {\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb {\n background-color: #8c8c8c;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-button {\n color: #8c8c8c;\n}\n.maru-toggle-text-secondary .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #bdbdbd inset;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #bdbdbd;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #bdbdbd;\n cursor: default;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive {\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb {\n background-color: #32a483;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #d6ede6;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #d6ede6;\n}\n.maru-toggle-text-positive .maru-toggle-text-button {\n color: #32a483;\n}\n.maru-toggle-text-positive .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #98d1c1 inset;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #98d1c1;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eaf6f3;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eaf6f3;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #98d1c1;\n cursor: default;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning {\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb {\n background-color: #ffb020;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-button {\n color: #ffb020;\n}\n.maru-toggle-text-warning .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #ffd78f inset;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #ffd78f;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #ffd78f;\n cursor: default;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger {\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb {\n background-color: #e53e3e;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-button {\n color: #e53e3e;\n}\n.maru-toggle-text-danger .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #f29e9e inset;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #f29e9e;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #f29e9e;\n cursor: default;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-success {\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb {\n background-color: #308acc;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-success .maru-toggle-text-button {\n color: #308acc;\n}\n.maru-toggle-text-success .toggle-active {\n color: white;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #97c4e5 inset;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #97c4e5;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #97c4e5;\n cursor: default;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text .maru-toggle-text-thumb {\n top: 0;\n left: 0;\n position: absolute;\n width: 33px;\n height: 23px;\n border-radius: 62px;\n transition: all 0.2s ease-in-out;\n z-index: 1;\n}\n\n.slide-after {\n transform: translateX(33px);\n}\n\n.maru-toggle-text-button-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.maru-toggle-text-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 10px;\n letter-spacing: -0.4px;\n font-weight: 700;\n position: relative;\n width: 33px;\n height: 23px;\n cursor: pointer;\n z-index: 2;\n background-color: transparent;\n border: 0;\n transition: color 0.4s ease;\n}";
|
|
72389
|
-
styleInject(css_248z$
|
|
72448
|
+
var css_248z$b = ".maru-toggle-wrapper {\n display: inline-block;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper {\n position: relative;\n width: 30px;\n height: 18px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 100%;\n position: absolute;\n z-index: 11;\n cursor: pointer;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:not(:checked) ~ .maru-toggle-rail {\n background-color: #4a4e52;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail {\n position: absolute;\n width: 30px;\n height: 18px;\n border-radius: 17.5px;\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background-color: transparent;\n transition: background-color 0.2s ease-in-out;\n pointer-events: none;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-primary {\n background-color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-secondary {\n background-color: #8c8c8c;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-positive {\n background-color: #308acc;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-warning {\n background-color: #ffb020;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-danger {\n background-color: #e53e3e;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-rail-success {\n background-color: #32a483;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:not(:disabled):hover ~ .maru-toggle-rail::after {\n background-color: rgba(0, 0, 0, 0.2);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-thumb {\n position: absolute;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n transition: all 0.2s ease-in-out;\n background-color: white;\n top: 2px;\n right: 14px;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-thumb .maru-toggle-thumb-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n width: inherit;\n height: inherit;\n color: #4a4e52;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle-thumb .maru-toggle-thumb-icon > svg {\n display: block;\n width: inherit;\n height: inherit;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper .maru-toggle:checked ~ .maru-toggle-thumb {\n transform: translateX(12px);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-primary .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: var(--p);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-secondary .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #8c8c8c;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-positive .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #308acc;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-warning .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #ffb020;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-danger .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #e53e3e;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-success .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #32a483;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle {\n cursor: default;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle-thumb {\n background-color: white;\n box-shadow: 0 0 0 1px #bdbdbd inset;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #bdbdbd;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:not(:checked) ~ .maru-toggle-rail {\n background-color: #e4e4e4 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-primary {\n background-color: var(--p-20) !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-secondary {\n background-color: #e4e4e4 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-positive {\n background-color: #d6e8f5 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-warning {\n background-color: #ffefd2 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-danger {\n background-color: #fad8d8 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.toggle-disabled .maru-toggle:checked ~ .maru-toggle-rail-success {\n background-color: #d6ede6 !important;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-primary.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: var(--p-20);\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-secondary.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #e4e4e4;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-positive.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #d6e8f5;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-warning.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #ffefd2;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-danger.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #fad8d8;\n}\n.maru-toggle-wrapper .maru-toggle-inner-wrapper.maru-toggle-success.toggle-disabled .maru-toggle:checked ~ .maru-toggle-thumb .maru-toggle-thumb-icon {\n color: #d6ede6;\n}\n\n.maru-toggle-text {\n position: relative;\n width: 66px;\n height: 23px;\n background-color: white;\n border-radius: 62px;\n overflow: hidden;\n}\n.maru-toggle-text-primary {\n box-shadow: 0 0 0 1px var(--p) inset;\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb {\n background-color: var(--p);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-20);\n}\n.maru-toggle-text-primary .maru-toggle-text-button {\n color: var(--p);\n}\n.maru-toggle-text-primary .toggle-active {\n color: white;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px var(--p-50) inset;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: var(--p-50);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px var(--p-10);\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: var(--p-50);\n cursor: default;\n}\n.maru-toggle-text-primary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary {\n box-shadow: 0 0 0 1px #8c8c8c inset;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb {\n background-color: #8c8c8c;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #e4e4e4;\n}\n.maru-toggle-text-secondary .maru-toggle-text-button {\n color: #8c8c8c;\n}\n.maru-toggle-text-secondary .toggle-active {\n color: white;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #bdbdbd inset;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #bdbdbd;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fafafa;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #bdbdbd;\n cursor: default;\n}\n.maru-toggle-text-secondary.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive {\n box-shadow: 0 0 0 1px #308acc inset;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb {\n background-color: #308acc;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-positive .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #d6e8f5;\n}\n.maru-toggle-text-positive .maru-toggle-text-button {\n color: #308acc;\n}\n.maru-toggle-text-positive .toggle-active {\n color: white;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #97c4e5 inset;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #97c4e5;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eaf3fa;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #97c4e5;\n cursor: default;\n}\n.maru-toggle-text-positive.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning {\n box-shadow: 0 0 0 1px #ffb020 inset;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb {\n background-color: #ffb020;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #ffefd2;\n}\n.maru-toggle-text-warning .maru-toggle-text-button {\n color: #ffb020;\n}\n.maru-toggle-text-warning .toggle-active {\n color: white;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #ffd78f inset;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #ffd78f;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fff7e9;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #ffd78f;\n cursor: default;\n}\n.maru-toggle-text-warning.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger {\n box-shadow: 0 0 0 1px #e53e3e inset;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb {\n background-color: #e53e3e;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fad8d8;\n}\n.maru-toggle-text-danger .maru-toggle-text-button {\n color: #e53e3e;\n}\n.maru-toggle-text-danger .toggle-active {\n color: white;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #f29e9e inset;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #f29e9e;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #fcecec;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #f29e9e;\n cursor: default;\n}\n.maru-toggle-text-danger.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text-success {\n box-shadow: 0 0 0 1px #32a483 inset;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb {\n background-color: #32a483;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #d6ede6;\n}\n.maru-toggle-text-success .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #d6ede6;\n}\n.maru-toggle-text-success .maru-toggle-text-button {\n color: #32a483;\n}\n.maru-toggle-text-success .toggle-active {\n color: white;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled {\n box-shadow: 0 0 0 1px #98d1c1 inset;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb {\n background-color: #98d1c1;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-before {\n box-shadow: -4px 0px 4px 0px #eaf6f3;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-thumb.shadow-after {\n box-shadow: 4px 0px 4px 0px #eaf6f3;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .maru-toggle-text-button {\n color: #98d1c1;\n cursor: default;\n}\n.maru-toggle-text-success.maru-toggle-text-disabled .toggle-active {\n color: white;\n}\n.maru-toggle-text .maru-toggle-text-thumb {\n top: 0;\n left: 0;\n position: absolute;\n width: 33px;\n height: 23px;\n border-radius: 62px;\n transition: all 0.2s ease-in-out;\n z-index: 1;\n}\n.maru-toggle-text .maru-toggle-text-thumb::after {\n content: \"\";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n background-color: transparent;\n transition: background-color 0.2s ease-in-out;\n pointer-events: none;\n}\n.maru-toggle-text:not(.maru-toggle-text-disabled):hover .maru-toggle-text-thumb::after {\n background-color: rgba(0, 0, 0, 0.2);\n}\n\n.slide-after {\n transform: translateX(33px);\n}\n\n.maru-toggle-text-button-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n\n.maru-toggle-text-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 10px;\n letter-spacing: -0.4px;\n font-weight: 700;\n position: relative;\n width: 33px;\n height: 23px;\n cursor: pointer;\n z-index: 2;\n background-color: transparent;\n border: 0;\n transition: color 0.4s ease;\n}";
|
|
72449
|
+
styleInject(css_248z$b);
|
|
72390
72450
|
|
|
72391
72451
|
function Toggle(_a) {
|
|
72392
72452
|
var checked = _a.checked,
|
|
@@ -72395,10 +72455,14 @@ function Toggle(_a) {
|
|
|
72395
72455
|
_b = _a.color,
|
|
72396
72456
|
color = _b === void 0 ? 'primary' : _b,
|
|
72397
72457
|
disabled = _a.disabled,
|
|
72398
|
-
text = _a.text
|
|
72399
|
-
|
|
72400
|
-
|
|
72401
|
-
|
|
72458
|
+
text = _a.text,
|
|
72459
|
+
_c = _a.showIcon,
|
|
72460
|
+
showIcon = _c === void 0 ? false : _c,
|
|
72461
|
+
_d = _a.scale,
|
|
72462
|
+
scale = _d === void 0 ? 1 : _d;
|
|
72463
|
+
var _e = useState(false),
|
|
72464
|
+
buttonToggle = _e[0],
|
|
72465
|
+
setButtonToggle = _e[1];
|
|
72402
72466
|
useEffect(function () {
|
|
72403
72467
|
setButtonToggle(checked);
|
|
72404
72468
|
}, [checked]);
|
|
@@ -72415,7 +72479,11 @@ function Toggle(_a) {
|
|
|
72415
72479
|
children: text ? jsxs("div", __assign({
|
|
72416
72480
|
className: classNames('maru-toggle-text', "maru-toggle-text-".concat(color), {
|
|
72417
72481
|
'maru-toggle-text-disabled': disabled
|
|
72418
|
-
}, className)
|
|
72482
|
+
}, className),
|
|
72483
|
+
style: {
|
|
72484
|
+
transform: "scale(".concat(scale, ")"),
|
|
72485
|
+
transformOrigin: 'left center'
|
|
72486
|
+
}
|
|
72419
72487
|
}, {
|
|
72420
72488
|
children: [jsx("span", {
|
|
72421
72489
|
className: classNames('maru-toggle-text-thumb', {
|
|
@@ -72449,10 +72517,14 @@ function Toggle(_a) {
|
|
|
72449
72517
|
}))]
|
|
72450
72518
|
}))]
|
|
72451
72519
|
})) : jsx("div", __assign({
|
|
72452
|
-
className: classNames('maru-toggle-wrapper', className)
|
|
72520
|
+
className: classNames('maru-toggle-wrapper', className),
|
|
72521
|
+
style: {
|
|
72522
|
+
transform: "scale(".concat(scale, ")"),
|
|
72523
|
+
transformOrigin: 'left center'
|
|
72524
|
+
}
|
|
72453
72525
|
}, {
|
|
72454
72526
|
children: jsxs("div", __assign({
|
|
72455
|
-
className: classNames('maru-toggle-inner-wrapper', {
|
|
72527
|
+
className: classNames('maru-toggle-inner-wrapper', "maru-toggle-".concat(color), {
|
|
72456
72528
|
'toggle-disabled': disabled
|
|
72457
72529
|
})
|
|
72458
72530
|
}, {
|
|
@@ -72464,16 +72536,25 @@ function Toggle(_a) {
|
|
|
72464
72536
|
onChange: handleInputChange
|
|
72465
72537
|
}), jsx("span", {
|
|
72466
72538
|
className: classNames('maru-toggle-rail', "maru-toggle-rail-".concat(color))
|
|
72467
|
-
}), jsx("span", {
|
|
72539
|
+
}), jsx("span", __assign({
|
|
72468
72540
|
className: "maru-toggle-thumb"
|
|
72469
|
-
}
|
|
72541
|
+
}, {
|
|
72542
|
+
children: showIcon && jsx("span", __assign({
|
|
72543
|
+
className: "maru-toggle-thumb-icon"
|
|
72544
|
+
}, {
|
|
72545
|
+
children: jsx(Icon, {
|
|
72546
|
+
name: checked ? ICONS.Check_s1413 : ICONS.SubtractLine_s1610,
|
|
72547
|
+
color: "inherit"
|
|
72548
|
+
})
|
|
72549
|
+
}))
|
|
72550
|
+
}))]
|
|
72470
72551
|
}))
|
|
72471
72552
|
}))
|
|
72472
72553
|
});
|
|
72473
72554
|
}
|
|
72474
72555
|
|
|
72475
|
-
var css_248z$
|
|
72476
|
-
styleInject(css_248z$
|
|
72556
|
+
var css_248z$a = ".maru-tooltip-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.maru-tooltip {\n z-index: 1612;\n border-radius: 6px;\n padding: 6px 10px 6px 12px;\n display: none;\n background-color: rgba(0, 0, 0, 0.8);\n}\n.maru-tooltip[data-show=true] {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n}\n.maru-tooltip[data-show=false] {\n display: none;\n}\n.maru-tooltip,\n.maru-tooltip span,\n.maru-tooltip p,\n.maru-tooltip pre {\n color: white;\n white-space: pre-wrap;\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 line-height: 140%;\n}";
|
|
72557
|
+
styleInject(css_248z$a);
|
|
72477
72558
|
|
|
72478
72559
|
function Tooltip(_a) {
|
|
72479
72560
|
var children = _a.children,
|
|
@@ -72545,6 +72626,55 @@ function Tooltip(_a) {
|
|
|
72545
72626
|
}));
|
|
72546
72627
|
}
|
|
72547
72628
|
|
|
72629
|
+
var css_248z$9 = ".maru-button-group {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\n width: fit-content;\n user-select: none;\n}\n\n.maru-button-group-button {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n border: 0;\n background-color: transparent;\n cursor: pointer;\n white-space: nowrap;\n transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;\n}\n.maru-button-group-button:focus-visible {\n outline: 2px solid var(--p-20);\n outline-offset: 2px;\n}\n.maru-button-group-button:disabled {\n cursor: default;\n}\n\n.maru-button-group-size-sm .maru-button-group-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n padding: 4px 10px;\n border-radius: 4px;\n min-height: 28px;\n}\n\n.maru-button-group-size-md .maru-button-group-button {\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 padding: 8px 12px;\n border-radius: 4px;\n min-height: 34px;\n color: #5c5c5c;\n}\n\n.maru-button-group-segmented {\n background-color: #fafafa;\n border-radius: 6px;\n padding: 4px;\n gap: 4px;\n}\n.maru-button-group-segmented .maru-button-group-button {\n color: #5c5c5c;\n}\n.maru-button-group-segmented .maru-button-group-button:not(.is-selected):not(:disabled):hover {\n background-color: #e4e4e4;\n color: #4a4e52;\n}\n.maru-button-group-segmented .maru-button-group-button.is-selected {\n background-color: var(--p);\n color: white;\n box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n}\n.maru-button-group-segmented .maru-button-group-button:disabled {\n color: #bdbdbd;\n}\n.maru-button-group-segmented .maru-button-group-button.is-selected:disabled {\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: none;\n}\n.maru-button-group-segmented .maru-button-group-button svg {\n display: block;\n}\n.maru-button-group-segmented .maru-button-group-button svg path[stroke],\n.maru-button-group-segmented .maru-button-group-button svg rect[stroke],\n.maru-button-group-segmented .maru-button-group-button svg circle[stroke] {\n stroke: currentColor;\n}\n.maru-button-group-segmented .maru-button-group-button svg path[fill],\n.maru-button-group-segmented .maru-button-group-button svg rect[fill],\n.maru-button-group-segmented .maru-button-group-button svg circle[fill] {\n fill: currentColor;\n}\n.maru-button-group-segmented.is-disabled {\n background-color: #fafafa;\n}\n.maru-button-group-segmented.is-disabled .maru-button-group-button {\n color: #bdbdbd;\n cursor: default;\n}\n.maru-button-group-segmented.is-disabled .maru-button-group-button.is-selected {\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: none;\n}\n\n.maru-button-group-segmented.maru-button-group-segmented-secondary .maru-button-group-button.is-selected {\n background-color: #ffffff;\n color: var(--p);\n}\n.maru-button-group-segmented.maru-button-group-segmented-secondary .maru-button-group-button.is-selected:disabled {\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: none;\n}\n.maru-button-group-segmented.maru-button-group-segmented-secondary.is-disabled .maru-button-group-button.is-selected {\n background-color: #e4e4e4;\n color: #8c8c8c;\n box-shadow: none;\n}\n\n.maru-button-group-icon {\n background-color: white;\n border: 1px solid var(--p);\n border-radius: 4px;\n padding: 0;\n gap: 0;\n overflow: hidden;\n}\n.maru-button-group-icon .maru-button-group-button {\n color: #8c8c8c;\n padding: 0;\n border-radius: 0;\n}\n.maru-button-group-icon .maru-button-group-button:first-child {\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.maru-button-group-icon .maru-button-group-button:last-child {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n}\n.maru-button-group-icon .maru-button-group-button + .maru-button-group-button {\n border-left: 1px solid var(--p-20);\n}\n.maru-button-group-icon .maru-button-group-button:not(.is-selected):not(:disabled):hover {\n background-color: var(--p-07);\n color: var(--p);\n}\n.maru-button-group-icon .maru-button-group-button.is-selected {\n background-color: var(--p);\n color: white;\n}\n.maru-button-group-icon .maru-button-group-button:disabled {\n background-color: #fafafa;\n color: #bdbdbd;\n}\n.maru-button-group-icon .maru-button-group-button.is-selected:disabled {\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n.maru-button-group-icon .maru-button-group-button svg {\n display: block;\n}\n.maru-button-group-icon .maru-button-group-button svg path[stroke],\n.maru-button-group-icon .maru-button-group-button svg rect[stroke],\n.maru-button-group-icon .maru-button-group-button svg circle[stroke] {\n stroke: currentColor;\n}\n.maru-button-group-icon .maru-button-group-button svg path[fill],\n.maru-button-group-icon .maru-button-group-button svg rect[fill],\n.maru-button-group-icon .maru-button-group-button svg circle[fill] {\n fill: currentColor;\n}\n.maru-button-group-icon.is-disabled {\n border-color: #bdbdbd;\n background-color: #fafafa;\n}\n.maru-button-group-icon.is-disabled .maru-button-group-button {\n color: #bdbdbd;\n cursor: default;\n}\n.maru-button-group-icon.is-disabled .maru-button-group-button + .maru-button-group-button {\n border-left-color: #bdbdbd;\n}\n.maru-button-group-icon.is-disabled .maru-button-group-button.is-selected {\n background-color: #e4e4e4;\n color: #8c8c8c;\n}\n\n.maru-button-group-icon.maru-button-group-size-sm .maru-button-group-button {\n width: 26px;\n height: 26px;\n}\n\n.maru-button-group-icon.maru-button-group-size-md .maru-button-group-button {\n width: 32px;\n height: 32px;\n}";
|
|
72630
|
+
styleInject(css_248z$9);
|
|
72631
|
+
|
|
72632
|
+
function ButtonGroup(_a) {
|
|
72633
|
+
var value = _a.value,
|
|
72634
|
+
onChange = _a.onChange,
|
|
72635
|
+
buttons = _a.buttons,
|
|
72636
|
+
_b = _a.variant,
|
|
72637
|
+
variant = _b === void 0 ? 'segmented' : _b,
|
|
72638
|
+
_c = _a.size,
|
|
72639
|
+
size = _c === void 0 ? 'sm' : _c,
|
|
72640
|
+
_d = _a.disabled,
|
|
72641
|
+
disabled = _d === void 0 ? false : _d,
|
|
72642
|
+
className = _a.className;
|
|
72643
|
+
var handleClick = function handleClick(btn) {
|
|
72644
|
+
if (disabled || btn.value === value) {
|
|
72645
|
+
return;
|
|
72646
|
+
}
|
|
72647
|
+
onChange(btn.value);
|
|
72648
|
+
};
|
|
72649
|
+
var isSegmented = variant === 'segmented' || variant === 'segmented-secondary';
|
|
72650
|
+
return jsx("div", __assign({
|
|
72651
|
+
className: classNames('maru-button-group', isSegmented ? 'maru-button-group-segmented' : 'maru-button-group-icon', {
|
|
72652
|
+
'maru-button-group-segmented-secondary': variant === 'segmented-secondary'
|
|
72653
|
+
}, "maru-button-group-size-".concat(size), {
|
|
72654
|
+
'is-disabled': disabled
|
|
72655
|
+
}, className),
|
|
72656
|
+
role: "group",
|
|
72657
|
+
"aria-disabled": disabled
|
|
72658
|
+
}, {
|
|
72659
|
+
children: buttons.map(function (btn) {
|
|
72660
|
+
var isSelected = btn.value === value;
|
|
72661
|
+
return jsx("button", __assign({
|
|
72662
|
+
type: "button",
|
|
72663
|
+
className: classNames('maru-button-group-button', {
|
|
72664
|
+
'is-selected': isSelected
|
|
72665
|
+
}, btn.className),
|
|
72666
|
+
"aria-pressed": isSelected,
|
|
72667
|
+
disabled: disabled,
|
|
72668
|
+
onClick: function onClick() {
|
|
72669
|
+
return handleClick(btn);
|
|
72670
|
+
}
|
|
72671
|
+
}, {
|
|
72672
|
+
children: btn.label
|
|
72673
|
+
}), "maru-button-group-".concat(btn.value));
|
|
72674
|
+
})
|
|
72675
|
+
}));
|
|
72676
|
+
}
|
|
72677
|
+
|
|
72548
72678
|
var reactIs = {exports: {}};
|
|
72549
72679
|
|
|
72550
72680
|
var reactIs_production_min = {};
|
|
@@ -89641,7 +89771,7 @@ function DropdownToggleButton$1(_a) {
|
|
|
89641
89771
|
}));
|
|
89642
89772
|
}
|
|
89643
89773
|
|
|
89644
|
-
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 display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\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}";
|
|
89774
|
+
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 #308acc inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-moz-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #308acc;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-positive:hover .maru-dropdown-button ::-ms-input-placeholder {\n color: #308acc;\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: #308acc;\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 #308acc inset;\n outline: none;\n background-color: #eaf3fa;\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 #308acc 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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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 #32a483 inset;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-webkit-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-moz-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button :-ms-input-placeholder {\n color: #32a483;\n}\n.maru-dropdown .maru-dropdown-toggle-wrapper.maru-dropdown-toggle-wrapper-success:hover .maru-dropdown-button ::-ms-input-placeholder {\n color: #32a483;\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: #32a483;\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 #32a483 inset;\n outline: none;\n background-color: #eaf6f3;\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 #32a483 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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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 #308acc;\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 #308acc;\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 #32a483;\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 #32a483;\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 display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\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}";
|
|
89645
89775
|
styleInject(css_248z$6);
|
|
89646
89776
|
|
|
89647
89777
|
// eslint-disable-next-line import/prefer-default-export
|
|
@@ -90290,7 +90420,7 @@ function DropdownToggleButton(_a) {
|
|
|
90290
90420
|
}));
|
|
90291
90421
|
}
|
|
90292
90422
|
|
|
90293
|
-
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 display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\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}";
|
|
90423
|
+
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 #308acc 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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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 #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-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 #308acc 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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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: #308acc;\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 #32a483 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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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 #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-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 #32a483 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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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: #32a483;\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 #308acc;\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 #308acc;\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 #32a483;\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 #32a483;\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 display: flex;\n justify-content: flex-start;\n align-items: center;\n flex-direction: row;\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}";
|
|
90294
90424
|
styleInject(css_248z$4);
|
|
90295
90425
|
|
|
90296
90426
|
function MultiSelectDropdown(_a) {
|
|
@@ -91612,7 +91742,7 @@ function Details(_a) {
|
|
|
91612
91742
|
}));
|
|
91613
91743
|
}
|
|
91614
91744
|
|
|
91615
|
-
var css_248z = ".maru-toast-style {\n padding: 10px 12px 10px 12px;\n border-radius: 6px;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #bdbdbd;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n max-width: 527px;\n}\n.maru-toast-style div:first-child {\n display: flex;\n justify-content: flex-start;\n align-items:
|
|
91745
|
+
var css_248z = ".maru-toast-style {\n padding: 10px 12px 10px 12px;\n border-radius: 6px;\n background-color: #fff;\n box-shadow: 0 0 6px 0 #bdbdbd;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: column;\n max-width: 527px;\n}\n.maru-toast-style div:first-child {\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n width: 100%;\n}\n.maru-toast-style .maru-toast-style-content {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\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 gap: 8px;\n margin-right: 16px;\n}\n.maru-toast-style .maru-toast-style-content span {\n line-height: 24px;\n}\n.maru-toast-style .maru-toast-style-content-expanded {\n gap: 10px;\n}\n.maru-toast-style .maru-toast-style-content-expanded p {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 16px;\n letter-spacing: -0.64px;\n font-weight: 700;\n align-items: center;\n line-height: 24px;\n}\n.maru-toast-style .maru-toast-style-content-expanded p span {\n display: inline-block;\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 margin-left: 5px;\n line-height: 24px;\n}\n.maru-toast-style .maru-toast-snackbar-button {\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: #5c5c5c;\n border: 0;\n background-color: transparent;\n padding: 0;\n text-decoration: underline;\n cursor: pointer;\n white-space: nowrap;\n}\n.maru-toast-style .maru-toast-revert-button {\n display: block;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 12px;\n letter-spacing: -0.48px;\n font-weight: 500;\n color: var(--p);\n margin-top: 4px;\n cursor: pointer;\n white-space: nowrap;\n text-decoration: underline;\n background: none;\n border: none;\n padding: 0;\n}\n.maru-toast-style .maru-toast-close-button-wrapper {\n display: flex;\n align-items: center;\n height: 24px;\n}\n.maru-toast-style .maru-toast-details {\n width: 100%;\n background-color: #fafafa;\n padding: 10px 10px 10px 14px;\n margin-top: 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: 500;\n color: #5c5c5c;\n}\n.maru-toast-style .maru-toast-details summary {\n margin-top: 6px;\n display: flex;\n justify-content: flex-start;\n align-items: flex-start;\n flex-direction: row;\n white-space: pre-wrap;\n cursor: pointer;\n}\n.maru-toast-style .maru-toast-details summary > div {\n width: auto;\n font-family: Pretendard;\n font-style: normal;\n line-height: 150%;\n font-size: 14px;\n letter-spacing: -0.56px;\n font-weight: 600;\n}\n.maru-toast-style .maru-toast-details summary > div .maru-toast-details-summary-icon {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: row;\n margin-left: 8px;\n}\n.maru-toast-style .maru-toast-details summary:first-child {\n margin: 0;\n}\n.maru-toast-style .maru-toast-details li {\n margin-left: 10px;\n}\n\n.maru-toast {\n margin-bottom: 24px;\n position: relative;\n opacity: 0;\n transform: translateX(100%);\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.6s ease-out;\n}\n.maru-toast.entered {\n transform: translateX(0);\n opacity: 1;\n}\n.maru-toast.fade-out {\n opacity: 0;\n transform: translateX(100%);\n}\n\n.maru-toaster {\n position: fixed;\n z-index: 6007;\n right: 24px;\n top: 120px;\n transition: transform 0.5s ease-out;\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-end;\n}";
|
|
91616
91746
|
styleInject(css_248z);
|
|
91617
91747
|
|
|
91618
91748
|
function ToastStyle(_a) {
|
|
@@ -91621,6 +91751,7 @@ function ToastStyle(_a) {
|
|
|
91621
91751
|
content = _a.content,
|
|
91622
91752
|
title = _a.title,
|
|
91623
91753
|
closeButton = _a.closeButton,
|
|
91754
|
+
revert = _a.revert,
|
|
91624
91755
|
details = _a.details,
|
|
91625
91756
|
onClose = _a.onClose;
|
|
91626
91757
|
var iconName = {
|
|
@@ -91654,7 +91785,13 @@ function ToastStyle(_a) {
|
|
|
91654
91785
|
})]
|
|
91655
91786
|
}), jsx("span", {
|
|
91656
91787
|
children: content
|
|
91657
|
-
})
|
|
91788
|
+
}), revert && jsx("button", __assign({
|
|
91789
|
+
type: "button",
|
|
91790
|
+
className: "maru-toast-revert-button",
|
|
91791
|
+
onClick: revert.onRevert
|
|
91792
|
+
}, {
|
|
91793
|
+
children: revert.label
|
|
91794
|
+
}))]
|
|
91658
91795
|
})]
|
|
91659
91796
|
})), closeButton ? jsx("button", __assign({
|
|
91660
91797
|
type: "button",
|
|
@@ -91662,14 +91799,18 @@ function ToastStyle(_a) {
|
|
|
91662
91799
|
className: "maru-toast-snackbar-button"
|
|
91663
91800
|
}, {
|
|
91664
91801
|
children: closeButton.content
|
|
91665
|
-
})) : jsx(
|
|
91666
|
-
|
|
91667
|
-
|
|
91668
|
-
|
|
91669
|
-
|
|
91670
|
-
|
|
91671
|
-
|
|
91672
|
-
|
|
91802
|
+
})) : jsx("span", __assign({
|
|
91803
|
+
className: "maru-toast-close-button-wrapper"
|
|
91804
|
+
}, {
|
|
91805
|
+
children: jsx(Button, {
|
|
91806
|
+
startIcon: {
|
|
91807
|
+
name: ICONS.X_s1615,
|
|
91808
|
+
color: '#5C5C5C'
|
|
91809
|
+
},
|
|
91810
|
+
color: "secondary",
|
|
91811
|
+
onClick: handleClose
|
|
91812
|
+
})
|
|
91813
|
+
}))]
|
|
91673
91814
|
}), jsx(Details, {
|
|
91674
91815
|
details: details
|
|
91675
91816
|
})]
|
|
@@ -91721,10 +91862,11 @@ function Toast(_a) {
|
|
|
91721
91862
|
content: toast.content,
|
|
91722
91863
|
title: toast.title,
|
|
91723
91864
|
closeButton: toast.closeButton,
|
|
91865
|
+
revert: toast.revert,
|
|
91724
91866
|
details: toast.details,
|
|
91725
91867
|
onClose: handleClose
|
|
91726
91868
|
})
|
|
91727
91869
|
}));
|
|
91728
91870
|
}
|
|
91729
91871
|
|
|
91730
|
-
export { Button, Calendar, Checkbox, Chip, Code, Dropdown, ICONS, Icon, Input, Modal, MultiSelectDropdown, Pagination, Popover, Radio, SearchInput, Skeleton, Slider, StyleProvider, Table, Textarea, Toast, Toggle, Tooltip };
|
|
91872
|
+
export { Badge, Button, ButtonGroup, Calendar, Checkbox, Chip, Code, Dropdown, ICONS, Icon, Input, Modal, MultiSelectDropdown, Pagination, Popover, Radio, SearchInput, Skeleton, Slider, StyleProvider, Table, Textarea, Toast, Toggle, Tooltip };
|