/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!../../webpack/plugins/append-css-variables.js??ruleSet[1].rules[4].use[3]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[4].use[4]!./src/styles/main.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************/
:root { --ds-blue-100: #222f37;--ds-blue-90: #28495e;--ds-blue-85: #24628B;--ds-blue-80: #3ca3e8;--ds-blue-70: #59b1eb;--ds-blue-65: #bbdff7;--ds-blue-60: #DBECF8;--ds-orange-100: #ff6d00;--ds-orange-90: #ff8326;--ds-yellow-100: #594000;--ds-yellow-90: #B48200;--ds-yellow-80: #E4B207;--ds-yellow-70: #F9C923;--ds-yellow-60: #FAF1D2;--ds-green-100: #1C332A;--ds-green-90: #165439;--ds-green-80: #00C96E;--ds-green-70: #00EB81;--ds-green-60: #1FFF9A;--ds-green-50: #BDF1D9;--ds-green-40: #D0F2E3;--ds-red-100: #332627;--ds-red-90: #5B2F30;--ds-red-80: #E64D4D;--ds-red-70: #EA6B6B;--ds-red-60: #F7DDDD;--ds-white: #ffffff;--ds-black: #000000;--ds-dark-100: #000000;--ds-dark-90: #0F1315;--ds-dark-80: #181D20;--ds-dark-70: #20262A;--ds-dark-60: #252B2F;--ds-dark-55: #303335;--ds-dark-50: #53585B;--ds-dark-40: #81868A;--ds-dark-30: #B1B6B9;--ds-dark-20: #C4C8C9;--ds-dark-10: #E2E2E3;--ds-spacing-01: 0.25rem;--ds-spacing-02: 0.5rem;--ds-spacing-03: 0.75rem;--ds-spacing-04: 1rem;--ds-spacing-05: 1.25rem;--ds-spacing-06: 1.5rem;--ds-spacing-07: 2rem;--ds-spacing-08: 2.5rem;--ds-spacing-09: 3rem;--ds-spacing-10: 4rem; }:root {
  /*#region Common */
  --base-tile-color: #181D20;
  --text-primary: #ffffff;
  --text-secondary: #81868A;
  --subtext-font-size: 0.75rem;
  --subtext-line-height: 1rem;
  --focus-outline-color: #E2E2E3;
  --page-background-color: #0F1315;
  --modal-background-color: #181D20;
  --action-success-text: #00C96E;
  --action-failure-text: #E64D4D;
  --action-warning-text: #E4B207;
  --action-success-visual: #00C96E;
  --action-failure-visual: #E64D4D;
  --action-warning-visual: #E4B207;
  --accent-primary: #ff6d00;
  --accent-secondary: #3ca3e8;
  --accent-primary-highlighted: #ff8326;
  --accent-secondary-highlighted: #59b1eb;
  --action-info: #59b1eb;
  --unchecked-fa-circle-color: #B1B6B9;
  --base-border-color: #252B2F;
  --base-box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.7);
  --dark-transparent-overlay-color: rgba(255, 255, 255, 0.1);
  --light-transparent-overlay-color: rgba(0, 0, 0, 0.05);
  /* stylelint-disable dr-custom/no-mixing-colors-from-different-themes */
  --light-scrollbar-thumb-color: #9BA8AF;
  --light-scrollbar-thumb-color-hover: #D1D8DC;
  /* stylelint-enable dr-custom/no-mixing-colors-from-different-themes */
  --base-transparent-overlay-color: var(--dark-transparent-overlay-color);
  --link-color: var(--accent-primary);
  --link-hovered-color: #ff6d00;
  --link-disabled-color: #53585B;
  --link-font-weight: 700;
  --muted-link-color: var(--accent-primary);
  --muted-link-hovered-color: #ff6d00;
  --muted-link-disabled-color: #53585B;
  --textarea-scrollbar-track-color: var(--light-transparent-overlay-color);
  --textarea-scrollbar-thumb-color: var(--light-scrollbar-thumb-color);
  --textarea-scrollbar-thumb-color-hover: var(--light-scrollbar-thumb-color-hover);
  --base-expanded-row-separate-page-bg: #181D20;
  /*#endregion */
  /*#region AccordionTabs component (section-navigation.less) */
  --section-navigation-active-color: #C4C8C9;
  --section-navigation-disabled-color: #53585B;
  /*#endregion */
  /*#region ActionBar component */
  --action-bar-search-container-height: 1.25rem;
  --action-bar-tray-bg: #181D20;
  --action-bar-tray-box-shadow: none;
  --action-bar-search-font-weight: 700;
  --action-bar-search-active-border-bottom: var(--accent-primary);
  --action-bar-search-icon-color: var(--text-primary);
  --action-bar-search-line-height: 1.125rem;
  --action-bar-search-base-padding: 0px;
  --action-bar-search-input-bottom-padding: 0px;
  --action-bar-search-input-font-weight: 700;
  --action-bar-search-width: calc(100% - 0.9375rem);
  --action-bar-remove-icon-right: 0.9375rem;
  --action-bar-active-color: var(--button-command-color);
  --action-bar-height: 3.125rem;
  --action-bar-padding: 0.15625rem;
  --action-bar-items-offset: 0.75rem;
  --action-bar-border-radius: 0.125rem;
  /*#endregion */
  /*#region Alert component */
  --var-alert-padding: 1rem;
  --var-alert-text-color: var(--text-primary);
  --var-alert-text-size: 0.875rem;
  --var-alert-text-line-height: 1.25rem;
  --var-alert-border-radius: 0.125rem;
  --var-alert-text-weight: 700;
  --var-alert-buttons-margin: 0px;
  --var-alert-failure-bg: #332627;
  --var-alert-warning-bg: #594000;
  --var-alert-success-bg: #1C332A;
  --var-alert-info-bg: #222f37;
  --var-alert-failure-highlight-color: #5B2F30;
  --var-alert-warning-highlight-color: #B48200;
  --var-alert-success-highlight-color: #165439;
  --var-alert-info-highlight-color: #28495e;
  --var-alert-failure-accent-color: #E64D4D;
  --var-alert-info-accent-color: #3ca3e8;
  --var-alert-warning-accent-color: #E4B207;
  --var-alert-success-accent-color: #00C96E;
  --var-alert-failure-button-color: #E64D4D;
  --var-alert-info-button-color: #3ca3e8;
  --var-alert-warning-button-color: #E4B207;
  --var-alert-success-button-color: #00C96E;
  --var-alert-failure-hover-color: #EA6B6B;
  --var-alert-info-hover-color: #59b1eb;
  --var-alert-warning-hover-color: #F9C923;
  --var-alert-success-hover-color: #00EB81;
  /*#endregion */
  /*#region Avatar component (avatar.less) */
  --avatar-icon-initials-color: #B1B6B9;
  --avatar-icon-initials-bg-color: #53585B;
  /*#endregion */
  /*#region Badge component */
  --badge-border-radius: 0.125rem;
  --badge-side-padding: 0.25rem;
  --badge-up-bottom-padding: 0;
  --badge-text-transfrom: uppercase;
  --badge-font-weight: 700;
  --badge-letter-spacing: 0.05rem;
  --badge-inline-spacing: 0.25rem;
  --badge-plain-color: #C4C8C9;
  --badge-plain-bg: #53585B;
  --badge-plain-hover-bg: #53585B;
  --badge-plain-highlighted-color: var(--text-primary);
  --badge-plain-border: transparent;
  --badge-plain-outlined-color: #C4C8C9;
  --badge-plain-outlined-hover-color: #E2E2E3;
  --badge-success-bg: #165439;
  --badge-success-hover-bg: #165439;
  --badge-success-color: #00C96E;
  --badge-success-highlighted-color: #00EB81;
  --badge-success-border: transparent;
  --badge-success-outlined-color: #00C96E;
  --badge-success-outlined-hover-color: #00EB81;
  --badge-warning-bg: #594000;
  --badge-warning-hover-bg: #594000;
  --badge-warning-color: #E4B207;
  --badge-warning-highlighted-color: #F9C923;
  --badge-warning-border: transparent;
  --badge-warning-outlined-color: #E4B207;
  --badge-warning-outlined-hover-color: #F9C923;
  --badge-error-bg: #5B2F30;
  --badge-error-hover-bg: #5B2F30;
  --badge-error-color: #E64D4D;
  --badge-error-highlighted-color: #EA6B6B;
  --badge-error-border: transparent;
  --badge-error-outlined-color: #E64D4D;
  --badge-error-outlined-hover-color: #EA6B6B;
  --badge-info-bg: #28495e;
  --badge-info-hover-bg: #28495e;
  --badge-info-color: #3ca3e8;
  --badge-info-highlighted-color: #59b1eb;
  --badge-info-border: transparent;
  --badge-info-outlined-color: #3ca3e8;
  --badge-info-outlined-hover-color: #59b1eb;
  --badge-dark-color: #C4C8C9;
  --badge-dark-bg: #53585B;
  --badge-dark-hover-bg: #53585B;
  --badge-dark-highlighted-color: var(--text-primary);
  --badge-dark-border: transparent;
  --badge-dark-outlined-color: #C4C8C9;
  --badge-dark-outlined-hover-color: #E2E2E3;
  /*#endregion */
  /*#region Button component */
  --button-primary-disabled-bg: #20262A;
  --button-primary-color: var(--text-primary);
  --button-primary-bg: var(--accent-primary);
  --button-primary-border-color: transparent;
  --button-disabled-border-color: #303335;
  --button-primary-disabled-color: var(--button-disabled-color);
  --button-secondary-bg: #252B2F;
  --button-secondary-highlighted-bg: #53585B;
  --button-secondary-border-color: #303335;
  --button-secondary-highlighted-border-color: #53585B;
  --icon-button-width: 2.25rem;
  --button-line-height: 1.125rem;
  --button-secondary-color: var(--accent-primary);
  --button-secondary-highlighted-color: var(--accent-primary-highlighted);
  --button-primary-highlighted-bg: var(--accent-primary-highlighted);
  --button-primary-active-bg: var(--button-primary-highlighted-bg);
  --round-icon-button-color: var(--accent-primary);
  --round-icon-button-border-radius: 50%;
  --round-icon-button-height-default: 2rem;
  --round-icon-button-width-default: 2rem;
  --round-icon-button-height-xs: 1.5rem;
  --round-icon-button-width-xs: 1.5rem;
  --round-icon-button-height-sm: 2rem;
  --round-icon-button-width-sm: 2rem;
  --round-icon-button-height-lg: 2.75rem;
  --round-icon-button-width-lg: 2.75rem;
  --round-icon-button-font-size-lg: 1.25rem;
  --round-icon-button-font-size-xs: 0.75rem;
  --round-icon-button-font-size-sm: 0.875rem;
  --round-icon-button-font-size-default: 0.875rem;
  --round-icon-button-hover-bg: #53585B;
  --round-icon-button-active-bg: #53585B;
  --button-icon-highlighted-color: var(--accent-primary);
  --button-icon-highlighted-box-shadow: none;
  --button-disabled-color: #53585B;
  --button-secondary-disabled-bg: #20262A;
  --button-primary-disabled-border-color: #303335;
  --button-command-color: var(--accent-primary);
  --button-command-color-highlighted: var(--accent-primary-highlighted);
  --button-command-color-active: var(--button-command-color-highlighted);
  --button-border-radius: 0.125rem;
  --button-font-weight: bold;
  --button-icon-margin: 0.25rem;
  --buttton-attention-bg: #E64D4D;
  --button-attention-color: var(--button-primary-color);
  --button-attention-highlighted-bg: #EA6B6B;
  --ghost-button-hover-text-color: var(--button-secondary-color);
  /*#endregion */
  /*#region Card component */
  --card-background: #181D20;
  --card-box-shadow: 0px 0.1875rem 0.25rem rgba(41, 50, 56, 0.1);
  /*#endregion */
  /*#region Chart Legend */
  --chart-legend-item-text-color: #C4C8C9;
  --chart-legend-item-text-hover-color: #ffffff;
  /*#endregion */
  /*#region Checkbox component */
  --checkbox-accent: var(--accent-secondary);
  --checkbox-hover-accent: var(--accent-secondary-highlighted);
  --checkbox-hover-unselected-accent: var(--accent-secondary);
  --checkbox-focus-accent: var(--accent-secondary-highlighted);
  --checkbox-focus-unselected-accent: var(--accent-secondary);
  --checkbox-inner-color: transparent;
  --checked-checkbox-img: url("data:image/svg+xml;utf8,<svg width=%2711%27 height=%278%27 viewBox=%270 0 11 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M1 4L4 7L10 1%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");
  --checked-disabled-checkbox-img: url("data:image/svg+xml;utf8,<svg width=%2711%27 height=%278%27 viewBox=%270 0 11 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M1 4L4 7L10 1%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>");
  --checkbox-outline-color: transparent;
  --checkbox-focus-shadow-color: transparent;
  --checkbox-stroke-color: #000000;
  --checkbox-disabled-stroke-color: #000000;
  --checkbox-disabled-inner-color: transparent;
  --checkbox-disabled-label-color: #81868A;
  --checkbox-disabled-color: #81868A;
  --checkbox-disabled-border-color: #53585B;
  --checkbox-border-color: #53585B;
  --checkbox-border-width: 0.0625rem;
  --checkbox-label-color: var(--text-primary);
  --checkbox-label-color-hovered: var(--text-primary);
  --checkbox-subtext-color: var(--text-secondary);
  --checkbox-subtext-font-size: var(--subtext-font-size);
  --checkbox-subtext-line-height: var(--subtext-line-height);
  --disabled-checkbox-subtext-color: var(--text-secondary);
  --checkbox-line-height: 1.5rem;
  /*#endregion */
  /*#region CodeEditor component */
  --code-editor-linenumber-drakula-color: #C4C8C9;
  --code-editor-border-radius: 0.1875rem;
  /*#endregion */
  /*#region CollapsiblePanel component */
  --collapsible-panel-border-color: #B1B6B9;
  --collapsible-panel-arrow-color: #B1B6B9;
  --collapsible-panel-section-header-hover-button-color: #ff6d00;
  --collapsible-panel-standalone-basic-border-color: transparent;
  --collapsible-panel-standalone-hover-background: var(--collapsible-panel-hover-background);
  --collapsible-panel-standalone-background: var(--base-tile-color);
  --collapsible-panel-standalone-border-color: var(--base-border-color);
  --collapsible-panel-standalone-border-radius: 0.25rem;
  /*#endregion */
  /*#region CollapsibleSidebar component */
  --collapsible-sidebar-background: #181D20;
  --collapsible-sidebar-button-hover-bg: var(--collapsible-sidebar-background);
  --collapsible-sidebar-border: 0px;
  --collapsible-sidebar-top: calc(50% - 1.875rem);
  --collapsible-sidebar-button-border-left: 3.125rem 0px 0px 3.125rem;
  --collapsible-sidebar-button-border-right: 0px 3.125rem 3.125rem 0px;
  --collapsible-sidebar-button-width: 1.875rem;
  --collapsible-sidebar-button-height: 3.75rem;
  --collapsible-sidebar-button-font-size: 1.125rem;
  --collapsible-sidebar-button-translate-left: 0.625rem;
  --collapsible-sidebar-button-translate-right: -0.625rem;
  --collapsible-sidebar-button-left: -1.875rem;
  --collapsible-sidebar-button-opacity: 0;
  --collapsible-sidebar-button-pointer-events: none;
  --collapsible-sidebar-box-shadow: var(--input-border-boxshadow);
  --collapsible-sidebar-border-display: none;
  --collapsible-sidebar-min-width: 4rem;
  --collapsible-header-font-weight: 400;
  /*#endregion */
  /*#region ClosableTabs component */
  --closable-tabs-text-color: #ffffff;
  --closable-tabs-bg-color: #20262A;
  --closable-tabs-tag-bg-color: #252B2F;
  --closable-tabs-selected-tab-bg-color: #000000;
  --closable-tabs-content-bg-color: #000000;
  --closable-tabs-border-radius: 0.125rem 0.125rem 0 0;
  /*#endregion */
  /*#region CopyToClipboard component */
  --copy-to-clipboard-icon-copied-color: var(--action-success-visual);
  --copy-to-clipboard-text-color: var(--text-primary);
  --copy-to-clipboard-disabled-color: #81868A;
  /*#endregion */
  /*#region Counter component */
  --counter-font-weight: 400;
  --counter-font-size: 0.75rem;
  --counter-padding: 0 0.25rem;
  --counter-plain-background: #53585B;
  --counter-plain-color: #C4C8C9;
  --counter-dark-background: #53585B;
  --counter-dark-color: #B1B6B9;
  --counter-info-background: #28495e;
  --counter-info-color: #3ca3e8;
  --counter-error-background: #5B2F30;
  --counter-error-color: #E64D4D;
  --counter-warning-background: #594000;
  --counter-warning-color: #E4B207;
  --counter-success-background: #165439;
  --counter-success-color: #00C96E;
  --counter-plain-outline-color: #C4C8C9;
  --counter-plain-border-color: transparent;
  --counter-dark-outline-color: #B1B6B9;
  --counter-dark-border-color: transparent;
  --counter-info-outline-color: #3ca3e8;
  --counter-info-border-color: transparent;
  --counter-error-outline-color: #E64D4D;
  --counter-error-border-color: transparent;
  --counter-warning-outline-color: #E4B207;
  --counter-warning-border-color: transparent;
  --counter-success-outline-color: #00C96E;
  --counter-success-border-color: transparent;
  /*#endregion */
  /*#region Datetime component */
  --datetime-picker-background: rgba(255, 255, 255, 0.06);
  --datetime-picker-hover-background: rgba(255, 255, 255, 0.12);
  --datetime-picker-selected-date-color: #ffffff;
  --datetime-picker-tile-text-color: var(--text-primary);
  --datetime-picker-tile-old-color: var(--input-placeholder-color);
  --datetime-picker-selected-hover-bg: #59b1eb;
  --datetime-picker-calendar-icon-color: var(--accent-primary);
  --datetime-picker-calendar-icon-disabled-color: #53585B;
  --datetime-picker-switcher-color: var(--accent-primary);
  --datetime-picker-prev-next-color: var(--accent-primary);
  --datetime-picker-selected-tile-color: var(--accent-secondary);
  --datetime-picker-tile-border-radius: 0.1875rem;
  --datetime-picker-rdtSwitch-font-weight: 700;
  /*#endregion */
  /*#region DateRangePicker component */
  --datetime-range-picker-dropdown-button-color: #ff6d00;
  --datetime-range-picker-arrow-icon-color: #53585B;
  --datetime-range-picker-range-bg-color: #28495e;
  --datetime-range-picker-range-color: var(--text-primary);
  /*#endregion */
  /*#region DragNDropList component */
  --drag-n-drop-list-item-color: var(--base-tile-color);
  --drag-n-drop-list-item-drag-handler-color: #ff6d00;
  --drag-n-drop-list-item-hover-bg: #252B2F;
  --drag-n-drop-list-item-name-weight: 400;
  --drag-n-drop-list-item-height: 3.5rem;
  --drag-n-drop-list-item-padding: 0 1rem;
  --drag-n-drop-list-item-drag-handler-margin-right: 0.5rem;
  --drag-n-drop-list-item-margin-bottom: 0.25rem;
  /*#endregion */
  /*#region Dropdown component */
  --dropdown-bg: #181D20;
  --dropdown-trigger-color: #ff6d00;
  --dropdown-border-radius: 0.125rem;
  --dropdown-selectbox-trigger-color: #ff6d00;
  --dropdown-trigger-highlighted-color: #ff8326;
  --dropdown-trigger-round-icon-highlighted-color: var(--dropdown-trigger-highlighted-color);
  --dropdown-trigger-disabled-color: #53585B;
  --dropdown-text-color: #C4C8C9;
  --dropdown-text-highlighted-color: #ffffff;
  --dropdown-text-disabled-color: #53585B;
  --dropdown-active-text-color: #3ca3e8;
  --dropdown-active-background-color: var(--dropdown-bg);
  --dropdown-highlight-bg: rgba(255, 255, 255, 0.05);
  --dropdown-border-color: var(--base-border-color);
  --dropdown-box-shadow: var(--base-box-shadow);
  --dropdown-active-text-highlighted-color: #59b1eb;
  --dropdown-selectbox-trigger-border: none;
  --dropdown-selectbox-trigger-border-error: 0.0625rem solid var(--action-failure-visual);
  --dropdown-selectbox-trigger-border-success: 0.0625rem solid var(--action-success-visual);
  --dropdown-selectbox-trigger-border-warning: 0.0625rem solid var(--action-warning-visual);
  --dropdown-section-title-bottom-border: 0.0625rem solid var(--base-border-color);
  --dropdown-section-title-margin: 0.5rem 0 0.5rem 1rem;
  --dropdown-section-sub-padding: 2rem;
  --dropdown-section-title-font-weight: 700;
  /*#endregion */
  /*#region FormField component */
  --editable-text-apply-icon: #00C96E;
  --editable-text-cancel-icon: #E64D4D;
  --editable-text-hover-icon: #E2E2E3;
  --focused-input-password-toggle-hover-color: #E2E2E3;
  --active-box-shadow-thickness: 0.125rem;
  --focused-shadow-warning: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-warning-border-color);
  --focused-shadow-success: inset 0 0 0 var(--active-box-shadow-thickness) var(--action-success-visual);
  --focused-shadow-error: inset 0 0 0 var(--active-box-shadow-thickness) var(--action-failure-visual);
  --form-field-margin-top: 0.5rem;
  /*#endregion */
  /*#region EditableText */
  --editable-text-hover-pencil-icon: rgba(255, 255, 255, 0.1);
  /*#endregion */
  /*#region EmptyState */
  --empty-state-title-margin: 1.25rem;
  --empty-state-title-weight: 700;
  --empty-state-title-font-size: 0.875rem;
  --empty-state-title-line-height: 1.25rem;
  --empty-state-description-margin: 0.5rem;
  --empty-state-description-weight: 400;
  --empty-state-description-font-size: 0.875rem;
  --empty-state-description-line-height: 1.25rem;
  --empty-state-button-margin: 0.75rem;
  /*#endregion */
  /*#region File tree */
  --file-tree-active-item-color: var(--text-primary);
  --file-tree-inactive-item-color: #C4C8C9;
  --file-tree-disabled-item-color: var(--button-disabled-color);
  --file-tree-action-button-hover-color: #53585B;
  --file-tree-item-height: 1.875rem;
  --file-tree-item-border-color: var(--base-border-color);
  /*#endregion */
  /*#region FileUpload component */
  --input-drag-over-file-boxshadow: inset 0 0 0 0.0625rem var(--accent-primary);
  /*#endregion */
  /*#region FileUploader component */
  --file-uploader-border-color: #53585B;
  --file-uploader-border-hover-color: #53585B;
  --file-uploader-border-width: 0.125rem;
  --file-uploader-icon-color: #81868A;
  --file-uploader-on-drag-background: #252B2F;
  --file-uploader-on-drag-border-color: #ff8326;
  --file-uploader-cloud-icon-color: #ff8326;
  --file-uploader-border-color-error: #E64D4D;
  --file-uploader-disabled-border-color: #53585B;
  --file-uploader-disabled-color: #53585B;
  --file-uploader-input-background-color: transparent;
  --file-uploader-input-hover-background: transparent;
  --file-uploader-description-color: var(--text-secondary);
  --file-uploader-description-hover-color: var(--text-secondary);
  --file-uploader-single-name-font-weight: 700;
  --file-uploader-cloud-icon-display: unset;
  --file-uploader-accepted-formats-text-color: var(--text-secondary);
  --file-uploader-expanded-has-file-background: var(--file-uploader-input-background-color);
  --file-uploader-expanded-has-file-border: 0.125rem dashed var(--file-uploader-border-color);
  --file-uploader-subtext-font-size: var(--subtext-font-size);
  --file-uploader-label-weight: bold;
  --file-uploader-subtext-margin-bottom: 0.5rem;
  --file-uploader-subtext-line-height: var(--subtext-line-height);
  --file-uploader-border-radius: 0.125rem;
  /*#endregion */
  /*#region GranularProgressBar component */
  --granular-progress-bar-item-bg: #53585B;
  --granular-progress-bar-item-active-bg: #3ca3e8;
  /*#endregion */
  /*#region Input component */
  --input-bg: #252B2F;
  --input-bg-hovered: #53585B;
  --input-bg-disabled: #20262A;
  --input-bg-focused: #ffffff;
  --input-bg-focused-autofill: #ffffff;
  --input-color: #ffffff;
  --input-color-focused: #20262A;
  --input-icon-color: var(--text-primary);
  --input-icon-color-focused: var(--input-color-focused);
  --input-focused-border-color: #3ca3e8;
  --input-placeholder-color: #C4C8C9;
  --input-placeholder-color-focused: #81868A;
  --input-disabled-color: #81868A;
  --input-disabled-label-color: #53585B;
  --input-disabled-border-color: #252B2F;
  --input-hovered-border-color: #81868A;
  --input-border-color: #303335;
  --input-border-width: 0.125rem;
  --input-border-boxshadow: inset 0 0 0 0.0625rem var(--input-border-color);
  --input-focused-boxshadow: inset 0 0 0 var(--input-border-width) var(--input-focused-border-color);
  --input-failure-shadow-color: transparent;
  --input-success-shadow-color: transparent;
  --input-warning-shadow-color: transparent;
  --input-failure-color: var(--action-failure-visual);
  --input-warning-color: var(--action-warning-visual);
  --input-success-color: var(--action-success-visual);
  --input-subtext-font-size: var(--subtext-font-size);
  --input-subtext-line-height: var(--subtext-line-height);
  --input-subtext-margin-bottom: 0.5rem;
  --input-border-radius: 0.125rem;
  --input-label-weight: bold;
  /*#endregion */
  /*#region CustomCard component */
  --custom-card-background: #20262A;
  --custom-card-hover-background: #252B2F;
  --custom-card-hover-border-color: #252B2F;
  --custom-card-disabled-background: #252B2F;
  --custom-card-border-color: transparent;
  --custom-card-box-shadow: none;
  --custom-card-icon-hover-background: transparent;
  --custom-card-selected-color: #59b1eb;
  --custom-card-border-radius: 0.25rem;
  /*#endregion */
  /*#region LabelAccent component */
  --label-accent-color: #ffffff;
  /*#endregion */
  /*#region ListCard component */
  --list-card-border-radius: 0.125rem;
  --list-card-bg: #252B2F;
  --list-card-icon-bg: #53585B;
  --list-card-glyph-color: #ffffff;
  --list-card-highlighted-bg: #53585B;
  --list-card-icon-highlighted-bg: #81868A;
  --list-card-disabled-bg: #20262A;
  --list-card-icon-disabled-bg: #252B2F;
  --list-card-icon-disabled-color: #53585B;
  --list-card-chevron-color: var(--text-primary);
  --list-card-chevron-disabled-color: #53585B;
  --list-card-chevron-hover-color: #ffffff;
  --list-card-disabled-text: #53585B;
  --list-card-border: #252B2F;
  --list-card-highlighted-border: #53585B;
  --list-card-error-color: #E64D4D;
  --list-card-glyph-error-color: var(--list-card-error-color);
  --list-card-active-header-font-weight: 700;
  --list-card-skeleton-bg: #53585B;
  --list-card-skeleton-highlighted-bg: #81868A;
  --list-card-disabled-button-text: #81868A;
  --list-card-hover-details-text: #81868A;
  --list-card-glyph-top-padding: 0.75rem;
  --list-card-glyph-side-padding: 0.75rem;
  --list-card-active-shadow: unset;
  --list-card-active-header: var(--accent-secondary);
  /*#endregion */
  /*#region LoadingBackdrop */
  --loading-backdrop-bg: rgba(0, 0, 0, 0.75);
  /*#endregion */
  /*#region Message component */
  --message-text-color: var(--text-primary);
  --message-font-weight: bold;
  --message-color-success: var(--action-success-text);
  --message-color-failure: var(--action-failure-text);
  --message-color-warning: var(--action-warning-text);
  --message-color-info: var(--text-secondary);
  --message-color-in-progress: var(--text-secondary);
  --message-color-expired: var(--text-secondary);
  --message-color-disabled: var(--text-secondary);
  --message-color-thinking: var(--text-secondary);
  /*#endregion */
  /*#region Modal */
  --modal-backdrop-bg: rgba(0, 0, 0, 0.8);
  --modal-border-color: var(--base-border-color);
  --modal-box-shadow: none;
  --modal-min-height: auto;
  --modal-width: 37.5rem;
  --modal-padding: 0 1.875rem;
  --modal-header-padding: 0.75rem 0;
  --modal-footer-padding: 0.75rem 0;
  --modal-header-title-margin: 0.75rem 0;
  --modal-header-title-font-size: 1.3em;
  --modal-header-title-font-weight: 500;
  --modal-header-title-font-line-height: 1.0625rem;
  --modal-body-padding: 1.5rem 0;
  --modal-footer-buttons-alignment: flex-start;
  --modal-footer-confirm-button-order: 0;
  --modal-content-border-radius: 0.125rem;
  /*#endregion */
  /*#region MultiSelectTypeahead component */
  --multi-select-hover-box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
  --multi-select-label-color: var(--text-primary);
  --multi-select-outline-width: 0.125rem;
  --multi-select-button-hover-color: var(--button-command-color);
  --multi-select-font-size: 0.875rem;
  --multi-select-label-radius: 0.125rem;
  --multi-select-label-bg: #53585B;
  --multi-select-label-hover-bg: #81868A;
  --multi-select-label-focused-bg: #E2E2E3;
  --multi-select-label-disabled-bg: #252B2F;
  --multi-select-label-error-color: var(--action-failure-text);
  --multi-select-no-item-text-color: #E2E2E3;
  --input-color-disabled: #53585B;
  --multi-select-clear-all-button-color: var(--button-command-color);
  --multi-select-clear-all-button-active-color: var(--button-command-color);
  /*#endregion */
  /*#region Notification */
  --notification-toast-popup-align: center;
  --notification-toast-container-flex-direction: column;
  --notification-toast-container-top-position: 0.75rem;
  --notification-toast-container-bottom-position: unset;
  --notifications-toast-bg: #20262A;
  --notification-toast-border-color: transparent;
  --notification-toast-border-radius: 0.125rem;
  --notification-toast-border: 0.0625rem solid var(--notification-toast-border-color);
  --notification-toast-padding: 0;
  --notification-toast-box-shadow: none;
  --notification-toast-left-border-width: 0.0625rem;
  --notification-toast-left-border-style: solid;
  --notification-toast-icon-height: unset;
  --notification-toast-icon-alignment: stretch;
  --notification-toast-icon-margin: 0;
  --notification-toast-failure-icon-bg: var(--action-failure-visual);
  --notification-toast-failure-icon-color: var(--notifications-toast-bg);
  --notification-toast-success-icon-bg: var(--action-success-visual);
  --notification-toast-success-icon-color: var(--notifications-toast-bg);
  --notification-toast-warning-icon-bg: #E4B207;
  --notification-toast-warning-icon-color: var(--notifications-toast-bg);
  --notification-toast-info-icon-bg: var(--text-primary);
  --notification-toast-info-icon-color: var(--notifications-toast-bg);
  --notification-toast-content-align: center;
  --notification-toast-action-padding: 0;
  --notification-toast-action-margin-top: 0.25rem;
  /*#endregion */
  /*#region Pill component */
  --pill-bg: #252B2F;
  --pill-color: #C4C8C9;
  --pill-color-hover: var(--text-primary);
  --pill-active: #59b1eb;
  --pill-active-hover: #DBECF8;
  --pill-border-radius: 0.125rem;
  /*#endregion */
  /*#region ProgressBar component */
  --progress-height: 0.375rem;
  --progress-border-color: #53585B;
  --progress-default-color: var(--accent-secondary);
  --progress-success-color: var(--action-success-visual);
  --progress-warning-color: var(--action-warning-visual);
  --progress-failure-color: var(--action-failure-visual);
  /*#endregion */
  /*#region RadioButton component */
  --radio-circle-size: 0.875rem;
  --radio-circle-size-large: 0.875rem;
  --radio-circle-thickness: 0.0625rem;
  --radio-dot-size: 0.4375rem;
  --radio-dot-size-large: 0.4375rem;
  --radio-dot-offset: 0px;
  --radio-circle-line-height: 1.5rem;
  --radio-label-padding-left: 1.25rem;
  --radio-circle-color: var(--text-secondary);
  --radio-circle-hover-color: var(--accent-secondary);
  --radio-label-color: var(--text-primary);
  --radio-label-hover-color: var(--text-primary);
  --radio-dot-color: var(--accent-secondary);
  --radio-dot-hover-color: var(--accent-secondary);
  --radio-checked-circle-color: var(--accent-secondary);
  --radio-checked-circle-focus-color: var(--accent-secondary-highlighted);
  --radio-checked-circle-hover-color: var(--accent-secondary-highlighted);
  --radio-disabled-dot-color: #53585B;
  --radio-disabled-circle-color: #53585B;
  --radio-disabled-label-color: #81868A;
  --radio-group-label-font-size: 0.875rem;
  --radio-group-label-font-weight: 700;
  --radio-group-label-line-height: 1.25rem;
  --radio-group-helper-font-size: var(--subtext-font-size);
  --radio-group-helper-line-height: 1.25rem;
  --radio-disabled-checked-circle-color: #53585B;
  /*#endregion */
  /*#region RangeSlider component */
  --range-slider-bg-color: var(--accent-secondary);
  --range-slider-bg-color-active: var(--accent-secondary);
  --range-slider-bg: #252B2F;
  --range-slider-thumb-bg: #ffffff;
  --range-slider-handle-border-color: #ffffff;
  --range-slider-active-path-disabled-bg: #24628B;
  --range-slider-thumb-active: unset;
  --range-slider-thumb-focus: unset;
  --range-slider-thumb-box-shadow: unset;
  --range-slider-thumb-bg-active: #ffffff;
  --range-slider-thumb-bg-lg: #ffffff;
  --range-slider-thumb-bg-lg-active: #ffffff;
  --range-slider-thumb-bg-xl: #ffffff;
  --range-slider-thumb-bg-xl-active: #ffffff;
  --range-slider-thumb-disabled-bg: #53585B;
  --range-slider-thumb-disabled-bg-active: #53585B;
  --range-slider-thumb-disabled-border: #53585B;
  --range-slider-thumb-disabled-bg-lg: #53585B;
  --range-slider-thumb-disabled-bg-xl: #53585B;
  --range-slider-thumb-disabled-bg-active-lg: #53585B;
  --range-slider-thumb-disabled-bg-active-xl: #53585B;
  --range-slider-handle-diameter-active: 1.25rem;
  --range-slider-handle-diameter-large-active: 1.75rem;
  --range-slider-handle-diameter-extra-large-active: 2.25rem;
  /*#endregion */
  /*#region Selectable tiles component */
  --selectable-tiles-item-text-color: var(--text-primary);
  --selectable-tiles-item-bg: #252B2F;
  --selectable-tiles-item-hover-bg: #53585B;
  --selectable-tiles-item-hover-border: none;
  --selectable-tiles-item-selected: #3ca3e8;
  --selectable-tiles-item-selected-hover: #59b1eb;
  --selectable-tiles-item-disabled-bg: #20262A;
  --selectable-tiles-item-disabled-text-color: #81868A;
  --selected-tiles-item-selected-border-color: transparent;
  --selectable-tiles-item-selected-disabled-bg: #24628B;
  --selectable-tiles-item-selected-text-color: inherit;
  --selectable-tiles-item-selected-disabled-text-color: #C4C8C9;
  --selectable-tiles-item-border: none;
  --selectable-tiles-item-border-radius: 0;
  --selectable-tiles-item-label-with-image-flex-jc: flex-end;
  --selected-tiles-item-selected-border: none;
  --selectable-tiles-item-box-shadow: none;
  --selectable-tiles-item-hover-box-shadow: none;
  --selected-tiles-item-disabled-border: var(--selected-tiles-item-selected-disabled-border);
  --selectable-tiles-item-padding-md: 0.75rem 1rem;
  --selectable-tiles-item-padding-sm: 0.25rem 0.5rem;
  /*#endregion */
  /*#region SidebarMenu component */
  --sidebar-active-title-color: var(--text-primary);
  --sidebar-submenu-font-weight: 700;
  --sidebar-submenu-color: #81868A;
  --sidebar-submenu-color-disabled: var(--link-disabled-color);
  --sidebar-menu-active-item-hover-bg: #252B2F;
  --sidebar-menu-item-hover-bg: transparent;
  --sidebar-submenu-error-color: var(--action-failure-visual);
  --sidebar-submenu-error-hover-color: #EA6B6B;
  --sidebar-sebmenu-link-max-width: 9.75rem;
  --sidebar-sebmenu-link-padding: 0.5rem 0.75rem;
  --sidebar-menu-max-width: 12.5rem;
  --sidebar-manu-active-border-color: var(--accent-secondary);
  --sidebar-menu-item-wrapper-margin: 0;
  --sidebar-menu-item-last-child-margin: 0.5rem;
  --sidebar-menu-item-cancel-btn-bg: #0F1315;
  --sidebar-menu-item-active-border-radius: 0.25rem;
  --sidebar-menu-item-active-border-width: 0.1875rem;
  --sidebar-submenu-helper-color: var(--text-secondary);
  /*#endregion */
  /*#region Splitter component */
  --splitter-bg: #20262A;
  /*#endregion */
  /*#region Stepper */
  --stepper-item-icon-color: var(--text-primary);
  --stepper-item-active-icon-color: var(--text-primary);
  --stepper-item-visited-icon-color: var(--text-primary);
  --stepper-item-completed-icon-color: var(--text-primary);
  --stepper-item-icon-color-hovered: var(--text-primary);
  --stepper-item-icon-bg-color: #303335;
  --stepper-item-active-icon-bg-color: var(--accent-secondary);
  --stepper-item-completed-icon-bg-color: #303335;
  --stepper-item-visited-icon-bg-color: var(--accent-secondary);
  --stepper-item-icon-bg-color-hovered: #53585B;
  --stepper-item-active-icon-bg-color-hovered: #24628B;
  --stepper-item-completed-icon-bg-color-hovered: #53585B;
  --stepper-item-visited-icon-bg-color-hovered: #24628B;
  --stepper-item-rect-bg: #53585B;
  --stepper-label-font-size: 0.875rem;
  --stepper-label-font-weight: 700;
  --stepper-label-line-height: 1.25rem;
  --stepper-label-color: #E2E2E3;
  --stepper-label-color-hovered: var(--text-primary);
  --stepper-helper-text-font-size: 0.75rem;
  --stepper-helper-text-font-weight: 400;
  --stepper-helper-text-line-height: 1rem;
  --stepper-helper-text-color: var(--text-secondary);
  --stepper-color-disabled: #B1B6B9;
  --stepper-item-icon-bg-color-disabled: #81868A;
  /*#endregion */
  /*#region Sub navigation component */
  --sub-header-active-color: #3ca3e8;
  --sub-header-active-hover-color: #59b1eb;
  --sub-header-hover-color: #ffffff;
  --sub-header-item-disabled-color: #53585B;
  --sub-header-item: #C4C8C9;
  --sub-header-tab-active-border-color: var(--accent-secondary);
  --sub-header-tab-hover-border-color: #53585B;
  --sub-header-underline-color: #53585B;
  /*#endregion */
  /*#region Skeleton component */
  --skeleton-background: #252B2F;
  --skeleton-animation-background: #53585B;
  /*#endregion */
  /*#region Table component */
  --table-color: #B1B6B9;
  --simple-table-sublevel-header-color: var(--text-primary);
  --simple-table-sublevel-background-color: #0F1315;
  --table-header-color: #81868A;
  --table-cell-padding: 0.75rem;
  --sublevel-table-color: #C4C8C9;
  --sublevel-table-header-color: var(--sublevel-table-color);
  --sublevel-table-row-font-weight: 700;
  --sublevel-table-header-line-height: 0.875rem;
  --table-header-bg: #0F1315;
  --table-header-justify-content: flex-start;
  --table-header-th-border-right: 0.75rem;
  --table-header-th-right-border-display: none;
  --table-row-odd-bg: #181D20;
  --table-row-even-bg: #20262A;
  --table-row-hover-bg: #252B2F;
  --table-active-row-bg: #252B2F;
  --table-row-highlight-bg: #53585B;
  --table-row-highlight-color: #E2E2E3;
  --table-row-highlight-primary-color: #ffffff;
  --table-header-border-color: var(--base-border-color);
  --table-body-border-color: transparent;
  --sortable-table-column-hover: #E2E2E3;
  --sublevel-table-body-border-color: var(--base-border-color);
  --table-active-item-color: #3ca3e8;
  --table-selected-item-color: #B1B6B9;
  --table-active-item-left-border-color: #3ca3e8;
  --table-disabled-text-color: #53585B;
  --table-row-highlighted-text: #3ca3e8;
  --table-selected-item-bg-color: var(--accent-secondary);
  --table-checkbox-column-flex-grow: 1;
  /*#endregion */
  /*#region React-Table component */
  --react-table-s-row-height: 1.75rem;
  --react-table-m-row-height: 3rem;
  --react-table-l-row-height: 4.25rem;
  --react-table-flexible-row-height: 3.75rem;
  --react-table-nested-header-height: 2.25rem;
  --react-table-flexible-top-bottom-padding: 0.75rem;
  --react-table-nested-top-bottom-padding: 0.5rem;
  --react-table-top-bottom-padding: 0.25rem;
  --react-table-row-border: #252B2F;
  --react-table-cell-background: #0F1315;
  --react-table-pinned-border-color: #252B2F;
  --react-table-pinned-border-box-shadow: 0.0625rem 0px 0px 0px rgba(17, 21, 25, 0.02), 0.1875rem 0px 0px 0px rgba(17, 21, 25, 0.04), 0.3125rem 0px 0px 0px rgba(17, 21, 25, 0.06), 0.4375rem 0px 0px 0px rgba(17, 21, 25, 0.08), 0.5625rem 0px 0px 0px rgba(17, 21, 25, 0.1), 0.6875rem 0px 0px 0px rgba(17, 21, 25, 0.12);
  --react-table-actions-column-border: -0.0625rem 0px 0px 0px rgba(17, 21, 25, 0.02), -0.1875rem 0px 0px 0px rgba(17, 21, 25, 0.04), -0.3125rem 0px 0px 0px rgba(17, 21, 25, 0.06), -0.4375rem 0px 0px 0px rgba(17, 21, 25, 0.08), -0.5625rem 0px 0px 0px rgba(17, 21, 25, 0.1), -0.6875rem 0px 0px 0px rgba(17, 21, 25, 0.12);
  --react-table-header-text-color: #C4C8C9;
  --react-table-header-hover-text-color: #E2E2E3;
  --react-table-header-border: #252B2F;
  --react-table-header-border-color: var(--base-border-color);
  --react-table-header-hover-border-color: #ff8326;
  --react-table-header-cell-menu-item-padding: 0.25rem 1rem;
  --react-table-hover-color: #252B2F;
  --react-table-selected-color: #252B2F;
  --react-table-selected-border: #53585B;
  --react-table-selected-border-color: #3ca3e8;
  --react-table-sort-icon-color: #3ca3e8;
  --react-table-footer-background: #0F1315;
  --react-table-footer-border: 0.0625rem solid #252B2F;
  --react-table-footer-bottom-border: var(--react-table-footer-border);
  --react-table-footer-side-border: unset;
  --react-table-not-active-setting-color: #81868A;
  --react-table-settings-group-border-color: #53585B;
  --react-table-settings-drag-handler-color: #81868A;
  --react-table-settings-drag-handler-hover-color: #B1B6B9;
  --react-table-container-border: transparent;
  --react-table-container-background: #0F1315;
  --react-table-expanded-background: #181D20;
  --react-table-expanded-container-shadow: 0 0.75rem 2rem -0.125rem rgba(17, 21, 25, 0.58);
  --react-table-expanded-row-shadow: 0px -0.75rem 2rem rgba(17, 21, 25, 0.58);
  --react-table-container-border: #252B2F;
  --react-table-container-border-radius: 0.5rem;
  --react-table-disabled-click-row-color: #81868A;
  /*#endregion */
  /*#region Tabs component */
  --tabgroup-container-background: transparent;
  --tabgroup-container-border: none;
  --tabgroup-container-border-radius: none;
  --tabgroup-container-width: auto;
  --tabgroup-tab-text-color: var(--text-primary);
  --tabgroup-tab-line-height: 1.25rem;
  --tabgroup-tab-bg-color: #252B2F;
  --tabgroup-tab-border-color: #252B2F;
  --selected-tabgroup-tab-color: var(--text-primary);
  --selected-tabgroup-tab-bg: #3ca3e8;
  --selected-tabgroup-tab-border-color: transparent;
  --disabled-tabgroup-tab-border-color: #252B2F;
  --disabled-tabgroup-tab-color: #53585B;
  --disabled-tabgroup-tab-bg-color: #252B2F;
  --highlighted-tabgroup-tab-color: #ffffff;
  --highlighted-tabgroup-tab-bg-color: #59b1eb;
  --highlighted-tabgroup-tab-border-color: #59b1eb;
  --selected-disabled-tabgroup-tab-bg: #24628B;
  --selected-disabled-tabgroup-tab-text-color: #C4C8C9;
  --tabgroup-tab-radius: 0.15em;
  --tabgroup-first-tab-border-radius: var(--tabgroup-tab-radius) 0 0 var(--tabgroup-tab-radius);
  --tabgroup-middle-tab-border-radius: 0;
  --tabgroup-last-tab-border-radius: 0 var(--tabgroup-tab-radius) var(--tabgroup-tab-radius) 0;
  --tabgroup-tab-padding: 0.5rem 0.75rem;
  --tabgroup-tab-small-padding: var(--tabgroup-tab-padding);
  --tabgroup-tab-border-size: 0.0625rem;
  /*#endregion */
  /*#region Text Editor component */
  --text-editor-bg: #252B2F;
  --text-editor-border: 0.0625rem solid transparent;
  --text-editor-border-radius: 0;
  --text-editor-toolbar-bg: #252B2F;
  --text-editor-toolbar-border: 0.0625rem solid #53585B;
  --text-editor-button-color: #B1B6B9;
  --text-editor-button-hover-color: #ffffff;
  --text-editor-button-active-color: #3ca3e8;
  --text-editor-header-border-color: #53585B;
  --text-editor-border-hover-color: #53585B;
  --text-editor-background-hover-color: #20262A;
  --text-editor-active-color: transparent;
  /*#endregion */
  /*#region TextMergeView component */
  --deleted-main-color: #E64D4D;
  --deleted-with-opacity-color: rgba(230, 77, 77, 0.5);
  --deleted-line-color: rgba(230, 77, 77, 0.08);
  --changed-main-color: #1FFF9A;
  --changed-with-opacity-color: rgba(31, 255, 154, 0.5);
  --changed-line-color: rgba(31, 255, 154, 0.08);
  /*#endregion */
  /*#region ToggleSwitch */
  --toggle-bg: transparent;
  --toggle-area-border-color: #81868A;
  --toggle-knob-color: #E2E2E3;
  --toggle-active-knob-color: #E2E2E3;
  --toggle-active-border-color: #59b1eb;
  --toggle-active-focused-bg: #59b1eb;
  --toggle-disabled-knob-bg: #81868A;
  --toggle-disabled-checked-knob-bg: #24628B;
  --toggle-disabled-area-color: #81868A;
  --toggle-disabled-text-color: #81868A;
  --toggle-disabled-checked-knob-color: #B1B6B9;
  --toggle-pulse-bg: rgba(60, 163, 232, 0.5);
  --toggle-checked-bg-color: var(--accent-secondary);
  --toggle-not-checked-border-color: var(--toggle-active-border-color);
  --toggle-not-checked-bg-color: transparent;
  --toggle-active-focused-border-color: var(--toggle-active-border-color);
  --toggle-primary-label-color: var(--accent-secondary);
  --toggle-subtext-color: var(--text-secondary);
  --toggle-subtext-font-size: var(--subtext-font-size);
  --toggle-subtext-line-height: var(--subtext-line-height);
  --toggle-subtext-disabled-color: #81868A;
  --toggle-hover-color: var(--text-primary);
  /*#endregion */
  /*#region Tooltip component */
  --tooltip_bg: #181D20;
  --tooltip-text-color: var(--text-primary);
  --tooltip-border-color: var(--base-border-color);
  --tooltip-border-radius: 0.125rem;
  --tooltip-docs-link-color: var(--accent-primary);
  --white-tooltip-heading-color: #53585B;
  --white-tooltip-text-color: #53585B;
  --white-tooltip-bg: #ffffff;
  --white-tooltip-outer-border-color: #ffffff;
  --white-tooltip-header-border-color: #E2E2E3;
  /*#endregion */
  /*#region ZoomControls component */
  --zoom-controls-background: #181D20;
  --zoom-controls-border: #252B2F;
  --zoom-controls-border-radius: 0.125rem;
  --zoom-controls-padding: 0 0.5rem;
  /*#endregion */
  /*#region BreadCrumbs component */
  --breadcrumbs-ellipsis-icon-border-radius: 50%;
  --breadcrumbs-text-color: var(--text-primary);
  --breadcrumbs-link-color: var(--accent-primary);
  --breadcrumbs-link-hover-color: var(--link-hovered-color);
  --breadcrumbs-secondary-text-color: var(--text-secondary);
  --breadcrumbs-hover-text-decoration: none;
  --breadcrumbs-link-font-weight: 700;
  --breadcrumbs-link-font-size: 1rem;
  --breadcrumbs-ellipsis-icon-hover-color: var(--dropdown-trigger-highlighted-color);
  --breadcrumbs-ellipsis-icon-active-color: var(--dropdown-trigger-highlighted-color);
  /*#endregion */
  /*#region Tour component */
  --tour-text-color: var(--text-primary);
  --tour-bg-color: #181D20;
  --tour-border-color: #20262A;
  /*#endregion */
}
/*It is done in order to improve UX, long text lines are hard to read*/
/* stylelint-disable dr-custom/no-several-root-selectors */
/* items flex/expand vertically */
/* items flex/expand horizontally */
.flex-row {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  flex-direction: row;
  align-items: center;
  align-content: stretch;
  justify-content: flex-start;
  width: 100%;
}
.flex-column {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  flex-direction: column;
  align-items: center;
  align-content: stretch;
  justify-content: flex-start;
}
.col-full {
  min-width: 100%;
  max-width: 100%;
}
.col-full-force {
  width: 100%;
}
.col-auto {
  flex-grow: 1;
  min-width: 15rem;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.action-click {
  color: var(--accent-primary);
  cursor: pointer;
}
.action-click:hover {
  color: var(--accent-primary-highlighted);
}
/* REACT COMPONENT MIXINS */
.sr-only {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
/* stylelint-enable dr-custom/no-several-root-selectors */
/* stylelint-disable dr-custom/no-several-root-selectors */
.header-navigation {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5625rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.header-sub-navigation {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.view-header {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .view-header {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.page-header {
  font-family: 'Inter', sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.75rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .page-header {
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5625rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.page-header-large {
  font-family: 'Inter', sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3.75rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .page-header-large {
    font-family: 'Inter', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.page-header-medium {
  font-family: 'Inter', sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2.5rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .page-header-medium {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.page-header-small {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.section-header {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.small-header {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.uppercased-text {
  font-family: 'Roboto Mono';
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.075rem;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  text-transform: uppercase;
}
.big-text {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.sub-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.small-subtext {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.bold-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.bold-caption {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
a.anchor,
.text a.anchor {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--link-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--link-color);
  fill: var(--link-color);
}
a.anchor:hover,
.text a.anchor:hover,
a.anchor:active,
.text a.anchor:active,
a.anchor:focus,
.text a.anchor:focus {
  color: var(--link-hovered-color);
  border-color: var(--link-hovered-color);
}
a.anchor.disabled,
.text a.anchor.disabled {
  color: var(--link-disabled-color);
}
.anchor-muted {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--muted-link-color);
  fill: var(--muted-link-color);
}
.anchor-muted:hover,
.anchor-muted:active,
.anchor-muted:focus {
  color: var(--muted-link-hovered-color);
  border-color: var(--muted-link-hovered-color);
}
.anchor-muted.disabled {
  color: var(--muted-link-disabled-color);
}
a.anchor,
.text a.anchor,
.anchor-muted {
  border-bottom: 0.0625rem solid transparent;
  text-decoration: none;
  cursor: pointer;
}
a.anchor:hover,
.text a.anchor:hover,
.anchor-muted:hover,
a.anchor:active,
.text a.anchor:active,
.anchor-muted:active,
a.anchor:focus,
.text a.anchor:focus,
.anchor-muted:focus {
  outline: none;
}
a.anchor.disabled,
.text a.anchor.disabled,
.anchor-muted.disabled {
  border-color: transparent;
  cursor: not-allowed;
}
a.anchor > * + *,
.text a.anchor > * + *,
.anchor-muted > * + * {
  margin-left: 0.25rem;
  vertical-align: text-bottom;
}
.sub-text a.anchor {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
  color: var(--link-color);
}
.heading-01 {
  font-family: 'Inter', sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.heading-02 {
  font-family: 'Inter', sans-serif;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 2.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.heading-03 {
  font-family: 'Inter', sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.heading-04 {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.heading-05 {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.heading-06 {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.body {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.body-secondary {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.uppercased {
  font-family: 'Roboto Mono';
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0.075rem;
  color: var(--text-uppercased);
  fill: var(--text-uppercased);
  text-transform: uppercase;
}
.mn-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.mn-label-large {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: -0.025rem;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.caption-01 {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.code {
  font-family: 'Roboto Mono';
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
/* stylelint-enable dr-custom/no-several-root-selectors */
/*stylelint-disable dr-custom/no-several-root-selectors*/
.margin-0 {
  margin: 0;
}
.margin-1 {
  margin: 0.25rem;
}
.margin-2 {
  margin: 0.5rem;
}
.margin-3 {
  margin: 0.75rem;
}
.margin-4 {
  margin: 1rem;
}
.margin-5 {
  margin: 1.25rem;
}
.margin-6 {
  margin: 1.5rem;
}
.margin-7 {
  margin: 2rem;
}
.margin-8 {
  margin: 2.5rem;
}
.margin-9 {
  margin: 3rem;
}
.margin-10 {
  margin: 4rem;
}
.margin-auto {
  margin: auto;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-1 {
  margin-top: 0.25rem;
}
.margin-top-2 {
  margin-top: 0.5rem;
}
.margin-top-3 {
  margin-top: 0.75rem;
}
.margin-top-4 {
  margin-top: 1rem;
}
.margin-top-5 {
  margin-top: 1.25rem;
}
.margin-top-6 {
  margin-top: 1.5rem;
}
.margin-top-7 {
  margin-top: 2rem;
}
.margin-top-8 {
  margin-top: 2.5rem;
}
.margin-top-9 {
  margin-top: 3rem;
}
.margin-top-10 {
  margin-top: 4rem;
}
.margin-top-auto {
  margin-top: auto;
}
.margin-right-0 {
  margin-right: 0;
}
.margin-right-1 {
  margin-right: 0.25rem;
}
.margin-right-2 {
  margin-right: 0.5rem;
}
.margin-right-3 {
  margin-right: 0.75rem;
}
.margin-right-4 {
  margin-right: 1rem;
}
.margin-right-5 {
  margin-right: 1.25rem;
}
.margin-right-6 {
  margin-right: 1.5rem;
}
.margin-right-7 {
  margin-right: 2rem;
}
.margin-right-8 {
  margin-right: 2.5rem;
}
.margin-right-9 {
  margin-right: 3rem;
}
.margin-right-10 {
  margin-right: 4rem;
}
.margin-right-auto {
  margin-right: auto;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-1 {
  margin-bottom: 0.25rem;
}
.margin-bottom-2 {
  margin-bottom: 0.5rem;
}
.margin-bottom-3 {
  margin-bottom: 0.75rem;
}
.margin-bottom-4 {
  margin-bottom: 1rem;
}
.margin-bottom-5 {
  margin-bottom: 1.25rem;
}
.margin-bottom-6 {
  margin-bottom: 1.5rem;
}
.margin-bottom-7 {
  margin-bottom: 2rem;
}
.margin-bottom-8 {
  margin-bottom: 2.5rem;
}
.margin-bottom-9 {
  margin-bottom: 3rem;
}
.margin-bottom-10 {
  margin-bottom: 4rem;
}
.margin-bottom-auto {
  margin-bottom: auto;
}
.margin-left-0 {
  margin-left: 0;
}
.margin-left-1 {
  margin-left: 0.25rem;
}
.margin-left-2 {
  margin-left: 0.5rem;
}
.margin-left-3 {
  margin-left: 0.75rem;
}
.margin-left-4 {
  margin-left: 1rem;
}
.margin-left-5 {
  margin-left: 1.25rem;
}
.margin-left-6 {
  margin-left: 1.5rem;
}
.margin-left-7 {
  margin-left: 2rem;
}
.margin-left-8 {
  margin-left: 2.5rem;
}
.margin-left-9 {
  margin-left: 3rem;
}
.margin-left-10 {
  margin-left: 4rem;
}
.margin-left-auto {
  margin-left: auto;
}
.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.margin-y-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.margin-y-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.margin-y-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.margin-y-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.margin-y-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.margin-y-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.margin-y-7 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.margin-y-8 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
.margin-y-9 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.margin-y-10 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.margin-x-0 {
  margin-left: 0;
  margin-right: 0;
}
.margin-x-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.margin-x-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.margin-x-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.margin-x-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.margin-x-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.margin-x-6 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.margin-x-7 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.margin-x-8 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.margin-x-9 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.margin-x-10 {
  margin-left: 4rem;
  margin-right: 4rem;
}
.margin-x-auto {
  margin-right: auto;
  margin-left: auto;
}
.padding-0 {
  padding: 0;
}
.padding-1 {
  padding: 0.25rem;
}
.padding-2 {
  padding: 0.5rem;
}
.padding-3 {
  padding: 0.75rem;
}
.padding-4 {
  padding: 1rem;
}
.padding-5 {
  padding: 1.25rem;
}
.padding-6 {
  padding: 1.5rem;
}
.padding-7 {
  padding: 2rem;
}
.padding-8 {
  padding: 2.5rem;
}
.padding-9 {
  padding: 3rem;
}
.padding-10 {
  padding: 4rem;
}
.margin-auto {
  margin: auto;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-1 {
  padding-top: 0.25rem;
}
.padding-top-2 {
  padding-top: 0.5rem;
}
.padding-top-3 {
  padding-top: 0.75rem;
}
.padding-top-4 {
  padding-top: 1rem;
}
.padding-top-5 {
  padding-top: 1.25rem;
}
.padding-top-6 {
  padding-top: 1.5rem;
}
.padding-top-7 {
  padding-top: 2rem;
}
.padding-top-8 {
  padding-top: 2.5rem;
}
.padding-top-9 {
  padding-top: 3rem;
}
.padding-top-10 {
  padding-top: 4rem;
}
.margin-top-auto {
  margin-top: auto;
}
.padding-right-0 {
  padding-right: 0;
}
.padding-right-1 {
  padding-right: 0.25rem;
}
.padding-right-2 {
  padding-right: 0.5rem;
}
.padding-right-3 {
  padding-right: 0.75rem;
}
.padding-right-4 {
  padding-right: 1rem;
}
.padding-right-5 {
  padding-right: 1.25rem;
}
.padding-right-6 {
  padding-right: 1.5rem;
}
.padding-right-7 {
  padding-right: 2rem;
}
.padding-right-8 {
  padding-right: 2.5rem;
}
.padding-right-9 {
  padding-right: 3rem;
}
.padding-right-10 {
  padding-right: 4rem;
}
.margin-right-auto {
  margin-right: auto;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-1 {
  padding-bottom: 0.25rem;
}
.padding-bottom-2 {
  padding-bottom: 0.5rem;
}
.padding-bottom-3 {
  padding-bottom: 0.75rem;
}
.padding-bottom-4 {
  padding-bottom: 1rem;
}
.padding-bottom-5 {
  padding-bottom: 1.25rem;
}
.padding-bottom-6 {
  padding-bottom: 1.5rem;
}
.padding-bottom-7 {
  padding-bottom: 2rem;
}
.padding-bottom-8 {
  padding-bottom: 2.5rem;
}
.padding-bottom-9 {
  padding-bottom: 3rem;
}
.padding-bottom-10 {
  padding-bottom: 4rem;
}
.margin-bottom-auto {
  margin-bottom: auto;
}
.padding-left-0 {
  padding-left: 0;
}
.padding-left-1 {
  padding-left: 0.25rem;
}
.padding-left-2 {
  padding-left: 0.5rem;
}
.padding-left-3 {
  padding-left: 0.75rem;
}
.padding-left-4 {
  padding-left: 1rem;
}
.padding-left-5 {
  padding-left: 1.25rem;
}
.padding-left-6 {
  padding-left: 1.5rem;
}
.padding-left-7 {
  padding-left: 2rem;
}
.padding-left-8 {
  padding-left: 2.5rem;
}
.padding-left-9 {
  padding-left: 3rem;
}
.padding-left-10 {
  padding-left: 4rem;
}
.margin-left-auto {
  margin-left: auto;
}
.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.padding-y-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.padding-y-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.padding-y-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.padding-y-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.padding-y-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.padding-y-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.padding-y-7 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.padding-y-8 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.padding-y-9 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.padding-y-10 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.padding-x-0 {
  padding-left: 0;
  padding-right: 0;
}
.padding-x-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.padding-x-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.padding-x-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.padding-x-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.padding-x-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.padding-x-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.padding-x-7 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.padding-x-8 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.padding-x-9 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.padding-x-10 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.margin-x-auto {
  margin-right: auto;
  margin-left: auto;
}
ul.list {
  list-style-type: disc;
}
ul.list ul {
  list-style-type: circle;
}
ul.list ul ul {
  list-style-type: square;
}
ul.list ol {
  list-style-type: decimal;
}
ul.list ol ol {
  list-style-type: lower-alpha;
}
ul.list ol ol ol {
  list-style-type: lower-roman;
}
ol.list {
  list-style-type: decimal;
}
ol.list ol {
  list-style-type: lower-alpha;
}
ol.list ol ol {
  list-style-type: lower-roman;
}
ol.list ul {
  list-style-type: disc;
}
ol.list ul ul {
  list-style-type: circle;
}
ol.list ul ul ul {
  list-style-type: square;
}
ul.list,
ol.list {
  margin: 0.5rem 0 0.5rem 1rem;
  padding: 0;
}
.list ul,
.list ol {
  margin: 0.5rem 0 0.5rem 2rem;
  padding: 0;
}
.center-status {
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  text-align: center;
  z-index: 900;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.center-status .button,
.center-status .anchor {
  margin-left: 0.25rem;
  font-size: inherit;
}
.center-status.column-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.center-status.column-content .button {
  margin-top: 0.5rem;
  margin-left: 0;
}
a:focus-visible {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
a:focus-visible:focus {
  border-color: transparent;
  outline: var(--focus-outline-color) solid 0.0625rem;
}
[data-theme='alpine-light'] .required .dr-form-field-label:after,
[data-theme='midnight-gray'] .required .dr-form-field-label:after {
  display: none;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/accepted-files-info/accepted-files-info.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.accepted-files-info {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tooltip/tooltip.less ***!
  \********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
popout,
.popout {
  display: flex;
  max-width: 25rem;
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  line-height: 1.4;
  white-space: normal;
  color: var(--tooltip-text-color);
  background-color: var(--tooltip_bg);
  border: 0.0625rem solid var(--tooltip-border-color);
  border-radius: var(--tooltip-border-radius);
  box-shadow: var(--base-box-shadow);
  opacity: 0;
  overflow-wrap: break-word;
  word-spacing: 0.05em;
  z-index: 10000;
  outline: none;
}
popout h1,
.popout h1,
popout h2,
.popout h2,
popout h3,
.popout h3,
popout h4,
.popout h4,
popout p:not(:last-child),
.popout p:not(:last-child) {
  margin-bottom: 0.75rem;
}
popout a,
.popout a {
  color: var(--tooltip-docs-link-color);
}
popout ul,
.popout ul {
  padding: 0.25rem;
  list-style: disc inside;
}
popout .tooltip-content,
.popout .tooltip-content {
  max-width: 18rem;
  overflow-y: auto;
}
popout .tooltip-content:focus-visible,
.popout .tooltip-content:focus-visible {
  border-radius: 0.3125rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.3125rem;
}
popout .anchor,
.popout .anchor {
  font-size: inherit;
}
popout .read-more-link,
.popout .read-more-link {
  display: block;
  white-space: nowrap;
}
popout .popout-docs-link,
.popout .popout-docs-link {
  margin-top: 0.25rem;
}
popout [data-popper-arrow],
.popout [data-popper-arrow] {
  position: absolute;
  height: 0;
  width: 0;
}
popout[data-popper-placement^='top'] [data-popper-arrow],
.popout[data-popper-placement^='top'] [data-popper-arrow] {
  bottom: 0.5rem;
}
popout[data-popper-placement^='top'] [data-popper-arrow]::before,
.popout[data-popper-placement^='top'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  bottom: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='top'] [data-popper-arrow]::after,
.popout[data-popper-placement^='top'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  bottom: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip_bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='right'] [data-popper-arrow],
.popout[data-popper-placement^='right'] [data-popper-arrow] {
  left: 0.5rem;
}
popout[data-popper-placement^='right'] [data-popper-arrow]::before,
.popout[data-popper-placement^='right'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  left: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='right'] [data-popper-arrow]::after,
.popout[data-popper-placement^='right'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  left: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip_bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='bottom'] [data-popper-arrow],
.popout[data-popper-placement^='bottom'] [data-popper-arrow] {
  top: 0.5rem;
}
popout[data-popper-placement^='bottom'] [data-popper-arrow]::before,
.popout[data-popper-placement^='bottom'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  top: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='bottom'] [data-popper-arrow]::after,
.popout[data-popper-placement^='bottom'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  top: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip_bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='left'] [data-popper-arrow],
.popout[data-popper-placement^='left'] [data-popper-arrow] {
  right: 0.5rem;
}
popout[data-popper-placement^='left'] [data-popper-arrow]::before,
.popout[data-popper-placement^='left'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  right: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-placement^='left'] [data-popper-arrow]::after,
.popout[data-popper-placement^='left'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  right: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--tooltip_bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
popout[data-popper-reference-hidden],
.popout[data-popper-reference-hidden] {
  display: none;
}
popout.popout-transition,
.popout.popout-transition {
  opacity: 1;
  transition: opacity 300ms cubic-bezier(0.19, 1, 0.22, 1) 50ms;
}
popout[data-popper-placement]::after,
.popout[data-popper-placement]::after {
  content: '';
  position: absolute;
}
popout[data-popper-placement^='top']::after,
.popout[data-popper-placement^='top']::after {
  bottom: 0;
  height: 0.625rem;
  width: 100%;
  margin-bottom: -0.5rem;
}
popout[data-popper-placement^='bottom']::after,
.popout[data-popper-placement^='bottom']::after {
  top: 0;
  height: 0.625rem;
  width: 100%;
  margin-top: -0.5rem;
}
popout[data-popper-placement^='left']::after,
.popout[data-popper-placement^='left']::after {
  right: 0;
  top: 0;
  width: 0.625rem;
  height: 100%;
  margin-right: -0.5rem;
}
popout[data-popper-placement^='right']::after,
.popout[data-popper-placement^='right']::after {
  left: 0;
  top: 0;
  width: 0.625rem;
  height: 100%;
  margin-left: -0.5rem;
}
.popout.white {
  color: var(--white-tooltip-text-color);
  background-color: var(--white-tooltip-bg);
  border: 0.0625rem solid var(--white-tooltip-outer-border-color);
}
.popout.white[data-popper-placement^='top'] [data-popper-arrow] {
  bottom: 0.5rem;
}
.popout.white[data-popper-placement^='top'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  bottom: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-outer-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='top'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  bottom: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='right'] [data-popper-arrow] {
  left: 0.5rem;
}
.popout.white[data-popper-placement^='right'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  left: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-outer-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='right'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  left: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='bottom'] [data-popper-arrow] {
  top: 0.5rem;
}
.popout.white[data-popper-placement^='bottom'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  top: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-outer-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='bottom'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  top: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='left'] [data-popper-arrow] {
  right: 0.5rem;
}
.popout.white[data-popper-placement^='left'] [data-popper-arrow]::before {
  content: '';
  position: absolute;
  right: -0.8125rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-outer-border-color);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-placement^='left'] [data-popper-arrow]::after {
  content: '';
  position: absolute;
  right: -0.75rem;
  display: block;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--white-tooltip-bg);
  transform: translateX(0px) rotate(45deg);
  transform-origin: center center;
}
.popout.white[data-popper-reference-hidden] {
  display: none;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/accordion-tabs/accordion-tabs.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.accordion-tabs {
  position: relative;
  display: inline-block;
  padding: 0 1.25rem;
}
.accordion-tabs:before {
  content: '';
  position: absolute;
  left: 0.5rem;
  height: 0;
  width: 0;
  border-color: transparent var(--table-active-row-bg) transparent transparent;
  border-width: 0 0.75rem 1.75rem 0;
  border-style: solid;
}
.accordion-tabs:after {
  content: '';
  position: absolute;
  right: 0.5rem;
  border-color: var(--table-active-row-bg) transparent transparent transparent;
  border-width: 1.75rem 0.75rem 0px 0px;
  border-style: solid;
}
.accordion-tabs .accordion-tab {
  display: inline-block;
  padding: 0 0.5rem 0.25rem;
  line-height: 1.5rem;
  color: var(--section-navigation-active-color);
  background: var(--table-active-row-bg);
  border: none;
  border-radius: 0;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}
.accordion-tabs .accordion-tab:hover {
  color: var(--text-primary);
}
.accordion-tabs .accordion-tab.active,
.accordion-tabs .accordion-tab.active:hover,
.accordion-tabs .accordion-tab.active:focus,
.accordion-tabs .accordion-tab.active:active {
  color: var(--accent-secondary);
}
.accordion-tabs .accordion-tab.disabled,
.accordion-tabs .accordion-tab:hover.disabled {
  color: var(--section-navigation-disabled-color);
  cursor: not-allowed;
  pointer-events: auto;
}
.accordion-tabs.separate-page-tabs:before {
  content: '';
  position: absolute;
  left: 0.5rem;
  height: 0;
  width: 0;
  border-color: transparent var(--base-expanded-row-separate-page-bg) transparent transparent;
  border-width: 0 0.75rem 1.75rem 0;
  border-style: solid;
}
.accordion-tabs.separate-page-tabs:after {
  content: '';
  position: absolute;
  right: 0.5rem;
  border-color: var(--base-expanded-row-separate-page-bg) transparent transparent transparent;
  border-width: 1.75rem 0.75rem 0px 0px;
  border-style: solid;
}
.accordion-tabs.separate-page-tabs .accordion-tab {
  background-color: var(--base-expanded-row-separate-page-bg);
}
.accordion-tab-suboptions .accordion-tab-suboption {
  display: block;
  color: var(--section-navigation-active-color);
}
.accordion-tab-suboptions .accordion-tab-suboption:hover {
  color: var(--text-primary);
}
.accordion-tab-suboptions .accordion-tab-suboption.active,
.accordion-tab-suboptions .accordion-tab-suboption.active:hover,
.accordion-tab-suboptions .accordion-tab-suboption.active:focus,
.accordion-tab-suboptions .accordion-tab-suboption.active:active {
  color: var(--accent-secondary);
}
.accordion-tab-suboptions .accordion-tab-suboption.disabled,
.accordion-tab-suboptions .accordion-tab-suboption.disabled:hover {
  color: var(--section-navigation-disabled-color);
  cursor: not-allowed;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/action-bar/action-bar.less ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.action-bar-component {
  position: relative;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--action-bar-padding) 0;
  line-height: 1.875rem;
  border-radius: var(--action-bar-border-radius);
  flex-wrap: wrap;
}
.action-bar-component.tray {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.15625rem 0.75rem;
  background: var(--action-bar-tray-bg);
  box-shadow: var(--action-bar-tray-box-shadow);
}
.action-bar-component > .actions-list {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.action-bar-component > .actions-list > .action-bar-item {
  position: relative;
  display: flex;
  align-items: center;
  height: var(--action-bar-height);
  line-height: 1.875rem;
  white-space: nowrap;
}
.action-bar-component > .actions-list > .action-bar-item:first-of-type {
  margin-left: 0;
  padding-left: 0;
}
.action-bar-component > .actions-list > .action-bar-item:last-of-type {
  margin-right: 0;
  padding-right: 0;
}
.action-bar-component > .actions-list.left-actions-list {
  align-items: center;
  justify-content: flex-start;
}
.action-bar-component > .actions-list.left-actions-list > .action-bar-item {
  margin-right: var(--action-bar-items-offset);
}
.action-bar-component > .actions-list.right-actions-list {
  align-items: center;
  justify-content: flex-end;
}
.action-bar-component > .actions-list.right-actions-list > .action-bar-item {
  margin-left: var(--action-bar-items-offset);
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/action-bar-search/action-bar-search.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.action-bar-search-container {
  height: var(--action-bar-search-container-height);
  line-height: var(--action-bar-search-line-height);
}
.action-bar-search-container .action-bar-search-button.button.command.active {
  color: var(--action-bar-active-color);
}
.action-bar-search-container .input-container {
  position: relative;
  display: inline-block;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-left: 0.3125rem;
  text-align: left;
  transition: min-width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.action-bar-search-container .input-container:not(.active) {
  padding-top: var(--action-bar-search-base-padding);
  padding-bottom: var(--action-bar-search-base-padding);
}
.action-bar-search-container .input-container.active {
  min-width: 10.9375rem;
  cursor: default;
}
.action-bar-search-container .input-container.active .action-bar-search-input {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding-right: 0.875rem;
  border-bottom: 0.0625rem solid var(--action-bar-search-active-border-bottom);
  cursor: text;
}
.action-bar-search-container .input-container.active .action-bar-search-input::placeholder {
  font-weight: 500;
  color: var(--text-secondary);
}
.action-bar-search-container .action-bar-search-input {
  width: var(--action-bar-search-width);
  padding: 0;
  padding-top: var(--action-bar-search-base-padding);
  padding-bottom: var(--action-bar-search-input-bottom-padding);
  background: transparent;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--action-bar-search-input-font-weight);
  line-height: var(--action-bar-search-line-height);
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  border: none;
  /* resets */
  border-radius: 0;
  box-shadow: none;
  cursor: default;
}
.action-bar-search-container .action-bar-search-input::placeholder {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--action-bar-search-font-weight);
  line-height: var(--action-bar-search-line-height);
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.action-bar-search-container .action-bar-search-input:focus {
  outline: none;
}
.action-bar-search-container .clear-search {
  position: absolute;
  top: 50%;
  right: var(--action-bar-remove-icon-right);
  height: 0.875rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-top: -0.4375rem;
  font-size: 0.875rem;
  color: var(--action-bar-active-color);
  cursor: pointer;
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/button/button.less ***!
  \******************************************************************************************************************************************************************************************************************************************/
/* Represents a button with next set of states:
   initial, hover, active, disabled */
.button {
  position: relative;
  display: inline-flex;
  justify-content: center;
  padding: 0.5rem 1rem;
  /* 3. apply typography */
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: var(--button-font-weight);
  line-height: var(--button-line-height);
  letter-spacing: normal;
  white-space: nowrap;
  background: transparent;
  border: none;
  /* 2. set box model */
  border-radius: var(--button-border-radius);
  /* 1. normalize browser styles */
  appearance: none;
  cursor: pointer;
  /* Represents a button with higher priority */
  /* Represents a button with no priority.
        Should be used as a default option */
  /* Represents a small bodyless button */
  /* Represents a bodyless icon-button with hover */
  /* For buttons with glyphs */
}
.button.lg:not(.round-icon-button):not(.icon-button) {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}
.button:focus,
.button:active {
  /* 1. normalize browser styles */
  outline: none;
}
.button:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.button:disabled,
.button.disabled {
  cursor: not-allowed;
  pointer-events: auto;
}
.button.primary {
  /* 2. set box model */
  /* 3. apply custom styles */
  color: var(--button-primary-color);
  /* 1. override button styles */
  background: var(--button-primary-bg);
  /* to align the height with the secondary button that has a border */
  border: 0.0625rem solid var(--button-primary-border-color);
}
.button.primary:focus-visible,
.button.primary:hover,
.button.primary.hovered {
  background: var(--button-primary-highlighted-bg);
}
.button.primary:active {
  background: var(--button-primary-active-bg);
}
.button.primary:disabled,
.button.primary.disabled {
  color: var(--button-primary-disabled-color);
  background: var(--button-primary-disabled-bg);
  border: 0.0625rem solid var(--button-primary-disabled-border-color);
}
.button.secondary {
  /* 2. set box model */
  /* 3. apply custom styles */
  color: var(--button-secondary-color);
  /* 1. override button styles */
  background: var(--button-secondary-bg);
  border: 0.0625rem solid var(--button-secondary-border-color);
}
.button.secondary:focus-visible,
.button.secondary:hover,
.button.secondary.hovered {
  color: var(--button-secondary-highlighted-color);
  background: var(--button-secondary-highlighted-bg);
  border: 0.0625rem solid var(--button-secondary-highlighted-border-color);
}
.button.secondary:active {
  color: var(--button-secondary-highlighted-color);
  background: var(--button-secondary-highlighted-bg);
}
.button.secondary:disabled,
.button.secondary.disabled {
  color: var(--button-disabled-color);
  background: var(--button-secondary-disabled-bg);
  border: 0.0625rem solid var(--button-disabled-border-color);
}
.button.command {
  display: inline-block;
  /* 1. set box model */
  padding: 0;
  /* 2. apply custom styles */
  color: var(--button-command-color);
  background-color: transparent;
}
.button.command:focus-visible,
.button.command:hover,
.button.command.hovered {
  color: var(--button-command-color-highlighted);
}
.button.command:active {
  color: var(--button-command-color-active);
}
.button.command:disabled,
.button.command.disabled {
  color: var(--button-disabled-color);
}
.button.round-icon-button {
  align-items: center;
  height: var(--round-icon-button-height-default);
  width: var(--round-icon-button-width-default);
  padding: 0;
  font-size: var(--round-icon-button-font-size-default);
  color: var(--round-icon-button-color);
  border: 0;
  border-radius: var(--round-icon-button-border-radius);
  cursor: pointer;
  transition: background-color 0.8s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.button.round-icon-button.xs {
  height: var(--round-icon-button-height-xs);
  width: var(--round-icon-button-width-xs);
  font-size: var(--round-icon-button-font-size-xs);
}
.button.round-icon-button.sm {
  height: var(--round-icon-button-height-sm);
  width: var(--round-icon-button-width-sm);
  font-size: var(--round-icon-button-font-size-sm);
}
.button.round-icon-button.lg {
  height: var(--round-icon-button-height-lg);
  width: var(--round-icon-button-width-lg);
  font-size: var(--round-icon-button-font-size-lg);
}
.button.round-icon-button:focus-visible,
.button.round-icon-button:hover,
.button.round-icon-button.hovered {
  color: var(--button-icon-highlighted-color);
  box-shadow: var(--button-icon-highlighted-box-shadow);
}
.button.round-icon-button:focus-visible {
  background-color: var(--round-icon-button-active-bg);
}
.button.round-icon-button:hover,
.button.round-icon-button.hovered {
  background-color: var(--round-icon-button-hover-bg);
}
.button.round-icon-button:disabled,
.button.round-icon-button.disabled {
  color: var(--button-disabled-color);
  background-color: transparent;
  cursor: not-allowed;
  pointer-events: auto;
}
.button.icon-button {
  width: var(--icon-button-width);
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.button.icon-button.lg {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.button.attention {
  color: var(--button-attention-color);
  background: var(--buttton-attention-bg);
  border: 0.0625rem solid transparent;
}
.button.attention:focus-visible,
.button.attention:hover,
.button.attention.hovered {
  background: var(--button-attention-highlighted-bg);
}
.button.attention:disabled,
.button.attention.disabled {
  color: var(--button-primary-disabled-color);
  background: var(--button-primary-disabled-bg);
  border: 0.0625rem solid var(--button-primary-disabled-border-color);
}
.button.ghost {
  padding: 0.5rem;
  line-height: var(--ghost-button-line-height);
  color: var(--button-secondary-color);
}
.button.ghost:hover,
.button.ghost.hovered {
  color: var(--ghost-button-hover-text-color);
  background: var(--ghost-button-hover-color);
}
.button.ghost:active,
.button.ghost.active {
  background: var(--ghost-button-active-color);
}
.button.ghost:disabled,
.button.ghost.disabled {
  color: var(--button-disabled-color);
  background: none;
}
.button > * + * {
  margin-left: 0.25rem;
}
.button > i.fa,
.button > i.far,
.button > i.fas {
  line-height: inherit;
}
.button.with-tooltip {
  pointer-events: auto;
}
.button.button-loading * {
  visibility: hidden;
}
.button .button-loading-placeholder * {
  visibility: visible;
}
.button.command.button-loading {
  display: inline-flex;
}
.button.with-loading-text .button-loading-placeholder {
  position: relative;
}
.button .button-loading-placeholder {
  position: absolute;
  margin-left: 0;
}
.button .button-content > * + *,
.button .button-loading-placeholder > * + * {
  margin-left: var(--button-icon-margin);
}
.button.full-width {
  width: 100%;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/truncate-with-tooltip/truncate-with-tooltip.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.truncate-with-tooltip {
  display: block;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
}
.truncate-with-tooltip.with-line-height {
  line-height: normal;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/active-filters-list/filter-item.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.filter-item {
  display: flex;
  align-items: center;
  margin: 0 0.25rem 0.25rem;
  padding: 0.125rem 0.5rem;
  background-color: var(--base-tile-color);
  border-radius: 0.25rem;
  cursor: default;
}
.filter-item .filter-item-content {
  max-width: 12.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.filter-item .filter-item-content > * + * {
  margin-left: 0.25rem;
}
.filter-item > * {
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.filter-item .tag-text {
  flex-grow: 0;
  flex-shrink: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-item .fa-xmark {
  margin-left: 0.25rem;
}
.filter-item .filter-item-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/active-filters-list/active-filters-list.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.active-filters-list {
  display: flex;
  align-items: center;
}
.active-filters-list .fa-filter {
  flex-shrink: 0;
  width: 1.875rem;
  color: var(--text-secondary);
}
.active-filters-list .fa-filter:after {
  content: '/';
  margin: 0 0.5rem;
}
.active-filters-list .filters-container {
  display: flex;
  max-height: 3rem;
  margin-bottom: -0.25rem;
  flex-wrap: wrap;
  overflow-y: auto;
}
.active-filters-list .filters-clear {
  flex-shrink: 0;
  margin-left: 0.5rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/outside-click-listener/outside-click-listener.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************/
.outside-click-listener-container {
  z-index: 1040;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown/popper-dropdown-wrapper.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.dropdown-menu-react {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background: var(--dropdown-bg);
  border: 0.0625rem solid var(--dropdown-border-color);
  border-radius: var(--dropdown-border-radius);
  z-index: 1051;
  box-shadow: var(--dropdown-box-shadow);
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  transform: translateY(-0.625rem);
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.dropdown-menu-react.fit-width-to-ref {
  border: none;
}
.dropdown-menu-react.fit-width-to-ref > .fit-width-to-ref-wrapper {
  border: 0.0625rem solid var(--dropdown-border-color);
  box-sizing: border-box;
}
.dropdown-menu-react.animated-in {
  opacity: 1;
  transform: translateY(0);
}
.dropdown-menu-react.animated-out {
  opacity: 0;
  transition-duration: 0.4s;
  transform: translateY(0px);
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/form-field/form-field-label.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.dr-form-field-label {
  display: block;
  margin-bottom: 0.25rem;
}
.dr-form-field-label .label-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--input-label-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--input-label-color);
  fill: var(--input-label-color);
}
.dr-form-field-label .readonly {
  color: var(--input-readonly-label-color);
}
.dr-form-field-label .disabled {
  color: var(--input-disabled-label-color);
}
.dr-form-field-label .required::after {
  content: '\002A';
  margin-left: 0.25rem;
  color: var(--input-label-color);
}
.dr-form-field-label .optional-label {
  margin-left: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.dr-form-field-label svg {
  margin-left: 0.25rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/message/thinking-icon.less ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.thinking-icon {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}
.thinking-icon.md {
  height: 1.25rem;
  width: 1.25rem;
}
.thinking-icon.sm {
  height: 1rem;
  width: 1rem;
}
.thinking-icon .bar {
  fill: currentColor;
  transform-box: fill-box;
  transform-origin: left center;
  animation-name: thinking-wipe;
  animation-duration: 2.4s;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-iteration-count: infinite;
  animation-fill-mode: backwards;
}
@media (prefers-reduced-motion: reduce) {
  .thinking-icon .bar {
    animation: none;
    transform: scaleX(1);
  }
}
@keyframes thinking-wipe {
  0% {
    transform: translateX(0) scaleX(0);
  }
  20% {
    transform: translateX(0) scaleX(1);
  }
  65% {
    transform: translateX(0) scaleX(1);
  }
  83% {
    transform: translateX(100%) scaleX(0);
  }
  100% {
    transform: translateX(100%) scaleX(0);
  }
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/message/message.less ***!
  \********************************************************************************************************************************************************************************************************************************************/
.message-component {
  margin: 0.25rem 0;
  font-size: 0.875rem;
  font-weight: var(--message-font-weight);
  line-height: 1.25rem;
}
.message-component > * + * {
  margin-left: 0.5rem;
}
.message-component.with-right-icon {
  text-align: end;
}
.message-component.sm {
  font-size: 0.75rem;
  line-height: 1rem;
}
.message-component.info {
  color: var(--message-color-info);
}
.message-component.in-progress {
  color: var(--message-color-in-progress);
}
.message-component.success {
  color: var(--message-color-success);
}
.message-component.error {
  color: var(--message-color-failure);
}
.message-component.warning {
  color: var(--message-color-warning);
}
.message-component.expired {
  color: var(--message-color-expired);
}
.message-component.disabled {
  color: var(--message-color-disabled);
}
.message-component.thinking {
  color: var(--message-color-thinking);
}
.message-component.status span {
  color: var(--message-text-color);
}

/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/form-field/validity-messages.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.dr-validity-messages > * {
  display: block;
}
.dr-validity-messages .validation-message {
  margin-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/form-field/form-field.less ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.dr-form-field + .dr-form-field:not(.horizontal-layout) {
  margin-top: var(--form-field-margin-top);
}
.dr-form-field textarea {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.5rem 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.dr-form-field textarea:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dr-form-field textarea:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dr-form-field textarea:hover:not(:disabled)::placeholder,
.dr-form-field textarea:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dr-form-field textarea:focus,
.dr-form-field textarea:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field textarea:focus::placeholder,
.dr-form-field textarea:focus:hover::placeholder,
.dr-form-field textarea:focus .placeholder,
.dr-form-field textarea:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dr-form-field textarea::placeholder,
.dr-form-field textarea .placeholder {
  color: var(--input-placeholder-color);
}
.dr-form-field textarea:disabled,
.dr-form-field textarea:disabled .placeholder,
.dr-form-field textarea.disabled,
.dr-form-field textarea.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dr-form-field textarea:-webkit-autofill,
.dr-form-field textarea[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field textarea:-webkit-autofill:hover,
.dr-form-field textarea[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.dr-form-field textarea:-webkit-autofill:focus,
.dr-form-field textarea[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.sm input {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.25rem 0.5rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.dr-form-field.sm input:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dr-form-field.sm input:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dr-form-field.sm input:hover:not(:disabled)::placeholder,
.dr-form-field.sm input:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dr-form-field.sm input:focus,
.dr-form-field.sm input:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field.sm input:focus::placeholder,
.dr-form-field.sm input:focus:hover::placeholder,
.dr-form-field.sm input:focus .placeholder,
.dr-form-field.sm input:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dr-form-field.sm input::placeholder,
.dr-form-field.sm input .placeholder {
  color: var(--input-placeholder-color);
}
.dr-form-field.sm input:disabled,
.dr-form-field.sm input:disabled .placeholder,
.dr-form-field.sm input.disabled,
.dr-form-field.sm input.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dr-form-field.sm input:-webkit-autofill,
.dr-form-field.sm input[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.sm input:-webkit-autofill:hover,
.dr-form-field.sm input[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.dr-form-field.sm input:-webkit-autofill:focus,
.dr-form-field.sm input[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.md input {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.5rem 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.dr-form-field.md input:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dr-form-field.md input:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dr-form-field.md input:hover:not(:disabled)::placeholder,
.dr-form-field.md input:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dr-form-field.md input:focus,
.dr-form-field.md input:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field.md input:focus::placeholder,
.dr-form-field.md input:focus:hover::placeholder,
.dr-form-field.md input:focus .placeholder,
.dr-form-field.md input:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dr-form-field.md input::placeholder,
.dr-form-field.md input .placeholder {
  color: var(--input-placeholder-color);
}
.dr-form-field.md input:disabled,
.dr-form-field.md input:disabled .placeholder,
.dr-form-field.md input.disabled,
.dr-form-field.md input.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dr-form-field.md input:-webkit-autofill,
.dr-form-field.md input[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.md input:-webkit-autofill:hover,
.dr-form-field.md input[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.dr-form-field.md input:-webkit-autofill:focus,
.dr-form-field.md input[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.lg input {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.75rem 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.dr-form-field.lg input:not(.no-font) {
  font-size: 1rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dr-form-field.lg input:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dr-form-field.lg input:hover:not(:disabled)::placeholder,
.dr-form-field.lg input:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dr-form-field.lg input:focus,
.dr-form-field.lg input:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field.lg input:focus::placeholder,
.dr-form-field.lg input:focus:hover::placeholder,
.dr-form-field.lg input:focus .placeholder,
.dr-form-field.lg input:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dr-form-field.lg input::placeholder,
.dr-form-field.lg input .placeholder {
  color: var(--input-placeholder-color);
}
.dr-form-field.lg input:disabled,
.dr-form-field.lg input:disabled .placeholder,
.dr-form-field.lg input.disabled,
.dr-form-field.lg input.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dr-form-field.lg input:-webkit-autofill,
.dr-form-field.lg input[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.lg input:-webkit-autofill:hover,
.dr-form-field.lg input[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.dr-form-field.lg input:-webkit-autofill:focus,
.dr-form-field.lg input[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.xl input {
  height: 3.125rem;
  box-sizing: border-box;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.5rem 2rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.dr-form-field.xl input:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dr-form-field.xl input:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dr-form-field.xl input:hover:not(:disabled)::placeholder,
.dr-form-field.xl input:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dr-form-field.xl input:focus,
.dr-form-field.xl input:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field.xl input:focus::placeholder,
.dr-form-field.xl input:focus:hover::placeholder,
.dr-form-field.xl input:focus .placeholder,
.dr-form-field.xl input:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dr-form-field.xl input::placeholder,
.dr-form-field.xl input .placeholder {
  color: var(--input-placeholder-color);
}
.dr-form-field.xl input:disabled,
.dr-form-field.xl input:disabled .placeholder,
.dr-form-field.xl input.disabled,
.dr-form-field.xl input.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dr-form-field.xl input:-webkit-autofill,
.dr-form-field.xl input[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.875rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field.xl input:-webkit-autofill:hover,
.dr-form-field.xl input[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.875rem var(--input-bg-hovered) inset;
}
.dr-form-field.xl input:-webkit-autofill:focus,
.dr-form-field.xl input[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.875rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dr-form-field textarea {
  font-family: inherit;
  border: none;
}
.dr-form-field .dr-form-field-icon {
  color: var(--input-icon-color);
}
.dr-form-field.with-left-icon input {
  padding-left: 2rem;
}
.dr-form-field.with-left-icon svg {
  left: 0.75rem;
}
.dr-form-field.with-right-icon input,
.dr-form-field.with-right-icon textarea {
  padding-right: 2rem;
}
.dr-form-field.with-right-icon svg {
  right: 0.75rem;
}
.dr-form-field.with-center-right-icon input {
  padding-right: 2.5rem;
}
.dr-form-field.focused .dr-form-field-wrapper {
  color: var(--input-color-focused);
}
.dr-form-field.focused .dr-form-field-wrapper .dr-form-field-icon {
  color: var(--input-icon-color-focused);
}
.dr-form-field.highlighted input,
.dr-form-field.highlighted textarea {
  box-shadow: var(--input-focused-boxshadow);
}
.dr-form-field.disabled,
.dr-form-field.disabled .message-component,
.dr-form-field.disabled input::placeholder,
.dr-form-field.disabled .dr-form-field-label,
.dr-form-field.disabled .dr-form-field-text {
  color: var(--input-disabled-color);
}
.dr-form-field.required .dr-form-field-label:after {
  content: '\002A';
  margin-left: 0.25rem;
}
.dr-form-field.dr-form-field-validation-error input,
.dr-form-field.dr-form-field-validation-error textarea {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-failure-color);
}
.dr-form-field.dr-form-field-validation-error input:focus,
.dr-form-field.dr-form-field-validation-error textarea:focus {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-failure-color), 0 0 0.5rem var(--input-failure-shadow-color);
}
.dr-form-field.dr-form-field-validation-error input:hover,
.dr-form-field.dr-form-field-validation-error textarea:hover {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-failure-color);
}
.dr-form-field.dr-form-field-validation-success input,
.dr-form-field.dr-form-field-validation-success textarea {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-success-color);
}
.dr-form-field.dr-form-field-validation-success input:focus,
.dr-form-field.dr-form-field-validation-success textarea:focus {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-success-color), 0 0 0.5rem var(--input-success-shadow-color);
}
.dr-form-field.dr-form-field-validation-success input:hover,
.dr-form-field.dr-form-field-validation-success textarea:hover {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-success-color);
}
.dr-form-field.dr-form-field-validation-warning input,
.dr-form-field.dr-form-field-validation-warning textarea {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-warning-color);
}
.dr-form-field.dr-form-field-validation-warning input:focus,
.dr-form-field.dr-form-field-validation-warning textarea:focus {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-warning-color), 0 0 0.5rem var(--input-warning-shadow-color);
}
.dr-form-field.dr-form-field-validation-warning input:hover,
.dr-form-field.dr-form-field-validation-warning textarea:hover {
  box-shadow: inset 0 0 0 var(--input-border-width) var(--input-warning-color);
}
.dr-form-field .dr-validity-messages {
  margin-top: 0.5rem;
}
.dr-form-field .dr-form-field-text {
  margin-bottom: var(--input-subtext-margin-bottom);
  font-family: 'Inter', sans-serif;
  font-size: var(--input-subtext-font-size);
  font-weight: 400;
  line-height: var(--input-subtext-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.dr-form-field .helper-text-bottom {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.dr-form-field .dr-form-field-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.dr-form-field .dr-form-field-wrapper .dr-form-field-icon,
.dr-form-field .dr-form-field-wrapper .toggle-password-button {
  position: absolute;
}
.dr-form-field .editable-icon {
  position: absolute;
  align-items: center;
  height: 1.75rem;
  width: 1.75rem;
  padding: 0;
  border: none;
  border-radius: 50%;
}
.dr-form-field .editable-icon:hover {
  background-color: var(--editable-text-hover-icon);
  cursor: pointer;
}
.dr-form-field .editable-icon.disabled {
  cursor: not-allowed;
}
.dr-form-field .editable-icon .fa-check {
  color: var(--editable-text-apply-icon);
}
.dr-form-field .editable-icon .fa-xmark {
  color: var(--editable-text-cancel-icon);
}
.dr-form-field .apply {
  right: 2.5rem;
}
.dr-form-field .cancel {
  right: 0.5rem;
}
.dr-form-field .toggle-password-button {
  right: 0.5rem;
}
.dr-form-field input:focus + .toggle-password-button:hover {
  background-color: var(--focused-input-password-toggle-hover-color);
}
.dr-form-field.controllable-field .cancel {
  right: calc(var(--inline-edit-button-size) + 0.5rem);
  background-color: var(--button-secondary-transparent-bg);
  border: 0.0625rem solid var(--button-secondary-border-color);
}
.dr-form-field.controllable-field .cancel:hover {
  background-color: var(--button-secondary-highlighted-bg);
  border: 0.0625rem solid var(--button-secondary-highlighted-border-color);
}
.dr-form-field.controllable-field .cancel:hover .fa-xmark {
  color: var(--button-secondary-highlighted-color);
}
.dr-form-field.controllable-field .cancel .fa-xmark {
  color: var(--button-secondary-color);
}
.dr-form-field.controllable-field .apply {
  right: 0px;
  background: var(--button-primary-bg);
}
.dr-form-field.controllable-field .apply .fa-check {
  color: var(--button-primary-color);
}
.dr-form-field.controllable-field .apply:hover {
  color: var(--button-primary-color);
  background: var(--button-primary-highlighted-bg);
}
.dr-form-field.controllable-field .apply,
.dr-form-field.controllable-field .cancel {
  bottom: calc(0px - var(--inline-edit-button-size) - 0.5rem);
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 0.25rem;
  z-index: 1;
}
.dr-form-field.controllable-field .apply:disabled,
.dr-form-field.controllable-field .cancel:disabled {
  color: var(--button-primary-disabled-color);
  background: var(--button-primary-disabled-bg);
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/search/search.less ***!
  \******************************************************************************************************************************************************************************************************************************************/
.search-wrapper {
  position: relative;
  flex-shrink: 0;
}
.search-wrapper .search-control input {
  padding-right: 2rem;
}
.search-wrapper .clear-icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-item-title.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.drop-item-content-wrap {
  text-align: left;
}
.drop-item-content-wrap .drop-item-title-content {
  position: relative;
  display: block;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.drop-item-content-wrap .drop-item-title-content .drop-icon,
.drop-item-content-wrap .drop-item-title-content .drop-icon:before {
  height: 0.875rem;
  width: 0.875rem;
  margin-right: 0.5rem;
  font-size: 0.8125rem;
}
.drop-item-content-wrap .drop-item-title-content.with-multilevel-handler {
  padding-right: 1rem;
}
.drop-item-content-wrap .drop-item-title-content.with-multilevel-handler .multilevel-handler {
  position: absolute;
  top: 0.25rem;
  right: 0;
}
.drop-item-content-wrap.has-icon .menu-item-subtext {
  padding-left: 1.5rem;
}
.drop-item-content-wrap .menu-item-subtext {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/truncate-string/truncate-string.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.truncate-string {
  display: block;
  white-space: nowrap;
}
.original-text {
  visibility: hidden;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/checkbox/checkbox.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.checkbox-tooltip-container {
  display: inline-block;
}
.checkbox-wrapper {
  position: relative;
  display: inline-block;
}
.checkbox {
  /* Hide native checkbox, but keep it focusable */
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
.checkbox:focus-visible + label {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.checkbox + label {
  position: relative;
  display: inline-block;
  align-self: center;
  min-height: 1rem;
  min-width: 1rem;
  max-width: 100%;
  padding-left: 1.5rem;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: var(--checkbox-line-height);
  color: var(--checkbox-label-color);
  cursor: pointer;
}
.checkbox + label:hover {
  color: var(--checkbox-label-color-hovered);
}
.checkbox + label .checkbox-subtext {
  font-family: 'Inter', sans-serif;
  font-size: var(--checkbox-subtext-font-size);
  font-weight: 400;
  line-height: var(--checkbox-subtext-line-height);
  letter-spacing: normal;
  color: var(--checkbox-subtext-color);
  fill: var(--checkbox-subtext-color);
}
.checkbox:disabled + label .checkbox-subtext {
  color: var(--disabled-checkbox-subtext-color);
}
.checkbox + label::before,
.checkbox + label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1rem;
  width: 1rem;
  box-sizing: border-box;
}
.checkbox + label::before {
  background-color: var(--checkbox-inner-color);
  border: var(--checkbox-border-width) solid var(--checkbox-border-color);
  border-radius: 0.125rem;
  transform: translateY(-50%);
  box-sizing: border-box;
  transition: all 0.2s ease-in;
  outline-color: transparent;
}
.checkbox + label::after {
  color: transparent;
  transform: translate(15%, -25%);
  transition: all 0.2s ease-in;
}
.checkbox:focus-visible + label::before {
  border-color: var(--checkbox-focus-unselected-accent);
  box-shadow: 0 0 0.5rem var(--checkbox-focus-shadow-color);
}
.checkbox:hover + label::before {
  border-color: var(--checkbox-hover-unselected-accent);
  outline: var(--checkbox-outline-color) solid 0.25rem;
}
.checkbox:checked + label::before,
.checkbox:indeterminate + label::before {
  background-color: var(--checkbox-accent);
  border-color: var(--checkbox-accent);
}
.checkbox:checked + label::after {
  background-image: var(--checked-checkbox-img);
  background-repeat: no-repeat;
  background-size: 0.6875rem;
}
.checkbox:disabled:checked + label::after {
  background-image: var(--checked-disabled-checkbox-img);
}
.checkbox:indeterminate + label::after {
  height: 0px;
  width: 0.625rem;
  background-color: var(--checkbox-stroke-color);
  border: 0.0625rem solid var(--checkbox-stroke-color);
  border-radius: 0.125rem;
  transform: translate(30%, -50%);
}
.checkbox:disabled:indeterminate + label::after {
  background-color: var(--checkbox-disabled-stroke-color);
  border-color: var(--checkbox-disabled-stroke-color);
}
.checkbox:checked:focus-visible + label::before,
.checkbox:indeterminate:focus-visible + label::before {
  background-color: var(--checkbox-focus-accent);
  border-color: var(--checkbox-focus-accent);
}
.checkbox:checked:hover + label::before,
.checkbox:indeterminate:hover + label::before {
  background-color: var(--checkbox-hover-accent);
  border-color: var(--checkbox-hover-accent);
}
.checkbox:disabled + label {
  color: var(--checkbox-disabled-label-color);
  cursor: not-allowed;
}
.checkbox:disabled + label::before {
  background-color: var(--checkbox-disabled-inner-color);
  border-color: var(--checkbox-disabled-border-color);
  outline-color: transparent;
}
.checkbox:disabled:checked + label::before,
.checkbox:disabled:indeterminate + label::before {
  background-color: var(--checkbox-disabled-color);
  border-color: var(--checkbox-disabled-color);
}
.checkbox + label:has(.sr-only) {
  padding-left: 0;
}
.checkbox + label.top-placement::before,
.checkbox + label.top-placement::after {
  top: calc(var(--checkbox-line-height) / 2);
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-item-fileupload.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.drop-file-upload-label {
  cursor: pointer;
}
.drop-file-upload-label .drop-file-upload-input {
  position: absolute;
  height: 0;
  width: 0;
  border: none;
  overflow: hidden;
  opacity: 0;
  z-index: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/radio-button/radio-button.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.radiobutton-wrapper {
  position: relative;
}
.radiobutton {
  /* Hide native radiobutton, but keep it focusable */
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
.radiobutton + label {
  position: relative;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding-left: var(--radio-label-padding-left);
  line-height: var(--radio-circle-line-height);
  color: var(--radio-label-color);
  transform: translate3d(0, 0, 0);
  box-decoration-break: clone;
}
.radiobutton + label.lg {
  padding-left: 1.5rem;
}
.radiobutton + label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: var(--radio-circle-size);
  width: var(--radio-circle-size);
  background-color: transparent;
  border: var(--radio-circle-thickness) solid var(--radio-circle-color);
  border-radius: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  transition: all 0.2s ease-in;
}
.radiobutton + label.lg::before {
  height: var(--radio-circle-size-large);
  width: var(--radio-circle-size-large);
}
.radiobutton + label::after {
  content: '';
  position: absolute;
  top: 50%;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  left: var(--radio-dot-offset);
  display: block;
  height: var(--radio-dot-size);
  width: var(--radio-dot-size);
  background-color: transparent;
  border-radius: 50%;
  transform: translate(50%, -50%) scale(0);
  box-sizing: border-box;
  transition: all 0.2s ease-in;
}
.radiobutton + label.lg::after {
  height: var(--radio-dot-size-large);
  width: var(--radio-dot-size-large);
}
.radiobutton:focus-visible + label {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.radiobutton:focus-visible + label,
.radiobutton:hover + label {
  color: var(--radio-label-hover-color);
}
.radiobutton:focus-visible + label::before,
.radiobutton:hover + label::before {
  border-color: var(--radio-circle-hover-color);
}
.radiobutton:checked:focus-visible + label::after,
.radiobutton:checked:hover + label::after {
  background-color: var(--radio-dot-hover-color);
}
.radiobutton:checked + label::before {
  border-color: var(--radio-checked-circle-color);
}
.radiobutton:checked + label::after {
  background-color: var(--radio-dot-color);
  transform: translate(50%, -50%) scale(1);
}
.radiobutton:checked:focus-visible + label::before {
  border-color: var(--radio-checked-circle-focus-color);
}
.radiobutton:checked:hover + label::before {
  border-color: var(--radio-checked-circle-hover-color);
}
.radiobutton:disabled + label {
  color: var(--radio-disabled-label-color);
}
.radiobutton:disabled + label::before {
  background-color: transparent;
  border-color: var(--radio-disabled-circle-color);
}
.radiobutton:disabled:checked + label::before {
  border-color: var(--radio-disabled-checked-circle-color);
}
.radiobutton:disabled:checked + label::after {
  background-color: var(--radio-disabled-dot-color);
}
.radiobutton + .radiobutton-label + .radiobutton-helper-text {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding-left: var(--radio-label-padding-left);
  font-family: 'Inter', sans-serif;
  font-size: var(--radio-group-helper-font-size);
  font-weight: 400;
  line-height: var(--radio-group-helper-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.radiobutton + .radiobutton-label.lg + .radiobutton-helper-text {
  padding-left: 1.5rem;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-item-radio-button.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
.radio-button {
  padding: 0.25rem 1.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-item-content.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.radio-group {
  padding: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-trigger.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.dropdown-trigger {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  position: relative;
  outline: none;
}
.dropdown-trigger .trigger-chevron-down {
  flex-shrink: 0;
  vertical-align: -0.125rem;
  font-size: 0.6875rem;
  color: var(--dropdown-trigger-color);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(0deg);
}
.dropdown-trigger .trigger-chevron-down.expanded {
  transform: rotate(180deg);
}
.dropdown-trigger:disabled .trigger-chevron-down {
  color: var(--dropdown-trigger-disabled-color);
}
.button.dropdown-menu-trigger {
  display: inline-flex;
}
.dropdown-menu-trigger {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-weight: bold;
  background: transparent;
  border: none;
  outline: none;
}
.dropdown-menu-trigger * + * {
  margin-left: 0.25rem;
}
.dropdown-menu-trigger:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.dropdown-menu-trigger .selected-item {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  color: var(--dropdown-trigger-color);
}
.dropdown-menu-trigger .selected-item .truncate-with-tooltip {
  display: inline-block;
  max-width: 9.375rem;
  vertical-align: sub;
  line-height: initial;
}
.dropdown-menu-trigger:hover .selected-item,
.dropdown-menu-trigger:focus:not(:focus-visible) .selected-item,
.dropdown-menu-trigger:active .selected-item,
.dropdown-menu-trigger:hover .trigger-chevron-down,
.dropdown-menu-trigger:focus:not(:focus-visible) .trigger-chevron-down,
.dropdown-menu-trigger:active .trigger-chevron-down {
  color: var(--dropdown-trigger-highlighted-color);
}
.dropdown-menu-trigger.round-icon-button:hover .selected-item,
.dropdown-menu-trigger.round-icon-button:focus .selected-item,
.dropdown-menu-trigger.round-icon-button:active .selected-item {
  color: var(--dropdown-trigger-round-icon-highlighted-color);
}
.dropdown-menu-trigger:disabled {
  cursor: default;
}
.dropdown-menu-trigger:disabled .selected-item,
.dropdown-menu-trigger:disabled .trigger-chevron-down {
  color: var(--dropdown-trigger-disabled-color);
}
.dropdown-menu-trigger .dropdown-trigger-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--dropdown-trigger-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.dropdown-menu-trigger.ghost:focus .selected-item,
.dropdown-menu-trigger.ghost:active .selected-item,
.dropdown-menu-trigger.ghost:focus .trigger-chevron-down,
.dropdown-menu-trigger.ghost:active .trigger-chevron-down {
  color: var(--button-secondary-color);
}
.dropdown-menu-trigger.ghost:hover:not(:disabled) .selected-item,
.dropdown-menu-trigger.ghost:hover:not(:disabled) .trigger-chevron-down {
  color: var(--ghost-button-hover-text-color);
}
.selectbox {
  display: block;
  min-width: 12.5rem;
}
.selectbox .helper-text {
  margin-bottom: var(--input-subtext-margin-bottom);
  font-family: 'Inter', sans-serif;
  font-size: var(--input-subtext-font-size);
  font-weight: 400;
  line-height: var(--input-subtext-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.selectbox .helper-text.disabled {
  color: var(--input-disabled-color);
}
.dropdown-selectbox-trigger {
  /* selectbox imitates input, so we can reuse input styles */
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.5rem 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  height: 2.25rem;
  width: 100%;
  padding: 0 0.75rem;
  border: var(--dropdown-selectbox-trigger-border);
  cursor: pointer;
}
.dropdown-selectbox-trigger:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.dropdown-selectbox-trigger:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.dropdown-selectbox-trigger:hover:not(:disabled)::placeholder,
.dropdown-selectbox-trigger:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.dropdown-selectbox-trigger:focus,
.dropdown-selectbox-trigger:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.dropdown-selectbox-trigger:focus::placeholder,
.dropdown-selectbox-trigger:focus:hover::placeholder,
.dropdown-selectbox-trigger:focus .placeholder,
.dropdown-selectbox-trigger:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.dropdown-selectbox-trigger::placeholder,
.dropdown-selectbox-trigger .placeholder {
  color: var(--input-placeholder-color);
}
.dropdown-selectbox-trigger:disabled,
.dropdown-selectbox-trigger:disabled .placeholder,
.dropdown-selectbox-trigger.disabled,
.dropdown-selectbox-trigger.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.dropdown-selectbox-trigger:-webkit-autofill,
.dropdown-selectbox-trigger[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.dropdown-selectbox-trigger:-webkit-autofill:hover,
.dropdown-selectbox-trigger[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.dropdown-selectbox-trigger:-webkit-autofill:focus,
.dropdown-selectbox-trigger[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.dropdown-selectbox-trigger:hover {
  border: var(--dropdown-selectbox-trigger-border);
}
.dropdown-selectbox-trigger:disabled .selected-item .placeholder {
  box-shadow: none;
}
.dropdown-selectbox-trigger .selected-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown-selectbox-trigger .selected-item .selected-item-details {
  display: block;
  min-width: 0;
  /* to make truncating strings work in design system package */
  margin-right: 0.5rem;
  text-align: left;
}
.dropdown-selectbox-trigger .selected-item .trigger-chevron-down {
  font-size: 0.75rem;
  color: var(--dropdown-selectbox-trigger-color);
}
.dropdown-selectbox-trigger.sectioned {
  padding: 0 1rem;
}
.dropdown-selectbox-trigger.sm {
  height: 1.75rem;
}
.dropdown-selectbox-trigger.lg {
  height: 2.75rem;
}
.dropdown-selectbox-trigger.xl {
  height: 3.75rem;
}
.dropdown-selectbox-trigger.error,
.dropdown-selectbox-trigger.error:hover,
.dropdown-selectbox-trigger.error:focus {
  border: var(--dropdown-selectbox-trigger-border-error);
  box-shadow: none;
}
.dropdown-selectbox-trigger.success,
.dropdown-selectbox-trigger.success:hover,
.dropdown-selectbox-trigger.success:focus {
  border: var(--dropdown-selectbox-trigger-border-success);
  box-shadow: none;
}
.dropdown-selectbox-trigger.warnings,
.dropdown-selectbox-trigger.warnings:hover,
.dropdown-selectbox-trigger.warnings:focus {
  border: var(--dropdown-selectbox-trigger-border-warning);
  box-shadow: none;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown.less ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.dropdown-content {
  max-height: 45vh;
  max-width: 31.25rem;
}
.dropdown-content.selectbox-dropdown-content {
  max-width: 100vw;
}
.dropdown-content .fit-width-to-ref-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.dropdown-content .dropdown-search {
  margin: 0.5rem;
}
.dropdown-content .no-results-message {
  align-self: center;
  margin: 2rem 1rem;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.dropdown-content ul.dropdown-menu-list,
.dropdown-content ul.dropdown-menu-footer {
  margin: 0;
  padding: 0;
}
.dropdown-content ul.dropdown-menu-list {
  flex-shrink: 1;
  padding: 0.5rem 0;
  overflow: auto;
}
.dropdown-content ul.dropdown-menu-list,
.dropdown-content ul.dropdown-menu-list li {
  text-indent: 0;
  list-style-type: none;
}
.dropdown-content ul.dropdown-menu-footer {
  flex-shrink: 0;
  padding: 0.25rem 0 0.5rem 0;
  border-top: 0.0625rem solid var(--dropdown-border-color);
}
.dropdown-content ul.dropdown-menu-list li.drop-item,
.dropdown-content ul.dropdown-menu-footer li.drop-item,
.dropdown-content ul.dropdown-menu-list div.drop-item,
.dropdown-content ul.dropdown-menu-footer div.drop-item {
  cursor: pointer;
}
.dropdown-content ul.dropdown-menu-list li.drop-item button,
.dropdown-content ul.dropdown-menu-footer li.drop-item button,
.dropdown-content ul.dropdown-menu-list div.drop-item button,
.dropdown-content ul.dropdown-menu-footer div.drop-item button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
}
.dropdown-content ul.dropdown-menu-list li.drop-item > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item > *,
.dropdown-content ul.dropdown-menu-list div.drop-item > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item > * {
  width: 100%;
  padding: 0;
  text-align: left;
  font-size: 0.875rem;
  color: var(--dropdown-text-color);
  background: transparent;
  border: none;
  outline: none;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .drop-item-content-wrap,
.dropdown-content ul.dropdown-menu-footer li.drop-item .drop-item-content-wrap,
.dropdown-content ul.dropdown-menu-list div.drop-item .drop-item-content-wrap,
.dropdown-content ul.dropdown-menu-footer div.drop-item .drop-item-content-wrap,
.dropdown-content ul.dropdown-menu-list li.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-footer li.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-list div.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-footer div.drop-item .radiogroup {
  padding: 0.25rem 1rem;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox:focus-visible + label,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox:focus-visible + label,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox:focus-visible + label,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox:focus-visible + label {
  outline: none;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item {
  position: relative;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox-wrapper,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox-wrapper,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox-wrapper,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox-wrapper {
  width: 100%;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox + label,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox + label,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox + label,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox + label {
  width: 100%;
  padding: 0.25rem 0.75rem 0.25rem 2.5rem;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox > .checkbox-subtext,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox > .checkbox-subtext,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox > .checkbox-subtext,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox > .checkbox-subtext {
  padding: 0 0.75rem 0.25rem 2.5rem;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox + label::before,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox + label::before,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox + label::before,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox + label::before,
.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox + label::after,
.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox + label::after,
.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox + label::after,
.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox + label::after {
  left: 0.75rem;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .drop-link,
.dropdown-content ul.dropdown-menu-footer li.drop-item .drop-link,
.dropdown-content ul.dropdown-menu-list div.drop-item .drop-link,
.dropdown-content ul.dropdown-menu-footer div.drop-item .drop-link {
  display: block;
}
.dropdown-content ul.dropdown-menu-list li.drop-item.disabled,
.dropdown-content ul.dropdown-menu-footer li.drop-item.disabled,
.dropdown-content ul.dropdown-menu-list div.drop-item.disabled,
.dropdown-content ul.dropdown-menu-footer div.drop-item.disabled,
.dropdown-content ul.dropdown-menu-list li.drop-item.disabled:hover,
.dropdown-content ul.dropdown-menu-footer li.drop-item.disabled:hover,
.dropdown-content ul.dropdown-menu-list div.drop-item.disabled:hover,
.dropdown-content ul.dropdown-menu-footer div.drop-item.disabled:hover,
.dropdown-content ul.dropdown-menu-list li.drop-item button:disabled,
.dropdown-content ul.dropdown-menu-footer li.drop-item button:disabled,
.dropdown-content ul.dropdown-menu-list div.drop-item button:disabled,
.dropdown-content ul.dropdown-menu-footer div.drop-item button:disabled {
  color: var(--dropdown-trigger-disabled-color);
  background: transparent;
  cursor: default;
}
.dropdown-content ul.dropdown-menu-list li.drop-item.disabled > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item.disabled > *,
.dropdown-content ul.dropdown-menu-list div.drop-item.disabled > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item.disabled > *,
.dropdown-content ul.dropdown-menu-list li.drop-item.disabled:hover > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item.disabled:hover > *,
.dropdown-content ul.dropdown-menu-list div.drop-item.disabled:hover > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item.disabled:hover > * {
  color: var(--dropdown-trigger-disabled-color);
  cursor: default;
}
.dropdown-content ul.dropdown-menu-list li.drop-item.active,
.dropdown-content ul.dropdown-menu-footer li.drop-item.active,
.dropdown-content ul.dropdown-menu-list div.drop-item.active,
.dropdown-content ul.dropdown-menu-footer div.drop-item.active {
  background-color: var(--dropdown-active-background-color);
  box-shadow: inset var(--dropdown-highlight-left-border-width) 0 0 0 var(--dropdown-highlight-left-border-color);
}
.dropdown-content ul.dropdown-menu-list li.drop-item.active > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item.active > *,
.dropdown-content ul.dropdown-menu-list div.drop-item.active > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item.active > * {
  color: var(--dropdown-active-text-color);
}
.dropdown-content ul.dropdown-menu-list li.drop-item.active:hover > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item.active:hover > *,
.dropdown-content ul.dropdown-menu-list div.drop-item.active:hover > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item.active:hover > * {
  color: var(--dropdown-active-text-highlighted-color);
}
.dropdown-content ul.dropdown-menu-list li.drop-item:hover,
.dropdown-content ul.dropdown-menu-footer li.drop-item:hover,
.dropdown-content ul.dropdown-menu-list div.drop-item:hover,
.dropdown-content ul.dropdown-menu-footer div.drop-item:hover,
.dropdown-content ul.dropdown-menu-list li.drop-item:focus,
.dropdown-content ul.dropdown-menu-footer li.drop-item:focus,
.dropdown-content ul.dropdown-menu-list div.drop-item:focus,
.dropdown-content ul.dropdown-menu-footer div.drop-item:focus,
.dropdown-content ul.dropdown-menu-list li.drop-item:active,
.dropdown-content ul.dropdown-menu-footer li.drop-item:active,
.dropdown-content ul.dropdown-menu-list div.drop-item:active,
.dropdown-content ul.dropdown-menu-footer div.drop-item:active,
.dropdown-content ul.dropdown-menu-list li.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer li.drop-item.focused,
.dropdown-content ul.dropdown-menu-list div.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer div.drop-item.focused {
  background: var(--dropdown-highlight-bg);
}
.dropdown-content ul.dropdown-menu-list li.drop-item:hover > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item:hover > *,
.dropdown-content ul.dropdown-menu-list div.drop-item:hover > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item:hover > *,
.dropdown-content ul.dropdown-menu-list li.drop-item:focus > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item:focus > *,
.dropdown-content ul.dropdown-menu-list div.drop-item:focus > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item:focus > *,
.dropdown-content ul.dropdown-menu-list li.drop-item:active > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item:active > *,
.dropdown-content ul.dropdown-menu-list div.drop-item:active > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item:active > *,
.dropdown-content ul.dropdown-menu-list li.drop-item.focused > *,
.dropdown-content ul.dropdown-menu-footer li.drop-item.focused > *,
.dropdown-content ul.dropdown-menu-list div.drop-item.focused > *,
.dropdown-content ul.dropdown-menu-footer div.drop-item.focused > * {
  color: var(--dropdown-text-highlighted-color);
}
.dropdown-content ul.dropdown-menu-list li.drop-item.hovered-item,
.dropdown-content ul.dropdown-menu-footer li.drop-item.hovered-item,
.dropdown-content ul.dropdown-menu-list div.drop-item.hovered-item,
.dropdown-content ul.dropdown-menu-footer div.drop-item.hovered-item,
.dropdown-content ul.dropdown-menu-list li.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer li.drop-item.focused,
.dropdown-content ul.dropdown-menu-list div.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer div.drop-item.focused {
  background: var(--dropdown-highlight-bg);
}
.dropdown-content ul.dropdown-menu-list li.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer li.drop-item.focused,
.dropdown-content ul.dropdown-menu-list div.drop-item.focused,
.dropdown-content ul.dropdown-menu-footer div.drop-item.focused {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.125rem;
}
.dropdown-content ul.dropdown-menu-list li.drop-item i:before,
.dropdown-content ul.dropdown-menu-footer li.drop-item i:before,
.dropdown-content ul.dropdown-menu-list div.drop-item i:before,
.dropdown-content ul.dropdown-menu-footer div.drop-item i:before {
  display: inline-block;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-footer li.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-list div.drop-item .radiogroup,
.dropdown-content ul.dropdown-menu-footer div.drop-item .radiogroup {
  height: auto;
}
.dropdown-content ul.dropdown-menu-list li.drop-item .radiogroup:hover,
.dropdown-content ul.dropdown-menu-footer li.drop-item .radiogroup:hover,
.dropdown-content ul.dropdown-menu-list div.drop-item .radiogroup:hover,
.dropdown-content ul.dropdown-menu-footer div.drop-item .radiogroup:hover {
  background: var(--dropdown-bg);
}
.dropdown-content ul.dropdown-menu-list.sectioned li.title {
  margin: var(--dropdown-section-title-margin);
  padding-right: 0.75rem;
  word-break: break-all;
  border-bottom: var(--dropdown-section-title-bottom-border);
}
.dropdown-content ul.dropdown-menu-list.sectioned li.title.extra-padding-bottom {
  padding-bottom: 0.25rem;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .drop-item-content-wrap,
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .radiogroup {
  padding: 0.25rem var(--dropdown-section-sub-padding);
  box-sizing: border-box;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item {
  position: relative;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox-wrapper {
  width: 100%;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox + label {
  width: 100%;
  padding: 0.25rem 2rem 0.25rem 3.25rem;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox > .checkbox-subtext {
  padding: 0 2rem 0.25rem 3.5rem;
}
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox + label::before,
.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox + label::after {
  left: 1.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/menu-trigger.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.menu-trigger .fa-bars,
.menu-trigger .fa-xmark {
  width: 0.8125rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/adaptive-list/adaptive-list.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.adaptive-list-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  overflow: hidden;
}
.adaptive-list-container .adaptive-list {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/alert/alert.less ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.alert {
  display: flex;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: var(--var-alert-padding);
  border-radius: var(--var-alert-border-radius);
  border-width: 0.0625rem;
  border-style: solid;
  /* Button */
}
.alert.collapsed {
  padding: 1rem;
}
.alert .alert-icon {
  margin-right: 0.5rem;
  font-size: 1rem;
}
.alert .alert-body {
  font-family: 'Inter', sans-serif;
  font-size: var(--var-alert-text-size);
  font-weight: 400;
  line-height: var(--var-alert-text-line-height);
  letter-spacing: normal;
  color: var(--var-alert-text-color);
  fill: var(--var-alert-text-color);
  word-break: break-word;
}
.alert .alert-footer {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-top: var(--var-alert-buttons-margin);
}
.alert .alert-footer:empty {
  margin: 0;
}
.alert .alert-section {
  flex: 1;
  margin-top: -0.125rem;
}
.alert .alert-header {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--var-alert-text-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.alert .alert-header .truncate-with-tooltip {
  line-height: inherit;
}
.alert .alert-header .break-word {
  word-break: break-word;
}
.alert .show-more-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: calc(0.25rem / 2);
}
.alert .show-more-header .alert-header {
  margin-bottom: 0;
}
.alert .show-more-header .alert-header .truncate-with-tooltip {
  line-height: normal;
}
.alert .show-more-header .button {
  flex-shrink: 0;
}
.alert .button {
  margin-top: 0.5rem;
  padding: 0;
}
.alert .alert-docs-link {
  font-weight: bold;
}
.alert .button + .button,
.alert .alert-docs-link + .button,
.alert .button + .alert-docs-link,
.alert .alert-header + .button {
  margin-left: 1rem;
}
.alert .alert-header + .button {
  margin-top: 0;
}
.alert .button:disabled {
  color: var(--text-secondary);
}
.alert.success {
  background-color: var(--var-alert-success-bg);
  border-color: var(--var-alert-success-highlight-color);
}
.alert.success .alert-icon {
  color: var(--var-alert-success-accent-color);
}
.alert.success .alert-docs-link,
.alert.success .button {
  color: var(--var-alert-success-button-color);
  border-bottom: none;
}
.alert.success .alert-docs-link:focus,
.alert.success .alert-docs-link:hover,
.alert.success .button:focus,
.alert.success .button:hover {
  color: var(--var-alert-success-hover-color);
}
.alert.success .alert-docs-link:active,
.alert.success .button:active {
  color: var(--var-alert-success-highlight-color);
}
.alert.warning {
  background-color: var(--var-alert-warning-bg);
  border-color: var(--var-alert-warning-highlight-color);
}
.alert.warning .alert-icon {
  color: var(--var-alert-warning-accent-color);
}
.alert.warning .alert-docs-link,
.alert.warning .button {
  color: var(--var-alert-warning-button-color);
  border-bottom: none;
}
.alert.warning .alert-docs-link:focus,
.alert.warning .alert-docs-link:hover,
.alert.warning .button:focus,
.alert.warning .button:hover {
  color: var(--var-alert-warning-hover-color);
}
.alert.warning .alert-docs-link:active,
.alert.warning .button:active {
  color: var(--var-alert-warning-highlight-color);
}
.alert.info {
  background-color: var(--var-alert-info-bg);
  border-color: var(--var-alert-info-highlight-color);
}
.alert.info .alert-icon {
  color: var(--var-alert-info-accent-color);
}
.alert.info .alert-docs-link,
.alert.info .button {
  color: var(--var-alert-info-button-color);
  border-bottom: none;
}
.alert.info .alert-docs-link:focus,
.alert.info .alert-docs-link:hover,
.alert.info .button:focus,
.alert.info .button:hover {
  color: var(--var-alert-info-hover-color);
}
.alert.info .alert-docs-link:active,
.alert.info .button:active {
  color: var(--var-alert-info-highlight-color);
}
.alert.failure {
  background-color: var(--var-alert-failure-bg);
  border-color: var(--var-alert-failure-highlight-color);
}
.alert.failure .alert-icon {
  color: var(--var-alert-failure-accent-color);
}
.alert.failure .alert-docs-link,
.alert.failure .button {
  color: var(--var-alert-failure-button-color);
  border-bottom: none;
}
.alert.failure .alert-docs-link:focus,
.alert.failure .alert-docs-link:hover,
.alert.failure .button:focus,
.alert.failure .button:hover {
  color: var(--var-alert-failure-hover-color);
}
.alert.failure .alert-docs-link:active,
.alert.failure .button:active {
  color: var(--var-alert-failure-highlight-color);
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/avatar/avatar.less ***!
  \******************************************************************************************************************************************************************************************************************************************/
.avatar {
  display: flex;
  align-items: center;
  margin: 0;
}
.avatar .avatar-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  min-width: 1.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: var(--avatar-icon-initials-color);
  background-color: var(--avatar-icon-initials-bg-color);
  border-radius: 50%;
}
.avatar .avatar-name {
  margin-left: 0.5rem;
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/badge/badge.less ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.badge-container {
  position: relative;
  width: fit-content;
}
.badge-container.success .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-success-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.success .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.success.clickable:hover .highlighted-badge {
  color: var(--badge-success-highlighted-color);
  background-color: var(--badge-success-hover-bg);
}
.badge-container.success.outlined .remove-button {
  color: var(--badge-success-outlined-color);
}
.badge-container.success.outlined .highlighted-badge {
  color: var(--badge-success-outlined-color);
  background: none;
  border-color: var(--badge-success-outlined-color);
}
.badge-container.success.outlined.clickable:hover .remove-button {
  color: var(--badge-success-outlined-hover-color);
}
.badge-container.success.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-success-outlined-hover-color);
  background: none;
  border-color: var(--badge-success-outlined-hover-color);
}
.badge-container.warning .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-warning-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.warning .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.warning.clickable:hover .highlighted-badge {
  color: var(--badge-warning-highlighted-color);
  background-color: var(--badge-warning-hover-bg);
}
.badge-container.warning.outlined .remove-button {
  color: var(--badge-warning-outlined-color);
}
.badge-container.warning.outlined .highlighted-badge {
  color: var(--badge-warning-outlined-color);
  background: none;
  border-color: var(--badge-warning-outlined-color);
}
.badge-container.warning.outlined.clickable:hover .remove-button {
  color: var(--badge-warning-outlined-hover-color);
}
.badge-container.warning.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-warning-outlined-hover-color);
  background: none;
  border-color: var(--badge-warning-outlined-hover-color);
}
.badge-container.error .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-error-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.error .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.error.clickable:hover .highlighted-badge {
  color: var(--badge-error-highlighted-color);
  background-color: var(--badge-error-hover-bg);
}
.badge-container.error.outlined .remove-button {
  color: var(--badge-error-outlined-color);
}
.badge-container.error.outlined .highlighted-badge {
  color: var(--badge-error-outlined-color);
  background: none;
  border-color: var(--badge-error-outlined-color);
}
.badge-container.error.outlined.clickable:hover .remove-button {
  color: var(--badge-error-outlined-hover-color);
}
.badge-container.error.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-error-outlined-hover-color);
  background: none;
  border-color: var(--badge-error-outlined-hover-color);
}
.badge-container.info .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-info-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.info .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.info.clickable:hover .highlighted-badge {
  color: var(--badge-info-highlighted-color);
  background-color: var(--badge-info-hover-bg);
}
.badge-container.info.outlined .remove-button {
  color: var(--badge-info-outlined-color);
}
.badge-container.info.outlined .highlighted-badge {
  color: var(--badge-info-outlined-color);
  background: none;
  border-color: var(--badge-info-outlined-color);
}
.badge-container.info.outlined.clickable:hover .remove-button {
  color: var(--badge-info-outlined-hover-color);
}
.badge-container.info.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-info-outlined-hover-color);
  background: none;
  border-color: var(--badge-info-outlined-hover-color);
}
.badge-container.plain .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-plain-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.plain .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.plain.clickable:hover .highlighted-badge {
  color: var(--badge-plain-highlighted-color);
  background-color: var(--badge-plain-hover-bg);
}
.badge-container.plain.outlined .remove-button {
  color: var(--badge-plain-outlined-color);
}
.badge-container.plain.outlined .highlighted-badge {
  color: var(--badge-plain-outlined-color);
  background: none;
  border-color: var(--badge-plain-outlined-color);
}
.badge-container.plain.outlined.clickable:hover .remove-button {
  color: var(--badge-plain-outlined-hover-color);
}
.badge-container.plain.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-plain-outlined-hover-color);
  background: none;
  border-color: var(--badge-plain-outlined-hover-color);
}
.badge-container.dark .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-dark-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.dark .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.dark.clickable:hover .highlighted-badge {
  color: var(--badge-dark-highlighted-color);
  background-color: var(--badge-dark-hover-bg);
}
.badge-container.dark.outlined .remove-button {
  color: var(--badge-dark-outlined-color);
}
.badge-container.dark.outlined .highlighted-badge {
  color: var(--badge-dark-outlined-color);
  background: none;
  border-color: var(--badge-dark-outlined-color);
}
.badge-container.dark.outlined.clickable:hover .remove-button {
  color: var(--badge-dark-outlined-hover-color);
}
.badge-container.dark.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-dark-outlined-hover-color);
  background: none;
  border-color: var(--badge-dark-outlined-hover-color);
}
.badge-container.pink .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-pink-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.pink .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.pink.clickable:hover .highlighted-badge {
  color: var(--badge-pink-highlighted-color);
  background-color: var(--badge-pink-hover-bg);
}
.badge-container.pink.outlined .remove-button {
  color: var(--badge-pink-outlined-color);
}
.badge-container.pink.outlined .highlighted-badge {
  color: var(--badge-pink-outlined-color);
  background: none;
  border-color: var(--badge-pink-outlined-color);
}
.badge-container.pink.outlined.clickable:hover .remove-button {
  color: var(--badge-pink-outlined-hover-color);
}
.badge-container.pink.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-pink-outlined-hover-color);
  background: none;
  border-color: var(--badge-pink-outlined-hover-color);
}
.badge-container.turquoise .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-turquoise-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.turquoise .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.turquoise.clickable:hover .highlighted-badge {
  color: var(--badge-turquoise-highlighted-color);
  background-color: var(--badge-turquoise-hover-bg);
}
.badge-container.turquoise.outlined .remove-button {
  color: var(--badge-turquoise-outlined-color);
}
.badge-container.turquoise.outlined .highlighted-badge {
  color: var(--badge-turquoise-outlined-color);
  background: none;
  border-color: var(--badge-turquoise-outlined-color);
}
.badge-container.turquoise.outlined.clickable:hover .remove-button {
  color: var(--badge-turquoise-outlined-hover-color);
}
.badge-container.turquoise.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-turquoise-outlined-hover-color);
  background: none;
  border-color: var(--badge-turquoise-outlined-hover-color);
}
.badge-container.purple .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-purple-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.purple .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.purple.clickable:hover .highlighted-badge {
  color: var(--badge-purple-highlighted-color);
  background-color: var(--badge-purple-hover-bg);
}
.badge-container.purple.outlined .remove-button {
  color: var(--badge-purple-outlined-color);
}
.badge-container.purple.outlined .highlighted-badge {
  color: var(--badge-purple-outlined-color);
  background: none;
  border-color: var(--badge-purple-outlined-color);
}
.badge-container.purple.outlined.clickable:hover .remove-button {
  color: var(--badge-purple-outlined-hover-color);
}
.badge-container.purple.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-purple-outlined-hover-color);
  background: none;
  border-color: var(--badge-purple-outlined-hover-color);
}
.badge-container.blue .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-blue-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.blue .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.blue.clickable:hover .highlighted-badge {
  color: var(--badge-blue-highlighted-color);
  background-color: var(--badge-blue-hover-bg);
}
.badge-container.blue.outlined .remove-button {
  color: var(--badge-blue-outlined-color);
}
.badge-container.blue.outlined .highlighted-badge {
  color: var(--badge-blue-outlined-color);
  background: none;
  border-color: var(--badge-blue-outlined-color);
}
.badge-container.blue.outlined.clickable:hover .remove-button {
  color: var(--badge-blue-outlined-hover-color);
}
.badge-container.blue.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-blue-outlined-hover-color);
  background: none;
  border-color: var(--badge-blue-outlined-hover-color);
}
.badge-container.orange .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-orange-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.orange .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.orange.clickable:hover .highlighted-badge {
  color: var(--badge-orange-highlighted-color);
  background-color: var(--badge-orange-hover-bg);
}
.badge-container.orange.outlined .remove-button {
  color: var(--badge-orange-outlined-color);
}
.badge-container.orange.outlined .highlighted-badge {
  color: var(--badge-orange-outlined-color);
  background: none;
  border-color: var(--badge-orange-outlined-color);
}
.badge-container.orange.outlined.clickable:hover .remove-button {
  color: var(--badge-orange-outlined-hover-color);
}
.badge-container.orange.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-orange-outlined-hover-color);
  background: none;
  border-color: var(--badge-orange-outlined-hover-color);
}
.badge-container.apple .remove-button {
  position: absolute;
  top: 50%;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  line-height: 1;
  color: var(--badge-apple-color);
  transform: translateX(-60%) translateY(-50%);
}
.badge-container.apple .remove-button.button {
  padding: 0;
  background: none;
  border: none;
}
.badge-container.apple.clickable:hover .highlighted-badge {
  color: var(--badge-apple-highlighted-color);
  background-color: var(--badge-apple-hover-bg);
}
.badge-container.apple.outlined .remove-button {
  color: var(--badge-apple-outlined-color);
}
.badge-container.apple.outlined .highlighted-badge {
  color: var(--badge-apple-outlined-color);
  background: none;
  border-color: var(--badge-apple-outlined-color);
}
.badge-container.apple.outlined.clickable:hover .remove-button {
  color: var(--badge-apple-outlined-hover-color);
}
.badge-container.apple.outlined.clickable:hover .highlighted-badge {
  color: var(--badge-apple-outlined-hover-color);
  background: none;
  border-color: var(--badge-apple-outlined-hover-color);
}
.highlighted-badge {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: var(--badge-font-weight);
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 1.25rem;
  width: fit-content;
  margin: 0.25rem 0;
  padding: var(--badge-up-bottom-padding) var(--badge-side-padding);
  text-transform: var(--badge-text-transfrom);
  letter-spacing: var(--badge-letter-spacing);
  white-space: nowrap;
  background: var(--table-row-even-bg);
  border-radius: var(--badge-border-radius);
  overflow: hidden;
}
.highlighted-badge.has-remove-button {
  padding-right: 1.25rem;
}
.highlighted-badge .badge-icon {
  margin-right: 0.5rem;
}
.highlighted-badge + .highlighted-badge {
  margin-left: var(--badge-inline-spacing);
}
.highlighted-badge > * {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.highlighted-badge > * + * {
  margin-left: 0.25rem;
}
.highlighted-badge.clickable {
  cursor: pointer;
}
.highlighted-badge.success {
  color: var(--badge-success-color);
  background-color: var(--badge-success-bg);
  border: 0.0625rem solid var(--badge-success-border);
}
button.highlighted-badge.success:hover:not(:disabled),
button.highlighted-badge.success:active:not(:disabled),
.highlighted-badge.success.clickable:hover {
  color: var(--badge-success-highlighted-color);
  background-color: var(--badge-success-hover-bg);
}
.highlighted-badge.success.outlined {
  color: var(--badge-success-outlined-color);
  background: none;
  border-color: var(--badge-success-outlined-color);
}
.highlighted-badge.success.outlined.clickable:hover {
  color: var(--badge-success-outlined-hover-color);
  background: none;
  border-color: var(--badge-success-outlined-hover-color);
}
.highlighted-badge.success.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.success.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.success.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.success.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.warning {
  color: var(--badge-warning-color);
  background-color: var(--badge-warning-bg);
  border: 0.0625rem solid var(--badge-warning-border);
}
button.highlighted-badge.warning:hover:not(:disabled),
button.highlighted-badge.warning:active:not(:disabled),
.highlighted-badge.warning.clickable:hover {
  color: var(--badge-warning-highlighted-color);
  background-color: var(--badge-warning-hover-bg);
}
.highlighted-badge.warning.outlined {
  color: var(--badge-warning-outlined-color);
  background: none;
  border-color: var(--badge-warning-outlined-color);
}
.highlighted-badge.warning.outlined.clickable:hover {
  color: var(--badge-warning-outlined-hover-color);
  background: none;
  border-color: var(--badge-warning-outlined-hover-color);
}
.highlighted-badge.warning.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.warning.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.warning.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.warning.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.error {
  color: var(--badge-error-color);
  background-color: var(--badge-error-bg);
  border: 0.0625rem solid var(--badge-error-border);
}
button.highlighted-badge.error:hover:not(:disabled),
button.highlighted-badge.error:active:not(:disabled),
.highlighted-badge.error.clickable:hover {
  color: var(--badge-error-highlighted-color);
  background-color: var(--badge-error-hover-bg);
}
.highlighted-badge.error.outlined {
  color: var(--badge-error-outlined-color);
  background: none;
  border-color: var(--badge-error-outlined-color);
}
.highlighted-badge.error.outlined.clickable:hover {
  color: var(--badge-error-outlined-hover-color);
  background: none;
  border-color: var(--badge-error-outlined-hover-color);
}
.highlighted-badge.error.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.error.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.error.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.error.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.info {
  color: var(--badge-info-color);
  background-color: var(--badge-info-bg);
  border: 0.0625rem solid var(--badge-info-border);
}
button.highlighted-badge.info:hover:not(:disabled),
button.highlighted-badge.info:active:not(:disabled),
.highlighted-badge.info.clickable:hover {
  color: var(--badge-info-highlighted-color);
  background-color: var(--badge-info-hover-bg);
}
.highlighted-badge.info.outlined {
  color: var(--badge-info-outlined-color);
  background: none;
  border-color: var(--badge-info-outlined-color);
}
.highlighted-badge.info.outlined.clickable:hover {
  color: var(--badge-info-outlined-hover-color);
  background: none;
  border-color: var(--badge-info-outlined-hover-color);
}
.highlighted-badge.info.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.info.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.info.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.info.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.plain {
  color: var(--badge-plain-color);
  background-color: var(--badge-plain-bg);
  border: 0.0625rem solid var(--badge-plain-border);
}
button.highlighted-badge.plain:hover:not(:disabled),
button.highlighted-badge.plain:active:not(:disabled),
.highlighted-badge.plain.clickable:hover {
  color: var(--badge-plain-highlighted-color);
  background-color: var(--badge-plain-hover-bg);
}
.highlighted-badge.plain.outlined {
  color: var(--badge-plain-outlined-color);
  background: none;
  border-color: var(--badge-plain-outlined-color);
}
.highlighted-badge.plain.outlined.clickable:hover {
  color: var(--badge-plain-outlined-hover-color);
  background: none;
  border-color: var(--badge-plain-outlined-hover-color);
}
.highlighted-badge.plain.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.plain.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.plain.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.plain.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.dark {
  color: var(--badge-dark-color);
  background-color: var(--badge-dark-bg);
  border: 0.0625rem solid var(--badge-dark-border);
}
button.highlighted-badge.dark:hover:not(:disabled),
button.highlighted-badge.dark:active:not(:disabled),
.highlighted-badge.dark.clickable:hover {
  color: var(--badge-dark-highlighted-color);
  background-color: var(--badge-dark-hover-bg);
}
.highlighted-badge.dark.outlined {
  color: var(--badge-dark-outlined-color);
  background: none;
  border-color: var(--badge-dark-outlined-color);
}
.highlighted-badge.dark.outlined.clickable:hover {
  color: var(--badge-dark-outlined-hover-color);
  background: none;
  border-color: var(--badge-dark-outlined-hover-color);
}
.highlighted-badge.dark.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.dark.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.dark.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.dark.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.pink {
  color: var(--badge-pink-color);
  background-color: var(--badge-pink-bg);
  border: 0.0625rem solid var(--badge-pink-border);
}
button.highlighted-badge.pink:hover:not(:disabled),
button.highlighted-badge.pink:active:not(:disabled),
.highlighted-badge.pink.clickable:hover {
  color: var(--badge-pink-highlighted-color);
  background-color: var(--badge-pink-hover-bg);
}
.highlighted-badge.pink.outlined {
  color: var(--badge-pink-outlined-color);
  background: none;
  border-color: var(--badge-pink-outlined-color);
}
.highlighted-badge.pink.outlined.clickable:hover {
  color: var(--badge-pink-outlined-hover-color);
  background: none;
  border-color: var(--badge-pink-outlined-hover-color);
}
.highlighted-badge.pink.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.pink.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.pink.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.pink.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.turquoise {
  color: var(--badge-turquoise-color);
  background-color: var(--badge-turquoise-bg);
  border: 0.0625rem solid var(--badge-turquoise-border);
}
button.highlighted-badge.turquoise:hover:not(:disabled),
button.highlighted-badge.turquoise:active:not(:disabled),
.highlighted-badge.turquoise.clickable:hover {
  color: var(--badge-turquoise-highlighted-color);
  background-color: var(--badge-turquoise-hover-bg);
}
.highlighted-badge.turquoise.outlined {
  color: var(--badge-turquoise-outlined-color);
  background: none;
  border-color: var(--badge-turquoise-outlined-color);
}
.highlighted-badge.turquoise.outlined.clickable:hover {
  color: var(--badge-turquoise-outlined-hover-color);
  background: none;
  border-color: var(--badge-turquoise-outlined-hover-color);
}
.highlighted-badge.turquoise.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.turquoise.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.turquoise.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.turquoise.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.purple {
  color: var(--badge-purple-color);
  background-color: var(--badge-purple-bg);
  border: 0.0625rem solid var(--badge-purple-border);
}
button.highlighted-badge.purple:hover:not(:disabled),
button.highlighted-badge.purple:active:not(:disabled),
.highlighted-badge.purple.clickable:hover {
  color: var(--badge-purple-highlighted-color);
  background-color: var(--badge-purple-hover-bg);
}
.highlighted-badge.purple.outlined {
  color: var(--badge-purple-outlined-color);
  background: none;
  border-color: var(--badge-purple-outlined-color);
}
.highlighted-badge.purple.outlined.clickable:hover {
  color: var(--badge-purple-outlined-hover-color);
  background: none;
  border-color: var(--badge-purple-outlined-hover-color);
}
.highlighted-badge.purple.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.purple.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.purple.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.purple.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.blue {
  color: var(--badge-blue-color);
  background-color: var(--badge-blue-bg);
  border: 0.0625rem solid var(--badge-blue-border);
}
button.highlighted-badge.blue:hover:not(:disabled),
button.highlighted-badge.blue:active:not(:disabled),
.highlighted-badge.blue.clickable:hover {
  color: var(--badge-blue-highlighted-color);
  background-color: var(--badge-blue-hover-bg);
}
.highlighted-badge.blue.outlined {
  color: var(--badge-blue-outlined-color);
  background: none;
  border-color: var(--badge-blue-outlined-color);
}
.highlighted-badge.blue.outlined.clickable:hover {
  color: var(--badge-blue-outlined-hover-color);
  background: none;
  border-color: var(--badge-blue-outlined-hover-color);
}
.highlighted-badge.blue.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.blue.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.blue.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.blue.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.orange {
  color: var(--badge-orange-color);
  background-color: var(--badge-orange-bg);
  border: 0.0625rem solid var(--badge-orange-border);
}
button.highlighted-badge.orange:hover:not(:disabled),
button.highlighted-badge.orange:active:not(:disabled),
.highlighted-badge.orange.clickable:hover {
  color: var(--badge-orange-highlighted-color);
  background-color: var(--badge-orange-hover-bg);
}
.highlighted-badge.orange.outlined {
  color: var(--badge-orange-outlined-color);
  background: none;
  border-color: var(--badge-orange-outlined-color);
}
.highlighted-badge.orange.outlined.clickable:hover {
  color: var(--badge-orange-outlined-hover-color);
  background: none;
  border-color: var(--badge-orange-outlined-hover-color);
}
.highlighted-badge.orange.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.orange.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.orange.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.orange.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}
.highlighted-badge.apple {
  color: var(--badge-apple-color);
  background-color: var(--badge-apple-bg);
  border: 0.0625rem solid var(--badge-apple-border);
}
button.highlighted-badge.apple:hover:not(:disabled),
button.highlighted-badge.apple:active:not(:disabled),
.highlighted-badge.apple.clickable:hover {
  color: var(--badge-apple-highlighted-color);
  background-color: var(--badge-apple-hover-bg);
}
.highlighted-badge.apple.outlined {
  color: var(--badge-apple-outlined-color);
  background: none;
  border-color: var(--badge-apple-outlined-color);
}
.highlighted-badge.apple.outlined.clickable:hover {
  color: var(--badge-apple-outlined-hover-color);
  background: none;
  border-color: var(--badge-apple-outlined-hover-color);
}
.highlighted-badge.apple.disabled {
  color: var(--badge-disabled-color);
  background-color: var(--badge-disabled-bg);
  border: 0.0625rem solid var(--badge-disabled-border);
  cursor: not-allowed;
}
.highlighted-badge.apple.disabled.outlined {
  color: var(--badge-disabled-outlined-color);
  background: none;
  border-color: var(--badge-disabled-outlined-color);
}
.highlighted-badge.apple.loading {
  color: var(--badge-loading-color);
  background-color: var(--badge-loading-bg);
  border: 0.0625rem solid var(--badge-loading-border);
  cursor: default;
}
.highlighted-badge.apple.loading.outlined {
  color: var(--badge-loading-outlined-color);
  background: none;
  border-color: var(--badge-loading-outlined-color);
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/breadcrumbs/breadcrumbs.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.breadcrumbs {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
.breadcrumbs .breadcrumb-item {
  font-family: 'Inter', sans-serif;
  font-size: var(--breadcrumbs-link-font-size);
  font-weight: var(--breadcrumbs-link-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  display: inline-flex;
  align-items: center;
  max-width: 12.5rem;
  color: inherit;
}
.breadcrumbs .breadcrumb-item:last-child {
  font-weight: var(--breadcrumbs-last-link-font-weight);
}
.breadcrumbs .breadcrumb-item:before {
  content: '/';
  margin: 0 0.25rem;
  color: var(--breadcrumbs-text-color);
}
.breadcrumbs .breadcrumb-item:first-child {
  flex-shrink: 0;
}
.breadcrumbs .breadcrumb-item:first-child:before {
  content: none;
}
.breadcrumbs .breadcrumb-item span.breadcrumb-item-wrapper {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs .breadcrumb-item:last-child:not(.breadcrumb-item-link) .breadcrumb-link {
  color: var(--breadcrumbs-text-color);
  cursor: default;
  text-decoration: none;
}
.breadcrumbs .breadcrumb-item.breadcrumb-item-truncated .selected-item {
  display: inline-block;
  width: 1.75rem;
  line-height: 1.75rem;
  border-radius: var(--breadcrumbs-ellipsis-icon-border-radius);
  cursor: pointer;
}
.breadcrumbs .breadcrumb-item.breadcrumb-item-truncated .selected-item:hover {
  color: var(--breadcrumbs-ellipsis-icon-hover-color);
  background-color: var(--breadcrumbs-ellipsis-icon-hover);
}
.breadcrumbs .breadcrumb-item.breadcrumb-item-truncated.active .selected-item {
  color: var(--breadcrumbs-ellipsis-icon-active-color);
  background-color: var(--breadcrumbs-ellipsis-icon-active);
}
.breadcrumbs .selected-item .truncate-with-tooltip {
  max-width: 15.625rem;
}
.breadcrumbs .breadcrumb-link {
  color: var(--breadcrumbs-link-color);
  text-decoration: none;
}
.breadcrumbs .breadcrumb-link:hover,
.breadcrumbs .breadcrumb-link:focus {
  color: var(--breadcrumbs-link-hover-color);
  text-decoration: var(--breadcrumbs-hover-text-decoration);
}
.breadcrumbs .breadcrumb-link:focus {
  outline: 0.3125rem auto var(--accent-secondary);
  outline-offset: -0.125rem;
}
.breadcrumbs .fa-chevron-left {
  margin-right: 0.25rem;
}
.breadcrumbs.credentials-breadcrumbs {
  flex-shrink: 0;
  margin: 0.75rem 0;
}
.breadcrumbs.credentials-breadcrumbs .breadcrumb-item {
  color: var(--breadcrumbs-secondary-text-color);
}
.breadcrumbs.credentials-breadcrumbs > :nth-child(2) {
  flex-shrink: 2;
}
.breadcrumbs.credentials-breadcrumbs > :nth-child(3) {
  flex-shrink: 1;
  color: var(--breadcrumbs-text-color);
}
.breadcrumbs.credentials-breadcrumbs .fa-chevron-right:before {
  margin: 0 0.25rem;
}
.breadcrumbs.credentials-breadcrumbs .emphasis {
  font-weight: bold;
}
.breadcrumbs.credentials-breadcrumbs .breadcrumb-item:before {
  color: var(--breadcrumbs-secondary-text-color);
}
.breadcrumbs.arrow-breadcrumbs .breadcrumb-item {
  font-weight: normal;
  color: var(--breadcrumbs-secondary-text-color);
}
.breadcrumbs.arrow-breadcrumbs .breadcrumb-item.emphasis {
  font-weight: bold;
  color: var(--breadcrumbs-text-color);
}
.breadcrumbs.arrow-breadcrumbs .breadcrumb-item .breadcrumb-link {
  font-weight: inherit;
  color: inherit;
  cursor: pointer;
}
.breadcrumbs.arrow-breadcrumbs .breadcrumb-item:before {
  content: '>';
  margin: 0 0.25rem;
}
.breadcrumbs.arrow-breadcrumbs .breadcrumb-item:first-child:before {
  content: none;
}
.breadcrumbs .breadcrumb-item-trigger .selected-item svg {
  flex-shrink: 0;
}
.breadcrumbs .breadcrumb-item-trigger:hover .selected-item,
.breadcrumbs .breadcrumb-item-trigger:focus:not(:focus-visible) .selected-item,
.breadcrumbs .breadcrumb-item-trigger:active .selected-item,
.breadcrumbs .breadcrumb-item-trigger:hover .trigger-chevron-down,
.breadcrumbs .breadcrumb-item-trigger:focus:not(:focus-visible) .trigger-chevron-down,
.breadcrumbs .breadcrumb-item-trigger:active .trigger-chevron-down {
  color: var(--breadcrumb-item-trigger-hover-color);
}
.breadcrumbs-dropdown-content {
  max-width: 23.75rem;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/card/card.less ***!
  \**************************************************************************************************************************************************************************************************************************************/
.card-container {
  padding: 2rem 4rem;
  color: var(--text-primary);
  background: var(--card-background);
  border-radius: 0.125rem;
  box-shadow: var(--card-box-shadow);
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/chart-legend/chart-legend-item.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.chart-legend-item {
  position: relative;
  display: flex;
  align-content: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.chart-legend-item:focus-within {
  outline: 0.125rem solid var(--focus-outline-color);
  outline-offset: 0.125rem;
}
.chart-legend-item .chart-legend-item-label {
  display: flex;
  align-content: center;
  justify-content: center;
  word-break: break-word;
  color: var(--chart-legend-item-text-color);
}
.chart-legend-item .chart-legend-item-label > * + * {
  margin-left: 0.5rem;
}
.chart-legend-item .chart-legend-item-label .chart-legend-glyph-wrapper {
  flex-shrink: 0;
}
.chart-legend-item input.chart-legend-item-checkbox {
  /* Hide native checkbox, but keep it focusable */
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
.chart-legend-item input.chart-legend-item-checkbox + label {
  cursor: pointer;
  opacity: 0.5;
}
.chart-legend-item input.chart-legend-item-checkbox + label:hover {
  color: var(--chart-legend-item-text-hover-color);
}
.chart-legend-item input.chart-legend-item-checkbox:checked + label {
  opacity: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/chart-legend/chart-legend.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.chart-legend {
  display: flex;
  flex-wrap: wrap;
}
.chart-legend > * {
  margin-right: 1.25rem;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/typeahead/typeahead.less ***!
  \************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.typeahead-input-group.is-required .dr-form-field-label:after {
  content: '\002A';
  margin-left: 0.25rem;
}
.typeahead-input-group .dr-validity-messages {
  margin-top: 0.75rem;
}
.typeahead-input-group * {
  box-sizing: border-box;
}
.typeahead-input-group .dr-form-field-wrapper input {
  width: 100%;
}
.typeahead-input-group .dr-form-field-wrapper input.is-empty {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-failure-color);
}
.typeahead-input-group .dr-form-field-wrapper input.is-failed {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-failure-color);
}
.typeahead-input-group .dr-form-field-wrapper input.is-succeeded {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-success-color);
}
.typeahead-input-group .dr-form-field-wrapper input.is-warned {
  box-shadow: inset 0 0 0 var(--active-box-shadow-thickness) var(--input-warning-color);
}
.typeahead-dropdown-content {
  max-height: 30vh;
}
.typeahead-dropdown-content .typeahead-dropdown-list {
  position: static;
  display: flex;
  flex-direction: column;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-scrollable-container {
  width: 100%;
  text-align: left;
  font-size: 1em;
  text-shadow: none;
  overflow-x: hidden;
  overflow-y: auto;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item {
  padding: 0.75rem;
  word-break: break-word;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item > * {
  display: inline;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item .right-of-match,
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item .left-of-match {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item .no-match {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item.disabled span {
  color: var(--dropdown-text-disabled-color);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item .matched {
  font-weight: 900;
  color: var(--text-primary);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item:not(.disabled):hover {
  background: inherit;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item:not(.disabled).selected {
  color: var(--accent-secondary);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item:not(.disabled).active {
  background: var(--dropdown-highlight-bg);
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item.focused {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.125rem;
}
.typeahead-dropdown-content .typeahead-dropdown-list .typeahead-dropdown-item.typeahead-dropdown-no-items {
  text-align: center;
  line-height: 1.25rem;
  color: var(--multi-select-no-item-text-color);
  cursor: default;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/typeahead/multi-select-typeahead/multi-select-typeahead.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.multi-select-typeahead .dr-form-field-label {
  display: block;
  margin-bottom: 0.25rem;
}
.multi-select-typeahead .helper-text {
  margin-bottom: var(--input-subtext-margin-bottom);
  font-family: 'Inter', sans-serif;
  font-size: var(--input-subtext-font-size);
  font-weight: 400;
  line-height: var(--input-subtext-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.multi-select-typeahead .helper-text.disabled {
  color: var(--input-disabled-color);
}
.multi-select-typeahead .helper-text-bottom {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.multi-select-typeahead * {
  box-sizing: border-box;
}
.multi-select-typeahead .multi-select-container {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.25rem;
  max-height: 9.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.375rem 0.5rem 0.1875rem;
  color: var(--input-color);
  background-color: var(--input-bg);
  border: 0.0625rem solid var(--input-border-color);
  border-radius: var(--input-border-radius);
  flex-wrap: wrap;
  overflow-y: auto;
  cursor: text;
  transition: background 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.multi-select-typeahead .multi-select-container.disabled {
  background: var(--input-bg-disabled);
}
.multi-select-typeahead .multi-select-container.error {
  border: 0.0625rem solid var(--action-failure-visual);
}
.multi-select-typeahead .multi-select-container .clear-all-button {
  color: var(--multi-select-clear-all-button-color);
}
.multi-select-typeahead .multi-select-container:hover:not(.disabled):not(.focused) {
  background-color: var(--input-bg-hovered);
  border-color: var(--multi-select-hover-border-color);
  box-shadow: var(--multi-select-hover-box-shadow);
}
.multi-select-typeahead .multi-select-container:hover:not(.disabled):not(.focused) .multi-select-label {
  color: var(--multi-select-label-hover-color);
  background-color: var(--multi-select-label-hover-bg);
}
.multi-select-typeahead .multi-select-container:hover:not(.disabled):not(.focused) .remove-button {
  color: var(--multi-select-button-hover-color);
}
.multi-select-typeahead .multi-select-container:hover:not(.disabled):not(.focused) .clear-all-button {
  color: var(--multi-select-clear-all-button-active-color);
}
.multi-select-typeahead .multi-select-container.focused,
.multi-select-typeahead .multi-select-container:focus-within {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  border: 0.0625rem solid transparent;
  outline: var(--multi-select-outline-width) solid var(--input-focused-border-color);
  outline-offset: calc(0px - var(--multi-select-outline-width));
}
.multi-select-typeahead .multi-select-container.focused .multi-select-label,
.multi-select-typeahead .multi-select-container:focus-within .multi-select-label,
.multi-select-typeahead .multi-select-container.focused input.multi-select-input,
.multi-select-typeahead .multi-select-container:focus-within input.multi-select-input {
  color: var(--input-color-focused);
}
.multi-select-typeahead .multi-select-container.focused .multi-select-label,
.multi-select-typeahead .multi-select-container:focus-within .multi-select-label {
  color: var(--multi-select-label-hover-color);
  background-color: var(--multi-select-label-focused-bg);
}
.multi-select-typeahead .multi-select-container.focused .clear-all-button,
.multi-select-typeahead .multi-select-container:focus-within .clear-all-button {
  color: var(--multi-select-clear-all-button-active-color);
}
.multi-select-typeahead .multi-select-container.focused .remove-button,
.multi-select-typeahead .multi-select-container:focus-within .remove-button {
  color: var(--multi-select-button-hover-color);
}
.multi-select-typeahead .multi-select-container .multi-select-label {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  max-width: 100%;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.125rem 0.5rem;
  font-size: var(--multi-select-font-size);
  line-height: 1;
  color: var(--multi-select-label-color);
  background-color: var(--multi-select-label-bg);
  border-radius: var(--multi-select-label-radius);
}
.multi-select-typeahead .multi-select-container .multi-select-label .label-name {
  line-height: 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multi-select-typeahead .multi-select-container .multi-select-label .remove-button {
  height: 1rem;
  font-size: var(--multi-select-font-size);
  line-height: 1.125rem;
}
.multi-select-typeahead .multi-select-container .multi-select-label * + * {
  margin-left: 0.25rem;
}
.multi-select-typeahead .multi-select-container .multi-select-label.disabled {
  color: var(--input-color-disabled);
  background-color: var(--multi-select-label-disabled-bg);
}
.multi-select-typeahead .multi-select-container .multi-select-label.disabled .remove-button {
  color: var(--input-color-disabled);
}
.multi-select-typeahead .multi-select-container .multi-select-label.is-invalid {
  border: 0.0625rem solid var(--multi-select-label-error-color);
}
.multi-select-typeahead .multi-select-container .typeahead-input-group {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 5rem;
}
.multi-select-typeahead .multi-select-container input.multi-select-input {
  flex: 1;
  width: 100%;
  min-height: 1.25rem;
  min-width: 6.25rem;
  padding: 0;
  font-size: 0.875rem;
}
.multi-select-typeahead .multi-select-container input.multi-select-input,
.multi-select-typeahead .multi-select-container input.multi-select-input:hover,
.multi-select-typeahead .multi-select-container input.multi-select-input:focus {
  background: none;
  border: none;
  outline: none;
  box-shadow: none;
}
.multi-select-typeahead .multi-select-values {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.multi-select-typeahead .multi-select-values > * {
  margin-right: 0.25rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-bottom: 0.125rem;
}
.multi-select-typeahead .clear-all-button {
  color: var(--accent-primary);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/typeahead/multi-select-typeahead/checkbox-multiselect-typeahead.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
.checkbox-multiselect-typeahead-dropdown-content {
  display: block;
  max-height: none;
}
.checkbox-multiselect-typeahead-dropdown-content .checkbox-multiselect-container {
  max-height: 30vh;
  overflow-y: auto;
}
.checkbox-multiselect-typeahead-dropdown-content .sticky-typeahead-dropdown-item {
  position: sticky;
  top: 0;
  padding-top: 1rem;
  background: var(--dropdown-bg);
  border-bottom: 0.0625rem solid var(--multi-select-checkbox-select-all-border);
  opacity: 1;
  z-index: 1;
}
.checkbox-multiselect-typeahead-dropdown-content .sticky-typeahead-dropdown-item .label-column,
.checkbox-multiselect-typeahead-dropdown-content .sticky-typeahead-dropdown-item .checkbox-item-additional-column {
  text-transform: uppercase;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item {
  flex-shrink: 0;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container {
  display: flex;
  align-items: center;
  height: 1.25rem;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container .columns-container {
  display: flex;
  flex-grow: 1;
  align-items: stretch;
  width: 100%;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container .label-column-container {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 60%;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container .additional-columns-container {
  display: grid;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 40%;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  gap: 0.5rem;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container .checkbox-item-additional-column {
  white-space: nowrap;
  color: var(--text-secondary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkbox-multiselect-typeahead-dropdown-content .typeahead-dropdown-item .checkbox-item-container .checkbox-item-additional-column:only-of-type {
  justify-self: end;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/chat/chat.less ***!
  \**************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.chat {
  display: flex;
  flex-direction: column;
  justify-content: end;
  height: 100%;
  overflow: hidden;
}
.chat .chat-items-placeholder-wrapper {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.chat .chat-items {
  display: flex;
  flex-direction: column-reverse;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
}
.chat .chat-items li {
  flex-shrink: 0;
}
.chat .chat-items li:not(:first-child) {
  border-bottom: 0.0625rem solid var(--chat-message-divider-color);
}
.chat .chat-item {
  padding: 0.5rem 1rem 1rem;
}
.chat .chat-new-item {
  flex-shrink: 0;
  padding: 0.75rem;
}
.chat .chat-item-editable-content:not(.read-only) {
  max-height: 25rem;
  margin-bottom: 0.5rem;
  background: var(--chat-message-body-editable-content-bg-color);
  border-radius: var(--chat-message-body-border-radius);
  box-shadow: var(--input-border-boxshadow);
  overflow-y: auto;
}
.chat .chat-item-editable-content:not(.read-only):has([role='textbox']:focus) {
  color: var(--input-color-focused);
  box-shadow: var(--input-focused-boxshadow);
}
.chat .chat-item-editable-content:not(.read-only):has([role='textbox']:hover:not(:focus)) {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.chat .chat-item-editable-content:not(.read-only) > * {
  height: 100%;
  padding: 0.5rem 0.75rem;
  overflow: inherit;
}
.chat .chat-item-editable-content:not(.read-only).chat-new-item-editable-content {
  height: 6.25rem;
  overflow-y: auto;
}
.chat .chat-item-editable-content:not(.read-only) .slate-content-editable {
  outline: none;
}
.chat .chat-item-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}
.chat .chat-item-metadata {
  display: flex;
}
.chat .avatar,
.chat .chat-item-menu {
  flex-shrink: 0;
}
.chat .chat-item-description {
  display: flex;
  flex-direction: column;
  margin-left: 0.25rem;
}
.chat .chat-item-description,
.chat .characters-counter {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.chat .characters-counter {
  margin-bottom: 0.5rem;
}
.chat .chat-item-actions {
  display: flex;
  justify-content: end;
}
.chat .chat-item-actions > *:not(:last-child) {
  margin-right: 0.5rem;
}
.chat .mention {
  font-weight: 600;
}
.chat-mention-prompt {
  padding: 0.25rem;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/closable-tabs/closable-tabs.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.closable-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
  --tab-height: 2rem;
}
.closable-tabs .closable-tabs-header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.75rem 0;
  color: var(--closable-tabs-text-color);
  background-color: var(--closable-tabs-bg-color);
  flex-wrap: nowrap;
}
.closable-tabs.closable-tabs-no-tabs .closable-tabs-header {
  min-height: calc(var(--tab-height) + 0.5rem);
  padding-top: 0;
  padding-left: 0;
}
.closable-tabs .closable-tabs-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: var(--tab-height);
  margin: 0;
  padding: 0;
  border: none;
  flex-wrap: nowrap;
  overflow: auto hidden;
}
.closable-tabs .closable-tabs-create {
  min-width: 1.125rem;
  margin: 0 0.5rem 0 0.5rem;
}
.closable-tabs .closable-tabs-right-side-actions {
  display: flex;
  align-items: center;
  align-self: center;
  margin-left: auto;
  flex-wrap: nowrap;
}
.closable-tabs .closable-tabs-right-side-actions > * + * {
  margin-left: 0.5rem;
}
.closable-tabs .closable-tab {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--tab-height);
  min-width: 3.125rem;
  max-width: 11.875rem;
  padding: 0;
  background-color: var(--closable-tabs-tag-bg-color);
  border-radius: var(--closable-tabs-border-radius);
}
.closable-tabs .closable-tab + .closable-tab {
  margin-left: 0.25rem;
}
.closable-tabs .closable-tab .closable-tab-input {
  display: none;
}
.closable-tabs .closable-tab .closable-tab-label {
  min-width: 0;
  margin-right: 0.25rem;
  padding: 0.25rem 1.5rem 0.25rem 1rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.closable-tabs .closable-tab:not(.closable-tab-active) .closable-tab-label {
  cursor: pointer;
}
.closable-tabs .closable-tab.closable-tab-disabled .closable-tab-label {
  opacity: 0.6;
  cursor: not-allowed;
}
.closable-tabs .closable-tab.closable-tab-active {
  background-color: var(--closable-tabs-selected-tab-bg-color);
  cursor: initial;
}
.closable-tabs .closable-tab .closable-tab-processing-icon {
  width: 1rem;
  margin-left: 0.25rem;
}
.closable-tabs .closable-tab .closable-tab-close {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translate(0, -50%);
  box-sizing: border-box;
}
.closable-tabs .closable-tabs-content {
  flex-grow: 1;
  padding: 1rem;
  background-color: var(--closable-tabs-content-bg-color);
  box-sizing: border-box;
}

/*!***********************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/codemirror/addon/search/matchesonscrollbar.css ***!
  \***********************************************************************************************************************/
.CodeMirror-search-match {
  background: gold;
  border-top: 1px solid orange;
  border-bottom: 1px solid orange;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  opacity: .5;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/code-editor/utils/search-wrapper/code-editor-search.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/


/*!*****************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/codemirror/theme/dracula.css ***!
  \*****************************************************************************************************/
/*

    Name:       dracula
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme)

*/


.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
  background-color: #282a36 !important;
  color: #f8f8f2 !important;
  border: none;
}
.cm-s-dracula .CodeMirror-gutters { color: #282a36; }
.cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; }
.cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; }
.cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); }
.cm-s-dracula span.cm-comment { color: #6272a4; }
.cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; }
.cm-s-dracula span.cm-number { color: #bd93f9; }
.cm-s-dracula span.cm-variable { color: #50fa7b; }
.cm-s-dracula span.cm-variable-2 { color: white; }
.cm-s-dracula span.cm-def { color: #50fa7b; }
.cm-s-dracula span.cm-operator { color: #ff79c6; }
.cm-s-dracula span.cm-keyword { color: #ff79c6; }
.cm-s-dracula span.cm-atom { color: #bd93f9; }
.cm-s-dracula span.cm-meta { color: #f8f8f2; }
.cm-s-dracula span.cm-tag { color: #ff79c6; }
.cm-s-dracula span.cm-attribute { color: #50fa7b; }
.cm-s-dracula span.cm-qualifier { color: #50fa7b; }
.cm-s-dracula span.cm-property { color: #66d9ef; }
.cm-s-dracula span.cm-builtin { color: #50fa7b; }
.cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c; }

.cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); }
.cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; }

/*!******************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/codemirror/lib/codemirror.css ***!
  \******************************************************************************************************/
/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*!************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/codemirror/addon/hint/show-hint.css ***!
  \************************************************************************************************************/
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;

  margin: 0;
  padding: 2px;

  -webkit-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  box-shadow: 2px 3px 5px rgba(0,0,0,.2);
  border-radius: 3px;
  border: 1px solid silver;

  background: white;
  font-size: 90%;
  font-family: monospace;

  max-height: 20em;
  overflow-y: auto;
  box-sizing: border-box;
}

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer;
}

li.CodeMirror-hint-active {
  background: #08f;
  color: white;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/code-editor/code-editor.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors, dr-custom/only-kebab-case-class-names */
.aligner-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.aligner-container .CodeMirrorWrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.aligner-container .CodeMirrorWrapper .code-editor-control {
  position: absolute;
  z-index: 1051;
}
.aligner-container .CodeMirrorWrapper .code-editor-control.top-right {
  top: 0.5rem;
  right: 0.75rem;
}
.aligner-container .CodeMirrorWrapper .code-editor-control.top-left {
  top: 0.5rem;
  left: 0.75rem;
}
.aligner-container .CodeMirrorWrapper .code-editor-control.bottom-right {
  right: 0.75rem;
  bottom: 0.5rem;
}
.aligner-container .CodeMirrorWrapper .code-editor-control.bottom-left {
  bottom: 0.5rem;
  left: 0.75rem;
}
.aligner-container .CodeMirrorWrapper .CodeMirror {
  flex: 1;
  font-family: 'Roboto Mono';
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  border: 0.0625rem solid var(--input-border-color);
  border-radius: var(--code-editor-border-radius);
  cursor: text;
}
.aligner-container .CodeMirrorWrapper .CodeMirror .CodeMirror-vscrollbar,
.aligner-container .CodeMirrorWrapper .CodeMirror .CodeMirror-hscrollbar {
  cursor: default;
}
.aligner-container .CodeMirrorWrapper .CodeMirror .CodeMirror-scrollbar-filler {
  background: transparent;
}
.aligner-container .CodeMirrorWrapper .CodeMirror * {
  outline: none;
}
.aligner-container .CodeMirrorWrapper .cm-s-dracula.CodeMirror {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--text-primary) !important;
  background-color: var(--input-bg) !important;
}
.aligner-container .CodeMirrorWrapper .cm-s-dracula.CodeMirror .CodeMirror-gutters {
  /* stylelint-disable-next-line declaration-no-important */
  background-color: var(--input-bg) !important;
}
.aligner-container .CodeMirrorWrapper .cm-s-dracula.CodeMirror .CodeMirror-linenumber {
  /* stylelint-disable-next-line declaration-no-important */
  color: var(--code-editor-linenumber-drakula-color) !important;
}
.aligner-container .CodeMirrorWrapper .CodeMirror-focused .CodeMirror-selected {
  background: var(--code-editor-selected-background);
}
.aligner-container .CodeMirrorWrapper .CodeMirror-line::selection,
.aligner-container .CodeMirrorWrapper .CodeMirror-line > span::selection,
.aligner-container .CodeMirrorWrapper .CodeMirror-line > span > span::selection {
  background: var(--code-editor-selected-background);
}
.aligner-container .CodeMirrorWrapper.readonly {
  outline: none;
}
.aligner-container .CodeMirrorWrapper.readonly:focus-visible::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.0625rem solid var(--focus-outline-color);
  border-radius: 0.1875rem;
  pointer-events: none;
}
.aligner-container .CodeMirrorWrapper.readonly .CodeMirror-cursor {
  display: none;
}
.CodeMirror-hints {
  z-index: 1051;
}
/* stylelint-enable dr-custom/no-several-root-selectors, dr-custom/only-kebab-case-class-names */

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/collapsible-panel/collapsible-panel.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.collapsible-panel {
  color: var(--text-primary);
}
.collapsible-panel .collapsible-panel-header {
  cursor: pointer;
}
.collapsible-panel .collapsible-panel-header:focus-visible {
  display: inline-block;
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.collapsible-panel .collapsible-panel-header .arrow-container {
  display: inline-block;
  margin-left: 0.5rem;
}
.collapsible-panel .collapsible-panel-header .arrow-container :focus-visible {
  color: var(--text-primary);
  outline: none;
}
.collapsible-panel .collapsible-panel-header.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.collapsible-panel .transition-exit-active,
.collapsible-panel .transition-enter-active {
  height: 0;
  overflow: hidden;
  transition: height 500ms ease;
}
.collapsible-panel .content-wrapper-collapsed,
.collapsible-panel .transition-exit-done {
  height: 0;
  overflow: hidden;
}
.collapsible-panel .collapsible-panel-header {
  font-weight: var(--collapsible-header-font-weight);
}
.collapsible-panel .collapsible-panel-header .collapsible-panel-chevron {
  display: inline-block;
  font-weight: 700;
  line-height: 1.125rem;
  color: var(--collapsible-panel-arrow-color);
  transform: rotate(0deg);
  transition: transform 500ms ease;
}
.collapsible-panel .collapsible-panel-header.content-header-expanded .collapsible-panel-chevron {
  transform: rotate(180deg);
}
.collapsible-panel.section > .collapsible-panel-header:hover {
  color: var(--collapsible-panel-section-header-hover-text-color);
}
.collapsible-panel.section > .collapsible-panel-header:hover .collapsible-panel-chevron {
  color: var(--collapsible-panel-section-header-hover-button-color);
}
.collapsible-panel.panel {
  border-bottom: 0.0625rem solid var(--collapsible-panel-border-color);
}
.collapsible-panel.panel > .collapsible-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem;
  color: var(--collapsible-panel-text-color);
}
.collapsible-panel.panel > .collapsible-panel-header:hover {
  background-color: var(--collapsible-panel-hover-background);
}
.collapsible-panel.standalone {
  background: var(--collapsible-panel-standalone-background);
  /* we need transparent border to avoid jumping UI on hover and when expanded (as the size of the box will change) */
  border: 0.0625rem solid var(--collapsible-panel-standalone-basic-border-color);
  border-radius: var(--collapsible-panel-standalone-border-radius);
  box-shadow: var(--collapsible-panel-standalone-box-shadow);
}
.collapsible-panel.standalone:hover {
  border: 0.0625rem solid var(--collapsible-panel-standalone-border-color);
  box-shadow: var(--collapsible-panel-standalone-hover-box-shadow);
}
.collapsible-panel.standalone.collapsible-panel-expanded {
  border: 0.0625rem solid var(--collapsible-panel-standalone-border-color);
  box-shadow: var(--collapsible-panel-standalone-hover-box-shadow);
}
.collapsible-panel.standalone > .collapsible-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.collapsible-panel.standalone > .collapsible-panel-header:hover {
  background-color: var(--collapsible-panel-standalone-hover-background);
}
.collapsible-panel.standalone .collapsible-panel-standalone-inner-content {
  padding: 0 1rem 1rem 1rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/collapsible-sidebar/collapsible-sidebar.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.collapsible-sidebar-container {
  position: relative;
  height: 100%;
  width: 30%;
  padding: 0.75rem;
  background: var(--collapsible-sidebar-background);
  box-shadow: var(--collapsible-sidebar-box-shadow);
}
.collapsible-sidebar-container.transition-enabled {
  transition: 0.3s;
}
.collapsible-sidebar-container .toggle-sidebar.button {
  position: absolute;
  top: var(--collapsible-sidebar-top);
  height: var(--collapsible-sidebar-button-height);
  width: var(--collapsible-sidebar-button-width);
  font-size: var(--collapsible-sidebar-button-font-size);
  background: var(--collapsible-sidebar-background);
  outline: var(--collapsible-sidebar-border);
  z-index: 800;
  opacity: var(--collapsible-sidebar-button-opacity);
  transition: all 0.1s ease-out;
  pointer-events: var(--collapsible-sidebar-button-pointer-events);
}
.collapsible-sidebar-container .toggle-sidebar.button .button-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.collapsible-sidebar-container .toggle-sidebar.button:focus-visible {
  outline-color: var(--focus-outline-color);
  outline-offset: 0;
}
.collapsible-sidebar-container .toggle-sidebar.button i {
  position: relative;
}
.collapsible-sidebar-container .toggle-sidebar.button i.left {
  left: 0.25rem;
}
.collapsible-sidebar-container .toggle-sidebar.button i.right {
  left: -0.25rem;
}
.collapsible-sidebar-container .toggle-sidebar.button.left {
  left: var(--collapsible-sidebar-button-left);
  border-radius: var(--collapsible-sidebar-button-border-left);
  transform: translateX(var(--collapsible-sidebar-button-translate-left));
}
.collapsible-sidebar-container .toggle-sidebar.button.right {
  right: var(--collapsible-sidebar-button-left);
  border-radius: var(--collapsible-sidebar-button-border-right);
  transform: translateX(var(--collapsible-sidebar-button-translate-right));
}
.collapsible-sidebar-container .collapsible-sidebar-buttons-wrapper:hover .toggle-sidebar.button {
  color: var(--collapsible-sidebar-button-hover-color);
  background: var(--collapsible-sidebar-button-hover-bg);
  outline: var(--collapsible-sidebar-button-hover-border);
}
.collapsible-sidebar-container .collapsible-sidebar-buttons-wrapper:hover .toggle-sidebar-border-panel {
  width: 2px;
  background: var(--collapsible-sidebar-button-hover);
}
.collapsible-sidebar-container .toggle-sidebar-border-panel:after {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  background-color: transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel.left:after {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  left: -3px;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel.right:after {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  right: -3px;
}
.collapsible-sidebar-container .collapsible-sidebar-buttons-wrapper.resizing .toggle-sidebar-border-panel {
  width: 2px;
  background: var(--collapsible-sidebar-button-hover);
}
.collapsible-sidebar-container .collapsible-sidebar-buttons-wrapper.resizing .toggle-sidebar.button {
  color: var(--collapsible-sidebar-button-hover-color);
  background: var(--collapsible-sidebar-button-hover-bg);
  outline: var(--collapsible-sidebar-button-hover-border);
}
.collapsible-sidebar-container .collapsible-sidebar-buttons-wrapper:not(.resizing) {
  cursor: pointer;
}
.collapsible-sidebar-container:hover .toggle-sidebar.button {
  transform: translateX(0px);
  opacity: 1;
  pointer-events: auto;
}
.collapsible-sidebar-container.minimized {
  width: var(--collapsible-sidebar-min-width);
  padding: 0.25rem;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel {
  position: absolute;
  top: 0;
  display: var(--collapsible-sidebar-border-display);
  height: 100%;
  width: 1px;
  background: var(--collapsible-sidebar-border-color);
  transition: all 0.1s ease-out;
  user-select: none;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel.is-resizable {
  cursor: ew-resize;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel.left {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  left: -1px;
}
.collapsible-sidebar-container .toggle-sidebar-border-panel.right {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  right: -1px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/copy-to-clipboard/copy-to-clipboard-button.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.copy-to-clipboard-btn.with-input {
  position: absolute;
  right: 0.75rem;
  bottom: 0.5rem;
}
.copy-to-clipboard-btn.with-label .copy-label {
  margin-right: 0.25rem;
}
.copy-to-clipboard-btn .copy-to-clipboard-icon-copied {
  color: var(--copy-to-clipboard-icon-copied-color);
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/copy-to-clipboard/copy-to-clipboard.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.copy-to-clipboard {
  position: relative;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--copy-to-clipboard-text-color);
  fill: var(--copy-to-clipboard-text-color);
}
.copy-to-clipboard .copy-to-clipboard-text {
  margin-right: 1rem;
}
.copy-to-clipboard input.copy-to-clipboard-input {
  padding-right: 3rem;
}
.copy-to-clipboard .disabled {
  color: var(--copy-to-clipboard-disabled-color);
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/counter/counter.less ***!
  \********************************************************************************************************************************************************************************************************************************************/
.counter {
  display: inline-block;
  min-width: 1rem;
  padding: var(--counter-padding);
  text-align: center;
  font-size: var(--counter-font-size);
  font-weight: var(--counter-font-weight);
  line-height: 0.875rem;
  border: 0.0625rem solid;
  border-radius: 0.75rem;
  box-sizing: border-box;
}
.counter.plain {
  color: var(--counter-plain-color);
  background: var(--counter-plain-background);
  border-color: var(--counter-plain-border-color);
}
.counter.dark {
  color: var(--counter-dark-color);
  background: var(--counter-dark-background);
  border-color: var(--counter-dark-border-color);
}
.counter.info {
  color: var(--counter-info-color);
  background: var(--counter-info-background);
  border-color: var(--counter-info-border-color);
}
.counter.error {
  color: var(--counter-error-color);
  background: var(--counter-error-background);
  border-color: var(--counter-error-border-color);
}
.counter.warning {
  color: var(--counter-warning-color);
  background: var(--counter-warning-background);
  border-color: var(--counter-warning-border-color);
}
.counter.success {
  color: var(--counter-success-color);
  background: var(--counter-success-background);
  border-color: var(--counter-success-border-color);
}
.counter.pink {
  color: var(--counter-pink-color);
  background: var(--counter-pink-background);
  border-color: var(--counter-pink-border-color);
}
.counter.turquoise {
  color: var(--counter-turquoise-color);
  background: var(--counter-turquoise-background);
  border-color: var(--counter-turquoise-border-color);
}
.counter.purple {
  color: var(--counter-purple-color);
  background: var(--counter-purple-background);
  border-color: var(--counter-purple-border-color);
}
.counter.blue {
  color: var(--counter-blue-color);
  background: var(--counter-blue-background);
  border-color: var(--counter-blue-border-color);
}
.counter.orange {
  color: var(--counter-orange-color);
  background: var(--counter-orange-background);
  border-color: var(--counter-orange-border-color);
}
.counter.apple {
  color: var(--counter-apple-color);
  background: var(--counter-apple-background);
  border-color: var(--counter-apple-border-color);
}
.counter.outlined.plain,
.counter.outlined.dark,
.counter.outlined.info,
.counter.outlined.error,
.counter.outlined.warning,
.counter.outlined.success,
.counter.outlined.pink,
.counter.outlined.turquoise,
.counter.outlined.purple,
.counter.outlined.blue,
.counter.outlined.orange,
.counter.outlined.apple {
  background: transparent;
}
.counter.outlined.plain {
  color: var(--counter-plain-outline-color);
  border-color: var(--counter-plain-outline-color);
}
.counter.outlined.dark {
  color: var(--counter-dark-outline-color);
  border-color: var(--counter-dark-outline-color);
}
.counter.outlined.info {
  color: var(--counter-info-outline-color);
  border-color: var(--counter-info-outline-color);
}
.counter.outlined.error {
  color: var(--counter-error-outline-color);
  border-color: var(--counter-error-outline-color);
}
.counter.outlined.warning {
  color: var(--counter-warning-outline-color);
  border-color: var(--counter-warning-outline-color);
}
.counter.outlined.success {
  color: var(--counter-success-outline-color);
  border-color: var(--counter-success-outline-color);
}
.counter.outlined.pink {
  color: var(--counter-pink-outline-color);
  border-color: var(--counter-pink-outline-color);
}
.counter.outlined.turquoise {
  color: var(--counter-turquoise-outline-color);
  border-color: var(--counter-turquoise-outline-color);
}
.counter.outlined.purple {
  color: var(--counter-purple-outline-color);
  border-color: var(--counter-purple-outline-color);
}
.counter.outlined.blue {
  color: var(--counter-blue-outline-color);
  border-color: var(--counter-blue-outline-color);
}
.counter.outlined.orange {
  color: var(--counter-orange-outline-color);
  border-color: var(--counter-orange-outline-color);
}
.counter.outlined.apple {
  color: var(--counter-apple-outline-color);
  border-color: var(--counter-apple-outline-color);
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/cube-animation/cube-animation.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.cube-animation-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 8.5rem;
}
.cube-animation-container .cube {
  flex-shrink: 0;
  height: 5rem;
  width: 5rem;
  transform-style: preserve-3d;
  animation: rotate 2.5s infinite cubic-bezier(0.45, 0, 0.55, 1);
}
.cube-animation-container .cube .face {
  position: absolute;
  height: 100%;
  width: 100%;
  background: transparent;
  border: 0.09375rem solid;
  border-image: var(--cube-animation-border-image);
  opacity: 0.7;
  backface-visibility: visible;
}
.cube-animation-container .cube .face.front {
  transform: translateZ(2.5rem);
}
.cube-animation-container .cube .face.back {
  transform: translateZ(-2.5rem) rotateY(180deg);
}
.cube-animation-container .cube .face.right {
  transform: rotateY(90deg) translateZ(2.5rem);
}
.cube-animation-container .cube .face.left {
  transform: rotateY(-90deg) translateZ(2.5rem);
}
.cube-animation-container .cube .face.top {
  transform: rotateX(90deg) translateZ(2.5rem);
}
.cube-animation-container .cube .face.bottom {
  transform: rotateX(-90deg) translateZ(2.5rem);
}
@keyframes rotate {
  0% {
    transform: rotateX(35.264deg) rotateY(45deg);
  }
  100% {
    transform: rotateX(35.264deg) rotateY(765deg);
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/custom-card.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.custom-card-container {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: var(--custom-card-background);
  border: 0.0625rem solid var(--custom-card-border-color);
  border-radius: var(--custom-card-border-radius);
  box-shadow: var(--custom-card-box-shadow);
  transition: all 0.2s ease-in;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.custom-card-container.clickable {
  cursor: pointer;
  overflow: hidden;
}
.custom-card-container.clickable:not(.disabled):hover {
  background-color: var(--custom-card-hover-background);
  box-shadow: var(--custom-card-hover-box-shadow);
}
.custom-card-container.clickable:not(.disabled):hover:not(.selected) {
  border: 0.0625rem solid var(--custom-card-hover-border-color);
}
.custom-card-container.clickable:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.custom-card-container.selected {
  background-color: var(--custom-card-selected-background-color);
  border: 0.0625rem solid var(--custom-card-selected-color);
}
.custom-card-container.disabled {
  background-color: var(--custom-card-disabled-background);
  cursor: not-allowed;
  box-shadow: none;
}
.custom-card-container.disabled * {
  color: var(--custom-card-disabled-color);
}
.custom-card-container .centered {
  text-align: center;
}
.custom-card-container.with-top-line {
  position: relative;
  padding-top: 1.5rem;
  border-radius: 0.5rem;
}
.custom-card-container.with-top-line::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 0.25rem;
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
}
.custom-card-container.with-top-line.blue::before {
  background-color: var(--custom-card-top-line-blue-color);
}
.custom-card-container.with-top-line.orange::before {
  background-color: var(--custom-card-top-line-orange-color);
}
.custom-card-container.with-top-line.green::before {
  background-color: var(--custom-card-top-line-green-color);
}
.custom-card-container.with-top-line.red::before {
  background-color: var(--custom-card-top-line-red-color);
}
.custom-card-container.with-interactive-footer {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.custom-card-container.with-interactive-footer .clickable-content-area {
  flex: 1;
}
.custom-card-container.with-interactive-footer .card-content-wrapper {
  padding: 1rem 1rem 0 1rem;
  border-radius: var(--custom-card-border-radius);
}
.custom-card-container.with-interactive-footer .card-footer-wrapper {
  margin-top: auto;
  padding: 0.5rem 1rem;
}
.custom-card-container.with-interactive-footer:not(.disabled):has( .clickable-content-area.clickable:not(.disabled):hover):not(.selected) {
  border: 0.0625rem solid var(--custom-card-hover-border-color);
  box-shadow: var(--custom-card-hover-box-shadow);
}
.custom-card-container.with-interactive-footer .clickable-content-area.clickable {
  border-radius: var(--custom-card-border-radius) var(--custom-card-border-radius) 0 0;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.2s ease-in;
}
.custom-card-container.with-interactive-footer .clickable-content-area.clickable:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.custom-card-container.with-interactive-footer .clickable-content-area.clickable:not(.disabled):hover {
  background-color: var(--custom-card-hover-background);
}
.custom-card-container.with-interactive-footer .selected {
  background-color: var(--custom-card-selected-background-color);
  border: 0.0625rem solid var(--custom-card-selected-color);
}
.custom-card-container.with-interactive-footer .disabled {
  background-color: var(--custom-card-disabled-background);
  cursor: not-allowed;
  box-shadow: none;
}
.custom-card-container.with-interactive-footer .disabled * {
  color: var(--custom-card-disabled-color);
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/components/card-label.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.custom-card-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  text-transform: uppercase;
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/components/card-header.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.custom-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-card-header.has-children {
  display: block;
}
.custom-card-header .left-content,
.custom-card-header .right-content {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/components/card-title.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.custom-card-title.large {
  font-size: 1.5625rem;
}
.custom-card-title.medium {
  font-size: 1rem;
}
.custom-card-title.small {
  font-size: 0.875rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/components/card-body.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.custom-card-body {
  flex-grow: 1;
}
.custom-card-body.has-top-border {
  padding-top: 8px;
  border-top: 1px solid var(--custom-card-content-border-color);
}

/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/custom-card/components/card-footer.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.custom-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.custom-card-footer.has-children {
  display: block;
}
.custom-card-footer.has-top-border {
  padding-top: 8px;
  border-top: 1px solid var(--custom-card-content-border-color);
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/datetime-picker/datetime-picker.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors, dr-custom/only-kebab-case-class-names */
.datetime-picker-input .dr-form-field-wrapper .dr-form-field-icon.fa-calendar {
  color: var(--datetime-picker-calendar-icon-color);
}
.datetime-picker-input .dr-form-field-wrapper .dr-form-field-icon.fa-calendar.disabled {
  color: var(--datetime-picker-calendar-icon-disabled-color);
}
.rdt {
  position: relative;
}
.rdt-open-top .rdtPicker {
  top: auto;
  bottom: 100%;
}
.rdt-open-right .rdtPicker {
  top: -120%;
  left: 100%;
}
.rdt-open-left .rdtPicker {
  top: -120%;
  right: 100%;
}
.rdt-open-bottom .rdtPicker {
  top: 100%;
  bottom: auto;
}
.rdtPicker {
  position: absolute;
  display: none;
  width: 15.625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-top: 0.0625rem;
  padding: 0.25rem;
  color: var(--text-primary);
  background: var(--dropdown-bg);
  border: 0.0625rem solid var(--dropdown-border-color);
  box-shadow: var(--dropdown-box-shadow);
  z-index: 99999;
}
.rdtPicker .rdtTimeToggle {
  text-align: center;
  border: 0.0625rem solid var(--input-border-color);
}
.rdtPicker table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 0.3125rem 0.3125rem;
}
.rdtPicker tbody td {
  color: var(--datetime-picker-tile-text-color);
}
.rdtPicker td {
  height: 1.75rem;
  margin: 0.25rem;
  text-align: center;
  background: var(--datetime-picker-background);
  border-radius: var(--datetime-picker-tile-border-radius);
}
.rdtPicker td:not(.rdtDisabled) {
  cursor: pointer;
}
.rdtPicker td:hover {
  background: var(--datetime-picker-hover-background);
}
.rdtPicker td span.rdtOld {
  color: var(--datetime-picker-tile-old-color);
}
.rdtPicker td span.rdtDisabled {
  color: var(--datetime-picker-tile-old-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker td span.rdtDisabled:hover {
  color: var(--datetime-picker-tile-old-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker th {
  height: 1.75rem;
  text-align: center;
}
.rdtPicker td.rdtOld {
  color: var(--datetime-picker-tile-old-color);
}
.rdtPicker td.rdtNew {
  color: var(--datetime-picker-tile-old-color);
}
.rdtPicker td.rdtToday {
  position: relative;
}
.rdtPicker td.rdtToday:before {
  content: '';
  position: absolute;
  right: 0.25rem;
  bottom: 0.25rem;
  display: inline-block;
  border-bottom: 0.4375rem solid var(--accent-secondary);
  border-left: 0.4375rem solid transparent;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.rdtPicker td.rdtActive {
  font-weight: 700;
  color: var(--datetime-picker-selected-date-color);
  background-color: var(--datetime-picker-selected-tile-color);
}
.rdtPicker td.rdtActive:hover {
  color: var(--datetime-picker-selected-date-color);
  background-color: var(--datetime-picker-selected-hover-bg);
}
.rdtPicker td.rdtDisabled {
  color: var(--input-disabled-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker td.rdtDisabled:hover {
  color: var(--input-disabled-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker .dow {
  width: 14.2857%;
  border-bottom: none;
  cursor: default;
}
.rdtPicker th.rdtSwitch {
  width: 6.25rem;
  font-weight: var(--datetime-picker-rdtSwitch-font-weight);
  color: var(--datetime-picker-switcher-color);
}
.rdtPicker th.rdtNext {
  vertical-align: top;
  font-size: 1.3125rem;
  color: var(--datetime-picker-switcher-color);
}
.rdtPicker th.rdtPrev {
  vertical-align: top;
  font-size: 1.3125rem;
  color: var(--datetime-picker-switcher-color);
}
.rdtPicker th.rdtDisabled {
  color: var(--datetime-picker-tile-old-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker th.rdtDisabled:hover {
  color: var(--datetime-picker-tile-old-color);
  background: none;
  cursor: not-allowed;
}
.rdtPicker thead tr:first-child th {
  cursor: pointer;
}
.rdtPicker thead button {
  height: 100%;
  width: 100%;
}
.rdtPicker button {
  background: none;
  border: none;
  cursor: pointer;
}
.rdtOpen .rdtPicker {
  display: block;
}
.rdtStatic .rdtPicker {
  position: static;
  box-shadow: none;
}
.rdtPrev span {
  display: block;
  user-select: none;
}
.rdtNext span {
  display: block;
  user-select: none;
}
td.rdtMonth {
  height: 3.125rem;
  width: 25%;
  cursor: pointer;
}
td.rdtYear {
  height: 3.125rem;
  width: 25%;
  cursor: pointer;
}
.rdtCounters {
  display: inline-block;
}
.rdtCounters > div {
  float: left;
}
.rdtCounter {
  height: 6.25rem;
  width: 2.5rem;
}
.rdtCounter .rdtBtn {
  display: block;
  height: 40%;
  line-height: 2.5rem;
  cursor: pointer;
  user-select: none;
}
.rdtCounter .rdtCount {
  height: 20%;
  font-size: 1.2em;
}
.rdtCounterSeparator {
  line-height: 6.25rem;
}
.rdtMilli {
  width: 3rem;
  padding-left: 0.5rem;
  vertical-align: middle;
}
.rdtMilli input {
  width: 100%;
  margin-top: 2.5rem;
  font-size: 0.875rem;
  background: transparent;
}
.rdtMilli input:hover {
  background: var(--input-bg-hovered);
}
.rdtMilli input:focus {
  color: var(--input-color-focused);
  background: var(--input-bg-focused);
}
.rdtTime td {
  cursor: default;
}
/* stylelint-enable dr-custom/no-several-root-selectors, dr-custom/only-kebab-case-class-names */

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/datetime-range-picker/datetime-range-picker.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.datetime-range-dropdown-button {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--datetime-range-picker-dropdown-button-color);
  fill: var(--datetime-range-picker-dropdown-button-color);
}
.datetime-range-dropdown-button .date-range-picker-arrow-icon {
  margin-right: 0.25rem;
  margin-left: 0.5rem;
  color: var(--datetime-range-picker-arrow-icon-color);
}
.datetime-range-dropdown-button .date-part {
  padding-right: 0.25rem;
}
.datetime-range-dropdown-button:hover {
  color: var(--datetime-range-picker-dropdown-button-hover-color);
}
.datetime-range-picker-panel.dropdown-content {
  max-height: initial;
}
.datetime-range-picker-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: fit-content;
  padding: 1.25rem;
  /* stylelint-disable dr-custom/only-kebab-case-class-names */
  /* stylelint-enable dr-custom/only-kebab-case-class-names */
}
.datetime-range-picker-panel .datetime-range-picker-panel-inputs {
  display: flex;
  flex-direction: column;
  min-height: fit-content;
  min-width: fit-content;
}
.datetime-range-picker-panel .datetime-range-picker-panel-inputs .date-range-picker-arrow-icon {
  margin: 0.75rem;
  color: var(--datetime-range-picker-arrow-icon-color);
}
.datetime-range-picker-panel .range-inputs {
  display: flex;
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input {
  display: flex;
  align-items: flex-start;
  width: 15.625rem;
  margin-right: 0.5rem;
  gap: 0.25rem;
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input .dr-form-field {
  width: 15.625rem;
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input .dr-form-field-wrapper .dr-form-field-icon.fa-calendar {
  color: var(--datetime-picker-calendar-icon-color);
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input .timezone-label {
  flex-shrink: 0;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.625rem 0.75rem;
  color: var(--input-disabled-color);
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input .reset-datetime-value {
  flex-shrink: 0;
  align-self: stretch;
  padding: 0 0.25rem;
}
.datetime-range-picker-panel .range-inputs .datetime-range-picker-input .reset-datetime-value:focus-visible {
  outline-offset: -0.0625rem;
}
.datetime-range-picker-panel .date-pickers {
  display: flex;
  flex-direction: row;
}
.datetime-range-picker-panel .rdtPicker {
  position: relative;
  margin-top: 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: 0.125rem;
  box-shadow: none;
}
.datetime-range-picker-panel .rdtDay.in-selecting-range,
.datetime-range-picker-panel .rdtMonth.in-selecting-range {
  color: var(--datetime-range-picker-range-color);
  background-color: var(--datetime-range-picker-range-bg-color);
}
.datetime-range-picker-panel .hide-left-date-picker-next .rdtNext,
.datetime-range-picker-panel .hide-left-date-picker-prev .rdtPrev,
.datetime-range-picker-panel .hide-right-date-picker-prev .rdtPrev,
.datetime-range-picker-panel .hide-right-date-picker-next .rdtNext {
  color: var(--button-disabled-color);
  pointer-events: none;
}
.datetime-range-picker-panel .rdtDisabled,
.datetime-range-picker-panel .rdtDays .rdtSwitch,
.datetime-range-picker-panel .rdtMonths .rdtSwitch {
  pointer-events: none;
}
.datetime-range-picker-panel .rdtTime .rdtSwitch {
  display: none;
  pointer-events: none;
}
.datetime-range-picker-panel .rdtDays .rdtTimeToggle {
  display: none;
  pointer-events: none;
}
.datetime-range-picker-panel .apply-button {
  width: 96%;
  margin: 0.25rem;
}
.datetime-range-picker-panel .datetime-range-picker-panel-controls {
  display: flex;
  min-height: fit-content;
  margin-top: 1rem;
}
.datetime-range-picker-panel .datetime-range-picker-panel-controls .datetime-range-picker-control-buttons {
  display: flex;
  align-items: baseline;
}
.datetime-range-picker-panel .datetime-range-picker-panel-controls .datetime-range-picker-control-buttons button {
  min-width: 7.5rem;
  margin-right: 0.5rem;
}
.datetime-range-picker-panel .datetime-range-picker-panel-controls .datetime-range-picker-validation-messages {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 14.375rem;
}
.date-range-picker-input {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.date-range-picker-input .datetime-picker-input {
  flex: 1;
}
.date-range-picker-input .date-range-picker-arrow-icon {
  margin: 0 0.5rem;
  color: var(--datetime-range-picker-arrow-icon-color);
}
.date-range-picker-input .dr-form-field input {
  padding: 0.5rem 2rem 0.5rem 0.75rem;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/drag-and-drop-list/drag-and-drop-list-item-content.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.drag-n-drop-list-item-content {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
}
.drag-n-drop-list-item-content .drag-n-drop-list-item-drag-icon {
  margin-right: var(--drag-n-drop-list-item-drag-handler-margin-right);
  color: var(--drag-n-drop-list-item-drag-handler-color);
}
.drag-n-drop-list-item-content .drag-n-drop-list-item-name {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--drag-n-drop-list-item-name-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/drag-and-drop-list/drag-and-drop-list-item.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.drag-n-drop-list-item {
  height: var(--drag-n-drop-list-item-height);
  width: 100%;
  margin-bottom: var(--drag-n-drop-list-item-margin-bottom);
  padding: var(--drag-n-drop-list-item-padding);
  background: var(--drag-n-drop-list-item-color);
  border: var(--drag-n-drop-list-item-border);
  border-radius: var(--drag-n-drop-list-item-border-radius);
  /* payoff to avoid creating one more div container over the component */
}
.drag-n-drop-list-item[draggable='true'] {
  cursor: grabbing;
}
.drag-n-drop-list-item.drag-n-drop-list-item-hovered {
  background: var(--drag-n-drop-list-item-hover-bg);
  border: var(--drag-n-drop-list-item-hover-border);
  box-shadow: var(--drag-n-drop-list-item-hover-shadow);
  cursor: grab;
}
.drag-n-drop-list-item.drag-n-drop-list-item-active {
  border: var(--drag-n-drop-list-item-active-border);
}
.drag-n-drop-list-item.drag-n-drop-list-item-error {
  border: var(--drag-n-drop-list-item-error-border);
}
.drag-n-drop-list-item .drag-n-drop-list-content-wrapper {
  display: flex;
  height: 100%;
}
.drag-n-drop-list-item.drag-n-drop-list-item-dragging {
  background: transparent;
  border: var(--drag-n-drop-list-item-dragging-border);
}
.drag-n-drop-list-item.drag-n-drop-list-item-dragging .drag-n-drop-list-content-wrapper {
  opacity: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/drag-and-drop-wrapper/drag-and-drop-wrapper.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.drag-and-drop-wrapper {
  border-radius: 0.125rem;
  box-shadow: var(--input-border-boxshadow);
}
.drag-and-drop-wrapper.is-dragging {
  opacity: 0.8;
  box-shadow: var(--input-drag-over-file-boxshadow);
}
.drag-and-drop-wrapper.dragover:not(.is-uploading) {
  border: 0.0625rem solid var(--accent-primary);
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-button/dropdown-button.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.dropdown-button-container {
  display: inline-flex;
}
.dropdown-button-container .dropdown-button-trigger svg {
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(0deg);
}
.dropdown-button-container .dropdown-button-trigger.expanded svg {
  transform: rotate(180deg);
}
.dropdown-button-container .dropdown-button-trigger.primary:focus {
  background: var(--button-primary-highlighted-bg);
}
.dropdown-button-container .dropdown-button-trigger.secondary:focus {
  color: var(--button-secondary-highlighted-color);
  background: var(--button-secondary-highlighted-bg);
  border: 0.0625rem solid var(--button-secondary-highlighted-border-color);
}
.dropdown-button-container .dropdown-button-trigger.command:focus {
  color: var(--button-command-color-highlighted);
}
.dropdown-button-container .dropdown-button-trigger.round-icon-button:focus {
  color: var(--button-icon-highlighted-color);
  box-shadow: var(--button-icon-highlighted-box-shadow);
}
.dropdown-button-container .dropdown-button-trigger.attention:focus {
  background: var(--button-attention-highlighted-bg);
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-carousel/dropdown-carousel.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.dropdown-carousel {
  display: flex;
  align-items: center;
}
.dropdown-carousel .dropdown-carousel-arrow-button {
  width: 1rem;
  margin-left: 0;
}
.dropdown-carousel .dropdown-carousel-label {
  position: relative;
  margin: 0 0.25rem 0 1.25rem;
}
.dropdown-carousel .dropdown-carousel-label .selected-item {
  color: var(--text-primary);
}
.dropdown-carousel .dropdown-carousel-label .fa-chevron-down {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 200ms, opacity 0s linear 200ms, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  /* transform here is needed to keep rotation for the chevron defined at dropdown-trigger.less */
}
.dropdown-carousel .dropdown-carousel-label:hover:not(:disabled) .selected-item,
.dropdown-carousel .dropdown-carousel-label:focus:not(:disabled) .selected-item {
  color: var(--dropdown-trigger-highlighted-color);
}
.dropdown-carousel .dropdown-carousel-label:hover:not(:disabled) .fa-chevron-down,
.dropdown-carousel .dropdown-carousel-label:focus:not(:disabled) .fa-chevron-down {
  visibility: visible;
  opacity: 1;
}
.dropdown-carousel .dropdown-carousel-label:disabled .selected-item {
  color: var(--dropdown-trigger-disabled-color);
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/textarea/textarea.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.text-area.vertical-resize {
  resize: vertical;
}
.text-area.horizontal-resize {
  resize: horizontal;
}
.text-area.no-resize {
  resize: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-with-hyperlinks/text-with-hyperlinks.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.text-with-hyperlinks.is-multiline {
  word-break: break-word;
  white-space: pre-line;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/editable-text/editable-text.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.editable-text {
  display: flex;
}
.editable-text .edit-button {
  margin: 0 0.25rem;
}
.editable-text .edit-button:hover {
  background-color: var(--editable-text-hover-pencil-icon);
}
.editable-text .button-label {
  margin-left: 0.5rem;
}
.editable-text .dr-form-field-wrapper {
  margin-bottom: 0;
}
.editable-text .edit-text-label {
  word-break: break-word;
  white-space: pre-line;
  border: 0.125rem solid transparent;
}
.editable-text .edit-text-label-truncated-wrapper {
  display: flex;
  align-items: center;
}
.editable-text .edit-text-label-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-text .dr-form-field-wrapper:focus-within input {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding-right: 4.625rem;
}
.editable-text .edit-text-form {
  width: 100%;
  margin-right: 0.5rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/embedded-steps/embedded-steps.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.embedded-steps {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.embedded-steps .embedded-step-marker {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
}
.embedded-steps .embedded-step-marker .dot-text {
  font-weight: bold;
  color: var(--text-secondary);
}
.embedded-steps .embedded-step-marker .dot-text.active,
.embedded-steps .embedded-step-marker .dot-text.active.completed {
  color: var(--accent-secondary);
}
.embedded-steps .embedded-step-marker .dot-text.completed {
  color: var(--text-primary);
}
.embedded-steps .embedded-step-marker .rectangle {
  position: absolute;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  top: 0.8125rem;
  right: 50%;
  left: -50%;
  height: 0.125rem;
  background: var(--text-primary);
  border-radius: 2.5rem;
  opacity: 0.2;
}
.embedded-steps .embedded-step-marker .dotted {
  position: absolute;
  top: 0.75rem;
  right: 50%;
  left: -50%;
  border: none;
  border-top: 0.1875rem dotted var(--text-primary);
  opacity: 0.2;
}
.embedded-steps .embedded-step-marker:first-child .rectangle,
.embedded-steps .embedded-step-marker:first-child .dotted {
  display: none;
}
.embedded-steps .dot-layer {
  opacity: 1;
  z-index: 1;
}
.embedded-steps .dot-layer .outside-circle {
  font-size: 1.5rem;
  color: var(--page-background-color);
  pointer-events: none;
}
.embedded-steps .dot-layer .ring {
  font-size: 1rem;
}
.embedded-steps .dot-layer .inner-circle {
  font-size: 0.5rem;
}
.embedded-steps .dot-layer .ring,
.embedded-steps .dot-layer .dot-text,
.embedded-steps .dot-layer .inner-circle {
  color: var(--text-secondary);
}
.embedded-steps .dot-layer .ring.active,
.embedded-steps .dot-layer .dot-text.active,
.embedded-steps .dot-layer .inner-circle.active,
.embedded-steps .dot-layer .ring.active.completed,
.embedded-steps .dot-layer .dot-text.active.completed,
.embedded-steps .dot-layer .inner-circle.active.completed {
  color: var(--accent-secondary);
}
.embedded-steps .dot-layer .ring.completed,
.embedded-steps .dot-layer .dot-text.completed,
.embedded-steps .dot-layer .inner-circle.completed {
  color: var(--text-primary);
}
.embedded-steps:not(.disabled) .dot-layer:hover .ring,
.embedded-steps:not(.disabled) .dot-layer:hover .inner-circle {
  color: var(--accent-secondary);
  transition: all 0.2s ease-in;
  cursor: pointer;
}
/* stylelint-disable dr-custom/no-several-root-selectors */
.r-modal-content .embedded-steps .dot-layer .outside-circle {
  color: var(--modal-background-color);
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/empty-state/empty-state.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.empty-state {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 25rem;
  text-align: center;
  transform: translate(-50%, -50%);
}
.empty-state .empty-state-action-buttons-container {
  width: 100%;
}
.empty-state .empty-state-action-btn {
  margin-right: 0.5rem;
}
.empty-state .empty-state-action-btn:last-of-type {
  margin-right: 0;
}
.empty-state img {
  height: 7.75rem;
  width: 11.25rem;
}
.empty-state img.original-image-size {
  height: auto;
  width: auto;
  max-width: 100%;
}
.empty-state .empty-state-title {
  margin-top: var(--empty-state-title-margin);
  font-family: 'Inter', sans-serif;
  font-size: var(--empty-state-title-font-size);
  font-weight: var(--empty-state-title-weight);
  line-height: var(--empty-state-title-line-height);
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.empty-state .empty-state-description {
  margin-top: var(--empty-state-description-margin);
  font-family: 'Inter', sans-serif;
  font-size: var(--empty-state-description-font-size);
  font-weight: var(--empty-state-description-weight);
  line-height: var(--empty-state-description-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.empty-state button {
  margin-top: var(--empty-state-button-margin);
}
.empty-state .empty-state-custom-content-container {
  margin-top: 1.5rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/error-boundary/error-boundary.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.error-boundary-message-container {
  max-width: 40rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/expandable-content/expandable-content.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.expandable-content .expandable-content-toggle {
  margin-top: 0.5rem;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/file-tree/file-tree.less ***!
  \************************************************************************************************************************************************************************************************************************************************/
.file-tree-root {
  height: 12.5rem;
  overflow: auto;
}
.file-tree-root .branch {
  margin: 0;
  padding: 0;
  color: var(--file-tree-inactive-item-color);
  list-style-type: none;
}
.file-tree-root .branch .branch {
  padding-left: 1.25rem;
}
.file-tree-root .branch-item:last-of-type {
  border-bottom: none;
}
.file-tree-root .branch-item:focus-visible {
  outline: none;
}
.file-tree-root .branch-item:focus-visible > .item > .file-tree-item-content:first-child {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.0625rem;
}
.file-tree-root .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--file-tree-item-height);
  border-bottom: 0.0625rem solid var(--file-tree-item-border-color);
  cursor: pointer;
}
.file-tree-root .item.md,
.file-tree-root .item.lg {
  height: 3rem;
}
.file-tree-root .item .file-tree-item-content {
  display: flex;
  flex-grow: 1;
  align-items: center;
  height: calc(100% - 0.125rem);
  margin-right: 0.25rem;
  padding-left: 0.25rem;
}
.file-tree-root .item label {
  cursor: pointer;
}
.file-tree-root .item.is-active {
  color: var(--file-tree-active-item-color);
}
.file-tree-root .item.is-disabled {
  color: var(--file-tree-disabled-item-color);
}
.file-tree-root .actions-container {
  flex-shrink: 0;
}
.file-tree-root .item-actions {
  padding-right: 0.5rem;
}
.file-tree-root .item-actions button {
  font-size: 0.875rem;
}
.file-tree-root .item-actions button + button {
  margin-left: 0.25rem;
}
.file-tree-root .item-label {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  margin-right: 0.25rem;
  white-space: nowrap;
  user-select: none;
}
.file-tree-root .item-label .item-label-children {
  flex: 1;
  margin-right: 0.25rem;
}
.file-tree-root .item-label .item-icon {
  margin-right: 0.25rem;
}
.file-tree-root .icon-button:hover {
  background-color: var(--file-tree-action-button-hover-color);
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/skeleton/skeleton.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.skeleton-loading {
  position: relative;
  display: block;
  height: 1.5rem;
  width: 100%;
  background-color: var(--skeleton-background);
  overflow: hidden;
}
.skeleton-loading:after {
  content: '';
  position: absolute;
  background: linear-gradient(90deg, transparent, var(--skeleton-animation-background), transparent);
  transform: translateX(-100%) translateZ(0);
  animation: 3s linear 0.5s infinite normal none running animationWave;
  inset: 0px;
}
.skeleton-loading.circular {
  height: 2rem;
  width: 2rem;
  margin: 0 auto;
  border-radius: 50%;
}
.skeleton-loading.rounded {
  border-radius: 0.25rem;
}
.skeleton-loading.text {
  border-radius: 0.5rem;
}
.skeleton-loading.text.heading-01 {
  height: 3rem;
}
.skeleton-loading.text.heading-02 {
  height: 2.25rem;
}
.skeleton-loading.text.heading-03 {
  height: 1.75rem;
}
.skeleton-loading.text.heading-04 {
  height: 1.5rem;
}
.skeleton-loading.text.heading-05 {
  height: 1.25rem;
}
.skeleton-loading.text.anchor,
.skeleton-loading.text.mn-label,
.skeleton-loading.text.code {
  height: 1.25rem;
}
.skeleton-loading.text.heading-06,
.skeleton-loading.text.body-secondary,
.skeleton-loading.text.body {
  height: 1.25rem;
}
.skeleton-loading.text.caption-01,
.skeleton-loading.text.uppercased {
  height: 1rem;
}
@keyframes animationWave {
  0% {
    transform: translateX(-100%);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/progress-bar/progress-bar.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.progress {
  height: var(--progress-height);
  background-color: var(--progress-border-color);
  border-radius: 0.1875rem;
  overflow: hidden;
}
.progress .progress-bar {
  height: inherit;
  width: 0%;
  background-color: var(--progress-default-color);
  border-radius: inherit;
  transition: width 0.4s ease;
}
.progress .progress-bar.success {
  background-color: var(--progress-success-color);
}
.progress .progress-bar.warning {
  background-color: var(--progress-warning-color);
}
.progress .progress-bar.error {
  background-color: var(--progress-failure-color);
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/notification-popup/notification-popup.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.notification-popup-container {
  position: absolute;
  top: var(--notification-toast-container-top-position);
  right: 0.75rem;
  bottom: var(--notification-toast-container-bottom-position);
  display: flex;
  flex-direction: var(--notification-toast-container-flex-direction);
  z-index: 1050;
}
.notification-popup-container .notification-popup {
  display: flex;
  align-items: var(--notification-toast-popup-align);
  width: 24.6875rem;
  margin-top: 0.75rem;
  padding: var(--notification-toast-padding);
  font-size: 0.875rem;
  color: var(--text-primary);
  background-color: var(--notifications-toast-bg);
  border: var(--notification-toast-border);
  border-radius: var(--notification-toast-border-radius);
  box-shadow: var(--notification-toast-box-shadow);
  animation: fadeIn 0.3s;
}
.notification-popup-container .notification-popup > * {
  flex-direction: column;
  margin: 0;
}
.notification-popup-container .notification-popup > * + * {
  padding-left: 0.75rem;
}
.notification-popup-container .notification-popup .notification-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  white-space: pre-line;
  word-wrap: break-word;
}
.notification-popup-container .notification-popup .notification-icon {
  display: flex;
  align-items: center;
  align-self: var(--notification-toast-icon-alignment);
  justify-content: center;
  height: var(--notification-toast-icon-height);
  min-width: 2.625rem;
  margin-top: var(--notification-toast-icon-margin);
  border-radius: var(--notification-toast-border-radius) 0 0 var(--notification-toast-border-radius);
  /* because children are not obeying parent's border radius */
}
.notification-popup-container .notification-popup.dismissed {
  animation: fadeOut 0.3s forwards;
}
.notification-popup-container .notification-popup.success {
  border-left: var(--notification-toast-left-border-width) var(--notification-toast-left-border-style) var(--notification-toast-success-icon-color);
}
.notification-popup-container .notification-popup.success .notification-icon {
  color: var(--notification-toast-success-icon-color);
  background-color: var(--notification-toast-success-icon-bg);
}
.notification-popup-container .notification-popup.failure {
  border-left: var(--notification-toast-left-border-width) var(--notification-toast-left-border-style) var(--notification-toast-failure-icon-color);
}
.notification-popup-container .notification-popup.failure .notification-icon {
  color: var(--notification-toast-failure-icon-color);
  background-color: var(--notification-toast-failure-icon-bg);
}
.notification-popup-container .notification-popup.warning {
  border-left: var(--notification-toast-left-border-width) var(--notification-toast-left-border-style) var(--notification-toast-warning-icon-color);
}
.notification-popup-container .notification-popup.warning .notification-icon {
  color: var(--notification-toast-warning-icon-color);
  background-color: var(--notification-toast-warning-icon-bg);
}
.notification-popup-container .notification-popup.info {
  border-left: var(--notification-toast-left-border-width) var(--notification-toast-left-border-style) var(--notification-toast-info-icon-color);
}
.notification-popup-container .notification-popup.info .notification-icon {
  color: var(--notification-toast-info-icon-color);
  background-color: var(--notification-toast-info-icon-bg);
}
.notification-popup-container .notification-popup .notification-content {
  display: flex;
  flex-direction: row;
  align-items: var(--notification-toast-content-align);
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem;
  word-break: break-word;
}
.notification-popup-container .notification-popup .notification-content .notification-action {
  display: inline-flex;
  margin-top: var(--notification-toast-action-margin-top);
  margin-left: var(--notification-toast-action-padding);
}
.notification-popup-container .notification-popup .notification-content .notification-action .notification-action-icon {
  margin-right: 0.25rem;
}
.notification-popup-container .notification-popup .notification-content .notification-dismiss {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
  margin-right: 0.25rem;
  margin-left: 1rem;
  padding: 0;
  line-height: 1;
  color: inherit;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  text-shadow: 0 0.05em 0.05em rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease-in-out;
}
.notification-popup-container .notification-popup .notification-content .notification-dismiss:focus,
.notification-popup-container .notification-popup .notification-content .notification-dismiss:hover,
.notification-popup-container .notification-popup .notification-content .notification-dismiss:active {
  transform: scale(1.3);
}
.notification-popup-container .notification-popup .notification-content .notification-dismiss:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.0625rem;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  99% {
    height: auto;
    opacity: 0;
  }
  to {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/file-upload/file-upload.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.file-upload-input * {
  /* for the proper work of truncating strings */
  min-width: 0;
}
.file-upload-input .file-input-group {
  display: flex;
  max-height: 2.25rem;
  border-radius: 0.125rem;
  /*component imitates input, so we can reuse input styles */
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0 0.75rem;
  background-color: var(--input-bg);
  border: none;
  border-radius: var(--input-border-radius);
  box-shadow: inset 0 0 0 0.0625rem var(--input-border-color);
}
.file-upload-input .file-input-group:not(.no-font) {
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: var(--input-color);
}
.file-upload-input .file-input-group:hover {
  background-color: var(--input-bg-hovered);
  box-shadow: inset 0 0 0 0.0625rem var(--input-hovered-border-color);
}
.file-upload-input .file-input-group:hover:not(:disabled)::placeholder,
.file-upload-input .file-input-group:hover:not(:disabled) .placeholder {
  color: var(--input-placeholder-color-hovered);
}
.file-upload-input .file-input-group:focus,
.file-upload-input .file-input-group:focus:hover {
  color: var(--input-color-focused);
  background-color: var(--input-bg-focused);
  outline: none;
  box-shadow: var(--input-focused-boxshadow);
}
.file-upload-input .file-input-group:focus::placeholder,
.file-upload-input .file-input-group:focus:hover::placeholder,
.file-upload-input .file-input-group:focus .placeholder,
.file-upload-input .file-input-group:focus:hover .placeholder {
  color: var(--input-placeholder-color-focused);
}
.file-upload-input .file-input-group::placeholder,
.file-upload-input .file-input-group .placeholder {
  color: var(--input-placeholder-color);
}
.file-upload-input .file-input-group:disabled,
.file-upload-input .file-input-group:disabled .placeholder,
.file-upload-input .file-input-group.disabled,
.file-upload-input .file-input-group.disabled .placeholder {
  color: var(--input-disabled-color);
  background-color: var(--input-bg-disabled);
  box-shadow: inset 0 0 0 0.0625rem var(--input-disabled-border-color);
  cursor: not-allowed;
}
.file-upload-input .file-input-group:-webkit-autofill,
.file-upload-input .file-input-group[data-com-onepassword-filled] {
  border: none;
  -webkit-text-fill-color: var(--input-color);
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
  transition: background-color calc(infinity * 1s);
}
.file-upload-input .file-input-group:-webkit-autofill:hover,
.file-upload-input .file-input-group[data-com-onepassword-filled]:hover {
  -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg-hovered) inset;
}
.file-upload-input .file-input-group:-webkit-autofill:focus,
.file-upload-input .file-input-group[data-com-onepassword-filled]:focus {
  -webkit-text-fill-color: var(--input-color-focused);
  -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
  transition: background-color calc(infinity * 1s);
}
.file-upload-input .file-input-group > label {
  flex: 1;
  opacity: 1;
  cursor: pointer;
}
.file-upload-input .file-input-group .choose-file-btn {
  display: inline-flex;
  align-items: center;
}
.file-upload-input .file-input-group .choose-file-btn .browse-button {
  display: flex;
  align-items: center;
  margin-left: 0.25rem;
}
.file-upload-input .file-input-group .choose-file-btn .browse-button * + * {
  margin-left: 0.25rem;
}
.file-upload-input .file-input-group .choose-file-btn .browse-button:focus-visible {
  border-radius: var(--button-border-radius);
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.25rem;
}
.file-upload-input .file-input-group .file-placeholder {
  display: flex;
  flex: 1;
  align-items: center;
  height: 2.25rem;
  font-weight: 400;
  outline: none;
}
.file-upload-input .file-input-group .file-placeholder .file-name {
  margin-right: 0.25rem;
  line-height: 1rem;
}
.file-upload-input .file-input-group .file-placeholder.has-file {
  color: var(--input-color);
  border: 0.0625rem solid var(--input-border-color);
}
.file-upload-input .file-input-group .file-placeholder.dragover:not(.is-uploading) {
  border: 0.0625rem solid var(--accent-primary);
}
.file-upload-input .file-input-group .file-placeholder .truncated-value {
  line-height: 2.25rem;
}
.file-upload-input .file-input-group input[type='file'] {
  display: none;
}
.file-upload-input .file-upload-progress {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
}
.file-upload-input .file-upload-progress .message.in-progress {
  padding: 0 0.75rem;
  font-size: 0.875rem;
}
.file-upload-input .file-upload-percent .message.in-progress {
  flex: 0;
  flex-basis: auto;
}
.file-upload-input .file-upload-percent .progress {
  flex: 1;
}
.file-upload-input .file-upload-percent .sub-text {
  margin-left: 0.5rem;
}
.file-upload-input .is-dragging .file-input-group {
  box-shadow: var(--input-drag-over-file-boxshadow);
}
.file-upload-input .file-upload-field-label.supported-files {
  margin-bottom: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.file-upload-input .supported-files-label {
  display: block;
  margin-bottom: 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.file-upload-input .file-upload-helper-text,
.file-upload-input .file-upload-percent-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}

/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/file-uploader/file-uploader-status-message.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
.file-uploader-progress-bar {
  width: 100%;
  margin-bottom: 0.25rem;
}
.file-uploader-progress-bar .file-uploader-file-size-message {
  margin-right: 0.5rem;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/list-card/list-card.less ***!
  \************************************************************************************************************************************************************************************************************************************************/
.list-card {
  display: flex;
  background: var(--list-card-bg);
  border: 0.0625rem solid var(--list-card-border);
  border-radius: var(--list-card-border-radius);
  overflow: hidden;
}
.list-card * {
  /* for the proper work of truncating strings */
  min-width: 0;
}
.list-card .list-card-main,
.list-card .list-card-controls {
  display: flex;
  align-items: center;
  padding: 0.75rem;
}
.list-card .list-card-glyph {
  padding: var(--list-card-glyph-top-padding) var(--list-card-glyph-side-padding);
}
.list-card .list-card-glyph,
.list-card .list-card-controls {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.list-card .list-card-main {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.list-card .list-card-main .list-card-title {
  position: relative;
  display: flex;
  align-items: center;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--list-card-active-header-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.list-card .list-card-main .list-card-title.break-lines {
  word-break: break-word;
}
.list-card .list-card-main .list-card-title.skeleton {
  height: 1.25rem;
}
.list-card .list-card-main .list-card-title.skeleton::after {
  content: '';
  position: absolute;
  height: 0.5rem;
  width: 50%;
  background-color: var(--list-card-skeleton-bg);
  border-radius: 0.5rem;
}
.list-card .list-card-main .list-card-details {
  position: relative;
  display: flex;
  font-size: 0.75rem;
  color: var(--text-secondary);
}
.list-card .list-card-main .list-card-details.skeleton {
  height: 0.75rem;
}
.list-card .list-card-main .list-card-details.skeleton::after {
  content: '';
  position: absolute;
  height: 0.5rem;
  width: 100%;
  background-color: var(--list-card-skeleton-bg);
  border-radius: 0.5rem;
}
.list-card .list-card-main > * + * {
  margin-top: 0.25rem;
}
.list-card .list-card-glyph {
  color: var(--list-card-glyph-color);
  background: var(--list-card-icon-bg);
}
.list-card .list-card-controls {
  color: var(--accent-primary);
}
.list-card .list-card-controls .list-card-chevron {
  color: var(--list-card-chevron-color);
}
.list-card.interactive {
  cursor: pointer;
}
.list-card.interactive:hover:not(.active):not(.danger) {
  border-color: var(--list-card-highlighted-border);
}
.list-card.interactive:hover .list-card-main,
.list-card.interactive:hover .list-card-controls {
  background: var(--list-card-highlighted-bg);
}
.list-card.interactive:hover .list-card-controls button.command:disabled {
  color: var(--list-card-disabled-button-text);
}
.list-card.interactive:hover .list-card-details {
  color: var(--list-card-hover-details-text);
}
.list-card.interactive:hover .list-card-glyph {
  background: var(--list-card-icon-highlighted-bg);
}
.list-card.interactive:hover .list-card-chevron {
  color: var(--list-card-chevron-hover-color);
}
.list-card.interactive:hover .list-card-title.skeleton::after,
.list-card.interactive:hover .list-card-details.skeleton::after {
  background-color: var(--list-card-skeleton-highlighted-bg);
}
.list-card.active {
  border: 0.0625rem solid var(--accent-secondary);
  box-shadow: 0 0 0.25rem var(--list-card-active-shadow);
}
.list-card.active .list-card-title {
  color: var(--list-card-active-header);
}
.list-card.error {
  border: 0.0625rem solid var(--list-card-error-color);
}
.list-card.error .list-card-glyph {
  color: var(--list-card-glyph-error-color);
}
.list-card.disabled .list-card-main,
.list-card.disabled .list-card-controls {
  background: var(--list-card-disabled-bg);
}
.list-card.disabled .list-card-glyph {
  color: var(--list-card-icon-disabled-color);
  background: var(--list-card-icon-disabled-bg);
}
.list-card.disabled .list-card-chevron {
  color: var(--list-card-chevron-disabled-color);
}
.list-card.disabled .list-card-details,
.list-card.disabled .list-card-title,
.list-card.disabled .list-card-controls {
  color: var(--list-card-disabled-text);
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/file-uploader/file-uploader.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.file-uploader .file-uploader-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--file-uploader-label-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--file-uploader-label-color);
  fill: var(--file-uploader-label-color);
}
.file-uploader .file-uploader-helper-text {
  margin-bottom: var(--file-uploader-subtext-margin-bottom);
  font-family: 'Inter', sans-serif;
  font-size: var(--file-uploader-subtext-font-size);
  font-weight: 400;
  line-height: var(--file-uploader-subtext-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.file-uploader .file-uploader-input {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  min-height: 4.125rem;
  margin-bottom: 0.75rem;
  background-color: var(--file-uploader-input-background-color);
  border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color);
  border-radius: var(--file-uploader-border-radius);
  box-sizing: border-box;
}
.file-uploader .file-uploader-input.expanded {
  min-height: 10.4375rem;
}
.file-uploader .file-uploader-input.expanded-has-file {
  background: var(--file-uploader-expanded-has-file-background);
  border: var(--file-uploader-expanded-has-file-border);
}
.file-uploader .file-uploader-input.expanded-has-file:hover {
  background: var(--file-uploader-expanded-has-file-background);
  border: var(--file-uploader-expanded-has-file-border);
}
.file-uploader .file-uploader-input.expanded-has-file.error {
  border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color-error);
}
.file-uploader .file-uploader-input:hover {
  background: var(--file-uploader-input-hover-background);
  border: var(--file-uploader-border-width) dashed var(--file-uploader-border-hover-color);
}
.file-uploader .file-uploader-input:hover .file-uploader-drop-section .file-uploader-description {
  color: var(--file-uploader-description-hover-color);
}
.file-uploader .file-uploader-input .file-uploader-drop-section {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
}
.file-uploader .file-uploader-input .file-uploader-drop-section .file-uploader-dropdown-menu-trigger:hover .file-uploader-dropdown-menu-trigger-text-container {
  color: var(--button-command-color-highlighted);
}
.file-uploader .file-uploader-input .file-uploader-drop-section .file-uploader-dropdown-menu-trigger:hover [data-icon='chevron-down'] {
  color: var(--button-command-color-highlighted);
}
.file-uploader .file-uploader-input .file-uploader-drop-section .file-uploader-single-file-name-label {
  max-width: 16rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--file-uploader-single-name-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.file-uploader .file-uploader-input .file-uploader-drop-section .file-uploader-single-file-remove-button {
  margin-top: 1rem;
}
.file-uploader .file-uploader-input .file-uploader-drop-section .file-uploader-description {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--file-uploader-description-color);
  fill: var(--file-uploader-description-color);
}
.file-uploader .file-uploader-input .file-uploader-drop-section.expanded {
  flex-flow: column wrap;
}
.file-uploader .file-uploader-input .file-uploader-drop-section.expanded .file-uploader-choose-file-button {
  margin-top: 0.75rem;
}
.file-uploader .file-uploader-input .file-uploader-drop-section.expanded .file-uploader-file-size-message {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  margin-top: 0.5rem;
}
.file-uploader .file-uploader-input .file-uploader-drop-section.disabled .file-uploader-cloud-icon {
  color: var(--file-uploader-disabled-color);
}
.file-uploader .file-uploader-input .file-uploader-drop-section.disabled .file-uploader-description {
  color: var(--file-uploader-disabled-color);
}
.file-uploader .file-uploader-input .file-uploader-drop-section .single-file-cancel-button {
  margin-top: 0.25rem;
}
.file-uploader .file-uploader-input .file-uploader-drop-section:not(.expanded) .file-uploader-description {
  margin-right: 0.75rem;
}
.file-uploader .file-uploader-input.hidden {
  display: none;
}
.file-uploader .file-uploader-input.disabled {
  border: var(--file-uploader-border-width) dashed var(--file-uploader-disabled-border-color);
  cursor: not-allowed;
}
.file-uploader .file-uploader-input.disabled:hover {
  background: var(--file-uploader-input-background-color);
}
.file-uploader .file-uploader-input.error {
  border: var(--file-uploader-border-width) dashed var(--file-uploader-border-color-error);
}
.file-uploader .file-uploader-input .file-uploader-accepted-files {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin-bottom: 0.75rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--file-uploader-accepted-formats-text-color);
  fill: var(--file-uploader-accepted-formats-text-color);
}
.file-uploader .file-uploader-input.file-uploader-input-on-drag {
  background: var(--file-uploader-on-drag-background);
  border: var(--file-uploader-border-width) dashed var(--file-uploader-on-drag-border-color);
}
.file-uploader .file-uploader-input.file-uploader-input-on-drag .file-uploader-description {
  color: var(--file-uploader-description-hover-color);
}
.file-uploader .file-uploader-input.file-uploader-input-on-drag .file-uploader-cloud-icon {
  color: var(--file-uploader-cloud-icon-color);
}
.file-uploader .file-uploader-input .file-uploader-cloud-icon {
  display: var(--file-uploader-cloud-icon-display);
  margin-right: 0.25rem;
  color: var(--file-uploader-icon-color);
}
.file-uploader .file-uploader-input .browse-file {
  cursor: pointer;
}
.file-uploader .file-uploader-input input[type='file'] {
  display: none;
}
.file-uploader .file-uploader-input input:disabled {
  background-color: var(--button-secondary-disabled-bg);
  pointer-events: none;
}
.file-uploader .file-uploader-input .file-uploader-expanded-uploading-message {
  padding: 0.5rem 0 0.75rem 0;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.file-uploader .file-uploader-error {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 31.25rem;
  text-align: center;
}
.file-uploader .file-uploader-dropped-files-section > * {
  margin-bottom: 0.25rem;
}
.file-uploader .file-uploader-dropped-files-section .list-card-cancel-button {
  margin-left: auto;
}
.file-uploader .file-uploader-dropped-files-section .file-uploader-list-card-status-text {
  margin-top: 0.25rem;
}
.file-uploader .file-uploader-dropped-files-section .list-card-controls {
  padding-right: 1rem;
}
.file-uploader .file-uploader-dropped-files-section .file-uploader-details-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.file-uploader .file-uploader-dropped-files-section .file-uploader-file-size-message {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.file-uploader .file-uploader-dropped-files-section .file-uploader-uploading-message {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/files-upload-area/files-upload-area.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.files-upload-area {
  position: relative;
}
.files-upload-area .files-upload-area-input {
  display: none;
}
.files-upload-area .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.files-upload-area .files-upload-area-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: var(--files-upload-area-overlay-bg);
  border: 0.125rem dashed var(--files-upload-area-overlay-border-color);
  border-radius: 0.25rem;
  transition: border-color 0.3s ease;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.files-upload-area.drag-active * {
  pointer-events: none;
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/modal/modal.less ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.dr-modal {
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  padding: 0 2rem;
  font-size: 0.875rem;
  color: var(--text-primary);
  background: var(--modal-background-color);
  border: 0.0625rem solid var(--modal-border-color);
  box-shadow: var(--modal-box-shadow);
}
.dr-modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--modal-header-padding);
  border-bottom: 0.0625rem solid var(--base-border-color);
}
.dr-modal-header .title {
  display: flex;
  align-items: center;
  margin: var(--modal-header-title-margin);
  font-size: var(--modal-header-title-font-size);
  font-weight: var(--modal-header-title-font-weight);
  line-height: var(--modal-header-title-font-line-height);
  word-break: break-word;
}
.dr-modal-header .title * + * {
  margin-left: 0.25rem;
}
.dr-modal-header button.close {
  margin-right: -0.5rem;
}
.dr-modal-section,
.dr-modal-section.message {
  position: relative;
  margin-bottom: 1.25rem;
}
.dr-modal-section:last-of-type,
.dr-modal-section.message:last-of-type {
  margin-bottom: 0;
}
.dr-modal-body {
  flex-grow: 1;
  padding: var(--modal-body-padding);
  font-size: 1em;
  overflow: auto;
}
.dr-modal-body.scroll-bar-present {
  padding-right: 0.75rem;
}
.dr-modal-body.smaller-padding {
  margin: 0.75rem 0;
}
.dr-modal-body,
.dr-modal-body p {
  line-height: 1.5;
}
.dr-modal-body .dr-modal-labeled {
  display: block;
  width: 100%;
  margin: 0.25rem 0 0;
}
.dr-modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-basis: auto;
  justify-content: var(--modal-footer-buttons-alignment);
  margin: 0;
  padding: var(--modal-footer-padding);
  border-top: 0.0625rem solid var(--base-border-color);
  gap: 0.5rem;
}
.dr-modal-footer .dr-modal-confirm-button {
  order: var(--modal-footer-confirm-button-order);
}
.r-modal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1040;
}
.r-modal-overlay-open {
  background-color: var(--modal-backdrop-bg);
}
@keyframes modalShow {
  from {
    transform: translateY(-75%);
  }
  to {
    transform: translateY(0%);
  }
}
.r-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: var(--modal-width);
  min-height: var(--modal-min-height);
  max-height: 90vh;
  padding: var(--modal-padding);
  font-size: 0.875rem;
  color: var(--text-primary);
  background: var(--modal-background-color);
  border: 0.0625rem solid var(--modal-border-color);
  border-radius: var(--modal-content-border-radius);
  animation-name: modalShow;
  animation-duration: 0.6s;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: var(--modal-box-shadow);
  z-index: 1050;
  overflow: auto;
  outline: 0 none;
}
.r-modal-content .r-table.sublevel,
.r-modal-content table.simple-table.sublevel {
  background: var(--modal-background-color);
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/filtering-panel/filtering-panel.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
@keyframes FilterPanelShow {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}
.filters-panel {
  position: absolute;
  left: 1rem;
  height: 80vh;
  width: initial;
  min-width: 18.75rem;
}
.filters-panel section {
  margin: 1.5rem 0;
}
.filters-panel .dr-modal-body {
  height: 100%;
  margin: 0;
  margin-right: -1.25rem;
  padding: 0;
  overflow: hidden;
}
.filters-panel .dr-modal-body .filters-panel-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 1rem 0 0.5rem 0;
  padding-right: 1.25rem;
}
.filters-panel .dr-modal-body .filters-panel-controls * + * {
  margin-left: 0.5rem;
}
.filters-panel .dr-modal-body .filters-panel-content {
  height: calc(100% - 2 * 2.5rem);
  padding-right: 1.25rem;
  overflow: auto;
}
.filters-panel .dr-modal-body .filters-panel-content section {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
}
.filters-panel.r-modal-content {
  animation-name: FilterPanelShow;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/floating-panel/floating-panel.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.floating-panel {
  position: fixed;
  display: flex;
  flex-direction: column;
  margin: 0;
  background: var(--floating-panel-bg);
  border: 0.0625rem solid var(--floating-panel-border-color);
  border-radius: var(--floating-panel-border-radius);
  box-shadow: var(--floating-panel-border-shadow);
  z-index: 101;
  /* keep for translate3d positioning */
  inset: 0 auto auto 0;
  /* keep for translate3d positioning */
}
.floating-panel.docked {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(-1 * var(--floating-panel-docked-width));
  height: unset;
  width: var(--floating-panel-docked-width);
  border-radius: unset;
  transform: unset;
}
.floating-panel.docked .floating-panel-header {
  border-radius: unset;
}
.floating-panel .floating-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
  background-color: var(--floating-panel-header-bg);
  border-radius: var(--floating-panel-border-radius) var(--floating-panel-border-radius) 0 0;
}
.floating-panel .floating-panel-header .drag-handle {
  justify-self: left;
  padding: 0.5rem;
  color: var(--floating-panel-drag-handle-color);
  border-radius: var(--button-border-radius);
  cursor: move;
}
.floating-panel .floating-panel-header .drag-handle > svg {
  margin: 0 0.25rem;
}
.floating-panel .floating-panel-header .drag-handle:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.floating-panel .floating-panel-header .drag-handle.disabled {
  cursor: default;
}
.floating-panel .floating-panel-header .actions {
  display: flex;
  flex-direction: row;
  justify-self: right;
  gap: 0.25rem;
}
.floating-panel .floating-panel-header .actions > * {
  color: var(--floating-panel-header-color);
}
.floating-panel .floating-panel-content {
  padding: 1rem;
  border-top: 0.0625rem solid var(--floating-panel-border-color);
}
.floating-panel .resize-handle {
  position: absolute;
  z-index: 1;
}
.floating-panel .resize-handle.top-left {
  top: calc(var(--floating-panel-resizer-width) / -2);
  left: calc(var(--floating-panel-resizer-width) / -2);
  height: var(--floating-panel-resizer-width);
  width: var(--floating-panel-resizer-width);
  cursor: nwse-resize;
}
.floating-panel .resize-handle.top {
  top: calc(var(--floating-panel-resizer-width) / -2);
  right: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  left: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  height: var(--floating-panel-resizer-width);
  cursor: ns-resize;
}
.floating-panel .resize-handle.top-right {
  top: calc(var(--floating-panel-resizer-width) / -2);
  right: calc(var(--floating-panel-resizer-width) / -2);
  height: var(--floating-panel-resizer-width);
  width: var(--floating-panel-resizer-width);
  cursor: nesw-resize;
}
.floating-panel .resize-handle.right {
  top: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  right: calc(var(--floating-panel-resizer-width) / -2);
  bottom: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  width: var(--floating-panel-resizer-width);
  cursor: ew-resize;
}
.floating-panel .resize-handle.bottom-right {
  right: calc(var(--floating-panel-resizer-width) / -2);
  bottom: calc(var(--floating-panel-resizer-width) / -2);
  height: var(--floating-panel-resizer-width);
  width: var(--floating-panel-resizer-width);
  cursor: nwse-resize;
}
.floating-panel .resize-handle.bottom {
  right: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  bottom: calc(var(--floating-panel-resizer-width) / -2);
  left: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  height: var(--floating-panel-resizer-width);
  cursor: ns-resize;
}
.floating-panel .resize-handle.bottom-left {
  bottom: calc(var(--floating-panel-resizer-width) / -2);
  left: calc(var(--floating-panel-resizer-width) / -2);
  height: var(--floating-panel-resizer-width);
  width: var(--floating-panel-resizer-width);
  cursor: nesw-resize;
}
.floating-panel .resize-handle.left {
  top: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  bottom: calc(var(--floating-panel-resizer-width) - var(--floating-panel-resizer-width) / 2);
  left: calc(var(--floating-panel-resizer-width) / -2);
  width: var(--floating-panel-resizer-width);
  cursor: ew-resize;
}
#floating-panel-root {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}
#floating-panel-root.highlighted:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.1875rem;
  margin: 0.75rem;
  background: var(--floating-panel-dock-highlight-color);
  pointer-events: none;
  z-index: 1;
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/full-screen-drawer/full-screen-drawer.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.full-screen-drawer-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  z-index: 7;
  animation: slideBottomTop 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  overflow: hidden;
}
.full-screen-drawer-container .full-screen-drawer-disabled-header {
  height: 3.5rem;
  width: 100%;
  background-color: var(--full-screen-drawer-disabled-header-bg);
  opacity: 0.8;
}
.full-screen-drawer-container .full-screen-drawer-body {
  position: absolute;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  top: 3.5rem;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--full-screen-drawer-bg);
}
@keyframes slideBottomTop {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}

/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/stepper/stepper.less ***!
  \********************************************************************************************************************************************************************************************************************************************/
.stepper {
  display: flex;
  padding: 0;
}
.stepper .stepper-item {
  display: flex;
  align-items: center;
  list-style: none;
}
.stepper .stepper-item .button {
  align-items: center;
  padding: 0 0.75rem;
  column-gap: 0.25rem;
}
.stepper .stepper-item-icon {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 1.5rem;
  height: 1.5rem;
  padding: 0;
  font-size: 0.625rem;
  color: var(--stepper-item-icon-color);
  background-color: var(--stepper-item-icon-bg-color);
  border-radius: 50%;
}
.stepper .stepper-item-icon:hover {
  color: var(--stepper-item-icon-color-hovered);
  background-color: var(--stepper-item-icon-bg-color-hovered);
}
.stepper .stepper-item-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.stepper .stepper-item-icon.active {
  color: var(--stepper-item-active-icon-color);
  background-color: var(--stepper-item-active-icon-bg-color);
}
.stepper .stepper-item-icon.active:hover {
  background-color: var(--stepper-item-active-icon-bg-color-hovered);
}
.stepper .stepper-item-icon.completed {
  color: var(--stepper-item-completed-icon-color);
  background-color: var(--stepper-item-completed-icon-bg-color);
}
.stepper .stepper-item-icon.completed:hover {
  background-color: var(--stepper-item-completed-icon-bg-color-hovered);
}
.stepper .stepper-item-icon.visited {
  color: var(--stepper-item-visited-icon-color);
  background-color: var(--stepper-item-visited-icon-bg-color);
}
.stepper .stepper-item-icon.visited:hover {
  background-color: var(--stepper-item-visited-icon-bg-color-hovered);
}
.stepper .stepper-item-icon.disabled {
  color: var(--stepper-color-disabled);
  background-color: var(--stepper-item-icon-bg-color-disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.stepper .stepper-item-icon.errored,
.stepper .stepper-item-icon.errored:hover {
  color: var(--stepper-item-icon-bg-color-errored);
  background-color: var(--stepper-item-icon-color-errored);
}
.stepper .stepper-item-text-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: fit-content;
}
.stepper .stepper-item-label {
  font-family: 'Inter', sans-serif;
  font-size: var(--stepper-label-font-size);
  font-weight: var(--stepper-label-font-weight);
  line-height: var(--stepper-label-line-height);
  letter-spacing: normal;
  color: var(--stepper-label-color);
  fill: var(--stepper-label-color);
}
.stepper .stepper-item-icon:hover + .stepper-item-text-wrapper .stepper-item-label {
  color: var(--stepper-label-color-hovered);
}
.stepper .active + .stepper-item-text-wrapper .stepper-item-label {
  color: var(--stepper-label-color-hovered);
}
.stepper .disabled + .stepper-item-text-wrapper .stepper-item-label,
.stepper .disabled + .stepper-item-text-wrapper .stepper-item-helper-text {
  color: var(--stepper-color-disabled);
}
.stepper .stepper-item-helper-text {
  max-width: 12.5rem;
  font-family: 'Inter', sans-serif;
  font-size: var(--stepper-helper-text-font-size);
  font-weight: var(--stepper-helper-text-font-weight);
  line-height: var(--stepper-helper-text-line-height);
  letter-spacing: normal;
  color: var(--stepper-helper-text-color);
  fill: var(--stepper-helper-text-color);
}
.stepper .stepper-item-helper-text.errored {
  color: var(--stepper-helper-text-color-errored);
}
.stepper .stepper-item-rect {
  height: 0.0625rem;
  width: 2rem;
  margin: 0 0.5rem;
  background-color: var(--stepper-item-rect-bg);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/full-screen-drawer/header/full-screen-drawer-header.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.full-screen-drawer-header-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  height: 4.5rem;
  width: 100%;
  padding: 1rem;
  background-color: var(--full-screen-drawer-header-bg);
  border-bottom: 0.0625rem solid var(--full-screen-drawer-header-border);
}
.full-screen-drawer-header-wrapper > * {
  flex-grow: 1;
  flex-basis: 0;
}
.full-screen-drawer-header-wrapper .drawer-title {
  min-width: 15rem;
  white-space: nowrap;
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.full-screen-drawer-header-wrapper .custom-header {
  width: 75%;
}
.full-screen-drawer-header-wrapper .dismiss-button-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}
.full-screen-drawer-header-wrapper .dismiss-button-section .dismiss-warning-text {
  margin-right: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.full-screen-drawer-header-wrapper .dismiss-button-section .dismiss-warning-dialog {
  flex-shrink: 0;
}
.full-screen-drawer-header-wrapper .dismiss-button-section .dismiss-warning-dialog .warning-button-exit {
  margin-left: 0.5rem;
}
.full-screen-drawer-header-wrapper .header-section-buttons {
  display: flex;
  justify-content: flex-end;
}
.full-screen-drawer-header-wrapper .header-section-buttons > * {
  margin-left: 0.5rem;
}
.full-screen-drawer-header-wrapper .header-section-stepper .stepper {
  justify-content: center;
}

/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/granular-progress-bar/granular-progress-bar.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.granular-progress-bar.vertical-layout {
  display: flex;
  flex-direction: column-reverse;
}
.granular-progress-bar.horizontal-layout {
  display: flex;
}
.granular-progress-bar .vertical-bar {
  height: 0.125rem;
  width: 1rem;
}
.granular-progress-bar .horizontal-bar {
  height: 0.1875rem;
  width: 1.5rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-right: 0.1875rem;
}
.granular-progress-bar .vertical-bar,
.granular-progress-bar .horizontal-bar {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-bottom: 0.0625rem;
  background: var(--granular-progress-bar-item-bg);
  border-radius: 0.25rem;
  z-index: 1;
}
.granular-progress-bar .active-bar {
  background: var(--granular-progress-bar-item-active-bg);
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/icon-sidebar/icon-sidebar.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.icon-sidebar-container {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  height: 100%;
  padding: 0.5rem 0;
  background: var(--icon-sidebar-background);
}
.icon-sidebar-container.left {
  border-right: 0.0625rem solid var(--icon-sidebar-border);
}
.icon-sidebar-container.right {
  border-left: 0.0625rem solid var(--icon-sidebar-border);
}
.icon-sidebar-container .icon-sidebar-main-container {
  display: flex;
  flex: 1;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}
.icon-sidebar-container .icon-sidebar-main-container .adaptive-list-element {
  width: 100%;
}
.icon-sidebar-container .icon-sidebar-footer-container {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 1rem;
}
.icon-sidebar-container .icon-sidebar-footer-container .icon-sidebar-button-container {
  width: 100%;
}
.icon-sidebar-container .adaptive-list-container {
  flex-direction: column;
  align-items: baseline;
  height: 100%;
}
.icon-sidebar-container .adaptive-list-container .adaptive-list {
  flex-direction: column;
  width: 4.5rem;
}
.icon-sidebar-container .adaptive-list-container .dropdown-trigger,
.icon-sidebar-container .adaptive-list-container .selected-item {
  width: 100%;
  outline-offset: -0.125rem;
}
.icon-sidebar-container .icon-sidebar-button-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0.125rem 0.5rem;
  color: var(--icon-sidebar-icon-color);
  background: transparent;
  border: none;
  appearance: none;
  cursor: pointer;
}
.icon-sidebar-container .icon-sidebar-button-container .icon-sidebar-button-icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--round-icon-button-height-sm);
  width: var(--round-icon-button-width-sm);
  border-radius: 0.25rem;
}
.icon-sidebar-container .icon-sidebar-button-container .icon-sidebar-divider {
  position: absolute;
  bottom: 0;
  height: 0.0625rem;
  width: 3.125rem;
  background: var(--icon-sidebar-divider-background);
}
.icon-sidebar-container .icon-sidebar-button-container .icon-sidebar-text {
  max-width: 100%;
  margin-top: 0.125rem;
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 0.75rem;
  letter-spacing: normal;
  color: var(--icon-sidebar-text-color);
  fill: var(--icon-sidebar-text-color);
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.icon-sidebar-container .icon-sidebar-button-container .icon-sidebar-text.truncate-with-tooltip {
  word-break: normal;
  white-space: normal;
}
.icon-sidebar-container .icon-sidebar-button-container.selected {
  color: var(--icon-sidebar-icon-selected-color);
  background: var(--icon-sidebar-icon-container-selected-color);
}
.icon-sidebar-container .icon-sidebar-button-container.selected .icon-sidebar-text {
  color: var(--icon-sidebar-text-selected-color);
}
.icon-sidebar-container .icon-sidebar-button-container:focus,
.icon-sidebar-container .icon-sidebar-button-container:active {
  outline: none;
}
.icon-sidebar-container .icon-sidebar-button-container:focus-visible {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.125rem;
}
.icon-sidebar-container .icon-sidebar-button-container:not(.selected):not(.disabled):hover {
  color: var(--icon-sidebar-icon-hover-color);
}
.icon-sidebar-container .icon-sidebar-button-container:not(.selected):not(.disabled):hover .icon-sidebar-text {
  color: var(--icon-sidebar-text-hover-color);
}
.icon-sidebar-container .icon-sidebar-button-container.disabled {
  color: var(--icon-sidebar-icon-disabled-color);
  cursor: default;
}
.icon-sidebar-container .icon-sidebar-button-container.disabled .icon-sidebar-text {
  color: var(--icon-sidebar-text-disabled-color);
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/inline-edit/inline-edit.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.inline-edit-container {
  position: relative;
  left: -0.75rem;
}
.inline-edit-container .is-loading-icon {
  padding: 0 0.5rem;
}
.inline-edit-container .inline-edit-text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0.75rem;
  border-radius: var(--inline-edit-border-radius);
  cursor: pointer;
}
.inline-edit-container .inline-edit-text-container:hover {
  background: var(--inline-edit-hover-text-container-color);
  outline: 0.0625rem solid var(--inline-edit-hover-text-container-border-color);
}
.inline-edit-container .inline-edit-text-container:focus-visible .inline-edit-pencil-button,
.inline-edit-container .inline-edit-text-container:hover .inline-edit-pencil-button {
  opacity: 1;
}
.inline-edit-container .inline-edit-text-container:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.inline-edit-container .inline-edit-text-container.read-only:hover {
  background: none;
  cursor: default;
  outline: none;
}
.inline-edit-container .inline-edit-text-container .inline-edit-text-wrapper {
  display: flex;
  align-items: center;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper {
  line-height: normal;
  word-break: break-word;
  white-space: pre-line;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper.empty {
  color: var(--inline-edit-no-text-color);
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper:not(.multiline) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper.multiline {
  text-overflow: ellipsis;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper.multiline.rows-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper.multiline.rows-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.inline-edit-container .inline-edit-text-container .inline-text-wrapper.multiline.rows-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.inline-edit-container .inline-edit-input {
  background-color: transparent;
}
.inline-edit-container .inline-edit-input.resized {
  width: fit-content;
}
.inline-edit-container .inline-edit-input input,
.inline-edit-container .inline-edit-input textarea {
  padding: 0.25rem 0.75rem;
  line-height: normal;
}
.inline-edit-container .inline-edit-input.with-left-icon input {
  padding-left: 2rem;
}
.inline-edit-container .inline-edit-input.with-left-icon svg {
  left: 0.75rem;
}
.inline-edit-container .inline-edit-input.with-right-icon input,
.inline-edit-container .inline-edit-input.with-right-icon textarea {
  padding-right: 2rem;
}
.inline-edit-container .inline-edit-input.with-right-icon svg {
  right: 0.75rem;
}
.inline-edit-container .inline-edit-input.with-center-right-icon input {
  padding-right: 2.5rem;
}
.inline-edit-container .inline-edit-input textarea {
  padding-right: calc(2rem + 0.25rem);
}
.inline-edit-container .inline-edit-pencil-button {
  flex-shrink: 0;
  margin-left: 0.75rem;
  font-size: 0.75rem;
  color: var(--text-secondary);
  opacity: 0;
}
.inline-edit-container .dr-validity-messages {
  max-width: calc(100% - 5.625rem);
}
.inline-edit-container .dr-form-field .dr-form-field-wrapper .dr-form-field-icon.fa-circle-xmark {
  color: var(--input-failure-color);
}
.inline-edit-container textarea {
  resize: none;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/range-slider/range-slider.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/only-kebab-case-class-names  */
.range-slider .rheostat {
  position: relative;
  display: inline-block;
  height: 0.25rem;
  width: 100%;
}
.range-slider .DefaultBackground_background__horizontal {
  position: absolute;
  height: 0.25rem;
  width: 100%;
  background: var(--range-slider-bg);
  border-radius: 0.25rem;
}
.range-slider .handleContainer:hover + .DefaultProgressBar_progressBar,
.range-slider .handleContainer:active + .DefaultProgressBar_progressBar {
  background-color: var(--range-slider-bg-color-active);
}
.range-slider .DefaultProgressBar_progressBar {
  position: absolute;
  height: 0.25rem;
  width: 100%;
  background: var(--range-slider-bg-color);
  border-radius: 1rem;
  z-index: 1;
}
.range-slider .DefaultProgressBar_progressBar:hover {
  background-color: var(--range-slider-bg-color-active);
}
.range-slider .DefaultHandle_handle__horizontal {
  padding: 0;
  border-color: var(--range-slider-handle-border-color);
  border-radius: 1rem;
  border-width: 0.0625rem;
  border-style: solid;
  background-size: 100%;
  cursor: pointer;
  z-index: 3;
  box-shadow: var(--range-slider-thumb-box-shadow);
}
.range-slider .progress-bar-wrapper {
  cursor: grab;
}
.range-slider .pit-component {
  top: calc((0.25rem - 0.5rem) / 2);
  height: 0.5rem;
  width: 0.5rem;
  margin-left: calc(-0.5rem / 2);
  background: var(--range-slider-bg);
  border-radius: 0.5rem;
  z-index: 2;
  cursor: pointer;
}
.range-slider .pit-component.in-range {
  background: var(--range-slider-bg-color);
}
.range-slider.disabled .rheostat .DefaultProgressBar_progressBar {
  background: var(--range-slider-active-path-disabled-bg);
}
.range-slider.md .DefaultHandle_handle__horizontal {
  top: calc((0.25rem - 1rem) / 2);
  height: 1rem;
  width: 1rem;
  margin-left: calc(-1rem / 2);
  background: var(--range-slider-thumb-bg);
}
.range-slider.md .DefaultHandle_handle__horizontal:hover,
.range-slider.md .DefaultHandle_handle__horizontal:active {
  top: calc((0.25rem - var(--range-slider-handle-diameter-active)) / 2);
  height: var(--range-slider-handle-diameter-active);
  width: var(--range-slider-handle-diameter-active);
  margin-left: calc((0px - var(--range-slider-handle-diameter-active)) / 2);
  background: var(--range-slider-thumb-bg-active);
  border-radius: var(--range-slider-handle-diameter-active);
  border-style: solid;
  box-shadow: var(--range-slider-thumb-active);
}
.range-slider.md .DefaultHandle_handle__horizontal:focus {
  box-shadow: var(--range-slider-thumb-focus);
}
.range-slider.md .DefaultHandle_handle__disabled {
  background: var(--range-slider-thumb-disabled-bg);
  border-color: var(--range-slider-thumb-disabled-border);
  outline: none;
}
.range-slider.md .DefaultHandle_handle__disabled:hover,
.range-slider.md .DefaultHandle_handle__disabled:active {
  background: var(--range-slider-thumb-disabled-bg-active);
  outline: none;
}
.range-slider.lg .DefaultHandle_handle__horizontal {
  top: calc((0.25rem - 1.5rem) / 2);
  height: 1.5rem;
  width: 1.5rem;
  margin-left: calc((0px - 1.5rem) / 2);
  background: var(--range-slider-thumb-bg-lg);
}
.range-slider.lg .DefaultHandle_handle__horizontal:hover,
.range-slider.lg .DefaultHandle_handle__horizontal:active {
  top: calc((0.25rem - var(--range-slider-handle-diameter-large-active)) / 2);
  height: var(--range-slider-handle-diameter-large-active);
  width: var(--range-slider-handle-diameter-large-active);
  margin-left: calc((0px - var(--range-slider-handle-diameter-large-active)) / 2);
  background: var(--range-slider-thumb-bg-lg-active);
  border-radius: var(--range-slider-handle-diameter-large-active);
  border-style: solid;
}
.range-slider.lg .DefaultHandle_handle__disabled {
  background: var(--range-slider-thumb-disabled-bg-lg);
}
.range-slider.lg .DefaultHandle_handle__disabled:hover,
.range-slider.lg .DefaultHandle_handle__disabled:active {
  background: var(--range-slider-thumb-disabled-bg-active-lg);
  outline: none;
}
.range-slider.xl .DefaultHandle_handle__horizontal {
  top: calc((0.25rem - 2rem) / 2);
  height: 2rem;
  width: 2rem;
  margin-left: calc(-2rem / 2);
  background: var(--range-slider-thumb-bg-xl);
}
.range-slider.xl .DefaultHandle_handle__horizontal:hover,
.range-slider.xl .DefaultHandle_handle__horizontal:active {
  top: calc((0.25rem - var(--range-slider-handle-diameter-extra-large-active)) / 2);
  height: var(--range-slider-handle-diameter-extra-large-active);
  width: var(--range-slider-handle-diameter-extra-large-active);
  margin-left: calc((0px - var(--range-slider-handle-diameter-extra-large-active)) / 2);
  background: var(--range-slider-thumb-bg-xl-active);
  border-radius: var(--range-slider-handle-diameter-extra-large-active);
  border-style: solid;
}
.range-slider.xl .DefaultHandle_handle__disabled {
  background: var(--range-slider-thumb-disabled-bg-xl);
}
.range-slider.xl .DefaultHandle_handle__disabled:hover,
.range-slider.xl .DefaultHandle_handle__disabled:active {
  background: var(--range-slider-thumb-disabled-bg-active-xl);
  outline: none;
}
/* stylelint-enable dr-custom/only-kebab-case-class-names  */

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/input-slider/input-slider.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.input-slider.disabled .input-slider-label,
.input-slider.disabled .input-slider-helper-text {
  color: var(--input-disabled-color);
}
.input-slider .input-slider-label {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.input-slider .input-slider-helper-text {
  font-family: 'Inter', sans-serif;
  font-size: var(--input-subtext-font-size);
  font-weight: 400;
  line-height: var(--input-subtext-line-height);
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.input-slider .input-slider-container {
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
}
.input-slider .input-slider-container .dr-validity-messages {
  display: none;
}
.input-slider .input-slider-container .range-slider {
  flex: 1;
}
.input-slider .input-slider-container .range-slider-input {
  width: 4rem;
  margin-top: 0;
  margin-left: 1rem;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/key-value-pairs/key-value-pairs.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.kvps-container .kvps-form-controls {
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.kvps-container .kvp-inputs {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.kvps-container .kvp-inputs .key-input {
  flex: 1;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.kvps-container .kvp-inputs .value-input {
  flex: 1;
  margin-left: 1rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.kvps-container .kvp-inputs .kvp-delete-button,
.kvps-container .kvp-inputs .kvp-inputs-empty-block {
  margin-left: 0.5rem;
}
.kvps-container .kvp-inputs .kvp-inputs-empty-block {
  padding: 0 1rem;
}
.kvps-container .kvp-items-helper-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.kvps-container .kvp-no-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/label-accent/label-accent.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.label-accent {
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: middle;
  font-size: 0.6875rem;
  font-weight: bold;
  line-height: 0.8125rem;
  text-transform: uppercase;
  color: var(--text-primary);
}
.label-accent.recommended {
  padding: 0 0.25rem;
  color: var(--label-accent-color);
  background: linear-gradient(270deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);
  border-radius: 0.125rem;
  text-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2);
}
.label-accent.success {
  color: var(--action-success-text);
}
.label-accent.error {
  color: var(--action-failure-text);
}
.label-accent.info {
  color: var(--action-info);
}

/*!******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/loadable-container/loadable-container.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.loadable-container {
  display: flex;
  height: 100%;
  color: var(--text-primary);
}
.loadable-container .loadable-container-icon {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/loading-backdrop/loading-backdrop.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.loading-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
}
.loading-backdrop.loading-backdrop-enter,
.loading-backdrop.loading-backdrop-enter-active,
.loading-backdrop.loading-backdrop-enter-done,
.loading-backdrop.loading-backdrop-appear,
.loading-backdrop.loading-backdrop-appear-done {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s;
}
.loading-backdrop.loading-backdrop-exit-done,
.loading-backdrop.loading-backdrop-exit-active {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s, opacity 0.5s;
}
.loading-backdrop .message-component {
  padding: 1.25rem;
  color: var(--text-primary);
  background: var(--loading-backdrop-bg);
  border-radius: 0.625rem;
}

/*!**********************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/highlight.js/styles/a11y-dark.css ***!
  \**********************************************************************************************************/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/
.hljs {
  background: #2b2b2b;
  color: #f8f8f2
}
/* Comment */
.hljs-comment,
.hljs-quote {
  color: #d4d0ab
}
/* Red */
.hljs-variable,
.hljs-template-variable,
.hljs-tag,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-regexp,
.hljs-deletion {
  color: #ffa07a
}
/* Orange */
.hljs-number,
.hljs-built_in,
.hljs-literal,
.hljs-type,
.hljs-params,
.hljs-meta,
.hljs-link {
  color: #f5ab35
}
/* Yellow */
.hljs-attribute {
  color: #ffd700
}
/* Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet,
.hljs-addition {
  color: #abe338
}
/* Blue */
.hljs-title,
.hljs-section {
  color: #00e0e0
}
/* Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #dcc6e0
}
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}
@media screen and (-ms-high-contrast: active) {
  .hljs-addition,
  .hljs-attribute,
  .hljs-built_in,
  .hljs-bullet,
  .hljs-comment,
  .hljs-link,
  .hljs-literal,
  .hljs-meta,
  .hljs-number,
  .hljs-params,
  .hljs-string,
  .hljs-symbol,
  .hljs-type,
  .hljs-quote {
    color: highlight
  }
  .hljs-keyword,
  .hljs-selector-tag {
    font-weight: bold
  }
}
/*!*************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/katex/dist/katex.min.css ***!
  \*************************************************************************************************/
@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(..//static/73ea273a72f4aca30ca5.woff2) format("woff2"),url(..//static/d562e886c52f12660a41.woff) format("woff"),url(..//static/853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(..//static/7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(..//static/7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(..//static/931d67ea207ab37ee693.woff2) format("woff2"),url(..//static/354501bac435c3264834.woff) format("woff"),url(..//static/4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(..//static/172d3529b26f8cedef6b.woff2) format("woff2"),url(..//static/6fdf0ac577be0ba82a4c.woff) format("woff"),url(..//static/ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(..//static/39890742bc957b368704.woff2) format("woff2"),url(..//static/0c3b8929d377c0e9b2f3.woff) format("woff"),url(..//static/8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(..//static/20f389c4120be058d80a.woff2) format("woff2"),url(..//static/428978dc7837d46de091.woff) format("woff"),url(..//static/828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(..//static/fe2176f79edaa716e621.woff2) format("woff2"),url(..//static/fd947498bc16392e76c2.woff) format("woff"),url(..//static/fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(..//static/f650f111a3b890d116f1.woff2) format("woff2"),url(..//static/4f35fbcc9ee8614c2bcc.woff) format("woff"),url(..//static/9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(..//static/dcbcbd93bac0470b462d.woff2) format("woff2"),url(..//static/3f07ed67f06c720120ce.woff) format("woff"),url(..//static/bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(..//static/6d3d25f4820d0da8f01f.woff2) format("woff2"),url(..//static/96759856b4e70f3a8338.woff) format("woff"),url(..//static/8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(..//static/95591a929f0d32aa282a.woff2) format("woff2"),url(..//static/b9cd458ac6d5889ff9c3.woff) format("woff"),url(..//static/5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(..//static/7d393d382f3e7fb1c637.woff2) format("woff2"),url(..//static/8d593cfaa96238d5e2f8.woff) format("woff"),url(..//static/b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(..//static/cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(..//static/02271ec5cb9f5b4588ac.woff) format("woff"),url(..//static/2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(..//static/c81d1b2a4b75d3eded60.woff2) format("woff2"),url(..//static/073b3402d036714b4370.woff) format("woff"),url(..//static/fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(..//static/6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(..//static/57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(data:font/ttf;base64, ) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(data:font/woff2;base64, ) format("woff2"),url(data:font/woff;base64, ) format("woff"),url(..//static/4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(..//static/c295e7f71970f03c0549.woff2) format("woff2"),url(..//static/4c6b94fd1d07f8beff7c.woff) format("woff"),url(..//static/c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.11"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/markdown/markdown.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-unexpected-spacing-definitions, dr-custom/no-unexpected-variable-definitions */
.markdown p,
.markdown table {
  margin-bottom: 0.25rem;
}
.markdown blockquote {
  margin-left: 1rem;
  padding-left: 1rem;
  border-left: 0.125rem solid var(--markdown-border-color);
}
.markdown ul,
.markdown ol {
  padding-left: 1rem;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/multiselect-searchable-list/toggle-select-button.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.select-toggle-button {
  display: flex;
  justify-content: center;
  min-width: 5rem;
  text-align: center;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/pagination/pagination.less ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.control-pagination .page-number-button {
  width: 0.9375rem;
  margin-left: 0;
}
.control-pagination .page-size-button {
  position: relative;
  margin: 0 0.25rem 0 1.25rem;
}
.control-pagination .page-size-button .selected-item {
  color: var(--text-primary);
}
.control-pagination .page-size-button .fa-chevron-down {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 200ms, opacity 0s linear 200ms, transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  /* transform here is needed to keep rotation for the chevron defined at dropdown-trigger.less */
}
.control-pagination .page-size-button:hover:not(:disabled) .selected-item,
.control-pagination .page-size-button:focus:not(:disabled) .selected-item {
  color: var(--dropdown-trigger-highlighted-color);
}
.control-pagination .page-size-button:hover:not(:disabled) .fa-chevron-down,
.control-pagination .page-size-button:focus:not(:disabled) .fa-chevron-down {
  visibility: visible;
  opacity: 1;
}
.control-pagination .page-size-button:disabled .selected-item {
  color: var(--dropdown-trigger-disabled-color);
}
.control-pagination .pagination-simple-label {
  margin: 0 1.25rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/searchable-list/searchable-list-header.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.searchable-list-header-container {
  position: sticky;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  z-index: 9;
}
.searchable-list-header-container .search-wrapper {
  flex-grow: 4;
  max-height: 2.25rem;
}
.searchable-list-header-container .searchable-list-controls-wrapper {
  display: flex;
}
.searchable-list-header-container .control-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.25rem;
}
.searchable-list-header-container .searchable-list-header {
  display: flex;
  flex-shrink: 0;
  color: var(--text-secondary);
}
.searchable-list-header-container .searchable-list-header .action-link {
  margin-left: 0.25rem;
  line-height: 1;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/searchable-list/searchable-list-view.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
.searchable-list-view {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-bottom: 0.25rem;
}
.searchable-list-view .searchable-list-content {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  min-height: 4rem;
}
.searchable-list-view .searchable-list-items-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding-right: 0.0625rem;
  overflow: auto;
}
.searchable-list-view .searchable-list-items-container > * + * {
  margin-top: 0.25rem;
}
.searchable-list-view .searchable-list-items-container .list-card {
  flex-shrink: 0;
}
.searchable-list-view .searchable-list-items-container .list-card-details {
  flex-direction: column;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/searchable-list/searchable-list.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.searchable-list.loading .searchable-list-items-container {
  opacity: 0.25;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/multiselect-searchable-list/multiselect-searchable-list.less ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.multiselect-items-list {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.multiselect-items-list .searchable-list-layout {
  flex-grow: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/multiselect-searchable-list/searchable-list-layout.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.searchable-list-layout {
  display: flex;
}
.searchable-list-layout > * + * {
  margin-left: 2.5rem;
}
.searchable-list-layout .main-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.searchable-list-layout .aside-container {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  width: 17.5rem;
  margin-right: 2.5rem;
}
.searchable-list-layout .aside-container .selected-items-board {
  position: sticky;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  top: -0.0625rem;
  color: var(--text-primary);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/multiselect-searchable-list/selected-items-board.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.selected-items-board {
  display: flex;
  flex-direction: column;
}
.selected-items-board > * {
  flex-shrink: 0;
}
.selected-items-board .underlined {
  padding-bottom: 0.25rem;
  border-bottom: 0.0625rem solid var(--base-border-color);
}
.selected-items-board .items-list {
  flex-shrink: unset;
  margin: 0.5rem 0;
  padding: 0 0.25rem 0 0;
  overflow-y: auto;
}
.selected-items-board .items-list > * + * {
  margin-top: 0.5rem;
}
.selected-items-board .item-container {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.selected-items-board .item-container .item-display-label {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selected-items-board .item-container .item-remove-button {
  flex-shrink: 0;
  margin-left: 0.25rem;
}
.selected-items-board .clear-all-button-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/pagination-new/pagination-new.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.pagination-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  container-type: inline-size;
  container-name: pagination-new;
}
.pagination-container .pagination-buttons-container {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  gap: 0.25rem;
}
.pagination-container .pagination-buttons-container .pagination-loading-skeleton:first-of-type {
  margin-right: 0.5rem;
}
.pagination-container .pagination-buttons-container .pagination-loading-skeleton:last-of-type {
  margin-left: 0.5rem;
}
.pagination-container .pagination-buttons-dots {
  padding: 0.5rem;
  font-weight: 500;
  line-height: 1.25rem;
}
.pagination-container .pagination-items-per-page-dropdown {
  flex-shrink: 0;
}
.pagination-container .short-page-size-trigger-name {
  display: none;
}
.pagination-container .pagination-summary-container {
  padding: 0 1rem;
  color: var(--pagination-summary-color);
  border-left: 0.0625rem solid var(--base-border-color);
}
.pagination-container .pagination-loading-skeleton {
  height: 2.25rem;
}
/* If the container is less than 530px remove summary */
@container pagination-new (max-width: 530px) {
  .pagination-summary-container {
    display: none;
  }
}
/* If the container is less than 440 change dropdown trigger content */
@container pagination-new (max-width: 480px) {
  .pagination-items-per-page-dropdown .short-page-size-trigger-name {
    display: inline;
  }
  .pagination-items-per-page-dropdown .long-page-size-trigger-name {
    display: none;
  }
}
/* removes all pagination buttons except for first, last and active page. (dots remain) */
@container pagination-new (max-width: 415px) {
  .pagination-buttons-container .page-button {
    display: none;
  }
  .pagination-buttons-container .page-button.first,
  .pagination-buttons-container .page-button.last,
  .pagination-buttons-container .page-button.active {
    display: unset;
  }
}
/* removes all buttons except active page, and removes dots */
@container pagination-new (max-width: 340px) {
  .pagination-buttons-container .pagination-buttons-dots {
    display: none;
  }
  .pagination-buttons-container .page-button.first,
  .pagination-buttons-container .page-button.last {
    display: none;
  }
  .pagination-buttons-container .page-button.active {
    display: unset;
  }
}
/* removes words 'Previous' and 'Next' from buttons leaving only arrows icons */
@container pagination-new (max-width: 250px) {
  .pagination-buttons-container .pagination-next-btn,
  .pagination-buttons-container .pagination-prev-btn {
    /* I know this is referring to button inner structure and should be avoided but in the worst case scenario
        button in pagination just won't be collapsed as much. It should not leak anywhere due to @container */
  }
  .pagination-buttons-container .pagination-next-btn .button-content span,
  .pagination-buttons-container .pagination-prev-btn .button-content span {
    display: none;
  }
  .pagination-buttons-container .pagination-next-btn .button-content > * + *,
  .pagination-buttons-container .pagination-prev-btn .button-content > * + * {
    margin: 0;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/pill/pill.less ***!
  \**************************************************************************************************************************************************************************************************************************************/
.pill {
  display: inline-block;
  padding: 0 0.5rem;
  color: var(--pill-color);
  background-color: var(--pill-bg);
  border: 0;
  border-radius: var(--pill-border-radius);
  outline: none;
}
.pill > *,
.pill code {
  color: inherit;
}
button.pill {
  cursor: pointer;
}
button:hover.pill {
  color: var(--pill-color-hover);
}
button:hover.active.pill {
  color: var(--pill-active-hover);
}
.pill.active {
  color: var(--pill-active);
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/radio-group/radio-group.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.radiogroup {
  margin: 0;
  padding: 0;
  border: 0;
}
.radiogroup:disabled .group-label {
  color: var(--radio-disabled-label-color);
}
.radiogroup:disabled .info-icon {
  color: var(--radio-disabled-label-color);
}
.radiogroup .group {
  margin-bottom: 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: var(--radio-group-label-font-size);
  font-weight: var(--radio-group-label-font-weight);
  line-height: var(--radio-group-label-line-height);
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.radiogroup .group .group-label {
  margin-right: 0.25rem;
}
.radiogroup .radiogroup-items {
  display: flex;
  text-align: left;
  gap: 1rem;
}
.radiogroup .radiogroup-items.vertical {
  display: flex;
  flex-direction: column;
  text-align: left;
  gap: 0;
}
.radiogroup .radiogroup-items.vertical .radiobutton-wrapper:not(.with-helper-text) {
  margin: 0 0 0.5rem 0;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tabs/tabs.less ***!
  \**************************************************************************************************************************************************************************************************************************************/
.tabgroup {
  position: relative;
  border: 0;
}
.tabgroup.tabgroup-container {
  width: var(--tabgroup-container-width);
  background: var(--tabgroup-container-background);
  border: var(--tabgroup-container-border);
  border-radius: var(--tabgroup-container-border-radius);
}
.tabgroup.small .tabgroup-tab + label {
  padding: var(--tabgroup-tab-small-padding);
}
.tabgroup.full-width {
  display: flex;
  width: 100%;
}
.tabgroup.full-width label {
  flex-grow: 1;
  text-align: center;
}
.tabgroup .tabgroup-tab {
  /* 1. hide native input */
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
.tabgroup .tabgroup-tab:focus-visible + label {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.tabgroup .tabgroup-tab + label {
  padding: var(--tabgroup-tab-padding);
  background: var(--tabgroup-tab-bg-color);
  border-bottom: var(--tabgroup-tab-border-size) solid var(--tabgroup-tab-border-color);
  border-top: var(--tabgroup-tab-border-size) solid var(--tabgroup-tab-border-color);
  border-radius: var(--tabgroup-middle-tab-border-radius);
  border-left: var(--tabgroup-tab-border-size) solid var(--tabgroup-tab-border-color);
  float: left;
  transition-property: color, background-color, border-color;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: var(--tabgroup-tab-line-height);
  letter-spacing: normal;
  color: var(--tabgroup-tab-text-color);
  fill: var(--tabgroup-tab-text-color);
}
.tabgroup .tabgroup-tab:first-of-type + label {
  border-radius: var(--tabgroup-first-tab-border-radius);
}
.tabgroup .tabgroup-tab:last-of-type + label {
  border-right: var(--tabgroup-tab-border-size) solid var(--tabgroup-tab-border-color);
  border-radius: var(--tabgroup-last-tab-border-radius);
}
.tabgroup .tabgroup-tab:first-of-type:last-of-type + label {
  border-right: none;
  border-radius: var(--tabgroup-tab-radius);
  border-left: none;
}
.tabgroup .tabgroup-tab:checked + label {
  color: var(--selected-tabgroup-tab-color);
  background: var(--selected-tabgroup-tab-bg);
  border-color: var(--selected-tabgroup-tab-border-color);
}
.tabgroup .tabgroup-tab:not(:disabled):not(:checked) + label:hover {
  color: var(--highlighted-tabgroup-tab-color);
  background: var(--highlighted-tabgroup-tab-bg-color);
  border-color: var(--highlighted-tabgroup-tab-border-color);
}
.tabgroup .tabgroup-tab:disabled + label {
  color: var(--disabled-tabgroup-tab-color);
  background: var(--disabled-tabgroup-tab-bg-color);
  cursor: not-allowed;
}
.tabgroup .tabgroup-tab:checked:disabled + label {
  color: var(--selected-disabled-tabgroup-tab-text-color);
  background: var(--selected-disabled-tabgroup-tab-bg);
}
.tabgroup svg {
  height: 0.875rem;
  width: 1.25rem;
  margin-right: 0.25rem;
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/scheduler/scheduler.less ***!
  \************************************************************************************************************************************************************************************************************************************************/
.scheduler .dr-form-field {
  margin-top: var(--form-field-margin-top);
}
.scheduler .advanced-scheduler-form .use-simple-scheduler-container > * {
  margin-top: 0.5rem;
}
.scheduler .simple-scheduler-form .day-of-week-picker,
.scheduler .simple-scheduler-form .month-picker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.scheduler .simple-scheduler-form input[type='time'] {
  padding-right: 0.5rem;
}
.scheduler .simple-scheduler-form input[type='time']::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.scheduler .simple-scheduler-form .day-of-week-label,
.scheduler .simple-scheduler-form .month-checkbox-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--input-label-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--input-label-color);
  fill: var(--input-label-color);
  margin-bottom: 0.25rem;
}
.scheduler .simple-scheduler-form > * {
  margin-top: var(--form-field-margin-top);
}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/selectable-tiles/selectable-tiles.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.selectable-tiles-container {
  display: flex;
}
.selectable-tiles-container .selectable-tiles-item-label {
  display: inline;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.selectable-tiles-container .selectable-tiles-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.5rem;
  color: var(--selectable-tiles-item-text-color);
  background: var(--selectable-tiles-item-bg);
  border: var(--selectable-tiles-item-border);
  border-radius: var(--selectable-tiles-item-border-radius);
  box-shadow: var(--selectable-tiles-item-box-shadow);
  cursor: pointer;
  outline: none;
}
.selectable-tiles-container .selectable-tiles-item.sm {
  padding: var(--selectable-tiles-item-padding-sm);
}
.selectable-tiles-container .selectable-tiles-item.md {
  min-height: 2.25rem;
  min-width: 5rem;
  padding: var(--selectable-tiles-item-padding-md);
}
.selectable-tiles-container .selectable-tiles-item:hover,
.selectable-tiles-container .selectable-tiles-item[aria-checked='false']:focus {
  background: var(--selectable-tiles-item-hover-bg);
  border: var(--selectable-tiles-item-hover-border);
  box-shadow: var(--selectable-tiles-item-hover-box-shadow);
}
.selectable-tiles-container .selectable-tiles-item:last-of-type {
  margin-right: 0;
}
.selectable-tiles-container .selectable-tiles-item .selectable-tiles-item-image {
  vertical-align: middle;
}
.selectable-tiles-container .selectable-tiles-item.label-with-image {
  display: flex;
  flex-grow: 0;
  flex-flow: column;
  align-items: center;
  align-content: center;
  justify-content: var(--selectable-tiles-item-label-with-image-flex-jc);
}
.selectable-tiles-container .selectable-tiles-item.label-with-image .selectable-tiles-item-label {
  margin-top: 0.5rem;
}
.selectable-tiles-container .selectable-tiles-item:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.selectable-tiles-container .selectable-tiles-item-selected {
  color: var(--selectable-tiles-item-selected-text-color);
  background: var(--selectable-tiles-item-selected);
  border: var(--selected-tiles-item-selected-border);
}
.selectable-tiles-container .selectable-tiles-item-selected:focus-visible {
  border: none;
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.selectable-tiles-container .selectable-tiles-item-selected:hover {
  background: var(--selectable-tiles-item-selected-hover);
  border: var(--selected-tiles-item-selected-border);
}
.selectable-tiles-container .selectable-tiles-item-disabled {
  color: var(--selectable-tiles-item-disabled-text-color);
  background: var(--selectable-tiles-item-disabled-bg);
  border: var(--selected-tiles-item-disabled-border);
  box-shadow: none;
  cursor: not-allowed;
}
.selectable-tiles-container .selectable-tiles-item-disabled:hover {
  background: var(--selectable-tiles-item-disabled-bg);
  border: var(--selected-tiles-item-disabled-border);
  box-shadow: none;
}
.selectable-tiles-container .selectable-tiles-item-disabled .selectable-tiles-item-label {
  color: var(--selectable-tiles-item-disabled-text-color);
}
.selectable-tiles-container .selectable-tiles-item-disabled[aria-checked='false']:focus {
  background: var(--selectable-tiles-item-disabled-bg);
}
.selectable-tiles-container .selectable-tiles-item-selected.selectable-tiles-item-disabled {
  color: var(--selectable-tiles-item-selected-disabled-text-color);
  background: var(--selectable-tiles-item-selected-disabled-bg);
  border: var(--selected-tiles-item-selected-disabled-border);
}
.selectable-tiles-container .selectable-tiles-item-icon {
  min-height: 1rem;
  min-width: 1rem;
  margin-right: 0.5rem;
}

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/sidebar-cards/sidebar-card.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.sidebar-card {
  display: flex;
  flex-direction: row;
  margin: 0.25rem;
  padding: 1rem 1rem 1rem 0.75rem;
  background: var(--sidebar-card-bg);
  user-select: none;
  border-left: transparent 0.25rem solid;
  gap: 0.5rem;
}
.sidebar-card .sidebar-card-content-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.5rem;
}
.sidebar-card:not(:last-child) {
  box-shadow: 0 -0.0625rem 0 var(--base-border-color) inset;
}
.sidebar-card.is-selectable:not(.is-selected-card):focus {
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.sidebar-card.is-selectable:not(.is-selected-card):hover {
  background: var(--sidebar-card-hover-bg);
  cursor: pointer;
}
.sidebar-card.is-selected-card {
  background: var(--sidebar-card-active-bg);
  border-left-color: var(--sidebar-card-active-border);
}
.sidebar-card .sidebar-card-header {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.sidebar-card .sidebar-card-header:empty {
  display: none;
}
.sidebar-card .sidebar-card-header .checkbox-wrapper {
  flex-shrink: 0;
}
.sidebar-card .sidebar-card-title {
  flex-grow: 1;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.sidebar-card .sidebar-card-header-right,
.sidebar-card .sidebar-card-header-left {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: baseline;
  line-height: 1.25rem;
  gap: 0.25rem;
}
.sidebar-card .sidebar-card-header-right {
  margin-left: auto;
}
.sidebar-card .sidebar-card-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.sidebar-card.is-disabled-card {
  background: transparent;
  cursor: default;
}
.sidebar-card.is-disabled-card .sidebar-card-title,
.sidebar-card.is-disabled-card .sidebar-card-content {
  color: var(--sidebar-disabled-color);
}

/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/sidebar-menu/sidebar-menu-item-controls.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
.sidebar-menu-item-controls {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/sidebar-menu/sidebar-menu.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.sidebar-menu {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: var(--sidebar-menu-max-width);
  padding: 0;
  list-style: none;
  user-select: none;
}
.sidebar-menu ul,
.sidebar-menu li {
  padding: 0;
}
.sidebar-menu li {
  flex-shrink: 0;
  list-style-type: none;
}
.sidebar-menu .sidebar-menu-item .sidebar-menu-item {
  margin-left: 1rem;
}
.sidebar-menu .sidebar-menu-item .sidebar-menu-link-value {
  flex-shrink: 0;
  margin-left: auto;
  text-transform: uppercase;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--sidebar-value-color);
  fill: var(--sidebar-value-color);
}
.sidebar-menu .sidebar-menu-item.with-actions:hover .sidebar-menu-link-value:not(.should-not-truncate) {
  display: none;
}
.sidebar-menu .sidebar-menu-item.with-actions:hover .should-not-truncate {
  visibility: hidden;
}
.sidebar-menu .sidebar-menu-item:not(:hover).sidebar-menu .sidebar-menu-item:not(.should-not-trucnate) .with-value {
  margin-right: 0.25rem;
}
.sidebar-menu .sidebar-menu-item-level-0 .sidebar-menu-item:last-child {
  margin-bottom: var(--sidebar-menu-item-last-child-margin);
}
.sidebar-menu .sidebar-menu-item-wrapper {
  position: relative;
  margin-bottom: var(--sidebar-menu-item-wrapper-margin);
  border-radius: 0.25rem;
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-item-controls {
  display: none;
}
.sidebar-menu .sidebar-menu-item-wrapper:hover .sidebar-menu-item-controls,
.sidebar-menu .sidebar-menu-item-wrapper:focus-within .sidebar-menu-item-controls {
  display: flex;
}
.sidebar-menu .sidebar-menu-item-wrapper:focus-within .sidebar-menu-link-value {
  visibility: hidden;
}
.sidebar-menu .sidebar-menu-item-wrapper.sidebar-menu-item-wrapper-disabled:hover {
  background-color: transparent;
}
.sidebar-menu .sidebar-menu-item-wrapper:has(.active) {
  background-color: var(--sidebar-menu-active-item-hover-bg);
}
.sidebar-menu .sidebar-menu-item-wrapper:hover {
  background-color: var(--sidebar-menu-item-hover-bg);
}
.sidebar-menu .sidebar-menu-item-wrapper.with-active-background .sidebar-menu-link {
  color: var(--sidebar-active-title-color);
  border-radius: 0.25rem;
}
.sidebar-menu .sidebar-menu-item-wrapper.with-active-background .sidebar-menu-link.active {
  border-radius: var(--sidebar-menu-item-active-border-radius);
  border-left-color: var(--sidebar-manu-active-border-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link {
  display: flex;
  max-width: var(--sidebar-sebmenu-link-max-width);
  padding: var(--sidebar-sebmenu-link-padding);
  cursor: pointer;
  border-left: var(--sidebar-menu-item-active-border-width) solid transparent;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: var(--sidebar-submenu-font-weight);
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--sidebar-submenu-color);
  fill: var(--sidebar-submenu-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link:hover,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link:focus,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.active {
  color: var(--sidebar-active-title-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.disabled {
  color: var(--sidebar-submenu-color-disabled);
  cursor: not-allowed;
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error {
  color: var(--sidebar-submenu-error-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error:hover,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error:focus,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error.sidebar-menu-secondary-link:hover,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error.sidebar-submenu-secondary-link:hover,
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link.error.active {
  color: var(--sidebar-submenu-error-hover-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link > * {
  line-height: 1.25rem;
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-menu .sidebar-menu-item-wrapper .controllable-field .cancel {
  background-color: var(--sidebar-menu-item-cancel-btn-bg);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-link-error-icon {
  position: relative;
  top: 0.25rem;
  margin-left: 0.25rem;
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-item-helper-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--sidebar-submenu-helper-color);
  fill: var(--sidebar-submenu-helper-color);
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-item-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sidebar-menu .sidebar-menu-item-wrapper .sidebar-menu-item-header {
  display: flex;
  align-items: center;
  width: 100%;
}
.sidebar-menu .dr-form-field .dr-form-field-icon.fa-circle-xmark {
  color: var(--input-failure-color);
}
.sidebar-menu .dr-form-field .sidebar-menu-item-input {
  padding-left: 0.75rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/sidebar-modal/sidebar-modal.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.sidebar-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  display: flex;
  flex-direction: column;
  width: var(--sidebar-modal-width, 350px);
  padding: 0 0.75rem;
  background: var(--modal-background-color);
  border-right: 0.0625rem solid var(--modal-border-color);
  border-left: 0.0625rem solid var(--modal-border-color);
  gap: 1rem;
  z-index: 1051;
  overflow-y: hidden;
}
.sidebar-modal.align-right {
  right: 100%;
  left: unset;
}
.sidebar-modal .sidebar-modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0 0.5rem;
  border-bottom: 0.0625rem solid var(--base-border-color);
}
.sidebar-modal .sidebar-modal-header button {
  flex-shrink: 0;
}
.sidebar-modal .sidebar-modal-content {
  display: flex;
  flex: 1 1 max-content;
  flex-direction: column;
  overflow-y: auto;
}
.sidebar-modal .sidebar-modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: stretch;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  border-top: 0.0625rem solid var(--base-border-color);
  gap: 0.5rem;
}
.sidebar-modal .sidebar-modal-footer > button {
  flex-grow: 1;
}
.sidebar-modal + .sidebar-modal-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: calc(100vw - 100%);
  background-color: var(--modal-backdrop-bg);
  z-index: 1040;
}
.sidebar-modal + .sidebar-modal-backdrop.align-right {
  right: 100%;
  left: unset;
}

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/simple-table/simple-table.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
table.simple-table {
  border-collapse: collapse;
  table-layout: fixed;
}
table.simple-table th,
table.simple-table td {
  min-width: 5rem;
  padding: 0.75rem;
}
table.simple-table th:focus-visible,
table.simple-table td:focus-visible {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.0625rem;
}
table.simple-table th,
table.simple-table .th-header {
  text-align: left;
  background: var(--table-header-bg);
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
table.simple-table tr {
  color: var(--text-primary);
}
table.simple-table tr:nth-child(odd) td {
  background: var(--table-row-odd-bg);
}
table.simple-table tr:nth-child(even) td {
  background: var(--table-row-even-bg);
}
table.simple-table.sublevel {
  background: var(--simple-table-sublevel-background-color);
}
table.simple-table.sublevel thead,
table.simple-table.sublevel tr,
table.simple-table.sublevel thead th,
table.simple-table.sublevel tr td {
  background-color: inherit;
}
table.simple-table.sublevel thead th,
table.simple-table.sublevel .th-header {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
table.simple-table.sublevel thead th,
table.simple-table.sublevel tr td {
  border-bottom: 0.0625rem solid var(--base-border-color);
}
table.simple-table.sublevel tr td {
  color: var(--sublevel-table-color);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/smooth-transition-loader/smooth-transition-loader.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.smooth-transition-prerender-loader {
  position: absolute;
  right: 0;
  left: 0;
  display: flex;
  height: 12.5rem;
}
.smooth-transition-content-hidden {
  height: 12.5rem;
  width: 100%;
  max-height: 12.5rem;
  overflow: hidden;
  opacity: 0;
}
.smooth-transition-content {
  width: 100%;
  transition: max-height 0.1s ease-in, 0.1s opacity ease-in 0.15s;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/split-button/split-button.less ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.split-button-container {
  display: flex;
  gap: 0.0625rem;
}
.split-button-container .split-button-main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.split-button-container .split-button-trigger {
  min-width: 2.25rem;
  padding: 0.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.split-button-container .split-button-trigger svg {
  font-size: 0.875rem;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform: rotate(0deg);
}
.split-button-container .split-button-trigger.expanded svg {
  transform: rotate(180deg);
}
.split-button-container.is-secondary {
  gap: 0;
}
.split-button-container.is-secondary .split-button-trigger {
  border-left: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/splitter/splitter.less ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.splitter-layout {
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  color: var(--text-primary);
  overflow: hidden;
}
.splitter-layout.splitter-layout-horizontal {
  flex-direction: column;
}
.splitter-layout .layout-pane {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  overflow: auto;
}
.splitter-layout .layout-pane.layout-pane-primary {
  flex: 1 1 auto;
}
.splitter-layout .layout-splitter {
  flex: 0 0 auto;
  background-color: var(--splitter-bg);
  border-radius: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.splitter-layout .layout-splitter::after {
  content: '|||';
  position: absolute;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--text-primary);
}
.splitter-layout .layout-splitter.splitter-handler-horizontal {
  flex-direction: column;
  height: 0.25rem;
  width: 100%;
  margin: 0.5rem 0;
  cursor: row-resize;
}
.splitter-layout .layout-splitter.splitter-handler-horizontal::after {
  left: 50%;
  transform: rotate(90deg) translate(-70%);
}
.splitter-layout .layout-splitter.splitter-handler-vertical {
  flex-direction: row;
  height: 100%;
  width: 0.25rem;
  margin: 0 0.5rem;
  cursor: col-resize;
}
.splitter-layout .layout-splitter.splitter-handler-vertical::after {
  top: 50%;
  transform: translate(-25%);
}
.splitter-layout .layout-splitter.splitter-disabled {
  cursor: auto;
}
.splitter-layout .layout-splitter.splitter-disabled::after {
  display: none;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/sub-navigation/sub-navigation.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.sub-nav-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.25rem;
}
.sub-nav-group.underlined {
  position: relative;
  align-items: end;
  padding-bottom: 0;
}
.sub-nav-group.underlined::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 0.09375rem solid var(--sub-header-underline-color);
}
.sub-nav-group .adaptive-list-container {
  width: 100%;
}
.sub-nav-group .adaptive-list-container .item-button {
  margin-right: 1rem;
}
.sub-nav-group .item-button:not(:last-child) {
  padding-right: 0.5rem;
}
.sub-nav-group .item-button:not(:first-child) {
  padding-left: 0.5rem;
}
.sub-nav-group .sub-nav-item.item-button {
  font-weight: normal;
  line-height: 1.25rem;
  color: var(--sub-header-item);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.02s ease-out;
  outline: none;
  z-index: 1;
}
.sub-nav-group .sub-nav-item.item-button:hover,
.sub-nav-group .sub-nav-item.item-button:focus {
  color: var(--sub-header-hover-color);
}
.sub-nav-group .sub-nav-item.item-button:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: 0.125rem;
}
.sub-nav-group .sub-nav-item.item-button.active {
  color: var(--sub-header-active-color);
}
.sub-nav-group .sub-nav-item.item-button.active:hover {
  color: var(--sub-header-active-hover-color);
}
.sub-nav-group .sub-nav-item.item-button:disabled,
.sub-nav-group .sub-nav-item.item-button.disabled {
  color: var(--sub-header-item-disabled-color);
  cursor: default;
}
.sub-nav-group a.sub-nav-item {
  display: inline-block;
}
.sub-nav-group a.sub-nav-item.disabled {
  pointer-events: none;
}
.sub-nav-group.tab {
  gap: 1rem;
}
.sub-nav-group.full-width .sub-nav-item.item-button {
  display: flex;
  flex-grow: 1;
}
.sub-nav-group.tab.large .sub-nav-item.item-button,
.sub-nav-group.full-width.large .sub-nav-item.item-button {
  padding: 1rem 0;
  padding-bottom: calc(1rem - 0.125rem);
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.sub-nav-group.tab .button-content,
.sub-nav-group.full-width .button-content {
  display: flex;
  align-items: center;
}
.sub-nav-group.tab .button-content > * + *,
.sub-nav-group.full-width .button-content > * + * {
  margin-left: var(--button-icon-margin);
}
.sub-nav-group.tab .item-button-left-element,
.sub-nav-group.full-width .item-button-left-element,
.sub-nav-group.tab .item-button-right-element,
.sub-nav-group.full-width .item-button-right-element {
  display: flex;
  color: var(--text-secondary);
}
.sub-nav-group.tab .sub-nav-item.item-button,
.sub-nav-group.full-width .sub-nav-item.item-button {
  padding: 0.5rem 0;
  padding-bottom: calc(0.5rem - 0.125rem);
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  white-space: normal;
  border-bottom: 0.125rem solid transparent;
  border-radius: 0.25rem;
}
.sub-nav-group.tab .sub-nav-item.item-button.active,
.sub-nav-group.full-width .sub-nav-item.item-button.active {
  border-bottom: 0.125rem solid var(--sub-header-tab-active-border-color);
  border-radius: 0.25rem 0.25rem 0 0;
}
.sub-nav-group.tab .sub-nav-item.item-button.active:not(:disabled):hover,
.sub-nav-group.full-width .sub-nav-item.item-button.active:not(:disabled):hover {
  border-bottom: 0.125rem solid var(--sub-header-tab-active-border-color);
}
.sub-nav-group.tab .sub-nav-item.item-button:disabled,
.sub-nav-group.full-width .sub-nav-item.item-button:disabled {
  color: var(--sub-header-item-disabled-color);
}
.sub-nav-group.tab .sub-nav-item.item-button:not(:disabled):hover,
.sub-nav-group.full-width .sub-nav-item.item-button:not(:disabled):hover {
  color: var(--text-primary);
  border-bottom: 0.125rem solid var(--sub-header-tab-hover-border-color);
  border-radius: 0.25rem 0.25rem 0 0;
}
.sub-nav-group.ghost {
  gap: 1rem;
}
.sub-nav-group.ghost .item-button {
  padding: 0.5rem;
  border-radius: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--subnavigation-ghost-color);
  fill: var(--subnavigation-ghost-color);
}
.sub-nav-group.ghost .item-button.active:not(:disabled),
.sub-nav-group.ghost .item-button.active:hover:not(:disabled) {
  color: var(--subnavigation-ghost-active-color);
}
.sub-nav-group.ghost .item-button.active:not(:disabled) {
  background-color: var(--subnavigation-ghost-active-bg-color);
}
.sub-nav-group.ghost .item-button:hover:not(:disabled) {
  color: var(--subnavigation-ghost-color);
  background-color: var(--subnavigation-ghost-hover-bg-color);
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table/table.less ***!
  \****************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.r-table {
  display: flex;
  flex: 1;
  flex-direction: column;
  border-radius: 0.125rem;
  overflow: auto;
}
.r-table *,
.r-table *:before,
.r-table *:after {
  box-sizing: border-box;
}
.r-table .r-thead {
  position: sticky;
  top: 0;
  flex-shrink: 0;
  font-weight: 700;
  color: var(--table-header-color);
  z-index: 2;
}
.r-table .r-thead .r-tr {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.r-table .r-th {
  display: flex;
  flex: 1;
  align-items: center;
  min-width: 5rem;
  margin: 0;
  padding: var(--table-cell-padding);
  background: var(--table-header-bg);
  border-bottom: 0.0625rem solid var(--table-header-border-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.r-table .r-th:focus {
  outline: none;
}
.r-table .r-tbody {
  flex: 1;
  flex-basis: auto;
  z-index: 1;
}
.r-table .r-tr {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}
.r-table .r-tr:nth-child(odd) .r-td {
  background: var(--table-row-odd-bg);
}
.r-table .r-tr:nth-child(even) .r-td {
  background: var(--table-row-even-bg);
}
.r-table .r-tr.selected:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 0.25rem solid var(--table-active-item-left-border-color);
  z-index: 1;
}
.r-table .r-tr:first-of-type .r-td {
  border-top: none;
}
.r-table .r-td {
  flex: 1;
  min-width: 5rem;
  padding: var(--table-cell-padding);
  line-height: 1.25rem;
  color: var(--table-color);
  border-top: 0.0625rem solid var(--table-body-border-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.r-table .r-td .truncate-with-tooltip {
  line-height: inherit;
}
.r-table .r-tr.selected .r-td:first-child {
  font-weight: bold;
  color: var(--table-active-item-color);
}
.r-table .r-thead,
.r-table .r-tbody {
  width: 100%;
}
.r-table .clickable:hover .r-td {
  background: var(--table-row-hover-bg);
  cursor: pointer;
}
.r-table.list-layout .r-th {
  text-transform: uppercase;
  border-bottom: none;
}
.r-table.list-layout .r-tr {
  margin-bottom: 0.25rem;
  background-color: var(--table-row-odd-bg);
  border-radius: 0.125rem;
}
.r-table.list-layout .r-td {
  color: var(--text-primary);
}
.r-table .table-loading-icon {
  min-height: 6.25rem;
}
.r-table .action-column {
  display: flex;
  justify-content: center;
  max-width: 3.75rem;
}
.r-table.sublevel {
  background: var(--page-background-color);
}
.r-table.sublevel .r-thead,
.r-table.sublevel .r-tr,
.r-table.sublevel .r-thead .r-th,
.r-table.sublevel .r-tr .r-td {
  background-color: inherit;
}
.r-table.sublevel .r-thead .r-th {
  justify-content: var(--table-header-justify-content);
  color: var(--text-primary);
}
.r-table.sublevel .r-thead .r-th::after {
  content: '';
  position: relative;
  right: calc(0px - var(--table-header-th-border-right));
  display: var(--table-header-th-right-border-display);
  height: 100%;
  border-right: 0.0625rem solid var(--table-header-border-color);
}
.r-table.sublevel .r-thead .r-th:last-of-type::after {
  display: none;
}
.r-table.sublevel .r-thead .r-tr {
  font-weight: var(--sublevel-table-row-font-weight);
  line-height: var(--sublevel-table-header-line-height);
}
.r-table.sublevel .r-tr .r-td {
  border-bottom: 0.0625rem solid var(--sublevel-table-body-border-color);
}
.r-table.sublevel .r-thead .r-th {
  color: var(--sublevel-table-header-color);
}
.r-table.sublevel .r-tr .r-td {
  color: var(--sublevel-table-color);
}
.r-table.sublevel .r-tr.clickable:hover .r-td {
  background-color: var(--table-active-row-bg);
}
.r-table.sublevel .r-tr.selected:before {
  display: none;
}
.r-table.table-with-checkboxes .r-tr .r-td:first-of-type {
  flex-grow: var(--table-checkbox-column-flex-grow);
}
.r-table.table-with-checkboxes .r-tr .r-th:first-of-type {
  flex-grow: var(--table-checkbox-column-flex-grow);
}
.r-table.table-with-checkboxes .r-tr .r-th:first-of-type::after {
  display: none;
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table/hocs/with-table-data-sorting/sortable-table-th-button.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.sortable-table-th-button {
  justify-content: space-between;
  width: 100%;
  padding: 0;
  color: var(--table-header-color);
}
.sortable-table-th-button:not(.disabled):hover {
  color: var(--sortable-table-column-hover);
  cursor: pointer;
}
.sortable-table-th-button.active {
  color: var(--table-active-item-color);
  text-overflow: unset;
}
.sortable-table-th-button.active.table-header-with-tooltip > * {
  display: flex;
}
.sortable-table-th-button.active .sortable-table-order-direction {
  flex-shrink: 0;
  margin-left: 0.25rem;
}
.sortable-table-th-button.disabled {
  pointer-events: auto;
}
.sortable-table-th-button .cell-text-content {
  text-align: start;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table/hocs/with-table-row-selection/with-table-row-selection.less ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.r-table .selectable-table-row.selected > *,
.r-table .selectable-table-row.selected:hover > *,
.r-table .selectable-table-row.selected > .r-td,
.r-table .selectable-table-row.selected:hover > .r-td {
  background: var(--table-active-row-bg);
}
.r-table .selectable-table-row.selected.highlight-selected-row > .r-td {
  color: var(--table-row-highlight-color);
  background: var(--table-row-highlight-bg);
}
.r-table .selectable-table-row.selected.highlight-selected-row > .r-td:first-child {
  color: var(--table-row-highlight-primary-color);
}
.r-table.sublevel .selectable-table-row.selected > *,
.r-table.sublevel .selectable-table-row.selected:hover > *,
.r-table.sublevel .selectable-table-row.selected > .r-td,
.r-table.sublevel .selectable-table-row.selected:hover > .r-td {
  color: var(--table-selected-item-color);
  background: var(--table-selected-item-bg-color);
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table/hocs/with-expandable-content/with-expandable-content.less ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.tr-with-expandable-content {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
}
.tr-with-expandable-content.open:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 0.25rem solid var(--table-active-item-left-border-color);
  z-index: 1;
}
.tr-with-expandable-content.open .tr-with-expandable-content-data {
  padding: 0;
}
.tr-with-expandable-content.open .tr-with-expandable-content-data .r-td {
  background: var(--table-active-row-bg);
}
.tr-with-expandable-content.open .r-td:first-of-type {
  color: var(--table-row-highlighted-text);
}
.tr-with-expandable-content:not(.open) .tr-with-expandable-content-data:hover {
  background-color: var(--table-row-hover-bg);
}
.tr-with-expandable-content .tr-with-expandable-content-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.tr-with-expandable-content .r-td {
  display: flex;
  align-items: center;
  margin: 0;
}
.tr-with-expandable-content .sub-panel {
  flex-basis: 100%;
  height: auto;
  min-height: 18.75rem;
  background: var(--page-background-color);
}
.tr-with-expandable-content .sub-panel .sub-panel-main {
  padding: 0.75rem;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table-react/components/table-settings/table-settings.less ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.table-react-settings-container {
  min-height: 18.75rem;
}
.table-react-settings-container .table-settings {
  display: flex;
  flex-direction: column;
  width: 20rem;
  padding: 1rem;
}
.table-react-settings-container .table-settings .table-settings-title,
.table-react-settings-container .table-settings .table-settings-search,
.table-react-settings-container .table-settings .table-settings-actions,
.table-react-settings-container .table-settings .table-settings-reset {
  flex-grow: 0;
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .checkbox-wrapper {
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .table-settings-columns {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 18.75rem;
  min-height: 9.375rem;
}
.table-react-settings-container .table-settings .group-header {
  padding-bottom: 0.25rem;
  border-bottom: 0.0625rem solid var(--react-table-settings-group-border-color);
}
.table-react-settings-container .table-settings .group-items {
  padding: 0.75rem 0;
}
.table-react-settings-container .table-settings .table-settings-columns {
  overflow: auto;
}
.table-react-settings-container .table-settings .table-settings-search {
  margin-bottom: 0.75rem;
}
.table-react-settings-container .table-settings .table-settings-no-result {
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.table-react-settings-container .table-settings .table-settings-column {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.5rem;
  overflow: hidden;
}
.table-react-settings-container .table-settings .table-settings-column .table-settings-column-drag-handler {
  flex-shrink: 0;
  margin-right: 0.5rem;
  color: var(--react-table-settings-drag-handler-color);
}
.table-react-settings-container .table-settings .table-settings-column.pinned .table-settings-pin-wrapper {
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .table-settings-column.pinned .pin-handler {
  visibility: visible;
}
.table-react-settings-container .table-settings .table-settings-column.sorted .table-settings-pin-wrapper,
.table-react-settings-container .table-settings .table-settings-column.sorted .table-settings-sort-wrapper {
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .table-settings-column.sorted .sort-handler {
  visibility: visible;
}
.table-react-settings-container .table-settings .table-settings-column .table-settings-pin-wrapper,
.table-react-settings-container .table-settings .table-settings-column .table-settings-sort-wrapper {
  display: flex;
  flex-shrink: 100;
  width: 1.25rem;
  padding-left: 0.25rem;
}
.table-react-settings-container .table-settings .table-settings-column:hover {
  background-color: var(--react-table-hover-color);
}
.table-react-settings-container .table-settings .table-settings-column:hover .table-settings-pin-wrapper,
.table-react-settings-container .table-settings .table-settings-column:hover .table-settings-sort-wrapper {
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .table-settings-column:hover .table-section-handler {
  visibility: visible;
}
.table-react-settings-container .table-settings .table-settings-column:hover .table-settings-column-drag-handler {
  color: var(--react-table-settings-drag-handler-hover-color);
}
.table-react-settings-container .table-settings .table-settings-column.focused-column {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.0625rem;
}
.table-react-settings-container .table-settings .table-settings-column.focused-column .table-settings-pin-wrapper,
.table-react-settings-container .table-settings .table-settings-column.focused-column .table-settings-sort-wrapper {
  flex-shrink: 0;
}
.table-react-settings-container .table-settings .table-settings-column.focused-column .table-section-handler {
  visibility: visible;
}
.table-react-settings-container .table-settings .table-settings-column.is-dragging {
  opacity: 0;
  cursor: grabbing;
}
.table-react-settings-container .table-settings .table-settings-column.draggable:hover {
  cursor: grab;
}
.table-react-settings-container .table-settings .table-settings-checkbox {
  margin-right: 0.5rem;
}
.table-react-settings-container .table-settings .table-settings-title {
  margin-bottom: 0.75rem;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.table-react-settings-container .table-settings .table-settings-reset {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
}
.table-react-settings-container .table-settings .table-section-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.table-react-settings-container .table-settings .table-section-handler {
  flex-grow: 0;
  flex-shrink: 0;
  visibility: hidden;
}
.table-react-settings-container .table-settings .not-active-handler {
  color: var(--react-table-not-active-setting-color);
}
.table-react-settings-container .table-settings .pinned-handle {
  display: inherit;
}
.table-react-settings-container .table-settings .table-settings-splitter {
  flex: 1;
}
.table-react-settings-container .table-settings .table-settings-actions {
  display: flex;
  gap: 0.5rem;
}
.table-react-settings-container .table-settings .table-settings-actions .table-settings-actions-button {
  flex: 1;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/table-react/table-react.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.react-table-wrapper {
  height: 100%;
  width: 100%;
}
.react-table-wrapper .table-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.react-table-wrapper .table-toolbar-actions .table-toolbar-actions-items-found {
  display: flex;
  align-items: center;
  align-self: center;
  height: 1.875rem;
  padding: 0 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--react-table-header-text-color);
  fill: var(--react-table-header-text-color);
  border-left: 0.0625rem solid var(--react-table-header-border);
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
}
.react-table-wrapper .table-components-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.react-table-wrapper .table-grow {
  flex-grow: 1;
}
.react-table-wrapper .react-table-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  background: var(--react-table-container-background);
  border: 0.0625rem solid var(--react-table-container-border);
  border-radius: var(--react-table-container-border-radius);
  overflow: hidden;
}
.react-table-wrapper .react-table-container.nested {
  background: inherit;
  border: none;
}
.react-table-wrapper .table-container {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  width: 100%;
  overflow-x: auto;
}
.react-table-wrapper .table-container .table-empty-state,
.react-table-wrapper .table-container .table-error-message {
  position: sticky;
  left: 0;
  flex-grow: 1;
  overflow: hidden;
}
.react-table-wrapper .table-container .table-error-message {
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-table-wrapper .table-container .table-error-message .error-message {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--message-color-failure);
  fill: var(--message-color-failure);
}
.react-table-wrapper .react-table {
  position: relative;
  height: fit-content;
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
  overflow: auto;
  z-index: 0;
}
.react-table-wrapper .react-table .small .react-table-th .react-table-cell {
  height: var(--react-table-s-row-height);
}
.react-table-wrapper .react-table .small .react-table-cell {
  height: calc(var(--react-table-s-row-height) - 2 * var(--react-table-top-bottom-padding));
}
.react-table-wrapper .react-table .medium .react-table-cell {
  height: calc(var(--react-table-m-row-height) - 2 * var(--react-table-top-bottom-padding));
}
.react-table-wrapper .react-table .medium .react-table-td .react-table-cell-text {
  white-space: break-spaces;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.react-table-wrapper .react-table .medium .react-table-th .react-table-cell {
  height: var(--react-table-m-row-height);
}
.react-table-wrapper .react-table .large .react-table-td .react-table-cell-text {
  white-space: break-spaces;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.react-table-wrapper .react-table .large .react-table-th .react-table-cell {
  height: var(--react-table-l-row-height);
}
.react-table-wrapper .react-table .large .react-table-cell {
  height: calc(var(--react-table-l-row-height) - 2 * var(--react-table-top-bottom-padding));
}
.react-table-wrapper .react-table .flexible .react-table-th .react-table-cell {
  height: var(--react-table-m-row-height);
}
.react-table-wrapper .react-table .flexible .react-table-td {
  padding-top: var(--react-table-flexible-top-bottom-padding);
  padding-bottom: var(--react-table-flexible-top-bottom-padding);
}
.react-table-wrapper .react-table .flexible .react-table-td.select-checkbox {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.react-table-wrapper .react-table .flexible .react-table-td .react-table-cell {
  min-height: calc(var(--react-table-flexible-row-height) - 2 * var(--react-table-flexible-top-bottom-padding));
  max-height: 12.5rem;
  overflow: hidden;
}
.react-table-wrapper .react-table .flexible .react-table-td .react-table-cell-text {
  white-space: break-spaces;
}
.react-table-wrapper .react-table .nested {
  /* We have to set background on header and pinned columns explicitly so that sticky states works normally when scrolling */
}
.react-table-wrapper .react-table .nested .react-table-th {
  background: var(--react-table-expanded-background);
}
.react-table-wrapper .react-table .nested .react-table-th .react-table-cell {
  height: var(--react-table-nested-header-height);
}
.react-table-wrapper .react-table .nested .react-table-th .react-table-cell-actions {
  padding: var(--react-table-nested-top-bottom-padding);
}
.react-table-wrapper .react-table .nested .react-table-td {
  padding: var(--react-table-nested-top-bottom-padding);
  background: transparent;
  /* We have to set background on header and pinned columns explicitly so that sticky states works normally when scrolling */
}
.react-table-wrapper .react-table .nested .react-table-td.left-pinned,
.react-table-wrapper .react-table .nested .react-table-td.right-pinned {
  background: var(--react-table-expanded-background);
}
.react-table-wrapper .react-table .nested .react-table-td .react-table-cell {
  min-height: calc(var(--react-table-m-row-height) - 2 * var(--react-table-nested-top-bottom-padding));
  max-height: 12.5rem;
  overflow: hidden;
}
.react-table-wrapper .react-table .nested .react-table-td .react-table-cell-text {
  white-space: break-spaces;
}
.react-table-wrapper .react-table .nested .table-footer {
  background: transparent;
}
.react-table-wrapper .react-table .react-table-thead .th-right-border {
  position: relative;
  right: 0;
  height: 100%;
  width: 6px;
}
.react-table-wrapper .react-table .react-table-thead .th-right-border:after {
  content: '';
  position: absolute;
  right: 0;
  display: block;
  height: calc(100% - 24px);
  width: 1px;
  margin-top: 12px;
  background: var(--react-table-header-border-color);
}
.react-table-wrapper .react-table .react-table-thead .th-right-border.can-resize.resizing,
.react-table-wrapper .react-table .react-table-thead .th-right-border.can-resize:hover {
  cursor: col-resize;
  user-select: none;
  touch-action: none;
}
.react-table-wrapper .react-table .react-table-thead .th-right-border.can-resize.resizing:after,
.react-table-wrapper .react-table .react-table-thead .th-right-border.can-resize:hover:after {
  height: 100%;
  width: 2px;
  margin: 0;
  background: var(--react-table-header-hover-border-color);
}
.react-table-wrapper .react-table .react-table-tbody > .react-table-tr {
  z-index: -1;
}
.react-table-wrapper .react-table .react-table-tr-expanded {
  position: relative;
  z-index: 1;
  box-shadow: var(--react-table-expanded-row-shadow);
}
.react-table-wrapper .react-table .react-table-tr-expanded td {
  background-color: var(--react-table-expanded-background);
  border-top: 0.0625rem solid var(--react-table-header-border-color);
}
.react-table-wrapper .react-table .react-table-tr-expanded-content {
  position: relative;
  box-shadow: var(--react-table-expanded-container-shadow);
  z-index: 1;
}
.react-table-wrapper .react-table .react-table-tr-expanded-content .react-table-tbody .react-table-tr:last-child .react-table-td {
  border-bottom: none;
}
.react-table-wrapper .react-table .react-table-tr {
  position: relative;
}
.react-table-wrapper .react-table .react-table-tr.clickable:hover .react-table-td {
  background-color: var(--react-table-hover-color);
  cursor: pointer;
}
.react-table-wrapper .react-table .react-table-tr.clickable.disabled {
  color: var(--react-table-disabled-click-row-color);
}
.react-table-wrapper .react-table .react-table-tr.clickable.disabled:hover .react-table-td {
  cursor: not-allowed;
}
.react-table-wrapper .react-table .react-table-tr.react-table-tr-selected .react-table-td {
  background-color: var(--react-table-selected-color);
  border-bottom: 0.0625rem solid var(--react-table-selected-border);
}
.react-table-wrapper .react-table .react-table-tr.react-table-tr-selected .react-table-td:first-of-type {
  box-shadow: inset 0.125rem 0px var(--react-table-selected-border-color);
}
.react-table-wrapper .react-table .react-table-tr.react-table-tr-expanded .react-table-td:first-of-type {
  box-shadow: inset 0.125rem 0px var(--react-table-selected-border-color);
}
.react-table-wrapper .react-table .react-table-th,
.react-table-wrapper .react-table .react-table-td {
  padding: var(--react-table-top-bottom-padding) 0.25rem var(--react-table-top-bottom-padding) 1rem;
  text-align: left;
  line-height: 1.25rem;
  white-space: nowrap;
  background: var(--react-table-cell-background);
  border-bottom: 0.0625rem solid var(--react-table-row-border);
  overflow: hidden;
  text-overflow: ellipsis;
}
.react-table-wrapper .react-table .react-table-th:focus-visible,
.react-table-wrapper .react-table .react-table-td:focus-visible {
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.125rem;
}
.react-table-wrapper .react-table .react-table-th.select-checkbox,
.react-table-wrapper .react-table .react-table-td.select-checkbox {
  width: auto;
  min-width: 0;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell,
.react-table-wrapper .react-table .react-table-td .react-table-cell {
  display: flex;
  align-items: center;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell.right,
.react-table-wrapper .react-table .react-table-td .react-table-cell.right {
  justify-content: flex-end;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-text,
.react-table-wrapper .react-table .react-table-td .react-table-cell-text {
  flex-grow: 0;
  flex-shrink: 1;
  line-height: 1.25rem;
}
.react-table-wrapper .react-table .react-table-td.select-checkbox {
  padding: 0;
}
.react-table-wrapper .react-table .react-table-td.select-checkbox .react-table-cell {
  height: 100%;
  width: 100%;
}
.react-table-wrapper .react-table .react-table-td.select-checkbox .select-checkbox-cell-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.react-table-wrapper .react-table .react-table-th {
  position: sticky;
  top: 0;
  padding: 0;
  font-weight: 400;
  color: var(--react-table-header-text-color);
  z-index: 4;
}
.react-table-wrapper .react-table .react-table-th.left-pinned {
  z-index: 5;
  /* need to override default outline to avoid separator overlapping with outline */
}
.react-table-wrapper .react-table .react-table-th.left-pinned:focus-visible {
  outline-offset: -0.0625rem;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions {
  display: flex;
  flex: 1;
  align-items: center;
  padding: var(--react-table-top-bottom-padding) 0.25rem var(--react-table-top-bottom-padding) 1rem;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions:focus-visible {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.0625rem;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions.right {
  flex-direction: row-reverse;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions.right .react-table-cell-menu-trigger,
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions.right .sorting-placeholder,
.react-table-wrapper .react-table .react-table-th .react-table-cell-actions.right .sorting-icon {
  margin-right: 0.25rem;
  margin-left: 0;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-splitter {
  flex-grow: 1;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-menu-trigger {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
  margin-left: 0.25rem;
  font-size: 0.625rem;
  visibility: hidden;
}
.react-table-wrapper .react-table .react-table-th .react-table-cell-menu-trigger.focused-visible {
  visibility: visible;
}
.react-table-wrapper .react-table .react-table-th.sorted .sort-wrapper {
  flex-shrink: 0;
}
.react-table-wrapper .react-table .react-table-th .menu-wrapper {
  display: flex;
  flex-shrink: 100;
}
.react-table-wrapper .react-table .react-table-th .menu-wrapper .selected-item {
  height: 100%;
}
.react-table-wrapper .react-table .react-table-th .sort-wrapper {
  display: flex;
  flex-shrink: 100;
  width: 0.875rem;
}
.react-table-wrapper .react-table .react-table-th:hover {
  color: var(--react-table-header-hover-text-color);
}
.react-table-wrapper .react-table .react-table-th:hover .menu-wrapper,
.react-table-wrapper .react-table .react-table-th:hover .sort-wrapper {
  flex-shrink: 0;
}
.react-table-wrapper .react-table .react-table-th:hover .react-table-cell-menu-trigger {
  visibility: visible;
}
.react-table-wrapper .react-table .react-table-th .sorting-placeholder {
  display: none;
  flex-shrink: 0;
  margin-left: 0.5rem;
  font-size: 0.625rem;
}
.react-table-wrapper .react-table .react-table-th.can-sort:hover {
  background-color: var(--react-table-hover-color);
  cursor: pointer;
}
.react-table-wrapper .react-table .react-table-th.can-sort:hover .sorting-placeholder {
  display: inline;
}
.react-table-wrapper .react-table .react-table-th .sorting-icon {
  flex-shrink: 0;
  margin-left: 0.5rem;
  font-size: 0.625rem;
  color: var(--react-table-sort-icon-color);
}
.react-table-wrapper .react-table .react-table-th .menu-icon {
  font-size: 0.625rem;
}
.react-table-wrapper .react-table .react-table-th.select-checkbox .react-table-cell-actions {
  justify-content: center;
  padding-left: 0.25rem;
  /* stylelint-disable-next-line max-nesting-depth*/
}
.react-table-wrapper .react-table .react-table-th.select-checkbox .react-table-cell-actions .react-table-cell-splitter {
  display: none;
}
.react-table-wrapper .react-table .left-pinned {
  position: sticky;
  z-index: 2;
}
.react-table-wrapper .react-table .last-pinned {
  border-right: 0.0625rem solid var(--react-table-pinned-border-color);
}
.react-table-wrapper .react-table .last-pinned.left-shadow {
  box-shadow: var(--react-table-pinned-border-box-shadow);
}
.react-table-wrapper .react-table .row-actions {
  padding: 0 0.5rem;
}
.react-table-wrapper .react-table .row-actions .react-table-cell {
  justify-content: center;
}
.react-table-wrapper .react-table .row-actions .react-table-row-actions-trigger .selected-item {
  /* this gives icon full height which centers it in the middle properly */
  height: 100%;
}
.react-table-wrapper .react-table .right-pinned {
  position: sticky;
  right: 0;
  border-left: 0.0625rem solid var(--react-table-pinned-border-color);
}
.react-table-wrapper .react-table .right-pinned.right-shadow {
  box-shadow: var(--react-table-actions-column-border);
}
.react-table-wrapper .react-table .row-expand-toggle {
  padding: 0;
}
.react-table-wrapper .react-table .row-expand-toggle .react-table-cell {
  height: 100%;
}
.react-table-wrapper .react-table .row-expand-toggle .row-expand-button {
  height: 100%;
  width: 100%;
  border-radius: 0;
}
.react-table-wrapper .react-table .row-expand-toggle .row-expand-button:focus-visible {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.0625rem;
}
.react-table-wrapper .react-table .row-expand-toggle .row-expanded .button-content {
  display: block;
  transform: rotate(90deg);
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.react-table-wrapper .react-table.react-table-loading .row-expand-toggle {
  padding: 0;
}
.react-table-wrapper .react-table-td-expanded-content {
  position: sticky;
  left: 0;
  padding: 0;
  box-shadow: inset 0.125rem 0px var(--react-table-selected-border-color);
}
.react-table-wrapper .expanded-content-wrapper {
  padding: 1rem 0.5rem 1rem 2.5rem;
  background: var(--react-table-expanded-background);
  border-bottom: 0.0625rem solid var(--react-table-row-border);
  box-shadow: inset 0.125rem 0px var(--react-table-selected-border-color);
}
.react-table-wrapper .table-footer {
  flex-shrink: 0;
  padding: 0.25rem 0.5rem;
  background: var(--react-table-footer-background);
  border-bottom: var(--react-table-footer-bottom-border);
  border-top: var(--react-table-footer-border);
}
.react-table-wrapper .table-toolbar {
  display: flex;
  flex-shrink: 0;
  height: 2.5rem;
  margin-bottom: 0.5rem;
}
.react-table-wrapper .table-toolbar .table-toolbar-separator {
  flex: 1;
}
.react-table-wrapper .table-toolbar .table-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.react-table-wrapper .table-filter-applied {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.react-table-wrapper .table-filter-applied .table-filter-title {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.react-table-wrapper .table-filter-applied .highlighted-badge {
  margin: 0;
}
.react-table-wrapper .table-filter-active {
  padding: 1rem 0;
  border-top: var(--react-table-footer-border);
}
.react-table-wrapper .table-filter-buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  gap: 1rem;
}
/* override of dropdown menu sectioned padding to match designs */
.react-table-cell-menu-content ul.dropdown-menu-list.sectioned li.drop-item .drop-item-content-wrap {
  padding: var(--react-table-header-cell-menu-item-padding);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tabular-data-tooltip/tabular-data-tooltip.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.tabular-data-tooltip {
  max-width: 21.875rem;
}
.tabular-data-tooltip .tabular-data-tooltip-header {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  width: 100%;
  margin-bottom: 0.25rem;
  border-bottom: 0.0625rem solid var(--base-border-color);
  /* set max text lines to three*/
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tabular-data-tooltip table {
  width: 100%;
  margin-top: 0.25rem;
  background: initial;
}
.tabular-data-tooltip .tabular-data-tooltip-item {
  line-height: 1.25rem;
}
.tabular-data-tooltip .tabular-data-tooltip-item .tabular-data-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.tabular-data-tooltip .tabular-data-tooltip-item .tabular-data-tooltip-symbol {
  padding-right: 0.25rem;
}
.tabular-data-tooltip .tabular-data-tooltip-item .tabular-data-tooltip-key {
  text-align: left;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.tabular-data-tooltip .tabular-data-tooltip-item .tabular-data-tooltip-value {
  max-width: 12.5rem;
  padding-left: 2.5rem;
  text-align: right;
  overflow-wrap: break-word;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.tabular-data-tooltip .tabular-data-tooltip-item:first-child {
  margin-top: 0.25rem;
}
.tabular-data-tooltip .tabular-data-tooltip-item:last-child {
  margin-bottom: 0.25rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-toolbar/components/editor-button.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************/
.editor-button {
  height: 0.875rem;
  padding: 0;
  background-color: transparent;
  width: 2.25rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: var(--text-editor-button-color);
}
.editor-button:hover {
  color: var(--text-editor-button-hover-color);
  background: none;
  border: none;
}
.editor-button:active,
.editor-button.active {
  color: var(--text-editor-button-active-color);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-toolbar/components/text-type-dropdown.less ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
.text-type-dropdown {
  width: 6.875rem;
  text-align: left;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-toolbar/components/text-type-dropdown-content.less ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************/
.text-type-dropdown-content {
  padding: 0.5rem 0;
}
.text-type-dropdown-content .text-type-dropdown-content-item {
  padding: 0.25rem 1rem;
  cursor: pointer;
}
.text-type-dropdown-content .text-type-dropdown-content-item:hover,
.text-type-dropdown-content .text-type-dropdown-content-item.focused {
  color: var(--dropdown-text-highlighted-color);
  background: var(--dropdown-highlight-bg);
}
.text-type-dropdown-content .text-type-dropdown-content-item.focused {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
  outline-offset: -0.125rem;
}
.text-type-dropdown-content .text-type-dropdown-content-item.active {
  color: var(--dropdown-active-text-color);
}
.text-type-dropdown-content .large-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .text-type-dropdown-content .large-text-header {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.text-type-dropdown-content .medium-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-type-dropdown-content .small-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-type-dropdown-content .regular-text-text {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-type-dropdown-content .large-text-header,
.text-type-dropdown-content .medium-text-header,
.text-type-dropdown-content .small-text-header,
.text-type-dropdown-content .regular-text-text {
  color: inherit;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-toolbar/components/link-button.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.custom-link-dropdown {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 20rem;
  padding: 0.75rem;
}
.custom-link-dropdown .link-input {
  display: flex;
  width: 14.0625rem;
}
.custom-link-dropdown .link-input > * {
  width: inherit;
}
.custom-link-dropdown .save-link-button {
  display: flex;
  margin-left: 0.25rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-toolbar/text-editor-toolbar.less ***!
  \********************************************************************************************************************************************************************************************************************************************************************************/
.text-editor-toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: unset;
  line-height: 0.875rem;
  background: var(--text-editor-toolbar-bg);
}
.text-editor-toolbar.toolbar-top {
  border-bottom: var(--text-editor-toolbar-border);
}
.text-editor-toolbar.toolbar-bottom {
  border-top: var(--text-editor-toolbar-border);
}
.text-editor-toolbar .text-editor-toolbar-tools {
  display: flex;
}
.text-editor-toolbar .text-editor-toolbar-tools .text-editor-toolbar-tools-group {
  display: inline-flex;
  margin: 0.75rem 0.5rem;
}
.text-editor-toolbar .text-editor-toolbar-actions {
  display: flex;
}
.text-editor-toolbar .text-editor-toolbar-actions > button:not(:last-child) {
  margin-right: 0.75rem;
}
.text-editor-toolbar .text-editor-toolbar-actions > button:last-child {
  margin-right: 1rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-header.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.text-editor-header {
  padding: 0.5rem 1rem;
  background: var(--text-editor-bg);
}
.text-editor-header .text-editor-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.text-editor-header .text-editor-header-content .text-editor-header-title {
  width: 100%;
  padding: 0;
  line-height: 1.25rem;
  color: var(--text-primary);
  background: none;
  border: none;
  font: 700 1.25rem 'Inter', sans-serif;
  outline: none;
}
.text-editor-header .text-editor-header-content .text-editor-header-delete:only-child {
  margin: auto;
  margin-right: 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor-content.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
.text-editor-content {
  position: relative;
  display: block;
  flex-grow: 1;
  background: var(--text-editor-bg);
}
.text-editor-content .slate-content-editable {
  outline: none;
}
.text-editor-content.is-scrollable {
  overflow-y: visible;
  overflow-x: hidden;
}
.text-editor-content.is-scrollable > * {
  height: 100%;
  padding: 0 1rem;
  overflow: inherit;
}
.text-editor-content .large-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .text-editor-content .large-text-header {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.text-editor-content .medium-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-editor-content .small-text-header {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-editor-content .regular-text,
.text-editor-content .placeholder-text,
.text-editor-content .code-block {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-editor-content .placeholder-text {
  margin-top: 0.5rem;
  color: var(--text-editor-no-text-color);
}
.text-editor-content .large-text-header,
.text-editor-content .medium-text-header,
.text-editor-content .small-text-header,
.text-editor-content .regular-text,
.text-editor-content .code-block {
  margin-top: 0.5rem;
}
.text-editor-content .bold {
  font-weight: 700;
}
.text-editor-content .italic {
  font-style: italic;
}
.text-editor-content .superscript {
  vertical-align: super;
}
.text-editor-content .underlined {
  text-decoration: underline;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/text-editor.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.text-editor {
  display: block;
  border: var(--text-editor-border);
  border-radius: var(--text-editor-border-radius);
}
.text-editor.is-focused {
  border: 0.0625rem solid var(--text-editor-active-color);
}
.text-editor .text-editor-wrapper {
  display: flex;
  flex-flow: column;
  border-radius: var(--text-editor-border-radius);
  overflow: hidden;
}
.text-editor .text-editor-wrapper.is-flex {
  min-height: 10.625rem;
  max-height: 43.75rem;
}
.text-editor .text-editor-wrapper.is-flex .text-editor-content {
  padding-bottom: 0.5rem;
}
.text-editor .text-editor-label {
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
.text-editor .characters-counter {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
  margin: 0.25rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/edited-text.less ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.edited-text {
  display: flex;
  max-height: 25rem;
}
.edited-text .text-editor-content {
  background: transparent;
}

/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-editor/inline-text-editor.less ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
.inline-text-editor.is-inline {
  border: 0.0625rem solid transparent;
}
.inline-text-editor.is-inline:not(.read-only):hover {
  background: var(--text-editor-background-hover-color);
  border: 0.0625rem solid var(--text-editor-border-hover-color);
  border-radius: 0.25rem;
  cursor: pointer;
}
.inline-text-editor.is-inline:not(.read-only):hover .inline-text-editor-header-button {
  display: inline;
}
.inline-text-editor.is-inline .inline-text-editor-header-button {
  display: none;
  margin-right: 0.75rem;
}
.inline-text-editor .inline-text-editor-view-container {
  padding-bottom: 0.5rem;
}
.inline-text-editor .inline-text-editor-view-container.is-flex {
  display: flex;
  flex-direction: column;
  min-height: 10.625rem;
  max-height: 43.75rem;
}
.inline-text-editor .inline-text-editor-view-container.is-flex .edited-text {
  flex: 1;
  max-height: none;
  overflow: auto;
}
.inline-text-editor .inline-text-editor-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  min-height: 3.25rem;
  padding: 0.5rem 1rem;
}
.inline-text-editor .inline-text-editor-header .inline-text-editor-header-title {
  font-size: 1.25rem;
  font-weight: 700;
}
.inline-text-editor .inline-text-editor-header .inline-text-editor-header-title.placeholder-title {
  color: var(--text-editor-no-text-color);
}
.inline-text-editor .inline-text-editor-header .inline-text-editor-button-group:only-child {
  margin: auto;
  margin-right: 0;
}
.inline-text-editor .inline-text-editor-header .inline-text-editor-button-group > * {
  margin-left: 0.5rem;
}
.inline-text-editor .edited-text .text-editor-content.is-scrollable > * {
  padding: 0 1rem;
}
.inline-text-editor .text-editor-toolbar {
  padding: 0.5rem 0;
}

/*!************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/text-merge-view/text-merge-view.less ***!
  \************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable  dr-custom/only-kebab-case-class-names */
.text-merge-view {
  width: 100%;
}
.text-merge-view .cm-mergeViewEditor .cm-merge-a .cm-changedLineGutter {
  background: var(--deleted-main-color);
}
.text-merge-view .cm-mergeViewEditor .cm-merge-a .cm-deletedLine .cm-changedText {
  background: linear-gradient(var(--deleted-with-opacity-color), var(--deleted-with-opacity-color)) bottom / 100% 0.125rem no-repeat;
}
.text-merge-view .cm-mergeViewEditor .cm-merge-a .cm-changedLine,
.text-merge-view .cm-mergeViewEditor .cm-merge-a .cm-deletedChunk {
  background-color: var(--deleted-line-color);
}
.text-merge-view .cm-mergeViewEditor .cm-merge-b .cm-changedLineGutter {
  background: var(--changed-main-color);
}
.text-merge-view .cm-mergeViewEditor .cm-merge-b .cm-changedLine {
  background-color: var(--changed-line-color);
}
.text-merge-view .cm-mergeViewEditor .cm-merge-b .cm-insertedLine .cm-changedText {
  background: linear-gradient(var(--changed-with-opacity-color), var(--changed-with-opacity-color)) bottom / 100% 0.125rem no-repeat;
}
/* stylelint-enable  dr-custom/only-kebab-case-class-names */

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/toggler-switch/toggler-switch.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable dr-custom/no-several-root-selectors */
.toggler-switch {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.toggler-switch .toggle:not(:disabled) + label {
  cursor: pointer;
}
.toggler-switch .pulse {
  position: absolute;
  left: 0;
  height: 1.4375rem;
  width: 2.375rem;
  background: var(--toggle-pulse-bg);
  border: 0.0625rem solid transparent;
  border-radius: 3.125rem;
  animation: pulseAnimation 2s ease-out infinite;
  pointer-events: none;
}
.toggler-switch .toggler-switch-subtext {
  font-family: 'Inter', sans-serif;
  font-size: var(--toggle-subtext-font-size);
  font-weight: 400;
  line-height: var(--toggle-subtext-line-height);
  letter-spacing: normal;
  color: var(--toggle-subtext-color);
  fill: var(--toggle-subtext-color);
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin-left: 2.625rem;
}
.toggler-switch .toggler-switch-subtext.disabled {
  color: var(--toggle-subtext-disabled-color);
}
.toggler-switch .toggler-switch-break {
  flex-basis: 100%;
}
/* Represents actual input[type=checkbox] */
.toggle {
  /* Hide native checkbox, but keep it focusable */
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  width: 0.0625rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  margin: -0.0625rem;
  padding: 0;
  white-space: nowrap;
  border: 0;
  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  overflow: hidden;
  /* Represents the only visible element of toggle */
  /* Represents knob area */
  /* Represents actual knob that changes position when checked/unchecked */
  /* Modifications for focused state */
  /* Represents toggle checked state (switched on) */
  /* Represents toggle disabled state */
}
.toggle:focus-visible + label {
  border-radius: 0.25rem;
  outline: var(--focus-outline-color) solid 0.0625rem;
}
.toggle + label {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  /* Using small paddings to prevent possible toggle element cutting
      because of line height */
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  padding: 0.125rem 0 0.125rem 2.625rem;
  vertical-align: middle;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: var(--text-primary);
  transform: translate3d(0, 0, 0);
}
.toggle + label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1.25rem;
  width: 2.25rem;
  background-color: var(--toggle-bg);
  border: 0.0625rem solid var(--toggle-area-border-color);
  border-radius: 0.625rem;
  box-sizing: border-box;
  pointer-events: none;
  transition: all 0.3s ease-in;
  transform: translateY(-50%);
}
.toggle + label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1rem;
  width: 1rem;
  background-color: var(--toggle-knob-color);
  border-radius: 50%;
  transition: background-color 0.3s ease-in;
  animation: toggleSwitchOff forwards;
}
.toggle + label:hover::after,
.toggle:focus + label::after {
  animation: toggleSwitchOff 0.2s cubic-bezier(0.63, 0.01, 0.09, 0.96) forwards;
}
.toggle + label * + * {
  margin-left: 0.25rem;
}
.toggle.primary + label,
.toggle.primary:checked + label {
  color: var(--toggle-primary-label-color);
}
.toggle:checked + label::after {
  background-color: var(--toggle-active-knob-color);
  animation: toggleSwitchOn forwards;
}
.toggle:checked + label:hover::after,
.toggle:checked:focus + label::after {
  animation: toggleSwitchOn 0.2s cubic-bezier(0.63, 0.01, 0.09, 0.96) forwards;
}
.toggle:focus-visible:not(:disabled) + label::before,
.toggle:hover:not(:disabled) + label::before {
  background-color: var(--toggle-not-checked-bg-color);
  border-color: var(--toggle-not-checked-border-color);
}
.toggle:not(.primary):hover:not(:disabled) + label {
  color: var(--toggle-hover-color);
}
.toggle:checked:focus-visible:not(:disabled) + label::before,
.toggle:checked:hover:not(:disabled) + label::before {
  background-color: var(--toggle-active-focused-bg);
  border-color: var(--toggle-active-focused-border-color);
}
.toggle:checked + label {
  color: var(--text-primary);
}
.toggle:checked + label::before {
  background-color: var(--toggle-checked-bg-color);
  border-color: var(--toggle-active-border-color);
}
.toggle:disabled + label,
.toggle.primary:disabled + label {
  color: var(--toggle-disabled-text-color);
}
.toggle:disabled + label::before {
  border-color: var(--toggle-disabled-area-color);
}
.toggle:disabled + label::after {
  background-color: var(--toggle-disabled-knob-bg);
}
.toggle:checked:disabled + label::before {
  background: var(--toggle-disabled-checked-knob-bg);
  border-color: var(--toggle-disabled-checked-knob-bg);
}
.toggle:checked:disabled + label::after {
  background-color: var(--toggle-disabled-checked-knob-color);
}
/* Keyframe animations for checked/unchecked transitions */
@keyframes toggleSwitchOn {
  0% {
    transform: translate3d(0.125rem, -50%, 0) scaleX(1.3);
  }
  33% {
    transform: translate3d(1rem, -50%, 0);
  }
  66% {
    transform: translate3d(1.25rem, -50%, 0) scaleX(0.8);
  }
  100% {
    transform: translate3d(1.125rem, -50%, 0) scaleX(1);
  }
}
@keyframes toggleSwitchOff {
  0% {
    transform: translate3d(1.125rem, -50%, 0) scaleX(1.3);
  }
  33% {
    transform: translate3d(0.25rem -50%, 0);
  }
  66% {
    transform: translate3d(-0.125rem, -50%, 0) scaleX(0.8);
  }
  100% {
    transform: translate3d(0.125rem, -50%, 0) scaleX(1);
  }
}
@keyframes pulseAnimation {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  15% {
    transform: scale(2);
  }
  50% {
    transform: scale(1.5);
    opacity: 1;
  }
  65% {
    transform: scale(2);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}
/* stylelint-enable dr-custom/no-several-root-selectors */

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tour/components/tour-footer.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.tour-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0.5rem 0.5rem;
  gap: 0.75rem;
}
.tour-footer .tour-footer-skip-btn {
  flex-grow: 1;
  margin-right: 0.25rem;
}
.tour-footer .tour-footer-direction-btn {
  border: 0.0625rem solid var(--tour-border-color);
}
.tour-footer .tour-footer-direction-btn .button-content {
  display: inline-block;
}

/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tour/tour.less ***!
  \**************************************************************************************************************************************************************************************************************************************/
.tour-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 23.75rem;
  width: 18rem;
  padding: 0.5rem;
  color: var(--tour-text-color);
  background-color: var(--tour-bg-color);
  z-index: 100;
  cursor: default;
}
.tour-container,
.tour-container .tour-image {
  border: 0.0625rem solid var(--tour-border-color);
  border-radius: 0.25rem;
}
.tour-container .tour-image {
  width: 100%;
  max-height: 10.125rem;
  max-width: 16.875rem;
}
.tour-container .tour-content {
  padding: 0 0.5rem;
}
.tour-container.popout [data-popper-arrow]::before {
  background-color: var(--tour-border-color);
}
.tour-container.popout [data-popper-arrow]::after {
  background-color: var(--tour-bg-color);
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tour/advanced-tour/components/advanced-tour-footer.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.advanced-tour-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}
.advanced-tour-footer .skip-button {
  flex-grow: 1;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tour/advanced-tour/components/advanced-tour-anchor.less ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.advanced-tour-anchor-wrapper {
  position: fixed;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  right: 1.125rem;
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  bottom: 1.125rem;
  z-index: var(--advanced-tour-z-index);
}
.advanced-tour-anchor-wrapper::not(.bottom-left) {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  right: 1.125rem;
}
.advanced-tour-anchor-wrapper.bottom-left {
  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
  left: 1.125rem;
}
.advanced-tour-anchor-wrapper.is-hidden {
  visibility: hidden;
}
.advanced-tour-anchor-wrapper.is-highlighted::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 0.5rem;
  width: 0.5rem;
  background-color: var(--advanced-tour-anchor-highlight);
  border-radius: 50%;
  z-index: 1000;
}
.advanced-tour-anchor-wrapper.button.round-icon-button {
  color: var(--advanced-tour-anchor-color);
  background-color: var(--advanced-tour-anchor-bg-color);
  border-radius: 50%;
  box-shadow: 0 0 0.375rem var(--advanced-tour-anchor-shadow-color);
}
.advanced-tour-anchor-wrapper.button.round-icon-button:hover {
  outline: 0.0625rem solid var(--advanced-tour-anchor-border-color);
  box-shadow: 0 0 0.875rem var(--advanced-tour-anchor-shadow-color);
  transition: 0.3s;
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tour/advanced-tour/advanced-tour.less ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
.advanced-tour-container {
  display: flex;
  flex-direction: column;
  width: 17.875rem;
  max-height: 32.25rem;
  padding: 1rem;
  color: var(--tour-text-color);
  background: var(--advanced-tour-bg-color);
  border: 0.0625rem solid var(--advanced-tour-border-color);
  border-radius: 0.25rem;
  gap: 1.5rem;
  box-shadow: var(--advanced-tour-box-shadow);
  z-index: 1;
}
.advanced-tour-container .advanced-tour-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.25rem 0;
  gap: 0.75rem;
}
.advanced-tour-container .advanced-tour-header .advanced-tour-header-text {
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
  max-width: 13rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/vertical-collapsible-panel-group/vertical-collapsible-panel-group.less ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.vertical-collapsible-panel-group-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  overflow: hidden;
}
.vertical-collapsible-panel-group-container .collapsible-panel {
  flex-shrink: 0;
}
.vertical-collapsible-panel-group-container .collapsible-content {
  overflow: auto;
  /* we don't want scroll bar that appears during transition to cause reflow */
  scrollbar-gutter: stable;
}
.vertical-collapsible-panel-group-container .vertical-collapsible-panel-group-header-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.vertical-collapsible-panel-group-container .vertical-collapsible-panel-group-content {
  /* right padding is 0 to preserve space for the scrollbar */
  padding: 0.75rem 0.25rem 0.75rem 0.75rem;
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/vertical-timeline/vertical-timeline.less ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
.vertical-timeline {
  position: relative;
  margin: 0.5rem 0.25rem;
}
.vertical-timeline .vertical-timeline-item-wrapper {
  position: relative;
  display: flex;
  padding: 0.5rem 0;
  border-radius: 0.25rem;
}
.vertical-timeline .vertical-timeline-item-wrapper.interactive {
  cursor: pointer;
}
.vertical-timeline .vertical-timeline-item-wrapper.interactive:hover {
  background-color: var(--vertical-timeline-hover-bg);
}
.vertical-timeline .vertical-timeline-item-wrapper.interactive:hover .vertical-timeline-circle,
.vertical-timeline .vertical-timeline-item-wrapper.interactive:hover .vertical-timeline-icon {
  background-color: var(--vertical-timeline-hover-bg);
}
.vertical-timeline .vertical-timeline-item-wrapper.interactive.selected {
  background-color: var(--vertical-timeline-selected-bg);
  box-shadow: 0 0 0 0.0625rem var(--vertical-timeline-selected-border);
}
.vertical-timeline .vertical-timeline-item-wrapper.interactive.selected .vertical-timeline-circle,
.vertical-timeline .vertical-timeline-item-wrapper.interactive.selected .vertical-timeline-icon {
  background-color: var(--vertical-timeline-selected-bg);
  border-color: var(--vertical-timeline-selected-circle-color);
}
.vertical-timeline .vertical-timeline-item-wrapper.disabled {
  color: var(--vertical-timeline-disabled-font-color);
}
.vertical-timeline .vertical-timeline-item-wrapper.disabled .vertical-timeline-circle,
.vertical-timeline .vertical-timeline-item-wrapper.disabled .vertical-timeline-icon {
  color: var(--vertical-timeline-disabled-font-color);
  border-color: var(--vertical-timeline-disabled-border-color);
}
.vertical-timeline .vertical-timeline-item-wrapper .vertical-timeline-item-title {
  margin-bottom: 0.25rem;
}
.vertical-timeline .vertical-timeline-item-wrapper.with-icons .vertical-timeline-item-title {
  line-height: var(--vertical-timeline-iconed-circle-size);
}
.vertical-timeline .vertical-timeline-item-wrapper.with-circles .vertical-timeline-item-title {
  line-height: var(--vertical-timeline-circled-title-line-height);
}
.vertical-timeline .vertical-timeline-item-wrapper:not(:last-child):before {
  content: '';
  position: absolute;
  top: 1rem;
  height: 100%;
  width: var(--vertical-timeline-connector-line-width);
  background-color: var(--vertical-timeline-connector-line-color);
  z-index: 1;
}
.vertical-timeline .vertical-timeline-item-wrapper:not(:last-child).with-icons:not(:last-child):before {
  left: calc(0.5rem + (var(--vertical-timeline-iconed-circle-size) - var(--vertical-timeline-connector-line-width)) / 2);
}
.vertical-timeline .vertical-timeline-item-wrapper:not(:last-child).with-circles:not(:last-child):before {
  left: calc(0.5rem + (var(--vertical-timeline-circle-size) - var(--vertical-timeline-connector-line-width)) / 2);
}
.vertical-timeline .vertical-timeline-item-wrapper .vertical-timeline-circle {
  height: var(--vertical-timeline-circle-size);
  width: var(--vertical-timeline-circle-size);
  min-height: var(--vertical-timeline-circle-size);
  min-width: var(--vertical-timeline-circle-size);
  margin-top: calc((var(--vertical-timeline-circled-title-line-height) - var(--vertical-timeline-circle-size)) / 2);
  margin-right: calc(var(--vertical-timeline-circle-size) + 0.5rem);
  margin-left: 0.5rem;
  background: var(--page-background-color);
  border: 0.0625rem solid var(--vertical-timeline-circle-color);
  border-radius: 50%;
  z-index: 1;
}
.vertical-timeline .vertical-timeline-item-wrapper .vertical-timeline-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--vertical-timeline-iconed-circle-size);
  width: var(--vertical-timeline-iconed-circle-size);
  min-height: var(--vertical-timeline-iconed-circle-size);
  min-width: var(--vertical-timeline-iconed-circle-size);
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  font-size: var(--vertical-timeline-icon-font-size);
  color: var(--vertical-timeline-icon-color);
  background-color: var(--page-background-color);
  border: 0.0625rem solid var(--vertical-timeline-connector-line-color);
  border-radius: 50%;
  z-index: 1;
}

/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/view-title/view-title.less ***!
  \**************************************************************************************************************************************************************************************************************************************************/
.view-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1.5rem 0 1rem;
  flex-wrap: wrap;
}
.view-title-wrapper .info-icon {
  width: 0.875rem;
}
.view-title-wrapper .view-title-custom-tag {
  margin-right: 0.5rem;
  font-family: 'Inter', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5625rem;
  letter-spacing: normal;
  color: var(--text-primary);
  fill: var(--text-primary);
}
@media screen and (max-width: 768px) {
  .view-title-wrapper .view-title-custom-tag {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: normal;
    color: var(--text-primary);
    fill: var(--text-primary);
  }
}
.view-title-wrapper .description-text {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 0.25rem;
  font-family: 'Inter', sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: normal;
  color: var(--text-secondary);
  fill: var(--text-secondary);
}
.view-title-wrapper .description-text > * + * {
  margin-left: 0.25rem;
}

/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/zoom-controls/zoom-controls.less ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.zoom-controls {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  display: flex;
  align-items: center;
  height: 2.25rem;
  padding: var(--zoom-controls-padding);
  background-color: var(--zoom-controls-background);
  border: 0.0625rem solid var(--zoom-controls-border);
  border-radius: var(--zoom-controls-border-radius);
  box-shadow: var(--base-box-shadow);
  z-index: 1;
}
.zoom-controls .zoom-item {
  display: inline-flex;
  user-select: none;
}

