@nodeblocks/frontend-filter-search-panel-block 0.2.3 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/filter-search-panel.d.ts +20 -15
- package/dist/filter-search-panel.d.ts.map +1 -1
- package/dist/index.cjs.js +119 -176
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +120 -177
- package/dist/index.esm.js.map +1 -1
- package/package.json +9 -9
package/dist/index.cjs.js
CHANGED
|
@@ -7,171 +7,10 @@
|
|
|
7
7
|
'use strict';
|
|
8
8
|
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
|
+
var material = require('@mui/material');
|
|
11
|
+
var iconsMaterial = require('@mui/icons-material');
|
|
10
12
|
var react = require('react');
|
|
11
13
|
|
|
12
|
-
function styleInject(css, ref) {
|
|
13
|
-
if ( ref === void 0 ) ref = {};
|
|
14
|
-
var insertAt = ref.insertAt;
|
|
15
|
-
|
|
16
|
-
if (!css || typeof document === 'undefined') { return; }
|
|
17
|
-
|
|
18
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
19
|
-
var style = document.createElement('style');
|
|
20
|
-
style.type = 'text/css';
|
|
21
|
-
|
|
22
|
-
if (insertAt === 'top') {
|
|
23
|
-
if (head.firstChild) {
|
|
24
|
-
head.insertBefore(style, head.firstChild);
|
|
25
|
-
} else {
|
|
26
|
-
head.appendChild(style);
|
|
27
|
-
}
|
|
28
|
-
} else {
|
|
29
|
-
head.appendChild(style);
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
if (style.styleSheet) {
|
|
33
|
-
style.styleSheet.cssText = css;
|
|
34
|
-
} else {
|
|
35
|
-
style.appendChild(document.createTextNode(css));
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
var css_248z$1 = "._avatar_1edak_3{align-items:center;border-radius:9999px;color:var(--color-text-on-primary);display:flex;height:var(--icon-size-xl);justify-content:center;width:var(--icon-size-xl);background-repeat:no-repeat;background-position:center;background-size:cover;flex-shrink:0}._avatar_1edak_3._avatar-1_1edak_19{background-color:var(--color-additional-1)}._avatar_1edak_3._avatar-2_1edak_23{background-color:var(--color-additional-2)}._avatar_1edak_3._avatar-3_1edak_27{background-color:var(--color-additional-3)}._avatar_1edak_3._avatar-4_1edak_31{background-color:var(--color-additional-4)}._avatar_1edak_3._avatar-5_1edak_35{background-color:var(--color-additional-5)}._avatar_1edak_3._avatar-6_1edak_39{background-color:var(--color-additional-6)}._avatar_1edak_3._avatar-7_1edak_43{background-color:var(--color-additional-7)}._avatar_1edak_3._avatar-8_1edak_47{background-color:var(--color-additional-8)}._avatar_1edak_3._avatar-9_1edak_51{background-color:var(--color-additional-9)}._avatar_1edak_3._avatar-10_1edak_55{background-color:var(--color-additional-10)}._avatar_1edak_3._avatar-loading_1edak_59._avatar-loading_1edak_59{animation:_pulse_1edak_1 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-surface-secondary)}._avatar-link_1edak_64{display:contents}@keyframes _pulse_1edak_1{50%{opacity:.5}}._avatar_1edak_3._avatar-small_1edak_74{height:var(--icon-size-m);width:var(--icon-size-m)}._avatar_1edak_3._avatar-medium_1edak_79{height:var(--icon-size-l);width:var(--icon-size-l)}._avatar_1edak_3._avatar-large_1edak_84{height:var(--icon-size-xl);width:var(--icon-size-xl)}._icon_kz4lj_3{-webkit-user-select:none;user-select:none}._icon--size--extra--extra--small_kz4lj_7{font-size:var(--icon-size-xxs)}._icon--size--extra--small_kz4lj_11{font-size:var(--icon-size-xs)}._icon--size--small_kz4lj_15{font-size:var(--icon-size-s)}._icon--size--medium_kz4lj_19{font-size:var(--icon-size-m)}._icon--size--large_kz4lj_23{font-size:var(--icon-size-l)}._icon--size--x--large_kz4lj_27{font-size:var(--icon-size-xl)}._icon--size--3-x-large_kz4lj_31{font-size:var(--icon-size-3xl)}._icon--color--primary_kz4lj_35{color:var(--color-object-accent-primary)}._icon--color--disable_kz4lj_39{color:var(--color-object-disable)}._icon--color--mid-emphasis_kz4lj_43{color:var(--color-object-mid-emphasis)}._icon--color--surface-primary_kz4lj_47{color:var(--color-surface-primary)}._icon--color--surface-secondary_kz4lj_51{color:var(--color-surface-secondary)}._icon--hover_kz4lj_55{cursor:pointer}._icon--disabled_kz4lj_59{cursor:not-allowed}._link_l2dvp_3{color:var(--color-text-link);text-decoration:none;transition:color .2s ease-in-out}._badge_as56f_3{background-color:var(--color-error);border-radius:9999px;box-shadow:var(--box-shadow-6);color:var(--color-text-on-error);font-family:var(--font-family);font-size:var(--font-size-75);font-weight:var(--font-weight-bold);line-height:18px;min-width:var(--font-size-150);padding:0 2px;position:absolute;right:0;text-align:center;top:0;transform-origin:100% 0;transform:translate(50%,-50%);white-space:nowrap;z-index:1}._badge--container_as56f_24{position:relative;display:flex}._badge--invisible_as56f_29{display:none;box-shadow:none}._button_8tghv_3{align-items:center;border-radius:var(--border-radius-3);border:1px solid transparent;cursor:pointer;display:inline-flex;font-family:var(--font-family);gap:var(--spacing-5xs);transition:background-color .3s,border-color .3s,color .3s;white-space:nowrap}._button--size--extra--small_8tghv_18{padding:9px 10px}._button--size--small_8tghv_22{padding:9px 16px}._button--size--medium_8tghv_26{padding:13px 24px}._button--fill--100_8tghv_30{background-color:var(--color-object-accent-primary)}._button--fill--100_8tghv_30._button--textColor--default_8tghv_34,._button--fill--100_8tghv_30._button--textColor--primary_8tghv_38{color:var(--color-text-on-primary)}._button--fill--50_8tghv_42{background-color:var(--color-surface-accent-mid-emphasis);border:1px solid var(--color-object-accent-primary)}._button--fill--0_8tghv_47{background-color:var(--color-surface-primary);border:1px solid var(--color-border-mid-emphasis)}._button--textAlign--center_8tghv_52{justify-content:center}._button--textAlign--left_8tghv_56{justify-content:flex-start}._button--textColor--default_8tghv_34{color:var(--color-text-mid-emphasis)}._button--textColor--primary_8tghv_38{color:var(--color-text-accent-primary)}._button--textWeight--default_8tghv_68{font-weight:var(--font-weight-regular)}._button--textWeight--emphasis_8tghv_72{font-weight:var(--font-weight-bold)}._button--text--extra--small_8tghv_76{font-size:var(--font-size-75)}._button--textSize--small_8tghv_80{font-size:var(--font-size-100)}._button--textSize--medium_8tghv_84{font-size:var(--font-size-200)}._button--fill--100_8tghv_30:hover{background-color:var(--color-object-accent-primary-emphasis)}._button--fill--50_8tghv_42:hover{background-color:var(--color-feedback-high-emphasis)}._button--fill--0_8tghv_47:hover{background-color:var(--color-surface-secondary)}._button--width--small_8tghv_100{width:80px}._button--width--medium_8tghv_104{width:100px}._button--width--large_8tghv_108{width:200px}._button--width--extra--large_8tghv_112{width:300px}._button--width--full_8tghv_116{position:relative;width:100%}._button--width--full_8tghv_116 ._icon_8tghv_121{position:absolute;left:18px}._button--disabled_8tghv_127._button--disabled_8tghv_127{background-color:var(--color-object-disable);color:var(--color-text-low-emphasis);cursor:not-allowed}._chat-message_1mye8_3._chat-message-left_1mye8_3{justify-content:start}._chat-message_1mye8_3._chat-message-right_1mye8_7{justify-content:end}._bubble_1mye8_11{box-sizing:border-box;max-width:280px;padding:10px 16px}._bubble_1mye8_11._bubble-neutral_1mye8_17{background-color:var(--color-surface-secondary);color:var(--color-text-mid-emphasis)}._bubble_1mye8_11._bubble-primary_1mye8_22{background-color:var(--color-object-accent-primary);color:var(--color-text-on-primary)}._bubble_1mye8_11._bubble-left_1mye8_27{border-radius:var(--border-radius-6) var(--border-radius-6) var(--border-radius-6) var(--border-radius-1)}._bubble_1mye8_11._bubble-right_1mye8_31{border-radius:var(--border-radius-6) var(--border-radius-6) var(--border-radius-1) var(--border-radius-6)}._spacing_1a8gc_3{display:flex}._spacing--row_1a8gc_7{flex-direction:row}._spacing--column_1a8gc_11{flex-direction:column}._spacing--gap-6xs_1a8gc_15{gap:var(--spacing-6xs)}._spacing--gap-5xs_1a8gc_19{gap:var(--spacing-5xs)}._spacing--gap-4xs_1a8gc_23{gap:var(--spacing-4xs)}._spacing--gap-3xs_1a8gc_27{gap:var(--spacing-3xs)}._spacing--gap-xxs_1a8gc_31{gap:var(--spacing-xxs)}._spacing--gap-xs_1a8gc_35{gap:var(--spacing-xs)}._spacing--gap-s_1a8gc_39{gap:var(--spacing-s)}._spacing--gap-m_1a8gc_43{gap:var(--spacing-m)}._spacing--gap-l_1a8gc_47{gap:var(--spacing-l)}._spacing--gap-xl_1a8gc_51{gap:var(--spacing-xl)}._spacing--gap-xxl_1a8gc_55{gap:var(--spacing-xxl)}._spacing--gap-3xl_1a8gc_59{gap:var(--spacing-3xl)}._spacing--gap-4xl_1a8gc_63{gap:var(--spacing-4xl)}._spacing--gap-5xl_1a8gc_67{gap:var(--spacing-5xl)}._spacing--padding--topBottom-xxs_1a8gc_71{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}._spacing--padding--topBottom-xs_1a8gc_76{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}._spacing--padding--topBottom-s_1a8gc_81{padding-top:var(--spacing-s);padding-bottom:var(--spacing-s)}._spacing--padding--topBottom-m_1a8gc_86{padding-top:var(--spacing-m);padding-bottom:var(--spacing-m)}._spacing--padding--topBottom-l_1a8gc_91{padding-top:var(--spacing-l);padding-bottom:var(--spacing-l)}._spacing--padding--topBottom-xl_1a8gc_96{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}._spacing--padding--leftRight-xs_1a8gc_101{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}._spacing--padding--leftRight-s_1a8gc_106{padding-left:var(--spacing-s);padding-right:var(--spacing-s)}._spacing--padding--leftRight-m_1a8gc_111{padding-left:var(--spacing-m);padding-right:var(--spacing-m)}._spacing--padding--leftRight-l_1a8gc_116{padding-left:var(--spacing-l);padding-right:var(--spacing-l)}._spacing--padding--leftRight-xl_1a8gc_121{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}._spacing--align-items--start_1a8gc_126{align-items:flex-start}._spacing--align-items--center_1a8gc_130{align-items:center}._spacing--align-items--end_1a8gc_134{align-items:flex-end}._spacing--align-items--stretch_1a8gc_138{align-items:stretch}._spacing--align-items--stretch-text-center_1a8gc_142{align-items:stretch;text-align:center}._typography_tyaq0_3{color:var(--color-text-mid-emphasis);font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:1.5;margin:0;white-space:pre-line}._typography_tyaq0_3._typography--color--low-emphasis_tyaq0_12{color:var(--color-text-low-emphasis)}._typography_tyaq0_3._typography--color--mid-emphasis_tyaq0_16{color:var(--color-text-mid-emphasis)}._typography_tyaq0_3._typography--color--brand_tyaq0_20{color:var(--color-brand)}._typography_tyaq0_3._typography--color--error_tyaq0_24{color:var(--color-error)}._typography_tyaq0_3._typography--color--inherit_tyaq0_28{color:inherit}._typography_tyaq0_3._typography--color--link_tyaq0_32{color:var(--color-text-link)}._typography_tyaq0_3._typography--color--white_tyaq0_36{color:var(--color-text-on-primary)}._typography_tyaq0_3._typography--size--2xs_tyaq0_40{font-size:var(--font-size-50)}._typography_tyaq0_3._typography--size--xs_tyaq0_44{font-size:var(--font-size-75)}._typography_tyaq0_3._typography--size--s_tyaq0_48{font-size:var(--font-size-100)}._typography_tyaq0_3._typography--size--m_tyaq0_52{font-size:var(--font-size-200)}._typography_tyaq0_3._typography--size--l_tyaq0_56{font-size:var(--font-size-300)}._typography_tyaq0_3._typography--size--xl_tyaq0_60{font-size:var(--font-size-400)}._typography_tyaq0_3._typography--size--2xl_tyaq0_64{font-size:var(--font-size-500)}._typography_tyaq0_3._typography--size--3xl_tyaq0_68{font-size:var(--font-size-600)}._typography_tyaq0_3._typography--size--4xl_tyaq0_72{font-size:var(--font-size-900)}._typography_tyaq0_3._typography--size--5xl_tyaq0_76{font-size:var(--font-size-1100)}._typography_tyaq0_3._typography--size--6xl_tyaq0_80{font-size:var(--font-size-1300)}._typography_tyaq0_3._typography--weight--regular_tyaq0_84{font-weight:var(--font-weight-regular)}._typography_tyaq0_3._typography--weight--bold_tyaq0_88{font-weight:var(--font-weight-bold)}._typography_tyaq0_3._typography--weight--inherit_tyaq0_92{font-weight:inherit}._typography_tyaq0_3._typography--limit--lines_tyaq0_97{display:block;display:-webkit-box;height:2;line-height:1.5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._checkbox_yzwvt_3{display:inline-block;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;user-select:none}._checkbox--container_yzwvt_10{border-radius:50%;cursor:pointer;display:inline-flex;padding:8px;position:relative;transition:background-color .3s}._checkbox--container_yzwvt_10:not(._checkbox--container--disabled_yzwvt_19):hover{background-color:var(--color-feedback-low-emphasis)}._checkbox--container_yzwvt_10:not(._checkbox--container--disabled_yzwvt_19):focus-within{background-color:var(--color-feedback-low-emphasis)}._ripple_yzwvt_27{width:24px;height:24px;border-radius:50%;position:absolute;z-index:0}._ripple--active_yzwvt_35{background-color:var(--color-border-mid-emphasis);animation:_ripple_yzwvt_27 .3s ease-out}@keyframes _ripple_yzwvt_27{0%{opacity:1}to{transform:scale(2);opacity:0}}._checkbox--color--primary_yzwvt_51{color:var(--color-object-accent-primary)}._checkbox--container--disabled_yzwvt_19{background-color:transparent;cursor:not-allowed;opacity:.4}._checkbox--color--mid-emphasis_yzwvt_61{color:var(--color-object-mid-emphasis)}._checkbox--color--error_yzwvt_65{color:var(--color-error)}._checkbox--size--m_yzwvt_69{width:var(--icon-size-m)}._checkbox--input_yzwvt_73{position:absolute;cursor:inherit;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}._checkbox--with--label_yzwvt_85{display:inline-flex;align-items:center;justify-content:center}._checkbox--label_yzwvt_91{margin-left:2px;color:var(--color-text-mid-emphasis);font-family:var(--font-family);font-size:var(--font-size-100);font-weight:var(--font-weight-regular)}._chip_i07ca_3{align-items:center;border:1px solid transparent;box-sizing:border-box;display:inline-flex;font-family:var(--font-family);gap:var(--spacing-5xs);height:fit-content;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap}._chip_i07ca_3:where(._chip-extra-small_i07ca_16){border-radius:9999px;font-size:var(--font-size-50);padding:2px 10px}._chip_i07ca_3:where(._chip-small_i07ca_22){border-radius:9999px;font-size:var(--font-size-75);padding:3px 10px}._chip_i07ca_3:where(._chip-medium_i07ca_28){border-radius:var(--border-radius-2);font-size:var(--font-size-200);padding:10px 16px}._chip_i07ca_3:where(._chip-solid_i07ca_34){font-weight:var(--font-weight-bold)}._chip_i07ca_3:where(._chip-outline_i07ca_38){font-weight:var(--font-weight-regular)}._chip_i07ca_3:where(._chip-solid_i07ca_34._chip-primary_i07ca_42){background-color:var(--color-text-accent-primary);color:var(--color-text-on-primary)}._chip_i07ca_3:where(._chip-outline_i07ca_38._chip-primary_i07ca_42){border-color:var(--color-text-accent-primary);color:var(--color-text-accent-primary)}._chip_i07ca_3:where(._chip-solid_i07ca_34._chip-disabled_i07ca_52){background-color:var(--color-text-disable);color:var(--color-text-on-primary)}._chip_i07ca_3:where(._chip-outline_i07ca_38._chip-disabled_i07ca_52){border-color:var(--color-text-disable);color:var(--color-text-disable)}._chip_i07ca_3:where(._chip-solid_i07ca_34._chip-accent_i07ca_62){background-color:var(--color-object-accent-secondary);color:var(--color-text-on-primary)}._chip_i07ca_3:where(._chip-outline_i07ca_38._chip-accent_i07ca_62){border-color:var(--color-object-accent-secondary);color:var(--color-object-accent-secondary)}._chip_i07ca_3:where(._chip-solid_i07ca_34._chip-mid-emphasis_i07ca_72){background-color:var(--color-border-mid-emphasis);color:var(--color-text-on-primary)}._chip_i07ca_3:where(._chip-outline_i07ca_38._chip-mid-emphasis_i07ca_72){border-color:var(--color-border-mid-emphasis);color:var(--color-text-mid-emphasis)}._circular-progress-indicator_x2txc_3{color:var(--color-brand);display:inline-block;height:40px;width:40px}._circular-progress-indicator_x2txc_3:where(._circular-progress-indicator--animated_x2txc_10){animation:1.4s linear 0s infinite normal none running _rotationAnimation_x2txc_1}._circular-progress-indicator_x2txc_3:not(._circular-progress-indicator--animated_x2txc_10){transform:rotate(-90deg)}._circular-progress-indicator_x2txc_3 svg{display:block}._circular-progress-indicator_x2txc_3 circle{stroke:currentColor;stroke-dasharray:80px,200px;stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1) 0ms}._circular-progress-indicator_x2txc_3:where(._circular-progress-indicator--animated_x2txc_10) circle{animation:1.4s ease-in-out infinite _dashAnimation_x2txc_1}@keyframes _rotationAnimation_x2txc_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _dashAnimation_x2txc_1{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}._divider_10tm6_1{width:100%;height:1px;background-color:var(--color-border-mid-emphasis);border:0;margin:0}._dropzone_17we9_3{align-items:center;background-color:var(--color-surface-tertiary);background-position:center;border-radius:var(--border-radius-3);border:1px dashed var(--color-border-high-emphasis);box-sizing:border-box;display:flex;height:270px;justify-content:center;min-width:296px;width:100%;background-size:contain;background-repeat:no-repeat}._dropzone_17we9_3._dropzone--ready_17we9_19{cursor:pointer}._dropzone_17we9_3._dropzone--is-dragging_17we9_23{border:2px solid var(--color-object-accent-primary)}._menu--container_t7x7v_3{position:relative;width:min-content}._menu_t7x7v_3{background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);box-shadow:var(--box-shadow-4);box-sizing:border-box;font-family:var(--font-family);font-weight:var(--font-weight-regular);padding:0;position:absolute;z-index:10}._menu_t7x7v_3._menu--wide_t7x7v_20{min-width:240px;padding:16px}._menu--show_t7x7v_25{visibility:visible;opacity:1}._menu--items_t7x7v_30{align-items:center;display:flex;padding:12px;transition:background-color .1s ease-out}._menu--items_t7x7v_30:first-child{border-radius:var(--border-radius-3) var(--border-radius-3) 0 0}._menu--items_t7x7v_30:last-child{border-radius:0 0 var(--border-radius-3) var(--border-radius-3)}._menu--header--style_t7x7v_45 ._menu--items_t7x7v_30{border-radius:var(--border-radius-3)}._menu--items--separator_t7x7v_49{border-top:1px solid var(--color-border-mid-emphasis)}._menu--items_t7x7v_30:hover{background-color:var(--color-feedback-mid-emphasis);cursor:pointer}._menu--item--text_t7x7v_58{min-width:160px}._menu--item--icon_t7x7v_62{width:20px;height:20px;margin-right:8px}._menu--header_t7x7v_45{display:block;padding:8px 8px 0}._menu--header--email_t7x7v_74{margin-top:4px}._menu--header--hr_t7x7v_78{display:block;height:1px;border:0;border-top:1px solid var(--color-border-mid-emphasis);margin-top:18px;margin-bottom:18px;padding:0}._skeleton-line_1u4qp_3{animation:_pulse_1u4qp_1 2s cubic-bezier(.4,0,.6,1) infinite;background-color:var(--color-surface-secondary);border-radius:var(--border-radius-3);display:block}._skeleton-line_1u4qp_3._skeleton-line--width--full_1u4qp_10{width:100%}._skeleton-line_1u4qp_3._skeleton-line--size--2xs_1u4qp_14{font-size:var(--font-size-50);height:var(--font-size-50)}._skeleton-line_1u4qp_3._skeleton-line--size--xs_1u4qp_19{font-size:var(--font-size-75);height:var(--font-size-75)}._skeleton-line_1u4qp_3._skeleton-line--size--s_1u4qp_24{font-size:var(--font-size-100);height:var(--font-size-100)}._skeleton-line_1u4qp_3._skeleton-line--size--m_1u4qp_29{font-size:var(--font-size-200);height:var(--font-size-200)}._skeleton-line_1u4qp_3._skeleton-line--size--l_1u4qp_34{font-size:var(--font-size-300);height:var(--font-size-300)}._skeleton-line_1u4qp_3._skeleton-line--size--xl_1u4qp_39{font-size:var(--font-size-400);height:var(--font-size-400)}._skeleton-line_1u4qp_3._skeleton-line--size--2xl_1u4qp_44{font-size:var(--font-size-500);height:var(--font-size-500)}._skeleton-line_1u4qp_3._skeleton-line--size--3xl_1u4qp_49{font-size:var(--font-size-600);height:var(--font-size-600)}._skeleton-line_1u4qp_3._skeleton-line--size--4xl_1u4qp_54{font-size:var(--font-size-900);height:var(--font-size-900)}._skeleton-line_1u4qp_3._skeleton-line--size--5xl_1u4qp_59{font-size:var(--font-size-1100);height:var(--font-size-1100)}._skeleton-line_1u4qp_3._skeleton-line--size--6xl_1u4qp_64{font-size:var(--font-size-1300);height:var(--font-size-1300)}@keyframes _pulse_1u4qp_1{50%{opacity:.5}}._input--date_1ar0b_3{max-width:100%;min-width:200px;height:50px;border-radius:var(--border-radius-3);font-size:var(--font-size-200);font-weight:var(--font-weight-regular);font-family:var(--font-family);color:var(--color-text-mid-emphasis);border:1px solid var(--color-border-mid-emphasis);padding-left:12px}._input--date_1ar0b_3._input--disabled_1ar0b_16,._input--date--manual_1ar0b_17._input--disabled_1ar0b_16{border:none;background-color:var(--color-surface-disable)}._input--date_1ar0b_3._input--error_1ar0b_22,._input--date--manual_1ar0b_17._input--error_1ar0b_22{border:1px solid var(--color-error);background-color:var(--color-highlight-error)}._input--date--manual--container_1ar0b_28{display:flex;flex-grow:1;max-width:100%;min-width:200px;position:relative}._input--date--manual_1ar0b_17{border-radius:var(--border-radius-3);border:1px solid var(--color-border-mid-emphasis);caret-color:transparent;color:var(--color-text-mid-emphasis);font-size:var(--font-size-200);font-weight:var(--font-weight-regular);font-family:var(--font-family);height:50px;padding-left:12px;width:100%}._input--date--manual_1ar0b_17:focus{content:\"\"!important;color:transparent}._input--date--manual--value_1ar0b_54{position:absolute;top:50%;left:15px;transform:translateY(-50%)}._input--date--manual--value--day_1ar0b_61,._input--date--manual--value--month_1ar0b_62,._input--date--manual--value--year_1ar0b_63,._input--date--manual--value--separator_1ar0b_70{font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);font-family:var(--font-family);padding:0 2px}._input--date--manual--value--selected_1ar0b_77{background-color:var(--color-highlight-text-selected);color:var(--color-text-high-emphasis)}._input--date--calendar-icon_1ar0b_82{position:absolute;top:50%;right:15px;transform:translateY(-50%)}._input--date--calendar_1gy9b_3{background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);border:1px solid var(--color-border-mid-emphasis);box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:12px;left:0;padding:12px;position:absolute;top:calc(100% + 12px);z-index:1}._input--date--calendar--header_1gy9b_18{align-items:center;justify-content:center;display:flex;flex-direction:row;gap:12px}._input--date--calendar--header--button_1gy9b_26{background-color:var(--color-surface-primary);border:1px solid var(--color-border-mid-emphasis);border-radius:var(--border-radius-1);cursor:pointer;display:flex;font-family:var(--font-family);padding:4px 6px;transition:background-color .3s,border-color .3s,color .3s}._input--date--calendar--header--button_1gy9b_26:hover{background-color:var(--color-surface-secondary)}._input--date--calendar--header--select_1gy9b_44{background-color:var(--color-surface-primary);border:1px solid var(--color-border-mid-emphasis);border-radius:var(--border-radius-1);cursor:pointer;display:flex;font-family:var(--font-family);padding:8px 6px;transition:background-color .3s,border-color .3s,color .3s}._input--date--calendar--header--select_1gy9b_44:hover{background-color:var(--color-surface-secondary)}._input--date--calendar--weekdays_1gy9b_62{align-items:center;display:flex;flex-direction:row;gap:12px;-webkit-user-select:none;user-select:none}._input--date--calendar--weekday_1gy9b_62{align-items:center;color:var(--color-text-low-emphasis);display:flex;font-size:var(--font-size-100);font-weight:var(--font-weight-regular);font-family:var(--font-family);justify-content:center;height:32px;width:32px}._input--date--calendar--weeks_1gy9b_82{display:flex;flex-direction:column;gap:4px}._input--date--calendar--week_1gy9b_62{align-items:center;display:flex;flex-direction:row;gap:12px}._input--date--calendar--day_1gy9b_95{align-items:center;background-color:var(--color-surface-primary);border-radius:var(--border-radius-1);border:none;color:var(--color-text-mid-emphasis);cursor:pointer;display:flex;font-size:var(--font-size-100);font-weight:var(--font-weight-regular);font-family:var(--font-family);height:32px;justify-content:center;transition:background-color .3s,border-color .3s,color .3s;width:32px}._input--date--calendar--day_1gy9b_95:hover{background-color:var(--color-surface-secondary)}._input--date--calendar--day--today_1gy9b_119{background-color:var(--color-surface-accent-mid-emphasis)}._input--date--calendar--day_1gy9b_95._input--date--calendar--day--today_1gy9b_119:hover{background-color:var(--color-surface-accent-light-low-emphasis)}._input--date--calendar--day--selected_1gy9b_127{background-color:var(--color-object-accent-primary);color:var(--color-text-on-primary)}._input--date--calendar--day--selected_1gy9b_127:hover{background-color:var(--color-object-accent-primary-emphasis)}._input--date--calendar--day--disabled_1gy9b_136{color:var(--color-text-low-emphasis);cursor:not-allowed}._input--date--calendar--day_1gy9b_95._input--date--calendar--day--disabled_1gy9b_136:hover{background-color:transparent}._input--date--calendar--day-blank_1gy9b_145{height:32px;width:32px}._input--date--calendar--footer_1gy9b_150{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:start}._input--date--calendar--footer--button_1gy9b_158{background-color:var(--color-surface-primary);border:1px solid var(--color-border-mid-emphasis);border-radius:var(--border-radius-1);cursor:pointer;display:flex;font-family:var(--font-family);padding:6px 8px;transition:background-color .3s,border-color .3s,color .3s}._input--date--calendar--footer--button_1gy9b_158:hover{background-color:var(--color-surface-secondary)}._input--text_1nv9e_3,._input--multiline_1nv9e_4,._input--password_1nv9e_5,._input--search_1nv9e_6{display:flex;flex-grow:1;max-width:100%;min-width:200px}._input--hidden_1nv9e_13 input{display:none}._input--text_1nv9e_3 input{box-sizing:border-box;height:50px;width:100%;border-radius:var(--border-radius-3);font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);border:1px solid var(--color-border-mid-emphasis);padding-left:12px}._input--password_1nv9e_5,._input--search_1nv9e_6{align-items:center;background:var(--color-surface-primary);justify-content:center;box-sizing:border-box;height:50px;border-radius:var(--border-radius-3);font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);border:1px solid var(--color-border-mid-emphasis);padding-left:12px;padding-right:1px}._input--password_1nv9e_5 input,._input--search_1nv9e_6 input{border:none;width:100%;height:85%;font-family:var(--font-family);font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);outline:0;border-radius:var(--border-radius-3);margin-right:5px}._input--multiline_1nv9e_4 textarea{border-radius:var(--border-radius-3);border:1px solid var(--color-border-mid-emphasis);box-sizing:border-box;color:var(--color-text-mid-emphasis);font-family:var(--font-family);font-size:var(--font-size-200);min-height:110px;outline:0;padding-left:9px;padding-right:10px;padding-top:14px;resize:none;width:100%}._input--operation_1nv9e_72{min-width:200px;height:50px;display:flex;align-items:center;justify-content:space-between;max-width:100%}._input--operation_1nv9e_72 input{width:231px;height:100%;border-radius:var(--border-radius-3);font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);border:1px solid var(--color-border-mid-emphasis);padding-left:12px}._input--operation--text_1nv9e_91{font-size:var(--font-size-200);color:var(--color-text-link);cursor:pointer;padding-right:6px}._input--select_1nv9e_98{align-items:center;background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);border:1px solid var(--color-border-mid-emphasis);box-sizing:border-box;color:var(--color-text-mid-emphasis);display:flex;font-family:var(--font-family);font-size:var(--font-size-200);height:50px;justify-content:space-between;line-height:1.5;min-width:200px;padding:8px 12px;position:relative;text-align:left;width:100%;transition-duration:.12s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}._input--select_1nv9e_98:hover:not(._input--select--disabled_1nv9e_120){border:2px solid var(--color-object-accent-primary);cursor:pointer;padding:7px 11px}._input--select--icon_1nv9e_127{margin-top:8px}._input--select--placeholder_1nv9e_131{color:var(--color-text-placeholder);font-size:var(--font-size-200)}._input--select--listbox_1nv9e_136{font-family:var(--font-family);font-size:var(--font-size-200);border-radius:var(--border-radius-3);background:var(--color-surface-primary);box-sizing:border-box;padding:6px;margin:12px 0;min-width:250px;max-height:400px;overflow:auto;outline:0px;border:1px solid var(--color-border-mid-emphasis);color:var(--color-text-mid-emphasis)}._input--select--popper_1nv9e_152{z-index:1}._input--select--option_1nv9e_156{list-style:none;padding:8px;border-radius:8px;cursor:default;border:2px solid transparent;margin:0}._input--select--option_1nv9e_156:hover:not(._base--disabled_1nv9e_164){border:2px solid var(--color-object-accent-primary);cursor:pointer}._input--select--option_1nv9e_156._base--selected_1nv9e_170{background-color:red;color:purple}._input--select--disabled_1nv9e_120{color:var(--color-text-disable);border:1px solid var(--color-border-mid-emphasis);background-color:var(--color-surface-disable)}._input--select-error_1nv9e_181{border:1px solid var(--color-error);background-color:var(--color-highlight-error)}._input_1nv9e_3:focus-within{border:2px solid var(--color-object-accent-primary)}._input--multiline_1nv9e_4 textarea:focus{padding-top:13px;padding-left:8px;border:2px solid var(--color-object-accent-primary)}._input--password_1nv9e_5:focus-within,._input--search_1nv9e_6:focus-within{padding-left:11px;padding-right:0;border:2px solid var(--color-object-accent-primary)}._input--disabled_1nv9e_203 input,._input--disabled_1nv9e_203 textarea,._input--disabled_1nv9e_203._input--password_1nv9e_5,._input--disabled_1nv9e_203._input--search_1nv9e_6{border:1px solid var(--color-border-mid-emphasis);background-color:var(--color-surface-disable);cursor:not-allowed}._input--disabled_1nv9e_203._input--password_1nv9e_5 input,._input--disabled_1nv9e_203._input--search_1nv9e_6 input{border:none;background-color:var(--color-surface-disable)}._input--error_1nv9e_218 input,._input--error_1nv9e_218 textarea,._input--error_1nv9e_218._input--password_1nv9e_5,._input--error_1nv9e_218._input--search_1nv9e_6{border:1px solid var(--color-error);background-color:var(--color-highlight-error)}._input--error_1nv9e_218._input--password_1nv9e_5 input,._input--error_1nv9e_218._input--search_1nv9e_6 input{border:none;background-color:var(--color-highlight-error)}._input--error--ul_1nv9e_232{margin-top:5px;padding-left:32px}._input--error--ul_1nv9e_232 li{padding-top:3px}._input--children_1nv9e_241 input::placeholder{color:var(--color-text-placeholder);font-size:var(--font-size-200);opacity:1}._input--label--text_1nv9e_247{font-size:var(--font-size-100);color:var(--color-text-mid-emphasis);margin-bottom:11px}._input--label--text_1nv9e_247._input--label--bold_1nv9e_253{font-weight:var(--font-weight-bold)}._input--label--error_1nv9e_257{font-size:var(--font-size-100);font-weight:var(--font-weight-regular);color:var(--color-error)}._input--label--error_1nv9e_257._input--label--bold_1nv9e_253{font-weight:var(--font-weight-bold)}._input--children_1nv9e_241{position:relative;align-items:baseline;display:flex;gap:8px}._input--info--text_1nv9e_274{visibility:visible;display:flex;justify-content:space-between;margin-top:11px}._input--info--text--hidden_1nv9e_281{visibility:hidden}._input--info-specification_1nv9e_285{font-size:var(--font-size-75);color:var(--color-text-low-emphasis)}._input--info--error--text_1nv9e_290{font-size:var(--font-size-100);color:var(--color-error)}._input--info--error--text--color_1nv9e_295{color:var(--color-error)}._input--end--adornment_1nv9e_299{border-radius:var(--border-radius-3);padding:10px 12px}._input--container_1nv9e_304{font-family:var(--font-family);width:100%;display:flex;flex-direction:column}._input--time_lv4zj_3{max-width:100%;min-width:200px;height:50px;border-radius:var(--border-radius-3);font-size:var(--font-size-200);font-weight:var(--font-weight-regular);font-family:var(--font-family);color:var(--color-text-mid-emphasis);border:1px solid var(--color-border-mid-emphasis);padding-left:12px}._input--time_lv4zj_3._input--disabled_lv4zj_16,._input--time--manual_lv4zj_17._input--disabled_lv4zj_16{border:none;background-color:var(--color-surface-disable)}._input--time_lv4zj_3._input--error_lv4zj_22,._input--time--manual_lv4zj_17._input--error_lv4zj_22{border:1px solid var(--color-error);background-color:var(--color-highlight-error)}._input--time--manual--container_lv4zj_28{display:flex;flex-grow:1;max-width:100%;min-width:200px;position:relative}._input--time--manual_lv4zj_17{border-radius:var(--border-radius-3);border:1px solid var(--color-border-mid-emphasis);caret-color:transparent;color:var(--color-text-mid-emphasis);font-size:var(--font-size-200);font-weight:var(--font-weight-regular);font-family:var(--font-family);height:50px;padding-left:12px;width:100%}._input--time--manual_lv4zj_17:focus{content:\"\"!important;color:transparent}._input--time--manual--value_lv4zj_54{position:absolute;top:50%;left:15px;transform:translateY(-50%)}._input--time--manual--value--hour_lv4zj_61,._input--time--manual--value--minute_lv4zj_62,._input--time--manual--value--separator_lv4zj_69{font-size:var(--font-size-200);color:var(--color-text-mid-emphasis);font-family:var(--font-family);padding:0 2px}._input--time--manual--value--selected_lv4zj_76{background-color:var(--color-highlight-text-selected);color:var(--color-text-high-emphasis)}._input--time--calendar-icon_lv4zj_81{position:absolute;top:50%;right:15px;transform:translateY(-50%);pointer-events:none}._filter-placeholder_obu5m_3{background-color:var(--color-surface-disable);border-radius:var(--border-radius-3);color:var(--color-text-low-emphasis);font-family:var(--font-family);font-size:var(--font-size-100);padding:10px 16px;width:100%}._filter--single--line_obu5m_13{overflow-x:scroll}._filter--multi--line_obu5m_17{flex-wrap:wrap}._filter_obu5m_3{background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);color:var(--color-text-mid-emphasis);flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-100);padding:9px 16px;width:max-content}._modal_cisd3_3{border-radius:var(--border-radius-4);box-shadow:var(--box-shadow-3);font-family:var(--font-family);font-weight:var(--font-weight-regular);font-size:var(--font-size-75);background-color:var(--color-surface-primary);position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}._modal--overlay_cisd3_17{position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:var(--color-overlay);opacity:.7;z-index:9}._modal_cisd3_3::backdrop{background-color:#ff000080}._modal--small_cisd3_32{padding:28px;width:70vw;max-width:300px}._modal--small_cisd3_32 ._modal--title_cisd3_38{margin-bottom:12px}._modal--medium_cisd3_42{max-width:416px;padding:48px 40px}._modal--large_cisd3_47{width:680px;padding:48px 40px}._modal--padding--size--small_cisd3_52{padding:var(--spacing-s)}._modal--padding--size--medium_cisd3_56{padding:var(--spacing-m)}._modal--padding--size--large_cisd3_60{padding:var(--spacing-l)}._modal--padding--size--x-large_cisd3_64{padding:var(--spacing-xl)}._modal--header_cisd3_68{margin-bottom:25px}._modal--header_cisd3_68 ._modal--title--icon_cisd3_72{margin-bottom:12px}._modal--header--left_cisd3_76{text-align:start}._modal--header--center_cisd3_80{text-align:center}._modal--title_cisd3_38{font-weight:var(--font-weight-bold);margin-bottom:25px}._modal--title--size--small_cisd3_89{font-size:var(--font-size-200)}._modal--title--size--medium_cisd3_93{font-size:var(--font-size-500)}._modal--title--size--large_cisd3_97{font-size:var(--font-size-600)}._modal--title--button--container_cisd3_101{display:inline-flex;justify-content:space-between;align-items:center;width:100%}._modal--content_cisd3_108{padding:18px;background-color:var(--color-background);border-radius:var(--border-radius-3);margin-bottom:25px}._modal--content--title_cisd3_115{text-align:center;padding-bottom:var(--spacing-3xs)}._modal--content--align--center_cisd3_120{text-align:center}._modal--content--align--left_cisd3_124{text-align:left}._modal--content_cisd3_108._modal--content--size--small_cisd3_128{margin-bottom:var(--spacing-s)}._modal--content_cisd3_108._modal--content--size--medium_cisd3_136{margin-bottom:var(--spacing-m)}._modal--content_cisd3_108._modal--content--size--large_cisd3_140{margin-bottom:var(--spacing-l)}._modal--content_cisd3_108._modal--content--size--x-large_cisd3_144{margin-bottom:var(--spacing-xl)}._modal--content_cisd3_108._modal--content--fill--100_cisd3_148{background-color:var(--color-background)}._modal--content_cisd3_108._modal--content--fill--0_cisd3_152{background-color:transparent}._modal--content_cisd3_108._modal--content--padding--0_cisd3_156{padding:0}._modal--description--two_cisd3_160{text-align:center;padding-bottom:var(--spacing-l)}._modal--button--pair--vertical_cisd3_165>*:not(:last-child){margin-bottom:14px}._modal--button--pair--horizontal_cisd3_169{width:100%;display:inline-flex;justify-content:flex-end;flex-direction:row-reverse;gap:12px}._modal--button--pair--horizontal--large_cisd3_177{width:100%;display:inline-flex;flex-direction:row-reverse;gap:12px}._modal--button--pair--horizontal--large--align--right_cisd3_184{justify-content:right}._modal--button--pair--horizontal--large--align--center_cisd3_188{justify-content:center}._modal--button--pair--horizontal_cisd3_169 div{width:100%;margin-bottom:0}._modal--button--pair--horizontal--large_cisd3_177 div{margin-bottom:0}._modal--links_cisd3_201{width:100%;text-align:center}._modal--action--items_cisd3_206{display:flex;flex-direction:column;row-gap:25px}._modal--action--items--align--right_cisd3_212{text-align:right}._modal--action--items--align--center_cisd3_216{text-align:center}._button_cisd3_220{align-items:center;border-radius:var(--border-radius-3);border:1px solid transparent;cursor:pointer;display:inline-flex;font-family:var(--font-family);gap:var(--spacing-5xs);justify-content:center;transition:background-color .3s,border-color .3s,color .3s;white-space:nowrap}._button_cisd3_220._button--size--extra--small_cisd3_236{padding:9px 10px}._button_cisd3_220._button--size--small_cisd3_240{padding:9px 16px}._button_cisd3_220._button--size--medium_cisd3_244{padding:13px 24px}._button_cisd3_220._button--variant--solid_cisd3_250._button--primary--color_cisd3_250{border:none;background-color:var(--color-object-accent-primary);color:var(--color-text-on-primary)}._button_cisd3_220._button--variant--solid_cisd3_250._button--primary--color_cisd3_250:hover{background-color:var(--color-object-accent-primary-emphasis)}._button_cisd3_220._button--variant--solid_cisd3_250._button--danger--color_cisd3_260{border:none;background-color:var(--color-error);color:var(--color-text-on-error)}._button_cisd3_220._button--variant--solid_cisd3_250._button--danger--color_cisd3_260:hover{background-color:var(--color-error-900)}._button_cisd3_220._button--variant--solid_cisd3_250._button--secondary--color_cisd3_270{border:none;background-color:var(--color-surface-primary);color:var(--color-text-mid-emphasis)}._button_cisd3_220._button--variant--solid_cisd3_250._button--secondary--color_cisd3_270:hover{background-color:var(--color-surface-secondary)}._button_cisd3_220._button--variant--outline_cisd3_282._button--primary--color_cisd3_250{border:1px solid var(--color-object-accent-primary);background-color:var(--color-surface-accent-mid-emphasis);color:var(--color-text-mid-emphasis)}._button_cisd3_220._button--variant--outline_cisd3_282._button--primary--color_cisd3_250:hover{background-color:var(--color-primary-100)}._button_cisd3_220._button--variant--outline_cisd3_282._button--danger--color_cisd3_260{border:1px solid var(--color-error);background-color:var(--color-error-50);color:var(--color-text-mid-emphasis)}._button_cisd3_220._button--variant--outline_cisd3_282._button--danger--color_cisd3_260:hover{background-color:var(--color-error-100)}._button_cisd3_220._button--variant--outline_cisd3_282._button--secondary--color_cisd3_270{border:1px solid var(--color-border-mid-emphasis);background-color:var(--color-surface-primary);color:var(--color-text-mid-emphasis)}._button_cisd3_220._button--variant--outline_cisd3_282._button--secondary--color_cisd3_270:hover{background-color:var(--color-surface-secondary)}._button_cisd3_220._button--font--weight--normal_cisd3_312{font-weight:var(--font-weight-regular)}._button_cisd3_220._button--font--weight--bold_cisd3_316{font-weight:var(--font-weight-bold)}._button--text--extra--small_cisd3_320{font-size:var(--font-size-75)}._button--textSize--small_cisd3_324{font-size:var(--font-size-100)}._button--textSize--medium_cisd3_328{font-size:var(--font-size-200)}._button--width--small_cisd3_332{width:80px}._button--width--medium_cisd3_336{width:100px}._button--width--large_cisd3_340{width:200px}._button--width--extra--large_cisd3_344{width:300px}._button--width--full_cisd3_348{position:relative;width:100%}._button--width--full_cisd3_348 ._icon_cisd3_353{position:absolute;left:18px}._button_cisd3_220._button--variant--solid_cisd3_250._button--disabled_cisd3_360,._button_cisd3_220._button--variant--solid_cisd3_250._button--disabled_cisd3_360:hover,._button_cisd3_220._button--variant--outline_cisd3_282._button--disabled_cisd3_360,._button_cisd3_220._button--variant--outline_cisd3_282._button--disabled_cisd3_360:hover{background-color:var(--color-object-disable);color:var(--color-text-low-emphasis);cursor:not-allowed}._settings--content--item_7726x_4{margin-left:var(--spacing-xs);flex:4}._settings--group-item_7726x_9:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-2) var(--border-radius-2)}._settings--group-item_7726x_9:first-child{border-top:none;border-radius:var(--border-radius-2) var(--border-radius-2) 0 0}._settings--group-item_7726x_9{background-color:var(--color-surface-primary);display:flex;align-items:center;justify-content:left;border-bottom:1px solid var(--color-grey-75);flex:1;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}._settings--list_7726x_31{width:50%;margin:0 auto;margin-top:var(--spacing-m)}._row--height--large_7726x_37{height:48px}._row--height--medium_7726x_40{height:40px}._row--height--small_7726x_43{height:32px}._footer_1l2o5_3{background-color:var(--color-object-accent-primary);color:var(--color-text-on-primary);font-family:var(--font-family);width:100%}._footer--path_1l2o5_10{color:var(--color-text-on-primary);display:flex;flex-direction:row}._footer--path--icon_1l2o5_16{padding:4px 16px}._footer--path_1l2o5_10{padding:6px 14px}._footer--logo_1l2o5_24{margin-left:14px;padding-bottom:8px}._footer--content_1l2o5_29{border-top:1px solid var(--color-border-high-emphasis)}._element--footer_1l2o5_33:first-child{margin-right:auto;padding-bottom:8px}._element--footer_1l2o5_33{margin-left:14px;padding:8px 0}._element--footer--vertical_1l2o5_43{flex-direction:column;align-items:flex-start}._element--footer--right_1l2o5_48{display:flex;flex-direction:row;justify-content:flex-end;margin-right:14px;padding-bottom:12px}._navbar_i026k_3{align-items:center;background-color:var(--color-surface-primary);box-sizing:border-box;column-gap:24px;display:flex;height:64px;width:100%;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}._navbar_i026k_3._navbar--border_i026k_15{border-bottom:1px solid var(--color-border-low-emphasis)}._navbar--mobile_i026k_19{column-gap:16px;height:56px}._navbar--secondary_i026k_24{border-bottom:none;background-color:var(--color-surface-secondary)}._left--element_i026k_29{align-items:center;display:flex;justify-content:flex-start;overflow:hidden}._right--element_i026k_36{display:flex;justify-content:flex-end}._center--element_i026k_41{display:flex;flex-grow:1;justify-content:flex-end}._center--element--icons_i026k_47{column-gap:16px}._center--element--buttons_i026k_51{column-gap:8px}._center--element--text_i026k_55{justify-content:center}._sidebar_icnhs_3{background-color:var(--color-surface-primary);box-sizing:border-box;display:flex;flex-direction:column;font-family:var(--font-family);transition:width .3s;width:240px}._sidebar--tertiary_icnhs_13{background-color:var(--color-surface-tertiary);font-weight:var(--font-weight-bold);padding-top:24px}._sidebar--shrink_icnhs_19{width:80px}._element_icnhs_23{display:flex}._element-contents_icnhs_27{align-items:center;border-radius:var(--border-radius-3);box-sizing:border-box;display:flex;flex-grow:1;justify-content:center;margin:4px;padding:12px;white-space:nowrap}._element--header_icnhs_39{padding-top:2px;padding-bottom:2px;margin-bottom:14px}._element--header_icnhs_39._element--header--divider_icnhs_45{border-bottom:1px solid var(--color-border-mid-emphasis)}._element--header_icnhs_39._element--header--spacing_icnhs_49{margin-bottom:14px}._element-contents_icnhs_27._element--hoverable_icnhs_53:hover{background-color:var(--color-feedback-mid-emphasis);cursor:pointer}._element--icon_icnhs_58{margin-right:10px}._element--text_icnhs_62{overflow:hidden;transition:opacity .3s,height .3s,width .3s;height:20px;width:180px}._element--link_icnhs_69{color:inherit;display:flex;align-items:center;flex-grow:1}._shrink--icon_icnhs_76{margin:0 18px;padding:10px}._sidebar--shrink_icnhs_19 ._element--text_icnhs_62{opacity:0;height:.01px;width:.01px}._element--selected_icnhs_87{background-color:var(--color-feedback-mid-emphasis)}._pagination--container_1iezq_3{display:flex;gap:var(--spacing-5xs)}._pagination--button_1iezq_8{background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);border:solid 1px var(--color-border-mid-emphasis);box-shadow:none;box-sizing:border-box;cursor:pointer;height:var(--spacing-xl);width:var(--spacing-xl);transition:background-color .3s}._pagination--ellipses_1iezq_20{align-items:center;display:flex;height:var(--spacing-xl);justify-content:center;-webkit-user-select:none;user-select:none;width:var(--spacing-xl)}._pagination--button_1iezq_8._pagination--button--current_1iezq_29{background-color:var(--color-surface-accent-mid-emphasis)}._pagination--button_1iezq_8._pagination--button--disabled_1iezq_33{background-color:var(--color-surface-secondary);border-color:var(--color-border-low-emphasis);color:var(--color-text-disable);cursor:not-allowed}._pagination--button_1iezq_8:hover{background-color:var(--color-surface-secondary)}._radio-group_1jzcc_3{display:inline-block;flex-shrink:0;-webkit-user-select:none;user-select:none}._radio-group-grid_1jzcc_9{box-sizing:border-box;display:grid;gap:var(--spacing-6xs);grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;padding-top:var(--spacing-4xs);padding-bottom:var(--spacing-4xs)}._radio-group-grid_1jzcc_9._cols-1_1jzcc_19{grid-template-rows:1fr;grid-template-columns:repeat(1,1fr)}._radio-group-grid_1jzcc_9._cols-2_1jzcc_24{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}._radio-group-grid_1jzcc_9._cols-4_1jzcc_29{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr)}._radio--input_1jzcc_34{position:absolute;cursor:inherit;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}._radio--root_1jzcc_46{display:inline-flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;background-color:transparent;outline:0px;border:0px;margin:0;-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-decoration:none;padding:9px;border-radius:50%}._radio--label_1jzcc_64:not(._radio--label--disabled_1jzcc_64) ._radio--root_1jzcc_46:hover{background-color:var(--color-feedback-low-emphasis)}._radio--label_1jzcc_64:not(._radio--label--disabled_1jzcc_64) ._radio--root_1jzcc_46:has(:focus-visible){background-color:var(--color-feedback-low-emphasis)}._radio--label_1jzcc_64{display:inline-flex;align-items:center;justify-content:flex-start;cursor:pointer}._radio--label--text_1jzcc_79{margin-left:2px;color:var(--color-text-mid-emphasis);font-family:var(--font-family);font-size:var(--font-size-100);font-weight:var(--font-weight-regular)}._radio--icon--background_1jzcc_87{border-radius:50%;border:2px var(--color-border-mid-emphasis) solid;box-sizing:border-box;display:inline-block;flex-shrink:0;height:18px;transition:border-color .2s cubic-bezier(.4,0,.2,1) 0ms;-webkit-user-select:none;user-select:none;width:18px}._radio--icon--background_1jzcc_87._radio--icon--checked_1jzcc_99{border-color:var(--color-object-accent-primary)}._radio--icon--dot_1jzcc_103{-webkit-user-select:none;user-select:none;width:24px;height:24px;display:inline-block;flex-shrink:0;transition:transform .15s cubic-bezier(.4,0,1,1) 0ms;fill:var(--color-object-accent-primary);transform:scale(0);position:absolute}._radio--icon--dot_1jzcc_103._radio--icon--checked_1jzcc_99{transform:scale(1)}._radio--label--disabled_1jzcc_64{cursor:not-allowed}._radio--label--disabled_1jzcc_64 ._radio--label--text_1jzcc_79{color:var(--color-text-low-emphasis)}._radio--label--disabled_1jzcc_64 ._radio--icon--background_1jzcc_87{border-color:var(--color-border-mid-emphasis);background-color:var(--color-surface-disable)}._radio--label--disabled_1jzcc_64 ._radio--icon--dot_1jzcc_103{fill:var(--color-border-mid-emphasis)}._ripple_1jzcc_136{width:24px;height:24px;border-radius:50%;position:absolute}._ripple--active_1jzcc_143{background-color:var(--color-border-mid-emphasis);animation:_ripple_1jzcc_136 .4s ease-out}@keyframes _ripple_1jzcc_136{0%{opacity:1}to{transform:scale(2);opacity:0}}._row_mctuk_3{align-items:center;background-color:transparent;border:none;display:inline-flex;justify-content:left;min-width:50px;padding-left:16px;padding-right:16px;width:100%}._row--background_mctuk_15{background-color:var(--color-surface-primary)}._row--clickable_mctuk_19{cursor:pointer}._row--half_mctuk_23{float:left;width:50%}._row--height--small_mctuk_28{height:40px}._row--height--medium_mctuk_32{height:48px}._row--height--large_mctuk_36{height:52px}._row--indent_mctuk_40{padding-left:16px}._row--right--arrow_mctuk_44{margin-left:auto}._row--underline_mctuk_48{border-bottom:1px solid var(--color-border-low-emphasis);border-right:1px solid var(--color-border-low-emphasis)}._row--text_mctuk_53{font-size:var(--font-size-200);font-family:var(--font-family);color:var(--color-text-mid-emphasis);text-align:left}._row--icon_mctuk_60{padding-right:14px}._row--accordion--content_mctuk_64{display:grid;grid-template-rows:0fr;transition:.25s grid-template-rows ease}._row--accordion--open_mctuk_70{grid-template-rows:1fr}._row--accordion--content_mctuk_64 ._grid-item_mctuk_74{overflow:hidden}._row--accordion--arrow--rotate_mctuk_78{transform:rotate(90deg);transition-duration:.25s}._row--accordion--arrow_mctuk_78{transform:rotate(0);transition-duration:.25s}._step--container_5fuqg_3{align-items:center;display:flex;height:48px;min-width:200px;position:relative;width:100%}._step--progress--bar_5fuqg_12{min-width:200px;width:100%;height:10px;background-color:var(--color-border-mid-emphasis);border-radius:var(--border-radius-4)}._step--progress--bar--fill_5fuqg_20{display:block;height:100%;background-color:var(--color-object-accent-primary);border-radius:var(--border-radius-4);transition:width .5s ease}._step--completion_5fuqg_28{background:var(--color-object-accent-primary);border-radius:var(--border-radius-6);color:var(--color-text-on-primary);display:inline-block;font-family:var(--font-family);font-weight:var(--font-weight-bold);position:relative;text-align:center;vertical-align:top}._step--completion_5fuqg_28:after{border-bottom:9px solid transparent;border-top:9px solid var(--color-object-accent-primary);content:\"\";height:0;margin-left:-10px;position:absolute}._step--completion--small_5fuqg_49{font-size:var(--font-size-75);line-height:19px;bottom:36px;right:-10px;padding:4px 10px;position:absolute}._step--completion--small_5fuqg_49:after{border-left:4px solid transparent;border-right:4px solid transparent;left:63%;top:83%;width:1px}._step--completion--medium_5fuqg_66{font-size:var(--font-size-100);line-height:24px;bottom:28px;right:-16px;margin-bottom:9px;padding:8px 16px;position:absolute}._step--completion--medium_5fuqg_66:after{border-left:6px solid transparent;border-right:6px solid transparent;left:55%;top:93%;width:2px}._switch_72770_3{font-size:0;position:relative;display:inline-block;width:52px;height:32px;margin:10px;cursor:pointer}._switch-track_72770_13{border:2px solid var(--color-object-mid-emphasis);border-radius:100px;display:block;height:calc(100% - 4px);width:calc(100% - 4px);position:absolute}._switch-thumb_72770_22{width:16px;height:16px;top:8px;left:8px;border-radius:16px;background-color:var(--color-object-mid-emphasis);position:relative;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;display:flex;align-items:center;justify-content:center}._switch_72770_3._switch-icon_72770_38 ._switch-thumb_72770_22{width:24px;height:24px;top:4px;left:4px;border-radius:24px}._switch-thumb_72770_22:before{opacity:0;background-color:var(--color-feedback-low-emphasis);content:\"\";display:block;position:absolute;left:-12px;top:-12px;width:40px;height:40px;border-radius:40px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;z-index:-1}._switch_72770_3._switch-icon_72770_38 ._switch-thumb_72770_22:before{left:-8px;top:-8px}._switch-input_72770_68{cursor:inherit;position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:1;margin:0}._switch_72770_3.Mui-disabled{cursor:not-allowed}._switch_72770_3.Mui-disabled ._switch-track_72770_13{background-color:var(--color-surface-secondary);border-color:var(--color-border-low-emphasis)}._switch_72770_3.Mui-disabled ._switch-thumb_72770_22{background-color:var(--color-object-mid-emphasis)}._switch_72770_3:active:not(.Mui-disabled) ._switch-thumb_72770_22{top:2px;left:2px;width:28px;height:28px}._switch_72770_3:active:not(.Mui-disabled)._switch-icon_72770_38 ._switch-thumb_72770_22{top:2px;left:2px;width:28px;height:28px}._switch_72770_3.Mui-checked ._switch-thumb_72770_22{left:24px;top:4px;width:24px;height:24px;border-radius:24px;background-color:#fff}._switch_72770_3:active.Mui-checked:not(.Mui-disabled) ._switch-thumb_72770_22{left:22px;top:2px;width:28px;height:28px;border-radius:28px}._switch_72770_3.Mui-disabled.Mui-checked ._switch-track_72770_13{background-color:var(--color-surface-disable);border-color:var(--color-surface-disable)}._switch_72770_3.Mui-checked ._switch-track_72770_13{background-color:var(--color-object-accent-primary);border:2px solid var(--color-object-accent-primary)}._switch_72770_3:hover:not(.Mui-disabled) ._switch-thumb_72770_22:before{opacity:1}._switch_72770_3.Mui-focusVisible:not(.Mui-disabled) ._switch-thumb_72770_22:before{opacity:1}._switch_72770_3:active:not(.Mui-disabled) ._switch-thumb_72770_22:before{left:-6px;top:-6px}._switch_72770_3:active:not(.Mui-disabled)._switch-icon_72770_38 ._switch-thumb_72770_22:before{left:-6px;top:-6px}._switch_72770_3.Mui-checked ._switch-thumb_72770_22:before{left:-8px;top:-8px}._switch_72770_3:active.Mui-checked ._switch-thumb_72770_22:before{left:-6px;top:-6px}._tabs_oowno_3{font-family:var(--font-family);cursor:pointer;color:var(--color-text-mid-emphasis)}._tab--reset_oowno_9{all:unset}._tab--container--stretch_oowno_13{width:100%;display:inline-flex}._tab--stretch_oowno_18{border-bottom:1px solid var(--color-border-mid-emphasis);font-size:var(--font-size-100);cursor:pointer;height:56px;padding-bottom:1px;text-align:center;transition:background-color .3s;width:700px}._tab--fixed_oowno_29{border-bottom:1px solid var(--color-border-mid-emphasis);cursor:pointer;font-size:var(--font-size-200);height:48px;padding-bottom:1px;text-align:center;transition:background-color .3s;width:182px}._tab--fixed_oowno_29:hover,._tab--stretch_oowno_18:active{background-color:var(--color-feedback-mid-emphasis)}._tab--selected_oowno_45{padding-bottom:0;font-weight:var(--font-weight-bold);color:var(--color-text-accent-primary);border-bottom:2px solid var(--color-object-accent-primary)}._tab--disabled_oowno_52{color:var(--color-text-disable);cursor:not-allowed}._table_dvex7_7 table,._table_dvex7_7 thead,._table_dvex7_7 tbody,._table_dvex7_7 tfoot,._table_dvex7_7 tr,._table_dvex7_7 th,._table_dvex7_7 td{-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border-color:inherit;border-spacing:0;box-sizing:content-box;border:none;font-weight:inherit;height:auto;margin:0;padding:0;text-align:left;width:auto}._table-container_dvex7_28{width:100%;position:relative}._table_dvex7_7{background-color:var(--color-surface-primary);border-collapse:collapse;display:grid;grid-template-rows:1fr;width:100%;min-width:300px}._table_dvex7_7 ._table--header_dvex7_42{border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box;height:48px;padding:12px 16px}._table_dvex7_7 ._table--cell_dvex7_49{align-items:center;border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box;display:flex;height:100%;min-width:76px}._table_dvex7_7 ._table--headers_dvex7_58,._table_dvex7_7 ._table--body_dvex7_59,._table_dvex7_7 ._table--row_dvex7_60,._table_dvex7_7 ._table--header--row_dvex7_61{display:contents}._table_dvex7_7 ._table--row--link_dvex7_65 ._table--cell_dvex7_49{cursor:pointer;background-color:var(--color-surface-primary);transition:background-color .3s}._table_dvex7_7 ._table--row--link_dvex7_65:hover:not(:has(._table--cell--dropdown-actions_dvex7_73:hover,._table--cell--link_dvex7_73:hover)) ._table--cell_dvex7_49{background-color:var(--color-surface-secondary)}._table_dvex7_7 ._table--header--row--text_dvex7_79{min-width:24px}._table_dvex7_7 ._table--cell_dvex7_49._vertical-padding--12_dvex7_83{padding:12px 16px}._table_dvex7_7 ._table--cell_dvex7_49._table--cell--dropdown-actions_dvex7_73{width:24px}._table_dvex7_7 ._table--cell_dvex7_49._table--cell--title-subtitle_dvex7_91{min-width:240px}._table_dvex7_7 ._table--cell_dvex7_49._table--cell--date_dvex7_95{min-width:90px}._table_dvex7_7 ._table--cell_dvex7_49._table--cell--date-range_dvex7_99{min-width:76px}._table_dvex7_7 ._table--cell_dvex7_49._vertical-padding--24_dvex7_103{padding:24px 16px}._table--loading--overlay_dvex7_107{background-color:var(--color-surface-primary);opacity:.5;position:absolute;top:0;left:0;right:0;bottom:0}._table--loading--spinner_dvex7_117{position:absolute;top:min(120px,50%);left:50%;transform:translate(-50%,-50%)}._empty-state_dvex7_124{align-items:center;background-color:var(--color-surface-secondary);border-radius:var(--border-radius-3);box-sizing:border-box;display:flex;justify-content:center;padding:35px;width:100%}._tag_3atzq_3{align-items:center;display:flex;font-family:var(--font-family);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);gap:var(--spacing-5xs);justify-content:start;word-wrap:normal;text-wrap:wrap;height:fit-content;width:fit-content}._tagText_3atzq_17{text-align:center}._tag--icon--container_3atzq_21{display:flex;align-items:baseline;margin-top:2px}._tag--text--container_3atzq_27{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-5xs)}._toast_szeiu_3{background-color:var(--color-surface-accent-mid-emphasis);border-radius:var(--border-radius-3);border:1px solid var(--color-object-accent-primary);box-sizing:border-box;color:var(--color-text-accent-primary);font-family:var(--font-family);font-size:var(--font-size-100);font-weight:var(--font-weight-bold);padding:14px 16px;width:min(343px,100%)}._bottom--buttons--container_uwjil_3{position:fixed;bottom:0;width:100%;height:90px;box-shadow:0 -4px 10px #00000026;background-color:var(--color-surface-primary)}._bottom--buttons_uwjil_3{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}._bottom--buttons--container--mobile_uwjil_20{align-items:center;background-color:var(--color-border-mid-emphasis);bottom:0;display:flex;height:56px;justify-content:center;position:absolute;width:100%}._bottom--buttons--mobile_uwjil_31{align-items:center;display:flex;flex-direction:row;justify-content:stretch;padding:0 16px;gap:12px;width:100%}._bottom--buttons--stickiness_uwjil_41{position:sticky;bottom:0;z-index:1}._emphasize--width_uwjil_47{flex-basis:200%}._bottom--buttons--menu_uwjil_51{width:300px}._card_xp0e5_1{border-radius:var(--border-radius-4);padding:var(--spacing-s);background-color:var(--color-surface-primary)}._card_xp0e5_1:where(._card-disabled_xp0e5_7){background-color:var(--color-surface-disable)}._card-background-color-primary_xp0e5_11{background-color:var(--color-surface-primary)}._card-background-color-disabled_xp0e5_15{background-color:var(--color-surface-disable)}._card-img_xp0e5_19{object-fit:cover;width:100%;height:auto;max-height:120px;border-radius:var(--border-radius-3)}._card-content_xp0e5_27{display:flex;flex-direction:column;gap:var(--spacing-6xs)}._card-chips_xp0e5_33{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-5xs)}._card-title-container_xp0e5_40{width:100%;align-items:flex-start;display:flex;font-family:var(--font-family);font-size:var(--font-size-75);font-weight:var(--font-weight-regular);gap:var(--spacing-5xs);justify-content:space-between;height:fit-content}._card-title-container_xp0e5_40 ._card-title_xp0e5_40{flex:1}._card-subtitle_xp0e5_56{align-items:center;display:flex;gap:var(--spacing-6xs);justify-content:start;white-space:nowrap;height:fit-content}._card-subtitle-image_xp0e5_65{height:16px;width:16px}._card-status_xp0e5_70{background-color:var(--color-surface-secondary);display:flex;flex-direction:row;padding:10px 16px;border-radius:var(--border-radius-3);align-items:center;justify-content:space-between}._card-status_xp0e5_70:where(._card-status-default_xp0e5_80){background-color:var(--color-surface-secondary)}._card-status_xp0e5_70:where(._card-status-primary_xp0e5_84){background-color:var(--color-surface-accent-light-low-emphasis)}._card-status-link_xp0e5_88{font-size:var(--font-size-100);font-family:var(--font-family);font-weight:var(--font-weight-regular)}._card-tags_xp0e5_94{overflow-x:auto;overflow-y:hidden;display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--spacing-5xs);row-gap:var(--spacing-6xs);width:100%}._card-summary_xp0e5_105{height:auto;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}._card-title-container_xp0e5_40 ._card-title-icon-btn_xp0e5_115{border:none;padding:4px;border-radius:4px}._card-title_xp0e5_40{text-wrap:wrap}._chat-view_10bos_3{background-color:var(--color-surface-primary);min-width:240px;height:100%}._message-list_10bos_9{box-sizing:border-box;flex-grow:1;padding:8px 16px}._message-list-loading_10bos_15{display:flex;justify-content:center;align-items:center;height:100%}._compact-comment-input-container_10bos_22{position:sticky;bottom:-1px;background-color:inherit;flex-wrap:wrap;border-top:1px solid var(--color-border-mid-emphasis);border-bottom:1px solid var(--color-border-mid-emphasis);box-sizing:border-box;padding:8px 16px;width:100%}._compact-comment-input_10bos_22{background-color:var(--color-surface-secondary);border-radius:var(--border-radius-6);border:none;box-shadow:none;flex-grow:1;font-family:var(--font-family);font-size:var(--font-size-100);height:36px;outline:none;padding:8px 16px;resize:none}._compact-comment-input_10bos_22:focus-within{border:2px solid var(--color-object-accent-primary)}._compact-comment-error-wrapper_10bos_53{width:100%}._normal-comment-input_10bos_57{position:sticky;bottom:-1px;padding:8px 16px;background-color:inherit}._normal-comment-input-icon_10bos_64{position:absolute;right:10px;bottom:10px}._date_10bos_70{display:flex;justify-content:center;align-items:center;width:100%}._checkbox-field_y7gyv_3{width:100%}._checkbox-field-container_y7gyv_7{display:grid;gap:var(--spacing-3xs);grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}._checkbox-field-container_y7gyv_7._cols-1_y7gyv_14{grid-template-rows:1fr;grid-template-columns:repeat(1,1fr)}._checkbox-field-container_y7gyv_7._cols-2_y7gyv_19{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr)}._checkbox-field-container_y7gyv_7._cols-4_y7gyv_24{grid-template-rows:1fr;grid-template-columns:repeat(4,1fr)}._checkbox-field-element_y7gyv_29{background-color:var(--color-surface-primary);border:1px solid var(--color-border-mid-emphasis);border-radius:var(--border-radius-3);display:flex;align-items:center;justify-content:start;gap:var(--spacing-3xs);-webkit-user-select:none;user-select:none;position:relative;padding:var(--spacing-4xs) var(--spacing-3xs);transition-property:background-color,border-color;transition-duration:.3s;transition-timing-function:ease-out;cursor:pointer}._checkbox-field-element_y7gyv_29:hover{background-color:var(--color-surface-secondary)}._checkbox_y7gyv_3{display:inline-block;flex-shrink:0;-webkit-user-select:none;user-select:none;width:var(--icon-size-m);fill:var(--color-object-mid-emphasis)}._checkbox-field-element_y7gyv_29._checked_y7gyv_58 ._checkbox_y7gyv_3{fill:var(--color-object-accent-primary)}._checkbox-field-element_y7gyv_29._checked_y7gyv_58._checkbox-surface_y7gyv_62{background-color:var(--color-surface-accent-mid-emphasis);border-color:var(--color-object-accent-primary)}._checkbox-field-element_y7gyv_29._checkbox-outline_y7gyv_67{background-color:var(--color-surface-primary);border-color:var(--color-border-mid-emphasis)}._checkbox-field-element_y7gyv_29._checkbox-outline_y7gyv_67:hover{background-color:var(--color-surface-secondary)}._checkbox-input_y7gyv_76{position:absolute;cursor:inherit;opacity:0;width:100%;height:100%;top:0;left:0;margin:0;padding:0}._checkbox--with--label_y7gyv_88{display:inline-flex;align-items:center;justify-content:center}._checkbox-label_y7gyv_94{color:var(--color-text-mid-emphasis);font-family:var(--font-family);font-size:var(--font-size-100);font-weight:var(--font-weight-regular)}._error-page_1vd9e_3{align-items:center;display:flex;flex-direction:column;text-align:center;row-gap:var(--spacing-m);padding:var(--spacing-xl)}._error-page--button_1vd9e_12{margin-top:var(--spacing-xs)}._faq--desktop_mzag0_3{box-sizing:border-box;padding-top:80px;padding-bottom:40px;min-height:584px}._faq--mobile_mzag0_10{box-sizing:border-box;padding-top:40px;padding-bottom:40px;min-height:584px}._faq--question_mzag0_17{flex-grow:1}._faq--items-container--desktop_mzag0_21{width:1152px}._faq--item_mzag0_21{border-top:1px solid var(--color-border-mid-emphasis);box-sizing:border-box;cursor:pointer;padding:20px;transition:background-color .3s ease-in-out}._faq--item_mzag0_21:hover{background-color:var(--color-surface-tertiary)}._faq--item_mzag0_21:last-child{border-bottom:1px solid var(--color-border-mid-emphasis)}._custom-field-grid-1_1mw90_3{display:grid;gap:var(--spacing-xs);grid-template-columns:1fr}._custom-field-grid-2_1mw90_9{display:grid;gap:var(--spacing-xs);grid-template-columns:1fr 1fr}._custom-field-col-span-2_1mw90_15{grid-column:span 2}._email-address-display_4dygt_3{background-color:var(--color-surface-secondary);border-radius:var(--border-radius-3);padding:var(--spacing-xs)}._page_wbz0q_3{background-color:var(--color-background);box-sizing:border-box}._page_wbz0q_3 ._page--content_wbz0q_8{background-color:var(--color-surface-primary);box-sizing:border-box}._page_wbz0q_3 ._page--progress_wbz0q_13{margin-bottom:21px}._page_wbz0q_3._page--small-form_wbz0q_17,._page_wbz0q_3._page--large-form_wbz0q_18{padding:0}._page_wbz0q_3._page--small-form_wbz0q_17._page--mobile_wbz0q_22 ._page--content_wbz0q_8,._page_wbz0q_3._page--large-form_wbz0q_18._page--mobile_wbz0q_22 ._page--content_wbz0q_8{min-height:100vh;padding:var(--spacing-xl) var(--spacing-xs);width:100%}._page_wbz0q_3._page--small-form_wbz0q_17._page--desktop_wbz0q_29,._page_wbz0q_3._page--large-form_wbz0q_18._page--desktop_wbz0q_29{align-items:start;display:flex;flex-direction:row;justify-content:center;height:100%;width:100%}._page_wbz0q_3._page--small-form_wbz0q_17._page--desktop_wbz0q_29 ._page--content_wbz0q_8{border-radius:var(--border-radius-5);margin-bottom:var(--spacing-l);margin-top:var(--spacing-l);padding:var(--spacing-xl) var(--spacing-xxl);width:496px}._page_wbz0q_3._page--large-form_wbz0q_18._page--desktop_wbz0q_29 ._page--content_wbz0q_8{border-radius:var(--border-radius-5);margin-bottom:var(--spacing-l);margin-top:var(--spacing-l);padding:var(--spacing-xl) var(--spacing-xxl);width:760px}._page_wbz0q_3._page--background-only_wbz0q_55 ._page--content_wbz0q_8{background-color:transparent;min-height:100vh;width:100%}._page_wbz0q_3._page--primary-screen-only_wbz0q_61 ._page--content_wbz0q_8{min-height:100vh;width:100%}._page_wbz0q_3 ._page-title_wbz0q_66{margin-bottom:var(--spacing-l);text-align:center}._change--password--form_vqowc_1,._change--name--form_1i4cq_1,._change--phone--form_8okqd_1{background-color:var(--color-surface-primary)}._show--page--header_1q4nj_3{height:70px;width:100%;background-color:var(--color-background);display:flex;align-items:center;justify-content:center;padding:0;margin:0}._show--page--header--back--button_1q4nj_14{flex:1;margin-left:20px;margin-top:8px}._show--page--header_1q4nj_3:after{flex:1;content:\"\"}._show--page--title--section_1q4nj_25{display:flex;justify-content:space-between;align-items:center;padding-top:40px}._show--page--details--section_1q4nj_32{display:flex;justify-content:space-between;align-items:center}._show--page_1q4nj_3{display:flex;flex-direction:column;align-items:center}._show--page--content_1q4nj_44{margin-bottom:200px}._show--page--content--small_1q4nj_48{width:100%;max-width:700px}._show--page--content--medium_1q4nj_53{width:100%;max-width:920px}._show--page--row_1q4nj_58{padding:0 20px}._show--page--row--title--container_1q4nj_62{flex-shrink:0;width:216px}._show--page--row--title_1q4nj_62{display:inline-block;word-break:break-all;width:150px;text-align:left}._show--page--row--image_1q4nj_74{max-height:52px}._show--page--row--grouped-text--values_1q4nj_78{min-width:0;flex-wrap:wrap;row-gap:0}._show--page--row--item--image_1q4nj_84{width:314px;max-height:124px;object-fit:cover;border-radius:var(--border-radius-3)}._grey-box_19bvp_3{background-color:var(--color-surface-secondary);border-radius:var(--border-radius-2);padding:var(--spacing-xs)}._side-by-side_19bvp_9,._justify-space-between_19bvp_13{justify-content:space-between}._justify-end_19bvp_16{justify-content:flex-end}._justify-center_19bvp_20{justify-content:center}._bottom-buttons-margin_19bvp_23{margin-bottom:var(--spacing-xl)}._org--show--page--avatar_19bvp_27{text-align:center;line-height:40px;width:40px;height:40px;border-radius:100%;background-color:var(--color-primary-900)}._organization--update--form_19bvp_35{display:flex;flex-direction:column;align-items:center}._organization--update--form--content_19bvp_40{margin-bottom:200px;width:100%;max-width:920px}._hero-image--mobile_1bznf_3{background-color:var(--color-surface-primary);box-sizing:border-box;position:relative;padding-top:44px;min-height:644px;z-index:0}._hero-image--desktop_1bznf_12{background-color:var(--color-surface-primary);box-sizing:border-box;position:relative;min-height:620px;z-index:0}._hero-image--title_1bznf_20{max-width:300px}._hero-image--img--mobile_1bznf_24{bottom:0;pointer-events:none;position:absolute;width:100%;z-index:-1}._hero-image--img--desktop_1bznf_32{bottom:0;pointer-events:none;position:absolute;right:0;max-height:100%;z-index:-1}._hero-image--byline--desktop_1bznf_41{position:relative;left:146px;top:146px;width:600px}._how-to-use--mobile_1cxqv_3{background-color:var(--color-surface-secondary);box-sizing:border-box;padding-bottom:40px;padding-top:40px;min-height:584px}._how-to-use--desktop_1cxqv_11{background-color:var(--color-surface-secondary);box-sizing:border-box;padding-bottom:40px;padding-top:80px;min-height:584px;width:100%}._how-to-use--items-container--desktop_1cxqv_20{width:1152px}._how-to-use--item--mobile_1cxqv_24{background-color:var(--color-surface-primary);box-sizing:border-box;border-radius:var(--border-radius-4);padding:20px;width:100%}._how-to-use--item--desktop_1cxqv_32{background-color:var(--color-surface-primary);box-sizing:border-box;border-radius:var(--border-radius-4);padding:20px;min-height:270px;width:100%}._job-activity_16w2w_3{background-color:var(--color-surface-primary)}._job-activity--item_16w2w_7{display:flex;cursor:pointer;border-radius:var(--border-radius-4);justify-content:center;background-color:var(--color-surface-secondary);padding:var(--spacing-xxs) var(--spacing-xs);text-align:left;gap:var(--spacing-xs);border:0}._job-activity--end-icon_16w2w_19{flex:1;justify-content:center}._loading-page_1o9gc_3{display:flex;align-items:center;flex-direction:row;justify-content:center;min-height:80vh}._merits--desktop_vn23k_3{box-sizing:border-box;position:relative;padding-bottom:40px;padding-top:80px;min-height:584px;background-color:var(--color-surface-primary)}._merits--mobile_vn23k_12{box-sizing:border-box;position:relative;padding-bottom:40px;padding-top:40px;min-height:584px;background-color:var(--color-surface-primary)}._merits--item--mobile_vn23k_21{width:100%}._merit-items-desktop-grid_vn23k_25{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;width:1152px}._merits--hr_vn23k_32{width:100%;border:.5px solid var(--color-border-mid-emphasis)}._merits--paragraph--left--align_vn23k_37{text-align:left}._container_12wjh_1{background-color:var(--color-surface-secondary)}._desktop-chat-page_13cnl_3{background-color:var(--color-surface-primary);height:100%;max-height:calc(100vh - 64px);min-height:400px}._desktop-chat-heading_13cnl_14{border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box;padding:24px 0}._desktop-chat-body_13cnl_20{flex-shrink:1;flex-grow:1;min-height:0}._topic-list_13cnl_26{border-right:1px solid var(--color-border-low-emphasis);box-sizing:border-box;max-width:40%;height:100%}._chat-view-container_13cnl_33{flex-grow:1}._chat-view-heading_13cnl_37{border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box}._chat-view-heading-text_13cnl_42{flex-grow:1}._chat-view_13cnl_33{flex-grow:1;flex-shrink:1;min-height:0;overflow-y:auto}._empty-state_13cnl_53{flex-grow:1;justify-content:center}._topic-list_1iw2k_3{background-color:var(--color-surface-secondary);min-width:300px;height:100%}._topic-list_1iw2k_3._topic-list-normal_1iw2k_9{background-color:var(--color-surface-primary)}._topic-list-scroll-panel_1iw2k_13{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}._heading_1iw2k_21{background-color:var(--color-surface-primary);border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box;padding:14px 16px;width:100%}._search-container_1iw2k_29{background-color:var(--color-surface-secondary);box-sizing:border-box;padding:16px;width:100%;position:relative}._search-input_1iw2k_37{background-color:var(--color-surface-primary);border-radius:var(--border-radius-3);box-sizing:border-box;border:none;box-shadow:none;flex-grow:1;font-family:var(--font-family);font-size:var(--font-size-100);height:44px;outline:none;padding:8px 16px;width:100%}._search-input_1iw2k_37:focus-within{border:2px solid var(--color-object-accent-primary)}._search-icon_1iw2k_56{position:absolute;right:24px;top:50%;transform:translateY(-50%)}._topic-row-link_1iw2k_63{border-bottom:1px solid var(--color-border-low-emphasis);box-sizing:border-box;width:100%}._topic-row_1iw2k_63{background-color:var(--color-surface-primary);transition:background-color .3s ease-out;box-sizing:border-box;padding:var(--spacing-xs);width:100%}._topic-row_1iw2k_63:hover{background-color:var(--color-surface-secondary)}._topic-row-selected_1iw2k_81{background-color:var(--color-surface-accent-mid-emphasis)}._topic-row-selected_1iw2k_81:hover{background-color:var(--color-surface-accent-light-low-emphasis)}._topic-row-title-column_1iw2k_89{flex-grow:1}._topic-row-time-column_1iw2k_93{align-self:stretch;justify-content:space-evenly;flex-shrink:0}._unread-count_1iw2k_99{align-items:center;background-color:var(--color-error);border-radius:9999px;box-sizing:border-box;color:var(--color-text-on-error);display:flex;flex-grow:0;flex-shrink:0;font-family:var(--font-family);font-size:var(--font-size-75);justify-content:center;min-width:16px;padding:1px 5px}._empty-state_1iw2k_115{margin-top:32px}._loading-indicator-container_1iw2k_119{padding:32px}._container_bv5ni_3{background-color:var(--color-surface-primary);min-height:100vh;position:relative}._filter--header_bv5ni_9{background-color:var(--color-surface-secondary);padding:12px 16px}._filter--rows_bv5ni_14{border-top:1px solid var(--color-border-low-emphasis);margin-bottom:100px}._filter--header_1tu53_3{background-color:var(--color-surface-secondary);padding:12px 16px}._my--orders--list--page_1fou8_3{margin-top:16px}._my--orders--title_1fou8_7{padding:0 20px}._my--orders--cards--list_1fou8_11{background-color:var(--color-background);min-height:100vh}._detail--show--page_p52yv_3{width:100%;margin-bottom:107px}._detail--show--page--_p52yv_8 ._detail--show--page--sub-header_p52yv_8{margin-bottom:var(--spacing-m)}._detail--show--page--item_p52yv_12{padding:var(--spacing-xs) var(--spacing-m);min-height:40px}._detail--show--page--item--title--container_p52yv_17{min-width:236px}._detail--show--page--item--title_p52yv_17{display:inline-block;word-break:break-all;max-width:98px;text-align:left}._detail--show--page--section_p52yv_29{margin-top:32px;margin-bottom:24px;min-height:32px}._detail--show--page--image_p52yv_35{width:314px;max-height:124px;object-fit:cover;border-radius:var(--border-radius-3)}._detail--show--detail-link_p52yv_42{display:inline-block;margin-bottom:var(--spacing-m)}._organization--details_1ygf1_3{background-color:var(--color-surface-primary)}._organization--details--container_1ygf1_7{padding-left:18px;padding-right:18px;padding-bottom:60px}._organization--details--logo--container_1ygf1_13{margin-left:-18px;margin-right:-18px;height:120px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-bottom:1px solid var(--color-border-low-emphasis)}._organization--details--logo_1ygf1_13{max-width:90%;max-height:50%;object-fit:contain}._organization--details--company--header_1ygf1_30{flex-grow:0;flex-shrink:0;width:32%}._organization--positions--list--header_11gdi_3{background-color:var(--color-surface-primary)}._organization--positions--list_11gdi_3{background-color:var(--color-surface-secondary);padding-bottom:30px}._organization--positions--list--logo--container_11gdi_12{margin-left:-18px;margin-right:-18px;height:120px;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--color-border-low-emphasis)}._organization--positions--list--logo_11gdi_12{width:50%}._organization--positions--list--company--name_11gdi_26{padding:0 18px}._product--show--page_1qcko_3{width:100%;margin-bottom:107px}._product--show--page--_1qcko_8 ._product--show--page--sub-header_1qcko_8{margin-bottom:var(--spacing-m)}._product--show--page--item_1qcko_12{padding:var(--spacing-xs) var(--spacing-m);min-height:40px}._product--show--page--item--title--container_1qcko_17{min-width:236px}._product--show--page--item--title_1qcko_17{display:inline-block;word-break:break-all;max-width:98px;text-align:left}._product--show--page--section_1qcko_29{margin-top:32px;margin-bottom:24px;min-height:32px}._product--show--page--image_1qcko_35{width:314px;max-height:124px;object-fit:cover;border-radius:var(--border-radius-3)}._product--publication--details_1qcko_42{margin-bottom:var(--spacing-m)}._product--show--page--skill-list_1qcko_46{min-width:0;flex-wrap:wrap;row-gap:var(--spacing-6xs);column-gap:var(--spacing-6xs)}._search-by-buttons_14rkk_3{box-sizing:border-box;padding-top:40px;padding-bottom:40px;min-height:584px}._search-by-chips_er4p1_3{box-sizing:border-box;padding-top:40px;padding-bottom:40px;min-height:584px}._chip-group_er4p1_10{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}._show--page--title_1ezxw_3{margin-bottom:10px;text-align:left}._show--page--status_1ezxw_8{background-color:#ccc;border-radius:var(--border-radius-3);width:296px;height:50px;line-height:38px;display:flex;align-items:center;justify-content:center}._show--page--status--pending_1ezxw_19{background-color:var(--color-surface-secondary)}._show--page--status--approved_1ezxw_23{background-color:var(--color-surface-accent-light-low-emphasis)}._show--page--status--rejected_1ezxw_27{background-color:var(--color-surface-disable)}._show--page--status--in-progress_1ezxw_31{border:1px solid var(--color-border-mid-emphasis);background-color:var(--color-surface-primary)}._link-row-profile--row-items_1pv6v_3{display:flex;align-items:center;justify-content:space-between;width:100%}._link-row-profile--group-item_1pv6v_10:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-2) var(--border-radius-2)}._link-row-profile--group-item_1pv6v_10:first-child{border-top:none;border-radius:var(--border-radius-2) var(--border-radius-2) 0 0}._link-row-profile--group-item_1pv6v_10{background-color:var(--color-surface-primary);display:flex;align-items:center;justify-content:left;border-bottom:1px solid var(--color-grey-75);flex:1;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}._row--height--large_1pv6v_33{height:48px}._row--height--medium_1pv6v_37{height:40px}._row--height--small_1pv6v_41{height:32px}._profile-page--sub-title_4f9w7_3{align-items:center;background-color:var(--color-surface-primary);box-sizing:border-box;column-gap:24px;display:flex;height:64px;width:100%;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);border-bottom:1px solid var(--color-grey-75)}._profile-page--list_4f9w7_16{margin:0 auto;margin-top:var(--spacing-m);padding:var(--spacing-xxs)}._profile-group--list_1uafy_3{margin:0 auto;margin-top:var(--spacing-m);padding:var(--spacing-xxs)}._toggle-row-profile--row-items_3j5q0_3{display:flex;align-items:center;justify-content:space-between;width:100%}._toggle-row-profile--group-item_3j5q0_10:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-2) var(--border-radius-2)}._toggle-row-profile--group-item_3j5q0_10:first-child{border-top:none;border-radius:var(--border-radius-2) var(--border-radius-2) 0 0}._toggle-row-profile--group-item_3j5q0_10{background-color:var(--color-surface-primary);display:flex;align-items:center;justify-content:left;border-bottom:1px solid var(--color-grey-75);flex:1;padding-left:var(--spacing-xs);padding-right:var(--spacing-5xs);padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}._row--height--large_3j5q0_33{height:48px}._row--height--medium_3j5q0_37{height:40px}._row--height--small_3j5q0_41{height:32px}._settings--content--item_rmg96_4{margin-left:var(--spacing-xs);flex:4}._settings--group-item_rmg96_9:last-child{border-bottom:none;border-radius:0 0 var(--border-radius-2) var(--border-radius-2)}._settings--group-item_rmg96_9:first-child{border-top:none;border-radius:var(--border-radius-2) var(--border-radius-2) 0 0}._settings--deactivate--account--button_rmg96_18{border:0;text-align:left;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}._settings--deactivate--account--button_rmg96_18:last-child{border-radius:var(--border-radius-2)}._settings-sub-title_rmg96_28{align-items:center;background-color:var(--color-surface-primary);box-sizing:border-box;column-gap:24px;display:flex;height:64px;width:100%;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);border-bottom:1px solid var(--color-grey-75)}._settings--group-item_rmg96_9{background-color:var(--color-surface-primary);display:flex;align-items:center;justify-content:left;border-bottom:1px solid var(--color-grey-75);flex:1;height:48px;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xxs)}._settings--delete--account--button_rmg96_54{padding-top:var(--spacing-s);padding-bottom:var(--spacing-s)}._settings--list-item_rmg96_60{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xs);border-top:1px solid var(--color-grey-75);padding-top:var(--spacing-m);padding-bottom:var(--spacing-s)}._settings--list-item-label_rmg96_69{flex-grow:1;width:22%;padding:var(--spacing-xxs)}._settings--list-item-value_rmg96_74{flex-grow:1;width:44%;padding:var(--spacing-xxs)}._settings--list-item-button_rmg96_79{padding:var(--spacing-xxs)}._settings--list_rmg96_60{width:50%;margin:0 auto;margin-top:var(--spacing-m)}._container_1evmf_1{padding-bottom:var(--spacing-xxl)}._header_1evmf_5{margin-top:var(--spacing-m);padding:0 var(--spacing-m)}._header-container_1evmf_10{justify-content:space-between;align-items:center}._content_1evmf_15{margin-top:var(--spacing-m);padding:0 var(--spacing-m)}._actions_1evmf_20{align-items:center}._org--info--row_vbpe0_3{margin-left:20px;min-height:52px;padding:10px 0}._org--info--row--title--container_vbpe0_9{width:216px}._org--info--row--content--container_vbpe0_12{max-width:70%}._org--info--row--title_vbpe0_9{display:inline-block;word-break:break-all;max-width:98px;text-align:left}._divider_vbpe0_23{background-color:var(--color-border-low-emphasis)}._title_vbpe0_26{margin-bottom:var(--spacing-m)}._paymentButton_vbpe0_30{font-weight:var(--font-weight-bold)}._settings-sub-title_163k0_3{align-items:center;background-color:var(--color-surface-primary);box-sizing:border-box;column-gap:24px;display:flex;height:64px;width:100%;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);border-bottom:1px solid var(--color-grey-75)}._settings--list_163k0_16{margin:0 auto;margin-top:var(--spacing-m);padding:var(--spacing-xxs)}._toast-display_vvb1f_3{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;margin-top:var(--spacing-4xl);padding-left:var(--spacing-4xs);padding-right:var(--spacing-4xs);pointer-events:none;position:fixed;row-gap:var(--spacing-4xs);top:0;width:100%;z-index:9999}._toast-display-item_vvb1f_19{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;width:100%}._toast-enter_vvb1f_27{opacity:0}._toast-enter-active_vvb1f_31{opacity:1;transition:opacity .15s}._toast-exit_vvb1f_36{opacity:1}._toast-exit-active_vvb1f_40{opacity:0;transition:opacity .5s}:root{--color-white: #ffffff;--color-grey-900: #1d1e20;--color-grey-800: #434852;--color-grey-700: #535b68;--color-grey-600: #656e7f;--color-grey-500: #737d90;--color-grey-400: #8a929f;--color-grey-300: #9ea4b1;--color-grey-200: #babec7;--color-grey-100: #c9d0da;--color-grey-75: #e2e4e7;--color-grey-50: #f3f3f3;--color-grey-25: #f8f8f8;--color-primary-900: #004e8b;--color-primary-800: #006ead;--color-primary-700: #007ec1;--color-primary-600: #0391d4;--color-primary-500: #059ee3;--color-primary-400: #2aace7;--color-primary-300: #4dbaea;--color-primary-200: #7fcef1;--color-primary-100: #b1e1f7;--color-primary-50: #e0f3fc;--color-primary-25: #ebf7ff;--color-error-900: #b73532;--color-error-800: #c53f3d;--color-error-700: #d24544;--color-error-600: #e54e4b;--color-error-500: #f3554d;--color-error-400: #ee6363;--color-error-300: #e37f82;--color-error-200: #eda2a4;--color-error-100: #fdd2d7;--color-error-50: #feedf0;--color-background: var(--color-grey-50);--color-surface-primary: var(--color-white);--color-surface-secondary: var(--color-grey-50);--color-surface-tertiary: var(--color-grey-25);--color-surface-disable: var(--color-grey-75);--color-surface-accent-high-emphasis: var(--color-primary-50);--color-surface-accent-mid-emphasis: var(--color-primary-50);--color-surface-accent-light-low-emphasis: var(--color-primary-25);--color-text-mid-emphasis: var(--color-grey-900);--color-text-low-emphasis: var(--color-grey-500);--color-text-on-primary: var(--color-white);--color-text-on-error: var(--color-white);--color-text-accent-primary: var(--color-primary-800);--color-text-link: #007add;--color-text-placeholder: var(--color-grey-300);--color-text-disable: var(--color-grey-300);--color-object-mid-emphasis: var(--color-grey-500);--color-object-disable: var(--color-grey-200);--color-object-accent-primary: var(--color-primary-800);--color-object-accent-primary-emphasis: var(--color-primary-900);--color-object-accent-secondary: #56c9b4;--color-border-high-emphasis: var(--color-grey-200);--color-border-mid-emphasis: var(--color-grey-100);--color-border-low-emphasis: var(--color-grey-75);--color-highlight-error: var(--color-error-50);--color-highlight-text-selected: var(--color-primary-100);--color-feedback-high-emphasis: var(--color-primary-100);--color-feedback-mid-emphasis: var(--color-primary-50);--color-feedback-low-emphasis: var(--color-grey-50);--color-additional-1: #6F6DC8;--color-additional-2: #00A8CD;--color-additional-3: #21BD85;--color-additional-4: #B2D32F;--color-additional-5: #A880BA;--color-additional-6: #A4A3E4;--color-additional-7: #62CAE1;--color-additional-8: #7AD7B6;--color-additional-9: #CAE26A;--color-additional-10: #CFAFDD;--color-brand: var(--color-primary-800);--color-error: var(--color-error-600);--color-overlay: var(--color-grey-900);--font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";--font-size-50: 11px;--font-size-75: 12px;--font-size-100: 14px;--font-size-150: 15px;--font-size-200: 16px;--font-size-300: 18px;--font-size-400: 20px;--font-size-500: 22px;--font-size-600: 25px;--font-size-700: 28px;--font-size-800: 32px;--font-size-900: 36px;--font-size-1000: 40px;--font-size-1100: 45px;--font-size-1200: 50px;--font-size-1300: 60px;--font-weight-regular: 300;--font-weight-bold: 600;--box-shadow-1: 0px 1px 2px rgba(0, 0, 0, .2), 0px 1px 3px 1px rgba(0, 0, 0, .08);--box-shadow-2: 0px 1px 2px rgba(0, 0, 0, .3), 0px 2px 6px 2px rgba(0, 0, 0, .15);--box-shadow-3: 0px 2px 3px rgba(0, 0, 0, .3), 0px 2px 10px 4px rgba(0, 0, 0, .15);--box-shadow-4: 0px 3px 14px rgba(0, 0, 0, .1), 0px 8px 10px rgba(0, 0, 0, .12);--box-shadow-5: 0px 4px 8px 3px rgba(0, 0, 0, .15), 0px 1px 3px rgba(0, 0, 0, .3);--box-shadow-6: 0px 6px 10px 4px rgba(0, 0, 0, .15), 0px 2px 3px rgba(0, 0, 0, .3);--box-shadow-7: 0px 8px 12px 6px rgba(0, 0, 0, .15), 0px 4px 4px rgba(0, 0, 0, .3);--border-radius-1: 4px;--border-radius-2: 6px;--border-radius-3: 8px;--border-radius-4: 12px;--border-radius-5: 16px;--border-radius-6: 20px;--spacing-7xs: 0;--spacing-6xs: 4px;--spacing-5xs: 8px;--spacing-4xs: 10px;--spacing-3xs: 12px;--spacing-xxs: 14px;--spacing-xs: 16px;--spacing-s: 20px;--spacing-m: 24px;--spacing-l: 32px;--spacing-xl: 40px;--spacing-xxl: 48px;--spacing-3xl: 56px;--spacing-4xl: 64px;--spacing-5xl: 128px;--icon-size-xxs: 12px;--icon-size-xs: 16px;--icon-size-s: 20px;--icon-size-m: 24px;--icon-size-l: 32px;--icon-size-xl: 40px;--icon-size-xxl: 44px;--icon-size-3xl: 48px;--icon-size-4xl: 56px}._body--mobile_xgqkg_5{background-color:var(--color-surface-tertiary);display:flex;flex-direction:row;align-items:stretch;justify-content:center}._body-column_xgqkg_13{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;min-height:100vh}._body-column--mobile_xgqkg_21{max-width:min(480px,100%);min-height:100vh;overflow:hidden;position:relative}._body-column--desktop_xgqkg_28{min-width:1280px}._nav-bar_xgqkg_32{flex-shrink:0}._nav-bar--mobile_xgqkg_36{position:sticky;top:0}._sidebar-row_xgqkg_41{display:flex;flex-direction:row;flex-shrink:0;flex-grow:1}._body--mobile_xgqkg_5 ._sidebar-row--main_xgqkg_48{width:100%}._sidebar-row_xgqkg_41 ._sidebar-row--sidebar_xgqkg_52{flex-shrink:0}._sidebar-row_xgqkg_41 ._sidebar-row--main_xgqkg_48{flex-grow:1}._mobile--overlay_xgqkg_60{position:fixed;left:0;top:0;width:100vw;min-height:100vh;background-color:var(--color-overlay);opacity:.7}._mobile--overlay--close_xgqkg_70{position:absolute;right:244px;top:16px}._mobile--sidebar_xgqkg_76._mobile--sidebar_xgqkg_76{position:absolute;top:0;right:-240px;min-height:100vh;transition:right .3s,width .3s}._mobile--sidebar_xgqkg_76._mobile--sidebar_xgqkg_76._mobile--sidebar--open_xgqkg_84{top:0;right:0}._change--email--form_gb7vt_1{background-color:var(--color-surface-primary)}._container_1rz21_1{background-color:var(--color-surface-secondary);min-height:100vh}._filter-control--container_1rz21_6{border-bottom:1px solid var(--color-border-mid-emphasis)}\n";
|
|
40
|
-
styleInject(css_248z$1);
|
|
41
|
-
|
|
42
|
-
var css_248z = ".nbb-filter-search-panel {\n --color-object-accent-primary: #006ead;\n --color-object-accent-primary-emphasis: #006ead;\n --border-radius-4: 8px;\n --border-color: #c9d0da;\n --color-text-mid-emphasis: #1d1e20;\n --color-text-low-emphasis: #737d90;\n --color-surface-secondary: #f3f3f3;\n --color-surface-tertiary: #e2e4e7;\n --color-surface-primary: #fff;\n}\n\n.nbb-filter-search-panel {\n display: flex;\n flex-direction: column;\n gap: 8px;\n padding: 8px;\n background-color: var(--color-surface-secondary);\n font-family: var(--font-family);\n color: var(--color-text-mid-emphasis);\n}\n\n.nbb-filter-search-panel *:not(.material-symbols-outlined) {\n font-family: inherit;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input {\n display: flex;\n align-items: center;\n border: 1px solid var(--border-color);\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n height: 44px;\n overflow: hidden;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-input input {\n flex-grow: 1;\n border: none;\n outline: none;\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-primary);\n height: 44px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-search-icon {\n display: inline-flex;\n background: none;\n border: none;\n cursor: pointer;\n font-size: 16px;\n color: var(--color-object-accent-primary);\n padding: 8px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-button-group {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 8px 16px;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n border: 1px solid var(--border-color);\n font-weight: normal;\n cursor: pointer;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n height: 44px;\n flex: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters {\n -ms-overflow-style: none;\n scrollbar-width: none;\n\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 10px;\n background: var(--color-surface-secondary);\n border-radius: var(--border-radius-4);\n overflow-x: scroll;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filters::-webkit-scrollbar {\n display: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-selected-filter-group-name {\n margin-left: 14px;\n margin-right: 14px;\n text-transform: capitalize;\n display: inline-flex;\n gap: 10px;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-filter-chip {\n display: inline-flex;\n align-items: center;\n margin: 0;\n border-radius: var(--border-radius-4);\n background: var(--color-surface-primary);\n white-space: nowrap;\n font-size: 14px;\n color: var(--color-text-mid-emphasis);\n border: 1px solid var(--color-surface-secondary);\n height: 44px;\n line-height: 44px;\n padding: 0 16px;\n}\n\n.nbb-filter-search-panel button:focus {\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-remove-filter {\n display: inline-flex;\n cursor: pointer;\n background: none;\n border: none;\n font-size: 14px;\n color: var(--color-object-accent-primary);\n margin: 0 8px 0px 0px;\n padding: 0;\n outline: none;\n}\n\n.nbb-filter-search-panel .nbb-filter-search-panel-no-filter {\n color: var(--color-text-mid-emphasis);\n background: var(--color-surface-tertiary);\n height: 44px;\n line-height: 44px;\n display: flex;\n flex: 1;\n margin: 0px;\n font-size: 12px;\n border-radius: var(--border-radius-4);\n align-items: center;\n padding: 0 8px;\n color: var(--color-text-low-emphasis);\n}\n";
|
|
43
|
-
styleInject(css_248z);
|
|
44
|
-
|
|
45
|
-
/**
|
|
46
|
-
* @license lucide-react v0.511.0 - ISC
|
|
47
|
-
*
|
|
48
|
-
* This source code is licensed under the ISC license.
|
|
49
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
50
|
-
*/
|
|
51
|
-
|
|
52
|
-
const toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
|
53
|
-
const toCamelCase = (string) => string.replace(
|
|
54
|
-
/^([A-Z])|[\s-_]+(\w)/g,
|
|
55
|
-
(match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()
|
|
56
|
-
);
|
|
57
|
-
const toPascalCase = (string) => {
|
|
58
|
-
const camelCase = toCamelCase(string);
|
|
59
|
-
return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
|
|
60
|
-
};
|
|
61
|
-
const mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
|
62
|
-
return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
|
|
63
|
-
}).join(" ").trim();
|
|
64
|
-
const hasA11yProp = (props) => {
|
|
65
|
-
for (const prop in props) {
|
|
66
|
-
if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
|
|
67
|
-
return true;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* @license lucide-react v0.511.0 - ISC
|
|
74
|
-
*
|
|
75
|
-
* This source code is licensed under the ISC license.
|
|
76
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
77
|
-
*/
|
|
78
|
-
|
|
79
|
-
var defaultAttributes = {
|
|
80
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
81
|
-
width: 24,
|
|
82
|
-
height: 24,
|
|
83
|
-
viewBox: "0 0 24 24",
|
|
84
|
-
fill: "none",
|
|
85
|
-
stroke: "currentColor",
|
|
86
|
-
strokeWidth: 2,
|
|
87
|
-
strokeLinecap: "round",
|
|
88
|
-
strokeLinejoin: "round"
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* @license lucide-react v0.511.0 - ISC
|
|
93
|
-
*
|
|
94
|
-
* This source code is licensed under the ISC license.
|
|
95
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
96
|
-
*/
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
const Icon = react.forwardRef(
|
|
100
|
-
({
|
|
101
|
-
color = "currentColor",
|
|
102
|
-
size = 24,
|
|
103
|
-
strokeWidth = 2,
|
|
104
|
-
absoluteStrokeWidth,
|
|
105
|
-
className = "",
|
|
106
|
-
children,
|
|
107
|
-
iconNode,
|
|
108
|
-
...rest
|
|
109
|
-
}, ref) => react.createElement(
|
|
110
|
-
"svg",
|
|
111
|
-
{
|
|
112
|
-
ref,
|
|
113
|
-
...defaultAttributes,
|
|
114
|
-
width: size,
|
|
115
|
-
height: size,
|
|
116
|
-
stroke: color,
|
|
117
|
-
strokeWidth: absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,
|
|
118
|
-
className: mergeClasses("lucide", className),
|
|
119
|
-
...!children && !hasA11yProp(rest) && { "aria-hidden": "true" },
|
|
120
|
-
...rest
|
|
121
|
-
},
|
|
122
|
-
[
|
|
123
|
-
...iconNode.map(([tag, attrs]) => react.createElement(tag, attrs)),
|
|
124
|
-
...Array.isArray(children) ? children : [children]
|
|
125
|
-
]
|
|
126
|
-
)
|
|
127
|
-
);
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* @license lucide-react v0.511.0 - ISC
|
|
131
|
-
*
|
|
132
|
-
* This source code is licensed under the ISC license.
|
|
133
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
134
|
-
*/
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
const createLucideIcon = (iconName, iconNode) => {
|
|
138
|
-
const Component = react.forwardRef(
|
|
139
|
-
({ className, ...props }, ref) => react.createElement(Icon, {
|
|
140
|
-
ref,
|
|
141
|
-
iconNode,
|
|
142
|
-
className: mergeClasses(
|
|
143
|
-
`lucide-${toKebabCase(toPascalCase(iconName))}`,
|
|
144
|
-
`lucide-${iconName}`,
|
|
145
|
-
className
|
|
146
|
-
),
|
|
147
|
-
...props
|
|
148
|
-
})
|
|
149
|
-
);
|
|
150
|
-
Component.displayName = toPascalCase(iconName);
|
|
151
|
-
return Component;
|
|
152
|
-
};
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* @license lucide-react v0.511.0 - ISC
|
|
156
|
-
*
|
|
157
|
-
* This source code is licensed under the ISC license.
|
|
158
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
159
|
-
*/
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
const __iconNode = [
|
|
163
|
-
["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
|
|
164
|
-
["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
|
|
165
|
-
["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
|
|
166
|
-
["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
|
|
167
|
-
["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
|
|
168
|
-
["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
|
|
169
|
-
["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
|
|
170
|
-
["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
|
|
171
|
-
["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
|
|
172
|
-
];
|
|
173
|
-
const SlidersHorizontal = createLucideIcon("sliders-horizontal", __iconNode);
|
|
174
|
-
|
|
175
14
|
const FilterSearchPanelContext = react.createContext(undefined);
|
|
176
15
|
const FilterSearchPanelProvider = ({ children, ...value }) => {
|
|
177
16
|
return jsxRuntime.jsx(FilterSearchPanelContext.Provider, { value: value, children: children });
|
|
@@ -266,8 +105,14 @@ function classNames(...classes) {
|
|
|
266
105
|
return classes.flat().filter(Boolean).join(' ');
|
|
267
106
|
}
|
|
268
107
|
|
|
269
|
-
const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, ...props }) => {
|
|
270
|
-
return (jsxRuntime.jsx("form",
|
|
108
|
+
const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilter, onClickFilterButton, onSearchChange, onSearch, searchPlaceholder, noFilterText, filterLabel, className, children, sx = [], spacing = 1.5, direction = 'column', ...props }) => {
|
|
109
|
+
return (jsxRuntime.jsx(material.Stack, { component: "form", direction: direction, spacing: spacing, className: classNames('nbb-filter-search-panel', className), sx: [
|
|
110
|
+
{
|
|
111
|
+
p: 2,
|
|
112
|
+
bgcolor: 'background.default',
|
|
113
|
+
},
|
|
114
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
115
|
+
], onSubmit: (e) => {
|
|
271
116
|
e.preventDefault();
|
|
272
117
|
if (!onSearch) {
|
|
273
118
|
return;
|
|
@@ -291,29 +136,127 @@ const FilterSearchPanel = ({ filters = [], defaultSearchValue, onClickRemoveFilt
|
|
|
291
136
|
.map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
|
|
292
137
|
};
|
|
293
138
|
FilterSearchPanel.SearchInput = (props) => {
|
|
294
|
-
const {
|
|
295
|
-
|
|
139
|
+
const { defaultSearchValue, searchPlaceholder = '新規サービス開発', onSearchChange, } = deepMerge(useFilterSearchPanelContext(), props);
|
|
140
|
+
const { children, className, name = 'search', type = 'text', defaultValue = defaultSearchValue, placeholder = searchPlaceholder, onChange = onSearchChange, slotProps, sx = [], ...restProps } = props;
|
|
141
|
+
return (children || (jsxRuntime.jsx(material.TextField, { name: name, type: type, defaultValue: defaultValue, placeholder: placeholder, onChange: onChange, className: classNames('nbb-filter-search-panel-search-input', className), size: "small", sx: [
|
|
142
|
+
{
|
|
143
|
+
'& .MuiOutlinedInput-root': {
|
|
144
|
+
'& .MuiOutlinedInput-notchedOutline': {
|
|
145
|
+
borderColor: 'grey.100',
|
|
146
|
+
},
|
|
147
|
+
},
|
|
148
|
+
},
|
|
149
|
+
...(Array.isArray(sx) ? sx : sx ? [sx] : []),
|
|
150
|
+
], slotProps: {
|
|
151
|
+
input: {
|
|
152
|
+
endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(material.IconButton, { type: "submit", "aria-label": "Search", sx: {
|
|
153
|
+
p: 0,
|
|
154
|
+
color: 'secondary.main',
|
|
155
|
+
}, children: jsxRuntime.jsx(material.SvgIcon, { viewBox: "0 0 24 24", children: jsxRuntime.jsx("path", { d: "M15.7559 14.2549H14.9659L14.6859 13.9849C15.6659 12.8449 16.2559 11.3649 16.2559 9.75488C16.2559 6.16488 13.3459 3.25488 9.75586 3.25488C6.16586 3.25488 3.25586 6.16488 3.25586 9.75488C3.25586 13.3449 6.16586 16.2549 9.75586 16.2549C11.3659 16.2549 12.8459 15.6649 13.9859 14.6849L14.2559 14.9649V15.7549L19.2559 20.7449L20.7459 19.2549L15.7559 14.2549ZM9.75586 14.2549C7.26586 14.2549 5.25586 12.2449 5.25586 9.75488C5.25586 7.26488 7.26586 5.25488 9.75586 5.25488C12.2459 5.25488 14.2559 7.26488 14.2559 9.75488C14.2559 12.2449 12.2459 14.2549 9.75586 14.2549Z", fill: "currentColor" }) }) }) })),
|
|
156
|
+
},
|
|
157
|
+
...slotProps,
|
|
158
|
+
}, ...restProps })));
|
|
296
159
|
};
|
|
297
160
|
FilterSearchPanel.FilterButton = (props) => {
|
|
298
|
-
const {
|
|
299
|
-
|
|
161
|
+
const { onClickFilterButton, filterLabel = '絞込み設定' } = deepMerge(useFilterSearchPanelContext(), props);
|
|
162
|
+
const { className, children, sx = [], filterLabel: _filterLabel, onClickFilterButton: _onClickFilterButton, ...restProps } = props;
|
|
163
|
+
return (jsxRuntime.jsx(material.Button, { className: classNames('nbb-filter-search-panel-filter-button', className), variant: "outlined", size: "small", onClick: onClickFilterButton, sx: [
|
|
164
|
+
(theme) => ({
|
|
165
|
+
gap: 1,
|
|
166
|
+
bgcolor: 'background.paper',
|
|
167
|
+
flex: 'none',
|
|
168
|
+
height: 44,
|
|
169
|
+
'&.MuiButton-root': {
|
|
170
|
+
fontWeight: theme.typography.fontWeightLight,
|
|
171
|
+
},
|
|
172
|
+
'&:focus': {
|
|
173
|
+
outline: 'none',
|
|
174
|
+
},
|
|
175
|
+
}),
|
|
176
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
177
|
+
], ...restProps, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(iconsMaterial.Tune, { sx: { fontSize: 18, color: 'grey.700' } }), filterLabel] })) }));
|
|
300
178
|
};
|
|
301
179
|
FilterSearchPanel.SelectedFilterList = (props) => {
|
|
302
|
-
const { children,
|
|
180
|
+
const { children, filters, noFilterText = '条件未設定', onClickRemoveFilter, } = deepMerge(useFilterSearchPanelContext(), props);
|
|
181
|
+
const { className, sx = [], filters: _filters, noFilterText: _noFilterText, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
|
|
303
182
|
if (!filters || filters.length === 0) {
|
|
304
|
-
return jsxRuntime.jsx(
|
|
183
|
+
return (jsxRuntime.jsx(material.Box, { className: classNames('nbb-filter-search-panel-no-filter', className), sx: [
|
|
184
|
+
{
|
|
185
|
+
display: 'flex',
|
|
186
|
+
flex: 1,
|
|
187
|
+
alignItems: 'center',
|
|
188
|
+
height: 44,
|
|
189
|
+
bgcolor: 'grey.75',
|
|
190
|
+
borderRadius: 2,
|
|
191
|
+
px: 2,
|
|
192
|
+
py: 1.125,
|
|
193
|
+
},
|
|
194
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
195
|
+
], ...restProps, children: jsxRuntime.jsx(material.Typography, { variant: "body2", sx: (theme) => ({
|
|
196
|
+
color: 'secondary.main',
|
|
197
|
+
fontWeight: theme.typography.fontWeightLight,
|
|
198
|
+
lineHeight: '1.72',
|
|
199
|
+
}), children: noFilterText }) }));
|
|
305
200
|
}
|
|
306
201
|
const filtersByGroupName = Object.groupBy(filters, (filter) => filter.groupName || '');
|
|
307
|
-
return (children || (jsxRuntime.jsx(
|
|
308
|
-
|
|
202
|
+
return (children || (jsxRuntime.jsx(material.Box, { className: classNames('nbb-filter-search-panel-selected-filter-list', className), sx: [
|
|
203
|
+
{
|
|
204
|
+
display: 'flex',
|
|
205
|
+
alignItems: 'center',
|
|
206
|
+
gap: 1,
|
|
207
|
+
},
|
|
208
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
209
|
+
], ...restProps, children: Object.entries(filtersByGroupName).map(([groupName, filters], index) => filters &&
|
|
210
|
+
filters.length > 0 && (jsxRuntime.jsxs(react.Fragment, { children: [groupName && (jsxRuntime.jsxs(material.Box, { component: "span", sx: {
|
|
211
|
+
whiteSpace: 'nowrap',
|
|
212
|
+
}, children: [jsxRuntime.jsxs(material.Typography, { component: "span", className: "nbb-filter-search-panel-selected-filter-group-name", sx: {
|
|
213
|
+
mx: 1.75,
|
|
214
|
+
textTransform: 'capitalize',
|
|
215
|
+
display: 'inline-flex',
|
|
216
|
+
gap: 1.25,
|
|
217
|
+
}, children: [groupName, " ", jsxRuntime.jsx(material.Box, { component: "span", children: ":" })] }), jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filters[0], onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filters[0]) }, index)] })), (groupName ? filters.slice(1) : filters).map((filter, index) => (jsxRuntime.jsx(FilterSearchPanel.FilterBadge, { filter: filter, onClickRemoveFilter: () => onClickRemoveFilter && onClickRemoveFilter(filter) }, index)))] }, index))) })));
|
|
309
218
|
};
|
|
310
219
|
FilterSearchPanel.FilterBadge = (props) => {
|
|
311
|
-
const {
|
|
312
|
-
|
|
220
|
+
const { onClickRemoveFilter, filter } = deepMerge(useFilterSearchPanelContext(), props);
|
|
221
|
+
const { children, className, sx = [], filter: _filter, onClickRemoveFilter: _onClickRemoveFilter, ...restProps } = props;
|
|
222
|
+
return (jsxRuntime.jsx(material.Chip, { label: children || filter.label, onDelete: () => onClickRemoveFilter(filter), deleteIcon: jsxRuntime.jsx(material.SvgIcon, { viewBox: "0 0 16 16", sx: { width: 16, height: 16 }, children: jsxRuntime.jsx("path", { d: "M12.6673 4.2735L11.7273 3.3335L8.00065 7.06016L4.27398 3.3335L3.33398 4.2735L7.06065 8.00016L3.33398 11.7268L4.27398 12.6668L8.00065 8.94016L11.7273 12.6668L12.6673 11.7268L8.94065 8.00016L12.6673 4.2735Z" }) }), className: classNames('nbb-filter-search-panel-filter-badge', className), sx: [
|
|
223
|
+
(theme) => ({
|
|
224
|
+
height: 44,
|
|
225
|
+
borderRadius: 2,
|
|
226
|
+
bgcolor: 'background.paper',
|
|
227
|
+
fontSize: theme.typography.body2.fontSize,
|
|
228
|
+
fontWeight: theme.typography.fontWeightLight,
|
|
229
|
+
color: 'text.primary',
|
|
230
|
+
px: 2,
|
|
231
|
+
py: 0.875,
|
|
232
|
+
'& .MuiChip-label': {
|
|
233
|
+
order: 1,
|
|
234
|
+
pl: 1,
|
|
235
|
+
pr: 0,
|
|
236
|
+
},
|
|
237
|
+
'& .MuiChip-deleteIcon': {
|
|
238
|
+
order: -1,
|
|
239
|
+
color: 'secondary.main',
|
|
240
|
+
m: 0,
|
|
241
|
+
},
|
|
242
|
+
}),
|
|
243
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
244
|
+
], ...restProps }));
|
|
313
245
|
};
|
|
314
246
|
FilterSearchPanel.ActionGroup = (props) => {
|
|
315
247
|
const { children, className, onClickRemoveFilter, filters, filterLabel, noFilterText, onClickFilterButton } = deepMerge(useFilterSearchPanelContext(), props);
|
|
316
|
-
|
|
248
|
+
const { sx = [], ...restProps } = props;
|
|
249
|
+
return (jsxRuntime.jsx(material.Stack, { className: classNames('nbb-filter-search-panel-action-group', className), direction: "row", spacing: 1, sx: [
|
|
250
|
+
{
|
|
251
|
+
overflowX: 'scroll',
|
|
252
|
+
msOverflowStyle: 'none',
|
|
253
|
+
scrollbarWidth: 'none',
|
|
254
|
+
'&::-webkit-scrollbar': {
|
|
255
|
+
display: 'none',
|
|
256
|
+
},
|
|
257
|
+
},
|
|
258
|
+
...(Array.isArray(sx) ? sx : [sx]),
|
|
259
|
+
], ...restProps, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(FilterSearchPanel.FilterButton, { filterLabel: filterLabel, onClickFilterButton: onClickFilterButton }), jsxRuntime.jsx(FilterSearchPanel.SelectedFilterList, { filters: filters, noFilterText: noFilterText, onClickRemoveFilter: onClickRemoveFilter })] })) }));
|
|
317
260
|
};
|
|
318
261
|
const defaultBlocks = createDefaultBlocks({
|
|
319
262
|
searchInput: FilterSearchPanel.SearchInput,
|