/**
* main
*
* Include all core dedalo CSS files
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0px;
  box-sizing: border-box;
  font: inherit;
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  vertical-align: baseline;
  z-index: unset;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
q:before,
blockquote:after,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
body {
  -webkit-text-size-adjust: none;
}
mark {
  background-color: transparent;
  color: inherit;
  font-style: italic;
  opacity: 0.7;
}
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
pre {
  font-family: monospace;
  padding: 1em;
  z-index: 99999;
  white-space: break-spaces;
}
object {
  pointer-events: none;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	   ========================================================================== */
/**
	 * 1. Correct the line height in all browsers.
	 * 2. Prevent adjustments of font size after orientation changes in iOS.
	 */
html {
  line-height: 1.15;
  /* 1 */
}
/* Sections
	   ========================================================================== */
/**
	 * Remove the margin in all browsers.
	 */
body {
  margin: 0;
}
/**
	 * Render the `main` element consistently in IE.
	 */
main {
  display: block;
}
/**
	 * Correct the font size and margin on `h1` elements within `section` and
	 * `article` contexts in Chrome, Firefox, and Safari.
	 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
	   ========================================================================== */
/**
	 * 1. Add the correct box sizing in Firefox.
	 * 2. Show the overflow in Edge and IE.
	 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
	   ========================================================================== */
/**
	 * Remove the gray background on active links in IE 10.
	 */
a {
  background-color: transparent;
}
/**
	 * 1. Remove the bottom border in Chrome 57-
	 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
	 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
	 * Add the correct font weight in Chrome, Edge, and Safari.
	 */
b,
strong {
  font-weight: bolder;
}
/**
	 * 1. Correct the inheritance and scaling of font size in all browsers.
	 * 2. Correct the odd `em` font sizing in all browsers.
	 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
	 * Add the correct font size in all browsers.
	 */
small {
  font-size: 80%;
}
/**
	 * Prevent `sub` and `sup` elements from affecting the line height in
	 * all browsers.
	 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
	   ========================================================================== */
/**
	 * Remove the border on images inside links in IE 10.
	 */
img {
  border-style: none;
}
/* Forms
	   ========================================================================== */
/**
	 * 1. Change the font styles in all browsers.
	 * 2. Remove the margin in Firefox and Safari.
	 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
	 * Show the overflow in IE.
	 * 1. Show the overflow in Edge.
	 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
	 * Remove the inheritance of text transform in Edge, Firefox, and IE.
	 * 1. Remove the inheritance of text transform in Firefox.
	 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
	 * Correct the inability to style clickable types in iOS and Safari.
	 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
	 * Remove the inner border and padding in Firefox.
	 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
	 * Restore the focus styles unset by the previous rule.
	 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
	 * Correct the padding in Firefox.
	 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
	 * 1. Correct the text wrapping in Edge and IE.
	 * 2. Correct the color inheritance from `fieldset` elements in IE.
	 * 3. Remove the padding so developers are not caught out when they zero out
	 *    `fieldset` elements in all browsers.
	 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
	 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
	 */
progress {
  vertical-align: baseline;
}
/**
	 * Remove the default vertical scrollbar in IE 10+.
	 */
textarea {
  overflow: auto;
}
/**
	 * 1. Add the correct box sizing in IE 10.
	 * 2. Remove the padding in IE 10.
	 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
	 * Correct the cursor style of increment and decrement buttons in Chrome.
	 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
	 * 1. Correct the odd appearance in Chrome and Safari.
	 * 2. Correct the outline style in Safari.
	 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
	 * Remove the inner padding in Chrome and Safari on macOS.
	 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
	 * 1. Correct the inability to style clickable types in iOS and Safari.
	 * 2. Change font properties to `inherit` in Safari.
	 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
	   ========================================================================== */
/*
	 * Add the correct display in Edge, IE 10+, and Firefox.
	 */
details {
  display: block;
}
/*
	 * Add the correct display in all browsers.
	 */
summary {
  display: list-item;
}
/* Misc
	   ========================================================================== */
/**
	 * Add the correct display in IE 10+.
	 */
template {
  display: none;
}
/**
	 * Add the correct display in IE 10.
	 */
[hidden] {
  display: none;
}
/**
 * vars_tokens
 *
 * The `:root` CSS custom-property palette — the light values every theme
 * override is written against. Split out of `vars.less` (2026-08-02), which
 * keeps only the compile-time `@alias` mappings over these properties.
 *
 * WHY THE SPLIT: 39 stylesheets `@import (once) './vars'` for the ALIASES, and
 * 36 of them are their own build entrypoint (every tool is one). `(once)`
 * dedupes per COMPILE, not per document, so each entrypoint re-emitted this
 * whole block: 237 KB of the 572 KB of tool CSS — 41% — was byte-identical
 * copies of it, and every token edit churned 35 committed artifacts. The
 * duplicates were not even inert: `--select_icon_url` is a RELATIVE url(), so a
 * tool's copy resolved against `/dedalo/tools/<tool>/` and 404'd the select
 * arrow document-wide in the light theme. Dark escaped only by specificity —
 * `:root[data-theme="dark"]` (0,2,0) out-ranks a tool's plain `:root` (0,1,0).
 *
 * THE ONE RULE FOR IMPORTING THIS FILE: only a stylesheet that is loaded into a
 * document WITHOUT main.css may import it. Everything the app injects at
 * runtime — the 34 tool sheets, every partial of main.less — lands in the SPA
 * document, which already carries these properties; importing here would just
 * restore the duplication. Today `main.less` is the only importer.
 * `test/unit/css_token_duplication_tripwire.test.ts` holds that line — it also
 * asserts `vars.less` still compiles to zero bytes, which is the OTHER way the
 * duplication comes back (a token added to the file everyone imports).
 *
 * DARK MODE NOTE: the dark palette overrides these same properties under
 * `:root[data-theme="dark"]` (see `theme_dark.less`). LESS colour functions
 * like `darken()` / `lighten()` / `fade()` cannot operate on CSS variables, so
 * former uses have been replaced by explicit derived tokens (e.g.
 * `--color_primary_hover_bg`) defined statically in both palettes.
 *
 * ONE LIGHT PALETTE, NOT TWO: the `--ut_*` UI-theme tokens live here too, at the
 * end of the block (2026-08-02). They used to sit in `theme_tokens.less` next to
 * that file's LESS `@font_*`/`@size_*` vars — i.e. in exactly the shape this file
 * was split out of — and shipped twice, because `main.less` and
 * `test/client/css/unit_test.less` both import it and both land in the runner
 * document. Folding them in DELETED the special case instead of splitting a
 * second pair: there is one place to look per axis.
 *
 * The axes are NAMED, not merely two: this file (light), `theme_dark.less`
 * (theme axis) and `redesign/_tokens.less` (design axis — the same names under
 * `[data-design="redesign"]`). A file outside that set declaring a palette token
 * on a bare root retunes the whole document and is invisible once LESS flattens
 * it into main.css, so the set is gated by name — PALETTE_FILES in
 * `test/unit/css_token_duplication_tripwire.test.ts`. Scoping an override to a
 * component's own selector needs no permission; that is the sanctioned idiom.
 */
:root {
  --component_height: auto;
  --component_width: 50%;
  --menu_heigth: 2.2rem;
  --inspector_width: 19rem;
  --inspector_rail_width: 48px;
  --inspector_block_radius: 8px;
  --component_label_height: 1.5rem;
  --content_data_min_height: 2.66rem;
  --media_min_height: 392px;
  --media_max_height: inherit;
  --media_min_width: 102px;
  --media_fade_speed: 0.3s;
  --media_viewer_height: calc(100vh - 3rem);
  --media_placeholder_opacity: 1;
  --text_area_min_height: 200px;
  --geolocation_min_height: 495px;
  --geolocation_player_height: 605px;
  --geolocation_map_min_height: 320px;
  --field_inset_x: 1rem;
  --field_box_bleed: 0.5rem;
  --field_row_h: 2rem;
  --field_line_h: 1.3rem;
  --field_value_pad_t: calc((var(--field_row_h) - var(--field_line_h)) / 2);
  --field_rest_bg: transparent;
  --view_text_height: 1.2rem;
  --view_line_height: 5rem;
  --column_id_width: 6rem;
  --section_id_font_size: 1.25rem;
  --color_white: #ffffff;
  --color_grey_16: #fcfcfc;
  --color_grey_15: #f6f6f6;
  --color_grey_14: #f0f0f0;
  --color_grey_13: #e6e6e6;
  --color_grey_12: #d1d5db;
  --color_grey_11: #cccccc;
  --color_grey_10: #bbbbbb;
  --color_grey_9: #aaaaaa;
  --color_grey_8: #6c6c6c;
  --color_grey_7: #666666;
  --color_grey_6: #656d75;
  --color_grey_5: #5b5b5b;
  --color_grey_4: #353535;
  --color_grey_3: #343a40;
  --color_grey_2: #2c313a;
  --color_grey_1: #212529;
  --color_black: #000000;
  --color_hilite_3: #faf7df;
  --color_hilite: #fce8d2;
  --color_hilite_2: #ffda86;
  --color_hilite_yellow: #ffef3d;
  --selection_bg: var(--color_hilite);
  --selection_fg: var(--color_black);
  --selection_bg_blur: #d9d9d9;
  --color_orange: #f8b544;
  --color_orange_dedalo: #f78a1c;
  --color_warning: #c4511d;
  --color_mandatory: #ffeaea;
  --color_red_light: #ff9e87;
  --color_danger: #dc3545;
  --color_green_light: #c0e4cd;
  --color_green_success: #4a8155;
  --search_apply_bg: #4c7a4c;
  --search_apply_fg: #ffffff;
  --color_success: #208738;
  --color_green_ontology_hover: #4e7a75;
  --color_green_ontology: #276f67;
  --color_blue_light: #bac9e8;
  --color_blue_light_2: #aad3df;
  --color_cyan: #3dfff5;
  --color_info: #128192;
  --color_primary: #2b77c7;
  --color_blue: #3883fa;
  --color_blue_2: #2b6ac4;
  --color_blue_3: #0875e3;
  --color_input_focus: var(--color_orange_dedalo);
  --color_purple_light: #eae0f4;
  --color_purple: #a347a3;
  --color_grey_blue: #bbbbbb;
  --color_ontology_css: #826b85;
  --color_ontology_rqo: #9d4a4a;
  --color_ontology_properties: #1b531f;
  --color_ontology_properties_v5: #e9dd9f;
  --color_tag_indexation_normal: #ffa43d;
  --color_tag_indexation_removed: #2775d1;
  --color_tag_indexation_to_review: #d73c16;
  --color_php: #6d71a5;
  --bg_app: var(--color_grey_14);
  --bg_surface: var(--color_white);
  --bg_surface_alt: var(--color_grey_15);
  --bg_elevated: var(--color_white);
  --bg_input: var(--color_white);
  --bg_header: var(--color_grey_5);
  --bg_menu: var(--color_grey_1);
  --fg_default: var(--color_grey_4);
  --fg_muted: var(--color_grey_7);
  --fg_inverse: var(--color_white);
  --fg_on_accent: var(--color_grey_1);
  --bg_fill_inverse: #666666;
  --fg_on_brand: #16181b;
  --fg_on_warning: #ffffff;
  --border_default: var(--color_grey_13);
  --border_strong: var(--color_grey_11);
  --shadow_default: rgba(0, 0, 0, 0.1);
  --focus_ring: var(--color_input_focus);
  --focus_ring_weak: rgba(247, 138, 28, 0.4);
  --error_tab_bg: rgba(90, 65, 131, 0.55);
  --error_tab_bg_active: rgba(90, 65, 131, 0.95);
  --field_label_fg: #5d6570;
  --field_value_fg: #1f2328;
  --field_rule: rgba(27, 31, 36, 0.08);
  --field_hover_bg: rgba(27, 31, 36, 0.03);
  --space-0: 0;
  --space-1: 0.125rem;
  --space-2: 0.25rem;
  --space-3: 0.5rem;
  --space-4: 0.75rem;
  --space-5: 1rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 3rem;
  --radius-sm: 3px;
  --radius-md: 0.25rem;
  --radius-lg: 7px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px var(--shadow_default);
  --shadow-2: 0 2px 6px var(--shadow_default);
  --shadow-3: 0 4px 12px var(--shadow_default);
  --shadow-4: 0 4px 8px var(--shadow_default), 0 6px 20px var(--shadow_default);
  --shadow-focus: 0 0 0 2px var(--focus_ring_weak);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --transition-fast: 120ms var(--ease-standard);
  --transition-base: 200ms var(--ease-standard);
  --transition-slow: 400ms var(--ease-standard);
  --menu_dropdown_text: var(--color_grey_14);
  --menu_dropdown_bg: var(--color_grey_16);
  --menu_dropdown_border: var(--color_grey_9);
  --menu_dropdown_li_border: var(--color_grey_7);
  --menu_mobile_bg: var(--color_grey_4);
  --menu_mobile_fg: var(--fg_inverse);
  --menu_mobile_parent_fg: var(--color_grey_8);
  --menu_mobile_arrow: var(--color_grey_8);
  --menu_mobile_hover_bg: transparent;
  --menu_link_fg: var(--color_grey_14);
  --menu_selector_fg: var(--color_grey_11);
  --menu_item_active_bg: var(--color_tag_indexation_normal);
  --menu_item_active_fg: var(--fg_on_accent);
  --menu_item_active_accent: transparent;
  --debug_info_bar_bg: var(--color_grey_4);
  --debug_info_bar_text: var(--color_grey_9);
  --checkbox_bg: var(--color_grey_16);
  --checkbox_border: var(--color_grey_8);
  --checkbox_checked_bg: var(--color_input_focus);
  --checkbox_checkmark: var(--fg_on_brand);
  --option_chip_checked_bg: #fbb266;
  --option_chip_checked_fg: var(--fg_on_brand);
  --input_bg: var(--color_grey_16);
  --input_fg: var(--color_grey_4);
  --input_outline: none;
  --select_bg: var(--color_grey_16);
  --select_fg: var(--color_grey_4);
  --select_outline: none;
  --select_icon_url: url('../../themes/default/icons/select_arrows.svg');
  --search_icon_url: url('../../themes/default/icons/search.svg');
  --toolbar_btn_hover_bg: var(--color_grey_11);
  --toolbar_btn_icon_filter: none;
  --mosaic_chip_bg: rgba(255, 255, 255, 0.8);
  --modal_overlay_bg: rgba(0, 0, 0, 0.4);
  --modal_overlay_bg_weak: rgba(0, 0, 0, 0.075);
  --modal_content_bg: var(--color_white);
  --modal_content_shadow: var(--shadow-4);
  --modal_header_bg: var(--bg_surface_alt);
  --modal_header_accent: var(--color_orange_dedalo);
  --modal_header_shadow: var(--shadow-2);
  --modal_header_color: var(--fg_default);
  --modal_btn_color: var(--fg_muted);
  --modal_btn_hover_color: var(--fg_default);
  --modal_btn_hover_bg: color-mix(in srgb, var(--fg_default) 10%, transparent);
  --modal_mini_header_bg: var(--color_orange_dedalo);
  --modal_radius: var(--radius-lg);
  --color_primary_border: #2972bf;
  --color_primary_hover_bg: #266ab2;
  --color_primary_hover_border: #2565aa;
  --color_secondary_border: #677078;
  --color_secondary_hover_bg: #60686f;
  --color_secondary_hover_border: #5b636a;
  --color_success_border: #269f42;
  --color_success_hover_bg: #23923c;
  --color_success_hover_border: #218a39;
  --color_danger_border: #da2c3d;
  --color_danger_hover_bg: #d32535;
  --color_danger_hover_border: #ca2333;
  --color_danger_dark: #bd2130;
  --color_orange_border: #f78512;
  --color_orange_hover_bg: #f17d08;
  --color_orange_hover_border: #e77808;
  --color_orange_dark: #b15c06;
  --color_orange_light: #fffaf5;
  --color_info_border: #169aaf;
  --color_info_hover_bg: #148ea1;
  --color_info_hover_border: #138698;
  --color_light_border: #f1f1f1;
  --color_light_hover_bg: #e9e9e9;
  --color_light_hover_border: #e4e4e4;
  --color_dark_border: #2f353a;
  --color_dark_hover_bg: #292d32;
  --color_dark_hover_border: #24282c;
  --color_tag_indexation_normal_darker: #e07700;
  --color_grey_10_light: #d4d4d4;
  --color_grey_10_dark: #a2a2a2;
  --color_grey_4_light: #3a3a3a;
  --menu_bg_active_border: #fa8500;
  --service_bg_dark: #c56607;
  --ut_bg_app: #f6f8fa;
  --ut_bg_panel: #ffffff;
  --ut_bg_elevated: #ffffff;
  --ut_bg_hover: #eef1f5;
  --ut_bg_input: #f6f8fa;
  --ut_bg_active: rgba(247, 138, 28, 0.13);
  --ut_border: rgba(27, 31, 36, 0.15);
  --ut_border_strong: rgba(27, 31, 36, 0.28);
  --ut_grid_dot: rgba(27, 31, 36, 0.045);
  --ut_text_primary: #1f2328;
  --ut_text_secondary: #4b545e;
  --ut_text_muted: #6e7781;
  --ut_text_dim: #818b97;
  --ut_accent: var(--color_orange_dedalo);
  --ut_accent_hi: #fca340;
  --ut_accent_soft: rgba(247, 138, 28, 0.13);
  --ut_on_accent: #16181b;
  --ut_on_green: #ffffff;
  --ut_green: #157030;
  --ut_green_soft: rgba(26, 127, 55, 0.12);
  --ut_green_glow: rgba(26, 127, 55, 0.3);
  --ut_red: #b8121f;
  --ut_red_soft: rgba(207, 34, 46, 0.1);
  --ut_red_glow: rgba(207, 34, 46, 0.3);
  --ut_run: #7d5300;
  --ut_blue_ink: #12539e;
  --ut_run_soft: rgba(154, 103, 0, 0.12);
  --ut_pending: #afb8c1;
  --ut_shadow: 0 1px 2px rgba(27, 31, 36, 0.06), 0 8px 24px -16px rgba(27, 31, 36, 0.25);
  --ut_grain: 0.018;
}
/**
 * theme_dark
 *
 * Dark palette overrides. Activated by `data-theme="dark"` on `<html>`.
 * Imported from main.less after vars.less.
 *
 * THE DARK PALETTE FILE: every dark override of a PALETTE token lives here,
 * `--ut_*` included since 2026-08-02 — they were in `theme_tokens.less`, which
 * two entrypoints import into the same document, so they shipped twice. See
 * `vars_tokens.less` for the light half and why the special case was deleted
 * rather than split into a second pair.
 *
 * "Palette token", not "anything dark": a SCOPED dark rule belongs to whatever
 * it is scoped to and stays there (`tool_common.less` retunes `--fg_muted`
 * under `[data-theme="dark"] .tool_header`; components carry their own
 * `[data-theme="dark"] &` blocks). What may not happen is a fourth file
 * declaring a palette token on a bare root — that reaches the whole document
 * and is invisible in the compiled bundle, so it is gated by name in
 * `test/unit/css_token_duplication_tripwire.test.ts` (PALETTE_FILES).
 */
:root[data-theme="dark"] {
  --color_white: #1b1d20;
  --color_grey_16: #1f2227;
  --color_grey_15: #24272d;
  --color_grey_14: #2a2e35;
  --color_grey_13: #353a42;
  --color_grey_12: #3d434c;
  --color_grey_11: #4a5059;
  --color_grey_10: #5a606a;
  --color_grey_9: #6b7280;
  --color_grey_8: #8b9098;
  --color_grey_7: #a3a8b0;
  --color_grey_6: #b8bcc4;
  --color_grey_5: #cfd2d8;
  --color_grey_4: #e5e7ea;
  --color_grey_3: #ecedf0;
  --color_grey_2: #f2f3f5;
  --color_grey_1: #f8f9fb;
  --color_black: #ffffff;
  --color_hilite_3: #3a3520;
  --color_hilite: #4a3424;
  --color_hilite_2: #4a4020;
  --color_hilite_yellow: #4a4520;
  --selection_bg: #6a4526;
  --selection_bg_blur: #3d434c;
  --color_orange: #4a3a20;
  --color_orange_dedalo: #ffa54a;
  --color_warning: #f08245;
  --color_mandatory: #4a2424;
  --color_red_light: #6a3030;
  --color_danger: #ef5560;
  --color_green_light: #1f3a2c;
  --color_green_success: #3f7150;
  --search_apply_bg: #4f7d55;
  --search_apply_fg: #ffffff;
  --color_success: #46c46c;
  --color_green_ontology_hover: #5a9a90;
  --color_green_ontology: #3a6d65;
  --color_blue_light: #243352;
  --color_blue_light_2: #243a4a;
  --color_cyan: #2a5a55;
  --color_info: #38c0d6;
  --color_primary: #3673bd;
  --color_blue: #5a9aff;
  --color_blue_2: #35659f;
  --color_blue_3: #3a7ad8;
  --color_input_focus: var(--color_orange_dedalo);
  --color_purple_light: #2a2040;
  --color_purple: #c060c0;
  --color_grey_blue: #4a5161;
  --color_ontology_css: #a080a5;
  --color_ontology_rqo: #9d4e4e;
  --color_ontology_properties: #30a038;
  --color_ontology_properties_v5: #4a4520;
  --color_tag_indexation_normal: #ffa54a;
  --color_tag_indexation_removed: #4475b5;
  --color_tag_indexation_to_review: #c94a30;
  --color_php: #9090c0;
  --bg_app: #15171a;
  --bg_surface: #1b1d20;
  --bg_surface_alt: #1f2227;
  --bg_elevated: #24272d;
  --bg_input: #1f2227;
  --bg_header: #2a2e35;
  --bg_menu: #101214;
  --fg_default: #e5e7ea;
  --fg_muted: #aeb4bd;
  --fg_inverse: #ffffff;
  --fg_on_accent: #16181b;
  --fg_on_brand: #16181b;
  --fg_on_warning: #16181b;
  --bg_fill_inverse: #4a5059;
  --border_default: #353a42;
  --border_strong: #4a5059;
  --shadow_default: rgba(0, 0, 0, 0.55);
  --focus_ring: var(--color_input_focus);
  --focus_ring_weak: rgba(255, 165, 74, 0.45);
  --error_tab_bg: rgba(138, 106, 196, 0.5);
  --error_tab_bg_active: rgba(138, 106, 196, 0.92);
  --field_label_fg: #9aa3ae;
  --field_value_fg: #e6edf3;
  --field_rule: rgba(148, 163, 184, 0.14);
  --field_hover_bg: rgba(148, 163, 184, 0.06);
  --media_placeholder_opacity: 0.2;
  --color_primary_border: #3a8aee;
  --color_primary_hover_bg: #3a8aee;
  --color_primary_hover_border: #2a7ade;
  --color_secondary_border: #a0a8b0;
  --color_secondary_hover_bg: #c0c4cc;
  --color_secondary_hover_border: #b0b4bc;
  --color_success_border: #3ab85a;
  --color_success_hover_bg: #3ab85a;
  --color_success_hover_border: #2aa84a;
  --color_danger_border: #e04050;
  --color_danger_hover_bg: #e04050;
  --color_danger_hover_border: #d03040;
  --color_danger_dark: #8f2b2b;
  --color_orange_border: #ff9a40;
  --color_orange_hover_bg: #ff9a40;
  --color_orange_hover_border: #ee8a30;
  --color_orange_dark: #f0a355;
  --color_orange_light: #2a2218;
  --color_info_border: #30b8cc;
  --color_info_hover_bg: #30b8cc;
  --color_info_hover_border: #20a8bc;
  --color_light_border: #30353a;
  --color_light_hover_bg: #3a3f44;
  --color_light_hover_border: #353a3f;
  --color_dark_border: #d0d4d8;
  --color_dark_hover_bg: #e0e4e8;
  --color_dark_hover_border: #d8dce0;
  --color_tag_indexation_normal_darker: #b07020;
  --color_grey_10_light: #6a7078;
  --color_grey_10_dark: #404850;
  --color_grey_4_light: #f0f2f5;
  --menu_bg_active_border: #cc7a20;
  --service_bg_dark: #cc6a10;
  --menu_dropdown_text: #b4b4b4;
  --menu_dropdown_bg: #31353d;
  --menu_dropdown_border: #3a3a3a;
  --menu_dropdown_li_border: rgba(255, 255, 255, 0.07);
  --menu_mobile_bg: #31353d;
  --menu_mobile_fg: #e8eaee;
  --menu_mobile_parent_fg: #9aa3ae;
  --menu_mobile_arrow: #9aa3ae;
  --menu_mobile_hover_bg: #454b56;
  --menu_link_fg: #c2c7d0;
  --menu_selector_fg: #c2c7d0;
  --menu_item_active_bg: #454b56;
  --menu_item_active_fg: #ffffff;
  --menu_item_active_accent: var(--color_orange_dedalo);
  --debug_info_bar_bg: #522525;
  --debug_info_bar_text: var(--fg_muted);
  --checkbox_bg: #4a5059;
  --checkbox_border: #4a5059;
  --checkbox_checked_bg: var(--color_input_focus);
  --checkbox_checkmark: var(--fg_on_brand);
  --option_chip_checked_bg: var(--color_orange_dedalo);
  --option_chip_checked_fg: var(--fg_on_brand);
  --input_bg: #1f2227;
  --input_fg: #ffffff;
  --input_outline: none;
  --select_bg: #1f2227;
  --select_fg: #ffffff;
  --select_outline: none;
  --select_icon_url: url('../../themes/default/icons/select_arrows_light.svg');
  --search_icon_url: url('../../themes/default/icons/search_white.svg');
  --toolbar_btn_hover_bg: #9c9c9c;
  --toolbar_btn_icon_filter: invert(0.85);
  --mosaic_chip_bg: rgba(24, 26, 30, 0.82);
  --modal_overlay_bg: rgba(0, 0, 0, 0.6);
  --modal_overlay_bg_weak: rgba(0, 0, 0, 0.2);
  --modal_content_bg: var(--color_grey_15);
  --modal_content_shadow: var(--shadow-4);
  --modal_header_shadow: var(--shadow-2);
  --modal_mini_header_bg: var(--color_grey_4);
  --modal_radius: var(--radius-lg);
  --ut_bg_app: #0b0e14;
  --ut_bg_panel: #111621;
  --ut_bg_elevated: #161c28;
  --ut_bg_hover: #1c2433;
  --ut_bg_input: #0a0d13;
  --ut_bg_active: rgba(247, 138, 28, 0.14);
  --ut_border: rgba(148, 163, 184, 0.14);
  --ut_border_strong: rgba(148, 163, 184, 0.26);
  --ut_grid_dot: rgba(148, 163, 184, 0.05);
  --ut_text_primary: #e6edf3;
  --ut_text_secondary: #aeb9c7;
  --ut_text_muted: #8b97a7;
  --ut_text_dim: #7c8696;
  --ut_accent: var(--color_orange_dedalo);
  --ut_accent_hi: #fca340;
  --ut_accent_soft: rgba(247, 138, 28, 0.16);
  --ut_on_accent: #16181b;
  --ut_on_green: #16181b;
  --ut_green: #56d364;
  --ut_green_soft: rgba(63, 185, 80, 0.15);
  --ut_green_glow: rgba(63, 185, 80, 0.4);
  --ut_red: #ff7b72;
  --ut_red_soft: rgba(248, 81, 73, 0.15);
  --ut_red_glow: rgba(248, 81, 73, 0.45);
  --ut_run: #d29922;
  --ut_blue_ink: #79b8ff;
  --ut_run_soft: rgba(210, 153, 34, 0.15);
  --ut_pending: #586273;
  --ut_shadow: 0 1px 0 rgba(0, 0, 0, 0.4), 0 8px 24px -12px rgba(0, 0, 0, 0.7);
  --ut_grain: 0.03;
  --tool_dd_label: #b0b0b0;
  --tool_dd_label_border: #808080;
  --tool_dev_template: #ffa040;
  --tool_export: #9070c8;
  --tool_export_lighten_40: #2a2438;
  --tool_export_lighten_5: #a080d8;
  --tool_export_border: #7058a0;
  --tool_export_lighten_10: #b090e0;
  --tool_hierarchy: #ff3030;
  --tool_image_rotation: #7a9db0;
  --tool_image_rotation_border: #608090;
  --tool_import_dedalo_csv: #30c8e0;
  --tool_import_files: #4a9eff;
  --tool_import_files_border: #3a8eee;
  --tool_import_marc21: #80c0ff;
  --tool_import_marc21_border: #60b0ff;
  --tool_import_rdf: #7a98d0;
  --tool_import_zotero: #e04050;
  --tool_import_zotero_border: #d03040;
  --tool_indexation: #30d8e0;
  --tool_lang: #a098f0;
  --tool_lang_border: #8070e0;
  --tool_lang_multi: #9878d0;
  --tool_media_versions: #c06060;
  --tool_numisdata_epigraphy: #f09060;
  --tool_numisdata_order_coins: #b8a078;
  --tool_ontology_parser: #409890;
  --tool_pdf_extractor: #986080;
  --tool_pdf_extractor_border: #885070;
  --tool_posterframe: #90b848;
  --tool_posterframe_border: #80a838;
  --tool_propagate_component_data: #e03040;
  --tool_qr: #90c0e0;
  --tool_subtitles: #ff9040;
  --tool_tc: #ffffff;
  --tool_tc_border: #cccccc;
  --tool_tc_border_strong: #aaaaaa;
  --tool_time_machine: #ffa040;
  --tool_tr_print: #c07080;
  --tool_transcription: #ff9040;
  --tool_transcription_border: #ee8030;
  --tool_update_cache: #80a888;
  --tool_upload: #ffa040;
  --tool_user_admin: #d04050;
}
/**
* functions
*
* Common button styles
*
* Included from main.less file
*/
/**
* fonts
*
* Common button styles
*
* Included from main.less file
*/
.global_font {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/**
* general
*
* Common general styles used by components, page, services, section, etc.
*
* Included from main.less file
*/
html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color: var(--color_grey_4);
  background-color: var(--color_white);
  font-size: 0.8125rem;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1024px) {
  html {
    font-size: 0.94rem;
    line-height: 1.2rem;
  }
}
body.os-windows {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}
body.os-windows .wrapper_component > .label {
  font-weight: 500;
}
body.os-windows .menu > .menu_hierarchy a {
  font-weight: 400;
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--color_grey_14);
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
danger {
  color: var(--color_danger);
  font-weight: bold;
}
h2 {
  font-size: 1.5rem;
}
h3 {
  font-size: 1.25rem;
}
code {
  color: var(--color_grey_13);
  font-size: 1.3rem;
  display: block;
  background-color: var(--color_grey_2);
  font-weight: 200;
  font-family: 'Menlo', monospace;
  border-radius: 3px;
  white-space: pre-line;
  padding: 1rem !important;
  padding-top: 0px !important;
  line-height: 1.5rem;
}
section {
  font-size: 1em;
}
pre {
  background-color: var(--bg_input);
  z-index: 3;
}
.loading {
  opacity: 0.4;
  pointer-events: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  animation-play-state: paused;
  cursor: wait;
}
.hide {
  display: none !important;
}
.hide_opacity {
  opacity: 0 !important;
}
.invisible {
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  padding: 0!important;
  margin: 0!important;
}
.starting {
  position: fixed;
  top: 0.4rem;
  left: 1rem;
  padding: 0.5rem;
  border-radius: 3px;
}
#main {
  width: 100%;
  min-height: calc(100vh - 5rem);
}
.maintenance_container {
  padding: 1.5rem;
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
  font-size: 1.5rem;
  text-align: center;
  box-shadow: inset 0px -1px 0 var(--color_grey_13);
}
.recovery_container {
  padding: 1.5rem;
  background-color: var(--color_danger);
  color: var(--color_white);
  font-size: 1.5rem;
  text-align: center;
  box-shadow: inset 0px -1px 0 var(--color_grey_13);
  text-transform: uppercase;
}
.notification_container {
  padding: 1rem;
  background-color: var(--color_danger_dark);
  color: var(--fg_inverse);
  font-size: 1.2rem;
  text-align: center;
  z-index: 5;
  position: relative;
}
.bubbles_notification_container .bubble {
  padding: 0.5rem;
  padding-right: 1.2rem;
  font-size: 0.86rem;
  line-height: 0.99rem;
  color: var(--fg_inverse);
  background-color: var(--color_green_success);
  position: relative;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-2);
  margin-bottom: 1px;
}
.bubbles_notification_container .bubble.warning {
  background-color: var(--color_orange_dedalo);
}
.bubbles_notification_container .bubble.grey {
  background-color: var(--color_grey_10);
}
.bubbles_notification_container .bubble:after {
  content: "x";
  display: block;
  position: absolute;
  right: 0px;
  top: 0.25rem;
  height: 1rem;
  width: 1rem;
  color: var(--color_white);
  cursor: pointer;
}
.bubbles_notification_container .bubble:active {
  opacity: 0.5;
}
.bubbles_notification_container .bubble > .bubble_count {
  margin-left: 0.4rem;
  font-weight: bold;
  opacity: 0.85;
}
.mark {
  font-style: italic;
}
[hidden] {
  display: none;
}
.unselectable,
.text_unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.noevents {
  pointer-events: none;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.lock {
  opacity: 0.6;
  pointer-events: none !important;
  position: relative;
}
.lock:after {
  content: " ";
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_danger);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/lock.svg');
  mask-image: url('../../themes/default/icons/lock.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: absolute;
  top: 4px;
  right: 4px;
  opacity: 0.5;
}
.lock:after:hover {
  opacity: 1 !important;
}
.lock:after:active {
  opacity: 0.4 !important;
}
.buttons_container .lock:after {
  background-color: var(--color_white);
  margin-top: 0px;
}
.lock:after.white {
  background-color: var(--color_white) !important;
}
.lock:after.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.lock:after.transparent {
  background-color: transparent !important;
}
.no_margin {
  margin: 0px !important;
}
.no_visible {
  visibility: hidden;
  pointer-events: none;
}
.centered {
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
}
.bold {
  font-weight: bold;
}
.clickable {
  cursor: pointer !important;
}
.blink {
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
  animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.spinner {
  position: absolute;
  left: calc(50% - 1rem);
  top: calc(50% - 1rem);
  height: 2rem;
  width: 2rem;
  padding: 3px !important;
  aspect-ratio: 1;
  border-radius: 50%;
  background: var(--color_orange_dedalo);
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: s3 1s infinite linear;
}
@keyframes s3 {
  to {
    transform: rotate(1turn);
  }
}
.fade-out {
  --speed: 1s;
  animation: anim_fade_out var(--speed);
  -webkit-animation: anim_fade_out var(--speed);
}
@keyframes anim_fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes anim_fade_out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-in {
  --speed: 1s;
  animation: anim_fade_in var(--speed);
  -webkit-animation: anim_fade_in var(--speed);
}
.fade-in-fast {
  --speed: 0.25s;
  animation: anim_fade_in var(--speed);
  -webkit-animation: anim_fade_in var(--speed);
}
@keyframes anim_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes anim_fade_in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.no_access {
  display: inline-block;
  padding: 0.5rem;
}
.separator {
  white-space: pre;
  color: var(--color_grey_9);
}
.icon_arrow {
  padding: 0.33rem;
  padding-right: 1.33rem;
  position: relative;
  cursor: pointer;
}
.icon_arrow:after {
  -webkit-mask-image: url('../../themes/default/icons/arrow_down.svg');
  mask-image: url('../../themes/default/icons/arrow_down.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color_grey_10);
  content: ' ';
  height: 1em;
  margin-right: 0.33rem;
  padding: 0.33rem;
  position: absolute;
  right: 0px;
  transition: transform 0.26s ease-out;
  width: 1em;
}
@media (prefers-color-scheme: dark) {
  .icon_arrow:after {
    background-color: var(--color_grey_blue);
  }
}
.icon_arrow.up:after {
  transform: rotate(180deg);
}
.icon_arrow:active {
  opacity: 0.5;
}
.warning_label_text {
  color: var(--color_danger);
  font-weight: bold;
  margin-left: 1rem;
}
.nowrap {
  flex-flow: nowrap !important;
  flex-wrap: nowrap !important;
}
input[type='text'],
input[type='number'],
input[type='url'],
input[type='password'],
button[type='submit'],
textarea,
select,
.contenteditable {
  position: relative;
  font-size: 1em;
  height: 2em;
  width: 100%;
  margin-right: 0.5em;
  border: none;
  outline: 1px solid var(--color_grey_14);
  transition: outline-color 0.5s ease, outline-offset 0.5s ease, box-shadow 0.5s ease, padding 0s;
  opacity: 0.75;
  padding: 0px;
  padding-left: 0.5em;
  padding-right: 1.5rem;
}
li input[type='text'],
li input[type='number'],
li input[type='url'],
li input[type='password'],
li button[type='submit'],
li textarea,
li select,
li .contenteditable {
  max-width: 100%;
  outline: 1px solid var(--color_grey_14);
  outline-offset: 0;
}
input[type='text']:focus,
input[type='number']:focus,
input[type='url']:focus,
input[type='password']:focus,
button[type='submit']:focus,
textarea:focus,
select:focus,
.contenteditable:focus {
  outline-offset: 0;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
.wrapper_component.component_input_text.edit input:not(:focus),
.wrapper_component.component_number.edit input:not(:focus),
.wrapper_component.component_date.edit input:not(:focus),
.wrapper_component.component_input_text.edit .contenteditable:not(:focus),
.wrapper_component.component_number.edit .contenteditable:not(:focus),
.wrapper_component.component_date.edit .contenteditable:not(:focus) {
  outline-color: transparent;
}
.wrapper_component.component_input_text.edit:hover input:not(:focus),
.wrapper_component.component_number.edit:hover input:not(:focus),
.wrapper_component.component_date.edit:hover input:not(:focus),
.wrapper_component.component_input_text.edit.active input:not(:focus),
.wrapper_component.component_number.edit.active input:not(:focus),
.wrapper_component.component_date.edit.active input:not(:focus),
.wrapper_component.component_input_text.edit:hover .contenteditable:not(:focus),
.wrapper_component.component_number.edit:hover .contenteditable:not(:focus),
.wrapper_component.component_date.edit:hover .contenteditable:not(:focus),
.wrapper_component.component_input_text.edit.active .contenteditable:not(:focus),
.wrapper_component.component_number.edit.active .contenteditable:not(:focus),
.wrapper_component.component_date.edit.active .contenteditable:not(:focus) {
  outline-color: var(--color_grey_14);
}
.section_record.edit .wrapper_component.edit input[type='text'],
.section_record.edit .wrapper_component.edit input[type='number'],
.section_record.edit .wrapper_component.edit input[type='url'],
.section_record.edit .wrapper_component.edit input[type='password'],
.section_record.edit .wrapper_component.edit textarea,
.section_record.edit .wrapper_component.edit select,
.section_record.edit .wrapper_component.edit .contenteditable {
  opacity: 1;
  color: var(--field_value_fg);
}
.section_record.edit .wrapper_component.edit input::placeholder,
.section_record.edit .wrapper_component.edit textarea::placeholder {
  color: var(--field_label_fg);
  opacity: 0.7;
}
select {
  width: auto;
  background: var(--select_icon_url);
  background-color: var(--color_grey_16);
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 0.8rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 1em;
  outline: 1px solid var(--color_grey_13);
  opacity: 0.7;
}
li select {
  margin-right: 0.5em;
}
input[type='radio'] {
  font-size: 1em;
}
.reset_input,
.reset_input input[type='text'],
.reset_input,
.reset_input input[type='number'],
.reset_input,
.reset_input input[type='url'],
.reset_input,
.reset_input input[type='password'],
.reset_input,
.reset_input button[type='submit'],
.reset_input,
.reset_input textarea,
.reset_input,
.reset_input select,
.reset_input.contenteditable {
  font-size: unset;
  height: unset;
  width: unset;
  margin-right: unset;
  border: unset;
  outline: unset;
  transition: unset;
  opacity: unset;
  padding: unset;
  padding-left: unset;
  padding-right: unset;
}
li .reset_input,
li .reset_input input[type='text'],
li .reset_input,
li .reset_input input[type='number'],
li .reset_input,
li .reset_input input[type='url'],
li .reset_input,
li .reset_input input[type='password'],
li .reset_input,
li .reset_input button[type='submit'],
li .reset_input,
li .reset_input textarea,
li .reset_input,
li .reset_input select,
li .reset_input.contenteditable {
  width: unset;
  outline: unset;
  outline-offset: unset;
}
.reset_input:focus,
.reset_input input[type='text']:focus,
.reset_input:focus,
.reset_input input[type='number']:focus,
.reset_input:focus,
.reset_input input[type='url']:focus,
.reset_input:focus,
.reset_input input[type='password']:focus,
.reset_input:focus,
.reset_input button[type='submit']:focus,
.reset_input:focus,
.reset_input textarea:focus,
.reset_input:focus,
.reset_input select:focus,
.reset_input.contenteditable:focus {
  outline-offset: unset;
  outline: unset;
  box-shadow: unset;
  opacity: unset;
  z-index: unset;
}
.reset_input:focus.input_value,
.reset_input input[type='text']:focus.input_value,
.reset_input:focus.input_value,
.reset_input input[type='number']:focus.input_value,
.reset_input:focus.input_value,
.reset_input input[type='url']:focus.input_value,
.reset_input:focus.input_value,
.reset_input input[type='password']:focus.input_value,
.reset_input:focus.input_value,
.reset_input button[type='submit']:focus.input_value,
.reset_input:focus.input_value,
.reset_input textarea:focus.input_value,
.reset_input:focus.input_value,
.reset_input select:focus.input_value,
.reset_input.contenteditable:focus.input_value {
  padding-right: unset;
}
li .reset_input,
li .reset_input select {
  margin-right: unset;
}
.reset_input,
.reset_input input[type='radio'] {
  font-size: unset;
}
.error {
  background-color: var(--color_danger) !important;
  transition: background-color 0.3s ease;
  color: var(--color_white) !important;
}
.error_alert {
  background-color: var(--color_danger) !important;
  transition: background-color 0.3s ease;
  color: var(--color_white) !important;
  --icon-path: url('../../themes/default/icons/alert.svg');
  --button-bg-color: var(--color_white);
  display: flex;
  padding: 1rem;
  border-radius: 3px;
}
.error_alert:before {
  background-color: var(--button-bg-color, var(--color_white));
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  .error_alert:before {
    margin-right: 2px;
  }
}
.error_alert:before {
  margin-right: 0.75rem;
}
.error_text {
  color: var(--color_danger);
}
.alert {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: min-content;
  margin-right: 0.25em;
  padding: 0.275rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  vertical-align: middle;
  word-wrap: break-word;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.alert.danger {
  background-color: var(--color_danger);
  border-color: var(--color_danger);
  color: var(--color_white);
}
.alert.danger:before {
  background-color: var(--color_white) !important;
}
.alert.success {
  background-color: var(--color_success);
  border-color: var(--color_success);
  color: var(--color_white);
}
.alert.success:before {
  background-color: var(--color_white) !important;
}
.warning_text {
  background-color: var(--color_orange_dedalo) !important;
  transition: background-color 0.3s ease;
  color: var(--fg_on_brand);
}
.success_text {
  color: var(--color_success);
}
.save_success {
  position: relative;
}
.save_success:before {
  border-top: 3px solid var(--color_green_success);
  content: ' ';
  display: block;
  position: absolute;
  left: 0px;
  top: 1px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  opacity: 0;
  z-index: 4;
  will-change: transform, opacity;
  animation: success_animation_line 0.6s ease-out;
}
@keyframes success_animation_line {
  0% {
    transform: scaleX(0.01);
    opacity: 0.5;
  }
  22% {
    transform: scaleX(1);
    opacity: 1;
  }
  60% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}
.hidden {
  visibility: hidden;
}
.display_none {
  display: none !important;
}
.saving {
  pointer-events: none;
}
.debug {
  padding: 1em;
  word-break: break-word;
  white-space: pre-line;
  line-height: 1.1rem;
}
.debug .debug_container {
  background-color: var(--color_grey_14);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0px;
  overflow: auto;
}
@media screen and (max-width: 1024px) {
  .debug .debug_container {
    display: block;
    width: 100%;
  }
}
.debug pre {
  z-index: 0;
  outline: 1px solid var(--color_grey_12);
  overflow-wrap: anywhere;
}
.debug .total_time {
  position: fixed;
  right: 2em;
  top: 1em;
}
.developer_info {
  font-size: 95%;
  opacity: 0.5;
}
.note {
  font-size: 75%;
  vertical-align: bottom;
}
.notes {
  padding: 0.5rem;
  display: inline-block;
}
.link {
  cursor: pointer;
}
.link:active {
  opacity: 0.6;
}
.container_placeholder {
  contain: content;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-height: 3.5rem;
  padding: 0.5rem 1rem;
  position: relative;
  padding-left: 3.5rem !important;
  margin-top: 0.33rem;
  overflow: hidden;
}
.container_placeholder > .spinner {
  left: 0.75rem;
  z-index: 2;
  margin: 0px;
  min-height: unset;
  line-height: 2.4rem;
}
.css_email_error {
  background-color: var(--color_danger);
}
.css_email_error:hover {
  background-color: var(--color_orange_dedalo);
}
.no_records {
  color: var(--color_orange_dedalo);
  font-size: 1em;
  padding: 1em;
  width: 100%;
  white-space: pre;
}
.tooltip_toggle {
  position: relative;
}
.tooltip_toggle:hover > .tooltip.hidden_tooltip {
  transition-delay: 1s;
  opacity: 1;
  visibility: visible;
}
.tooltip_toggle > .tooltip {
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: absolute;
  top: calc(100% + 1em);
  right: 1em;
  background-color: var(--color_grey_2);
  color: var(--color_white);
  padding: 1em;
  line-height: 1.5em;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-2);
  font-size: 0.8em;
  width: 100%;
  max-width: 20em;
  z-index: 1;
}
.tooltip_toggle > .tooltip.hidden_tooltip {
  opacity: 0;
  visibility: hidden;
}
.tooltip_toggle > .tooltip:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: ' ';
  height: 0px;
  width: 0px;
  pointer-events: none;
  border-bottom-color: var(--color_grey_1);
  border-width: 10px;
  margin-left: -10px;
}
.tooltip_toggle > .tooltip > .search_options_title_item {
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.tooltip_toggle > .tooltip > .search_options_title_item > span:first-of-type {
  text-align: center;
  font-weight: bold;
}
/* mandatory common
------------------------------------------------------- */
.wrapper_component .mandatory {
  background-color: var(--color_mandatory);
  border: 1px solid var(--color_danger);
}
/* dark mode: input overrides
------------------------------------------------------- */
:root[data-theme="dark"] input[type='text'],
:root[data-theme="dark"] input[type='number'],
:root[data-theme="dark"] input[type='url'],
:root[data-theme="dark"] input[type='password'],
:root[data-theme="dark"] button[type='submit'],
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select,
:root[data-theme="dark"] .contenteditable {
  background-color: var(--input_bg);
  color: var(--input_fg);
  outline: var(--input_outline);
}
/* media placeholder (empty data)
------------------------------------------------------- */
img[src$="/themes/default/default.svg"],
object[data$="/themes/default/default.svg"],
img.fallback_image {
  opacity: var(--media_placeholder_opacity, 1);
}
/* UIUX-08: keyboard focus visibility on form fields.
   --input_outline:none removes the input outline at rest AND on focus (both
   themes), which traps keyboard users. The global :where() rule below does NOT
   cover input/textarea/select, so restore a visible :focus-visible ring here. */
input[type='text']:focus-visible,
input[type='number']:focus-visible,
input[type='url']:focus-visible,
input[type='password']:focus-visible,
button[type='submit']:focus-visible,
textarea:focus-visible,
select:focus-visible,
.contenteditable:focus-visible {
  outline: 1.5px solid var(--focus_ring);
  outline-offset: 1px;
}
/* selection + scrollbar polish (theme-token driven, both themes)
   ------------------------------------------------------- */
::selection {
  background-color: var(--selection_bg);
  color: var(--selection_fg);
}
html {
  scrollbar-color: var(--color_grey_11) transparent;
}
/* keyboard focus: global fallback
   ------------------------------------------------------- */
:where(a, button, [role="button"], summary, [tabindex]):focus-visible {
  outline: 1.5px solid var(--focus_ring);
  outline-offset: 1px;
}
/* reduced motion
   ------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .spinner {
    animation: none !important;
  }
  .blink {
    animation: none !important;
    visibility: visible !important;
  }
}
.touch_pick_bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2001;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  padding-bottom: calc(0.5rem + env(safe-area-inset-bottom));
  background-color: var(--bg_surface_alt);
  color: var(--fg_default);
  border-top: 3px solid var(--color_orange_dedalo);
  box-shadow: var(--shadow-2);
}
.touch_pick_bar > .touch_pick_text {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.touch_pick_bar > .touch_pick_cancel {
  flex: 0 0 auto;
  min-height: 44px;
  min-width: 44px;
}
.touch_pick_active .wrap_ts_object > .content_data > .elements_container {
  outline: 1px dashed var(--color_orange_dedalo);
  outline-offset: -1px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0px;
  }
  to {
    background-position: 0px 0px;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0px;
  }
  to {
    background-position: 0px 0px;
  }
}
.progress {
  height: 20px;
  background-color: var(--color_grey_15);
  border-radius: 4px;
  overflow: hidden;
}
.progress-bar {
  float: left;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  width: 0%;
  color: var(--fg_inverse);
  text-align: center;
  background-color: var(--color_primary);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
/**
* buttons
*
* Common button styles
*
* Included from main.less file
*/
.button,
.icon_button {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  height: 1em;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  opacity: 1;
  user-select: none;
  width: 1em;
  font-weight: 300;
}
.button:hover,
.icon_button:hover {
  opacity: 1 !important;
}
.button:active,
.icon_button:active {
  opacity: 0.4 !important;
}
.buttons_container .button,
.buttons_container .icon_button {
  background-color: var(--color_white);
  margin-top: 0px;
}
.button.white,
.icon_button.white {
  background-color: var(--color_white) !important;
}
.button.grey,
.icon_button.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.button.transparent,
.icon_button.transparent {
  background-color: transparent !important;
}
.icon.loading {
  border: 1px solid var(--color_grey_12);
  border-top-color: var(--color_orange_dedalo);
  border-radius: 50%;
  mask: unset !important;
  -webkit-mask: unset !important;
  background-color: transparent !important;
  animation: run_spinner 800ms linear infinite;
}
button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  height: min-content;
  line-height: 1.5;
  font-size: 1rem;
  font-weight: 400;
  margin-right: 0.25rem;
  padding: 0.275rem;
  padding-left: 0.65rem;
  padding-right: 0.65rem;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--color_grey_1);
}
button:active {
  opacity: 0.4 !important;
}
@media screen and (max-width: 960px) {
  button.folding {
    text-indent: -9999em;
  }
}
button.primary {
  background-color: var(--color_primary);
  border-color: var(--color_primary_border);
  color: var(--fg_inverse);
}
button.primary:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.primary:hover {
  background-color: var(--color_primary_hover_bg);
  border-color: var(--color_primary_hover_border);
}
button.secondary {
  background-color: var(--color_grey_6);
  border-color: var(--color_secondary_border);
  color: var(--color_white);
}
button.secondary:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.secondary:hover {
  background-color: var(--color_secondary_hover_bg);
  border-color: var(--color_secondary_hover_border);
}
button.success {
  background-color: var(--color_success);
  border-color: var(--color_success_border);
  color: var(--color_white);
}
button.success:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.success:hover {
  background-color: var(--color_success_hover_bg);
  border-color: var(--color_success_hover_border);
}
button.danger {
  background-color: var(--color_danger);
  border-color: var(--color_danger_border);
  color: var(--color_white);
}
button.danger:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.danger:hover {
  background-color: var(--color_danger_hover_bg);
  border-color: var(--color_danger_hover_border);
}
button.brand {
  background-color: var(--search_apply_bg);
  border-color: var(--search_apply_bg);
  color: var(--search_apply_fg);
}
button.brand:before {
  background-color: var(--search_apply_fg) !important;
}
button.brand:hover {
  filter: brightness(1.1);
}
button.ghost {
  background-color: transparent;
  border-color: var(--border_default);
  color: var(--fg_default, var(--color_grey_1));
}
button.ghost:hover {
  background-color: var(--color_grey_15);
}
button.warning {
  background-color: var(--color_orange_dedalo);
  border-color: var(--color_orange_border);
  color: var(--fg_on_brand);
}
button.warning:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.warning:hover {
  background-color: var(--color_orange_hover_bg);
  border-color: var(--color_orange_hover_border);
}
button.info {
  background-color: var(--color_info);
  border-color: var(--color_info_border);
  color: var(--color_white);
}
button.info:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.info:hover {
  background-color: var(--color_info_hover_bg);
  border-color: var(--color_info_hover_border);
}
button.light {
  background-color: var(--color_grey_15);
  border-color: var(--color_light_border);
  color: var(--color_grey_1);
}
button.light:before {
  background-color: var(--button-bg-color, var(--color_grey_1)) !important;
}
button.light:hover {
  background-color: var(--color_light_hover_bg);
  border-color: var(--color_light_hover_border);
}
button.dark {
  background-color: var(--color_grey_3);
  border-color: var(--color_dark_border);
  color: var(--color_white);
}
button.dark:before {
  background-color: var(--button-bg-color, var(--color_white)) !important;
}
button.dark:hover {
  background-color: var(--color_dark_hover_bg);
  border-color: var(--color_dark_hover_border);
}
button.link {
  color: var(--color_primary);
  font-weight: 400;
  text-decoration: none;
}
button:active {
  opacity: 0.5;
}
button:focus {
  outline: none;
}
button:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
  box-shadow: var(--shadow-focus);
  opacity: 1;
}
button.add_light {
  --icon-path: url('../../themes/default/icons/add_light.svg');
  --button-bg-color: currentColor;
}
button.add_light:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.add_light:before {
    margin-right: 2px;
  }
}
.button.add_light {
  -webkit-mask-image: url('../../themes/default/icons/add_light.svg');
  mask-image: url('../../themes/default/icons/add_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.show_all {
  --icon-path: url('../../themes/default/icons/list.svg');
  --button-bg-color: currentColor;
}
button.show_all:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.show_all:before {
    margin-right: 2px;
  }
}
.button.show_all {
  -webkit-mask-image: url('../../themes/default/icons/list.svg');
  mask-image: url('../../themes/default/icons/list.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.add,
button.new {
  --icon-path: url('../../themes/default/icons/add_light.svg');
  --button-bg-color: currentColor;
}
button.add:before,
button.new:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.add:before,
  button.new:before {
    margin-right: 2px;
  }
}
.button.add,
.button.new {
  -webkit-mask-image: url('../../themes/default/icons/add_light.svg');
  mask-image: url('../../themes/default/icons/add_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.align_justify {
  --icon-path: url('../../themes/default/icons/justify.svg');
  --button-bg-color: currentColor;
}
button.align_justify:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.align_justify:before {
    margin-right: 2px;
  }
}
.button.align_justify {
  -webkit-mask-image: url('../../themes/default/icons/justify.svg');
  mask-image: url('../../themes/default/icons/justify.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.alternative {
  --icon-path: url('../../themes/default/icons/warning.svg');
  --button-bg-color: currentColor;
}
button.alternative:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.alternative:before {
    margin-right: 2px;
  }
}
.button.alternative {
  -webkit-mask-image: url('../../themes/default/icons/warning.svg');
  mask-image: url('../../themes/default/icons/warning.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.arrow_link {
  --icon-path: url('../../themes/default/icons/arrow_link.svg');
  --button-bg-color: currentColor;
}
button.arrow_link:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.arrow_link:before {
    margin-right: 2px;
  }
}
.button.arrow_link {
  -webkit-mask-image: url('../../themes/default/icons/arrow_link.svg');
  mask-image: url('../../themes/default/icons/arrow_link.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.blank {
  --icon-path: url('../../themes/default/icons/');
  --button-bg-color: currentColor;
}
button.blank:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.blank:before {
    margin-right: 2px;
  }
}
.button.blank {
  -webkit-mask-image: url('../../themes/default/icons/');
  mask-image: url('../../themes/default/icons/');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.calendar {
  --icon-path: url('../../themes/default/icons/calendar.svg');
  --button-bg-color: currentColor;
}
button.calendar:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.calendar:before {
    margin-right: 2px;
  }
}
.button.calendar {
  -webkit-mask-image: url('../../themes/default/icons/calendar.svg');
  mask-image: url('../../themes/default/icons/calendar.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.cancel {
  --icon-path: url('../../themes/default/icons/cancel.svg');
  --button-bg-color: currentColor;
}
button.cancel:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.cancel:before {
    margin-right: 2px;
  }
}
.button.cancel {
  -webkit-mask-image: url('../../themes/default/icons/cancel.svg');
  mask-image: url('../../themes/default/icons/cancel.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.check {
  --icon-path: url('../../themes/default/icons/check.svg');
  --button-bg-color: currentColor;
}
button.check:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.check:before {
    margin-right: 2px;
  }
}
.button.check {
  -webkit-mask-image: url('../../themes/default/icons/check.svg');
  mask-image: url('../../themes/default/icons/check.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.icon_button.check {
  -webkit-mask-image: url('../../themes/default/icons/check.svg');
  mask-image: url('../../themes/default/icons/check.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.close {
  --icon-path: url('../../themes/default/icons/close.svg');
  --button-bg-color: currentColor;
}
button.close:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.close:before {
    margin-right: 2px;
  }
}
.button.close {
  -webkit-mask-image: url('../../themes/default/icons/close.svg');
  mask-image: url('../../themes/default/icons/close.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.code {
  --icon-path: url('../../themes/default/icons/code.svg');
  --button-bg-color: currentColor;
}
button.code:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.code:before {
    margin-right: 2px;
  }
}
.button.code {
  -webkit-mask-image: url('../../themes/default/icons/code.svg');
  mask-image: url('../../themes/default/icons/code.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.compress {
  --icon-path: url('../../themes/default/icons/compress.svg');
  --button-bg-color: currentColor;
}
button.compress:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.compress:before {
    margin-right: 2px;
  }
}
.button.compress {
  -webkit-mask-image: url('../../themes/default/icons/compress.svg');
  mask-image: url('../../themes/default/icons/compress.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.copy {
  --icon-path: url('../../themes/default/icons/copy.svg');
  --button-bg-color: currentColor;
}
button.copy:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.copy:before {
    margin-right: 2px;
  }
}
.button.copy {
  -webkit-mask-image: url('../../themes/default/icons/copy.svg');
  mask-image: url('../../themes/default/icons/copy.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.csv {
  --icon-path: url('../../themes/default/icons/csv.svg');
  --button-bg-color: currentColor;
}
button.csv:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.csv:before {
    margin-right: 2px;
  }
}
.button.csv {
  -webkit-mask-image: url('../../themes/default/icons/csv.svg');
  mask-image: url('../../themes/default/icons/csv.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.delete {
  --icon-path: url('../../themes/default/icons/trash_light.svg');
  --button-bg-color: currentColor;
}
button.delete:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.delete:before {
    margin-right: 2px;
  }
}
.button.delete {
  -webkit-mask-image: url('../../themes/default/icons/trash_light.svg');
  mask-image: url('../../themes/default/icons/trash_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.delete_light {
  --icon-path: url('../../themes/default/icons/trash_light.svg');
  --button-bg-color: currentColor;
}
button.delete_light:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.delete_light:before {
    margin-right: 2px;
  }
}
.button.delete_light {
  -webkit-mask-image: url('../../themes/default/icons/trash_light.svg');
  mask-image: url('../../themes/default/icons/trash_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.delete_bold {
  --icon-path: url('../../themes/default/icons/trash_bold.svg');
  --button-bg-color: currentColor;
}
button.delete_bold:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.delete_bold:before {
    margin-right: 2px;
  }
}
.button.delete_bold {
  -webkit-mask-image: url('../../themes/default/icons/trash_bold.svg');
  mask-image: url('../../themes/default/icons/trash_bold.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.deprecated {
  --icon-path: url('../../themes/default/icons/warning.svg');
  --button-bg-color: currentColor;
}
button.deprecated:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.deprecated:before {
    margin-right: 2px;
  }
}
.button.deprecated {
  -webkit-mask-image: url('../../themes/default/icons/warning.svg');
  mask-image: url('../../themes/default/icons/warning.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.diffusion {
  --icon-path: url('../../themes/default/icons/diffusion_light.svg');
  --button-bg-color: currentColor;
}
button.diffusion:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.diffusion:before {
    margin-right: 2px;
  }
}
.button.diffusion {
  -webkit-mask-image: url('../../themes/default/icons/diffusion_light.svg');
  mask-image: url('../../themes/default/icons/diffusion_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.document {
  --icon-path: url('../../themes/default/icons/document.svg');
  --button-bg-color: currentColor;
}
button.document:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.document:before {
    margin-right: 2px;
  }
}
.button.document {
  -webkit-mask-image: url('../../themes/default/icons/document.svg');
  mask-image: url('../../themes/default/icons/document.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.download {
  --icon-path: url('../../themes/default/icons/download.svg');
  --button-bg-color: currentColor;
}
button.download:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.download:before {
    margin-right: 2px;
  }
}
.button.download {
  -webkit-mask-image: url('../../themes/default/icons/download.svg');
  mask-image: url('../../themes/default/icons/download.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.drag {
  --icon-path: url('../../themes/default/icons/drag.svg');
  --button-bg-color: currentColor;
}
button.drag:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.drag:before {
    margin-right: 2px;
  }
}
.button.drag {
  -webkit-mask-image: url('../../themes/default/icons/drag.svg');
  mask-image: url('../../themes/default/icons/drag.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.duplicate {
  --icon-path: url('../../themes/default/icons/duplicate.svg');
  --button-bg-color: currentColor;
}
button.duplicate:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.duplicate:before {
    margin-right: 2px;
  }
}
.button.duplicate {
  -webkit-mask-image: url('../../themes/default/icons/duplicate.svg');
  mask-image: url('../../themes/default/icons/duplicate.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.edit {
  --icon-path: url('../../themes/default/icons/edit.svg');
  --button-bg-color: currentColor;
}
button.edit:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.edit:before {
    margin-right: 2px;
  }
}
.button.edit {
  -webkit-mask-image: url('../../themes/default/icons/edit.svg');
  mask-image: url('../../themes/default/icons/edit.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.email {
  --icon-path: url('../../themes/default/icons/email.svg');
  --button-bg-color: currentColor;
}
button.email:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.email:before {
    margin-right: 2px;
  }
}
.button.email {
  -webkit-mask-image: url('../../themes/default/icons/email.svg');
  mask-image: url('../../themes/default/icons/email.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.email_multiple {
  --icon-path: url('../../themes/default/icons/email_multiple.svg');
  --button-bg-color: currentColor;
}
button.email_multiple:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.email_multiple:before {
    margin-right: 2px;
  }
}
.button.email_multiple {
  -webkit-mask-image: url('../../themes/default/icons/email_multiple.svg');
  mask-image: url('../../themes/default/icons/email_multiple.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.exclamation {
  --icon-path: url('../../themes/default/icons/warning.svg');
  --button-bg-color: currentColor;
}
button.exclamation:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.exclamation:before {
    margin-right: 2px;
  }
}
.button.exclamation {
  -webkit-mask-image: url('../../themes/default/icons/warning.svg');
  mask-image: url('../../themes/default/icons/warning.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.eye {
  --icon-path: url('../../themes/default/icons/eye.svg');
  --button-bg-color: currentColor;
}
button.eye:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.eye:before {
    margin-right: 2px;
  }
}
.button.eye {
  -webkit-mask-image: url('../../themes/default/icons/eye.svg');
  mask-image: url('../../themes/default/icons/eye.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.file_av {
  --icon-path: url('../../themes/default/icons/file_av.svg');
  --button-bg-color: currentColor;
}
button.file_av:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.file_av:before {
    margin-right: 2px;
  }
}
.button.file_av {
  -webkit-mask-image: url('../../themes/default/icons/file_av.svg');
  mask-image: url('../../themes/default/icons/file_av.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.film {
  --icon-path: url('../../themes/default/icons/film.svg');
  --button-bg-color: currentColor;
}
button.film:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.film:before {
    margin-right: 2px;
  }
}
.button.film {
  -webkit-mask-image: url('../../themes/default/icons/film.svg');
  mask-image: url('../../themes/default/icons/film.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.find {
  --icon-path: url('../../themes/default/icons/find.svg');
  --button-bg-color: currentColor;
}
button.find:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.find:before {
    margin-right: 2px;
  }
}
.button.find {
  -webkit-mask-image: url('../../themes/default/icons/find.svg');
  mask-image: url('../../themes/default/icons/find.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.full_screen {
  --icon-path: url('../../themes/default/icons/full_screen.svg');
  --button-bg-color: currentColor;
}
button.full_screen:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.full_screen:before {
    margin-right: 2px;
  }
}
.button.full_screen {
  -webkit-mask-image: url('../../themes/default/icons/full_screen.svg');
  mask-image: url('../../themes/default/icons/full_screen.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.gear {
  --icon-path: url('../../themes/default/icons/gear.svg');
  --button-bg-color: currentColor;
}
button.gear:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.gear:before {
    margin-right: 2px;
  }
}
.button.gear {
  -webkit-mask-image: url('../../themes/default/icons/gear.svg');
  mask-image: url('../../themes/default/icons/gear.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.gears {
  --icon-path: url('../../themes/default/icons/gears.svg');
  --button-bg-color: currentColor;
}
button.gears:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.gears:before {
    margin-right: 2px;
  }
}
.button.gears {
  -webkit-mask-image: url('../../themes/default/icons/gears.svg');
  mask-image: url('../../themes/default/icons/gears.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.geo {
  --icon-path: url('../../themes/default/icons/geo.svg');
  --button-bg-color: currentColor;
}
button.geo:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.geo:before {
    margin-right: 2px;
  }
}
.button.geo {
  -webkit-mask-image: url('../../themes/default/icons/geo.svg');
  mask-image: url('../../themes/default/icons/geo.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.graph {
  --icon-path: url('../../themes/default/icons/graph.svg');
  --button-bg-color: currentColor;
}
button.graph:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.graph:before {
    margin-right: 2px;
  }
}
.button.graph {
  -webkit-mask-image: url('../../themes/default/icons/graph.svg');
  mask-image: url('../../themes/default/icons/graph.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.graph_bold {
  --icon-path: url('../../themes/default/icons/graph_bold.svg');
  --button-bg-color: currentColor;
}
button.graph_bold:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.graph_bold:before {
    margin-right: 2px;
  }
}
.button.graph_bold {
  -webkit-mask-image: url('../../themes/default/icons/graph_bold.svg');
  mask-image: url('../../themes/default/icons/graph_bold.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.history {
  --icon-path: url('../../themes/default/icons/history.svg');
  --button-bg-color: currentColor;
}
button.history:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.history:before {
    margin-right: 2px;
  }
}
.button.history {
  -webkit-mask-image: url('../../themes/default/icons/history.svg');
  mask-image: url('../../themes/default/icons/history.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.import_files {
  --icon-path: url('../../themes/default/icons/import_files.svg');
  --button-bg-color: currentColor;
}
button.import_files:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.import_files:before {
    margin-right: 2px;
  }
}
.button.import_files {
  -webkit-mask-image: url('../../themes/default/icons/import_files.svg');
  mask-image: url('../../themes/default/icons/import_files.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.info {
  --icon-path: url('../../themes/default/icons/info.svg');
  --button-bg-color: currentColor;
}
button.info:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.info:before {
    margin-right: 2px;
  }
}
.button.info {
  -webkit-mask-image: url('../../themes/default/icons/info.svg');
  mask-image: url('../../themes/default/icons/info.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.label {
  --icon-path: url('../../themes/default/icons/tag.svg');
  --button-bg-color: currentColor;
}
button.label:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.label:before {
    margin-right: 2px;
  }
}
.button.label {
  -webkit-mask-image: url('../../themes/default/icons/tag.svg');
  mask-image: url('../../themes/default/icons/tag.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.lang {
  --icon-path: url('../../themes/default/icons/lang.svg');
  --button-bg-color: currentColor;
}
button.lang:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.lang:before {
    margin-right: 2px;
  }
}
.button.lang {
  -webkit-mask-image: url('../../themes/default/icons/lang.svg');
  mask-image: url('../../themes/default/icons/lang.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.link {
  --icon-path: url('../../themes/default/icons/link.svg');
  --button-bg-color: currentColor;
}
button.link:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.link:before {
    margin-right: 2px;
  }
}
.button.link {
  -webkit-mask-image: url('../../themes/default/icons/link.svg');
  mask-image: url('../../themes/default/icons/link.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.list {
  --icon-path: url('../../themes/default/icons/list.svg');
  --button-bg-color: currentColor;
}
button.list:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.list:before {
    margin-right: 2px;
  }
}
.button.list {
  -webkit-mask-image: url('../../themes/default/icons/list.svg');
  mask-image: url('../../themes/default/icons/list.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.media {
  --icon-path: url('../../themes/default/icons/media.svg');
  --button-bg-color: currentColor;
}
button.media:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.media:before {
    margin-right: 2px;
  }
}
.button.media {
  -webkit-mask-image: url('../../themes/default/icons/media.svg');
  mask-image: url('../../themes/default/icons/media.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.move {
  --icon-path: url('../../themes/default/icons/move.svg');
  --button-bg-color: currentColor;
}
button.move:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.move:before {
    margin-right: 2px;
  }
}
.button.move {
  -webkit-mask-image: url('../../themes/default/icons/move.svg');
  mask-image: url('../../themes/default/icons/move.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.note {
  --icon-path: url('../../themes/default/icons/note.svg');
  --button-bg-color: currentColor;
}
button.note:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.note:before {
    margin-right: 2px;
  }
}
.button.note {
  -webkit-mask-image: url('../../themes/default/icons/note.svg');
  mask-image: url('../../themes/default/icons/note.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.pause {
  --icon-path: url('../../themes/default/icons/pause.svg');
  --button-bg-color: currentColor;
}
button.pause:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.pause:before {
    margin-right: 2px;
  }
}
.button.pause {
  -webkit-mask-image: url('../../themes/default/icons/pause.svg');
  mask-image: url('../../themes/default/icons/pause.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.play {
  --icon-path: url('../../themes/default/icons/play.svg');
  --button-bg-color: currentColor;
}
button.play:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.play:before {
    margin-right: 2px;
  }
}
.button.play {
  -webkit-mask-image: url('../../themes/default/icons/play.svg');
  mask-image: url('../../themes/default/icons/play.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.pen {
  --icon-path: url('../../themes/default/icons/pen.svg');
  --button-bg-color: currentColor;
}
button.pen:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.pen:before {
    margin-right: 2px;
  }
}
.button.pen {
  -webkit-mask-image: url('../../themes/default/icons/pen.svg');
  mask-image: url('../../themes/default/icons/pen.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.print {
  --icon-path: url('../../themes/default/icons/print.svg');
  --button-bg-color: currentColor;
}
button.print:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.print:before {
    margin-right: 2px;
  }
}
.button.print {
  -webkit-mask-image: url('../../themes/default/icons/print.svg');
  mask-image: url('../../themes/default/icons/print.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.icon_button.print {
  -webkit-mask-image: url('../../themes/default/icons/print.svg');
  mask-image: url('../../themes/default/icons/print.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.qr {
  --icon-path: url('../../themes/default/icons/qr.svg');
  --button-bg-color: currentColor;
}
button.qr:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.qr:before {
    margin-right: 2px;
  }
}
.button.qr {
  -webkit-mask-image: url('../../themes/default/icons/qr.svg');
  mask-image: url('../../themes/default/icons/qr.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.remove {
  --icon-path: url('../../themes/default/icons/trash_light.svg');
  --button-bg-color: currentColor;
}
button.remove:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.remove:before {
    margin-right: 2px;
  }
}
.button.remove {
  -webkit-mask-image: url('../../themes/default/icons/trash_light.svg');
  mask-image: url('../../themes/default/icons/trash_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.reset {
  --icon-path: url('../../themes/default/icons/eraser.svg');
  --button-bg-color: currentColor;
}
button.reset:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.reset:before {
    margin-right: 2px;
  }
}
.button.reset {
  -webkit-mask-image: url('../../themes/default/icons/eraser.svg');
  mask-image: url('../../themes/default/icons/eraser.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.reload {
  --icon-path: url('../../themes/default/icons/reload.svg');
  --button-bg-color: currentColor;
}
button.reload:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.reload:before {
    margin-right: 2px;
  }
}
.button.reload {
  -webkit-mask-image: url('../../themes/default/icons/reload.svg');
  mask-image: url('../../themes/default/icons/reload.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.repair {
  --icon-path: url('../../themes/default/icons/repair.svg');
  --button-bg-color: currentColor;
}
button.repair:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.repair:before {
    margin-right: 2px;
  }
}
.button.repair {
  -webkit-mask-image: url('../../themes/default/icons/repair.svg');
  mask-image: url('../../themes/default/icons/repair.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.rotate {
  --icon-path: url('../../themes/default/icons/rotate.svg');
  --button-bg-color: currentColor;
}
button.rotate:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.rotate:before {
    margin-right: 2px;
  }
}
.button.rotate {
  -webkit-mask-image: url('../../themes/default/icons/rotate.svg');
  mask-image: url('../../themes/default/icons/rotate.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.rotate.right {
  transform: scaleX(-1);
}
button.save {
  --icon-path: url('../../themes/default/icons/save.svg');
  --button-bg-color: currentColor;
}
button.save:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.save:before {
    margin-right: 2px;
  }
}
.button.save {
  -webkit-mask-image: url('../../themes/default/icons/save.svg');
  mask-image: url('../../themes/default/icons/save.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.search {
  --icon-path: url('../../themes/default/icons/search_light.svg');
  --button-bg-color: currentColor;
}
button.search:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.search:before {
    margin-right: 2px;
  }
}
.button.search {
  -webkit-mask-image: url('../../themes/default/icons/search_light.svg');
  mask-image: url('../../themes/default/icons/search_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.sync {
  --icon-path: url('../../themes/default/icons/sync.svg');
  --button-bg-color: currentColor;
}
button.sync:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.sync:before {
    margin-right: 2px;
  }
}
.button.sync {
  -webkit-mask-image: url('../../themes/default/icons/sync.svg');
  mask-image: url('../../themes/default/icons/sync.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.table {
  --icon-path: url('../../themes/default/icons/table.svg');
  --button-bg-color: currentColor;
}
button.table:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.table:before {
    margin-right: 2px;
  }
}
.button.table {
  -webkit-mask-image: url('../../themes/default/icons/table.svg');
  mask-image: url('../../themes/default/icons/table.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.tree {
  --icon-path: url('../../themes/default/icons/tree.svg');
  --button-bg-color: currentColor;
}
button.tree:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.tree:before {
    margin-right: 2px;
  }
}
.button.tree {
  -webkit-mask-image: url('../../themes/default/icons/tree.svg');
  mask-image: url('../../themes/default/icons/tree.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.uncertainty {
  --icon-path: url('../../themes/default/icons/uncertainty.svg');
  --button-bg-color: currentColor;
}
button.uncertainty:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.uncertainty:before {
    margin-right: 2px;
  }
}
.button.uncertainty {
  -webkit-mask-image: url('../../themes/default/icons/uncertainty.svg');
  mask-image: url('../../themes/default/icons/uncertainty.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.upload {
  --icon-path: url('../../themes/default/icons/upload.svg');
  --button-bg-color: currentColor;
}
button.upload:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  button.upload:before {
    margin-right: 2px;
  }
}
.button.upload {
  -webkit-mask-image: url('../../themes/default/icons/upload.svg');
  mask-image: url('../../themes/default/icons/upload.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.contenteditable_buttons {
  display: flex;
  padding: 0px;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.contenteditable_buttons > .button {
  color: var(--color_white);
}
.contenteditable_buttons > .button:before {
  content: ' ';
  background-size: contain;
  background-repeat: no-repeat;
  height: 1em;
  width: 1em;
  margin-right: 0.25rem;
  padding-right: 1em;
  vertical-align: text-bottom;
}
.contenteditable_buttons > .button.bold:before {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_black);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/bold.svg');
  mask-image: url('../../themes/default/icons/bold.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.contenteditable_buttons > .button.bold:before:hover {
  opacity: 1 !important;
}
.contenteditable_buttons > .button.bold:before:active {
  opacity: 0.4 !important;
}
.buttons_container .contenteditable_buttons > .button.bold:before {
  background-color: var(--color_white);
  margin-top: 0px;
}
.contenteditable_buttons > .button.bold:before.white {
  background-color: var(--color_white) !important;
}
.contenteditable_buttons > .button.bold:before.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.contenteditable_buttons > .button.bold:before.transparent {
  background-color: transparent !important;
}
.contenteditable_buttons > .button.italic:before {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_black);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/italic.svg');
  mask-image: url('../../themes/default/icons/italic.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.contenteditable_buttons > .button.italic:before:hover {
  opacity: 1 !important;
}
.contenteditable_buttons > .button.italic:before:active {
  opacity: 0.4 !important;
}
.buttons_container .contenteditable_buttons > .button.italic:before {
  background-color: var(--color_white);
  margin-top: 0px;
}
.contenteditable_buttons > .button.italic:before.white {
  background-color: var(--color_white) !important;
}
.contenteditable_buttons > .button.italic:before.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.contenteditable_buttons > .button.italic:before.transparent {
  background-color: transparent !important;
}
.contenteditable_buttons > .button.underline:before {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_black);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/underline.svg');
  mask-image: url('../../themes/default/icons/underline.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.contenteditable_buttons > .button.underline:before:hover {
  opacity: 1 !important;
}
.contenteditable_buttons > .button.underline:before:active {
  opacity: 0.4 !important;
}
.buttons_container .contenteditable_buttons > .button.underline:before {
  background-color: var(--color_white);
  margin-top: 0px;
}
.contenteditable_buttons > .button.underline:before.white {
  background-color: var(--color_white) !important;
}
.contenteditable_buttons > .button.underline:before.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.contenteditable_buttons > .button.underline:before.transparent {
  background-color: transparent !important;
}
.contenteditable_buttons > .button.replace:before {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_black);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/exchange.svg');
  mask-image: url('../../themes/default/icons/exchange.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.contenteditable_buttons > .button.replace:before:hover {
  opacity: 1 !important;
}
.contenteditable_buttons > .button.replace:before:active {
  opacity: 0.4 !important;
}
.buttons_container .contenteditable_buttons > .button.replace:before {
  background-color: var(--color_white);
  margin-top: 0px;
}
.contenteditable_buttons > .button.replace:before.white {
  background-color: var(--color_white) !important;
}
.contenteditable_buttons > .button.replace:before.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.contenteditable_buttons > .button.replace:before.transparent {
  background-color: transparent !important;
}
button.has_icon::before,
.button.has_icon::before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  width: 1em;
  margin-right: 0.25rem;
  vertical-align: baseline;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
button.button_spinner {
  pointer-events: none !important;
  --icon-path: null !important;
}
button.button_spinner::before {
  content: " ";
  display: inline-block;
  background-color: transparent !important;
  height: 1em;
  width: 1em;
  margin-right: 0.33em;
  vertical-align: text-bottom;
  border-radius: 50%;
  border: 1.45px solid currentColor;
  border-top-color: transparent;
  animation: run_spinner 800ms linear infinite;
}
button.button_spinner.success::before {
  border-top-color: transparent;
}
:root[data-theme="dark"] .button.grey {
  background-color: var(--color_grey_6);
}
.buttons_container .search_buttons_container button.warning,
.buttons_container .other_buttons_block button.warning,
.buttons_container > button.warning.search,
.buttons_container > button.warning.show_all {
  background-color: transparent;
  border-color: var(--border_strong);
  color: var(--fg_default);
  --button-bg-color: var(--fg_muted);
}
.buttons_container .search_buttons_container button.warning:hover,
.buttons_container .other_buttons_block button.warning:hover,
.buttons_container > button.warning.search:hover,
.buttons_container > button.warning.show_all:hover {
  background-color: var(--color_orange_dedalo);
  border-color: var(--color_orange_border);
  color: var(--fg_on_brand);
  --button-bg-color: var(--fg_on_brand);
}
/**
* layout
*
* Base common layout styles used by components, services, section, etc.
*
* Included from main.less file
*/
.hilite_element {
  will-change: background-color;
  transition: background-color 600ms linear;
  background-color: var(--color_hilite);
}
.hilite_element .label {
  color: var(--color_grey_3);
}
.label_top {
  background-color: var(--color_grey_14);
  position: relative;
  padding: 0.33em;
  padding-left: 0.5em;
  cursor: pointer;
  font-variant: small-caps;
  color: var(--color_grey_4);
}
@media screen and (max-width: 960px) {
  .label_top {
    padding: 1rem;
  }
}
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--color_input_focus);
}
.dd_input {
  font-size: 1em;
  height: 2em;
  margin-right: 0.5em;
  padding: 0.25em;
  border: none;
  outline: 1px solid var(--color_grey_13);
  transition: outline-color 0.5s ease, outline-offset 0.5s ease, box-shadow 0.5s ease, opacity 0.5s ease;
  opacity: 0.75;
  vertical-align: bottom;
}
.dd_input,
.dd_input select {
  width: 100%;
}
.dd_input:focus {
  outline-offset: 0;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
input::-webkit-input-placeholder {
  /* Chrome/Safari/Edge */
  font-style: italic;
  opacity: 0.95;
}
input::placeholder {
  font-style: italic;
  opacity: 0.95;
}
.wrapper_area {
  display: block;
  width: 100%;
  padding: 1rem;
}
.wrapper_area > .label {
  font-size: 1.6rem;
  padding-top: 0px;
  padding-bottom: 0.5rem;
  padding-left: 0.2rem;
}
.wrapper_area > .content_data {
  display: flex;
  flex-wrap: wrap;
}
.wrapper_area > .buttons {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0px;
}
.wrapper_area > .buttons > .button {
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
  display: flex;
  width: auto;
  padding: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-radius: 0.25em;
}
.wrapper_area > .buttons > .button:hover {
  color: var(--color_black);
}
.wrapper_area > .buttons > .button:active {
  color: var(--color_white);
}
.wrapper_error {
  margin: 1rem;
  padding: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  border-radius: 3px;
  line-height: 1.1rem;
  font-weight: 200;
}
.wrapper_error > .wrapper_error_title {
  text-transform: uppercase;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--color_grey_11);
  margin-bottom: 0.5rem;
}
.wrapper_error > .wrapper_error_title > .icon {
  background-color: var(--color_white);
  float: right;
}
.wrapper_error > .error_wrap > .error_info {
  white-space: pre;
}
.wrapper_component {
  contain: style;
  position: relative;
  margin: 0px;
  padding: 0px;
  z-index: auto;
  color: var(--color_grey_4);
}
.wrapper_component.edit {
  display: grid;
  grid-template-rows: var(--component_label_height) minmax(auto, 100%);
  align-content: start;
}
.wrapper_component.loading {
  opacity: 1;
  animation: wrapper_loading_dim 0.2s ease-out 0.4s forwards;
  animation-play-state: running !important;
}
.wrapper_component.modified:after {
  content: " ";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: var(--color_orange_dedalo);
  z-index: 2;
}
.wrapper_component.fullscreen .buttons_fold {
  top: 0.5rem !important;
  position: fixed !important;
}
.wrapper_component > .label {
  padding: 1rem;
  padding-left: var(--field_inset_x);
  padding-bottom: 0px;
  padding-top: 0.4rem;
  flex: 1 1 100%;
  letter-spacing: 0.5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  font-weight: 200;
}
.wrapper_component > .buttons_container {
  position: absolute;
  background-color: var(--color_orange_dedalo);
  user-select: none;
  display: none;
  flex: 0 1 1em;
  z-index: 1;
  box-shadow: var(--shadow-2);
  right: 0px;
  width: auto;
  padding: 0px;
  top: -2.4rem;
  max-height: 2rem;
  border-radius: var(--radius-pill);
  font-size: 1.1rem;
}
.wrapper_component > .buttons_container span {
  margin-left: 0.5em;
  margin-bottom: 0.45em;
  margin-top: 0.45rem;
  transition: transform var(--transition-fast), opacity var(--transition-fast);
}
.wrapper_component > .buttons_container span:first-child {
  margin-left: 0.75rem;
}
.wrapper_component > .buttons_container span:last-child {
  margin-right: 0.75rem;
}
.wrapper_component > .buttons_container span:hover {
  transform: translateY(-1px) scale(1.08);
}
.wrapper_component > .buttons_container span:active {
  transform: none;
  opacity: 0.7;
}
.wrapper_component > .component_warning {
  position: absolute;
  display: flex;
  justify-content: center;
  background-color: var(--color_danger);
  color: var(--color_white);
  user-select: none;
  left: -2rem;
  top: 0px;
  width: 2rem;
  z-index: 1;
  border-top-left-radius: 0.25em;
  border-bottom-left-radius: 0.25em;
  font-size: 1.1rem;
  overflow: hidden;
}
.wrapper_component > .component_warning.right_side {
  right: 0px;
  left: unset;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0.25em;
}
.wrapper_component > .component_warning span {
  margin-top: 0.25em;
  margin-bottom: 0.25rem;
  background-color: var(--color_white);
}
.wrapper_component > .content_data {
  contain: style;
  color: var(--color_grey_4);
  height: inherit;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  padding: 1em;
  padding-left: var(--field_inset_x);
  padding-top: 0.5em;
  overflow-wrap: anywhere;
}
.column .wrapper_component.edit:not(.active),
.column .wrapper_component.search:not(.active),
.column .wrapper_component.player:not(.active) {
  box-shadow: none;
}
.column .wrapper_component.edit .content_data,
.column .wrapper_component.search .content_data,
.column .wrapper_component.player .content_data {
  padding: 0px;
}
@media screen and (max-width: 960px) {
  .wrapper_component.edit,
  .wrapper_component.search,
  .wrapper_component.player {
    display: block;
    flex: 0 0 100%;
    overflow-x: auto;
    max-width: calc(100vw - 2rem);
  }
}
.wrapper_component.edit > .label,
.wrapper_component.search > .label,
.wrapper_component.player > .label {
  height: var(--component_label_height);
  color: var(--color_grey_8);
}
.wrapper_component.edit > .label > .icon,
.wrapper_component.search > .label > .icon,
.wrapper_component.player > .label > .icon {
  vertical-align: bottom;
}
.wrapper_component.edit > .label > .icon.alternative,
.wrapper_component.search > .label > .icon.alternative,
.wrapper_component.player > .label > .icon.alternative {
  background-color: var(--color_grey_10);
}
.wrapper_component.edit > .label > .icon.deprecated,
.wrapper_component.search > .label > .icon.deprecated,
.wrapper_component.player > .label > .icon.deprecated {
  background-color: var(--color_orange_dedalo);
}
.error.wrapper_component.edit > .label,
.error.wrapper_component.search > .label,
.error.wrapper_component.player > .label {
  color: var(--color_white) !important;
}
.wrapper_component.edit > .label > .label_info,
.wrapper_component.search > .label > .label_info,
.wrapper_component.player > .label > .label_info {
  font-size: 80%;
  margin-left: 0.5rem;
  font-weight: 200;
}
.wrapper_component.edit > .label > .label_info:before,
.wrapper_component.search > .label > .label_info:before,
.wrapper_component.player > .label > .label_info:before {
  content: '[';
}
.wrapper_component.edit > .label > .label_info:after,
.wrapper_component.search > .label > .label_info:after,
.wrapper_component.player > .label > .label_info:after {
  content: ']';
}
.wrapper_component.edit .button_exit_edit,
.wrapper_component.search .button_exit_edit,
.wrapper_component.player .button_exit_edit {
  display: none;
  position: absolute;
  top: -6px;
  right: -9px;
  z-index: 3;
}
.wrapper_component.edit > .content_data,
.wrapper_component.search > .content_data,
.wrapper_component.player > .content_data {
  height: inherit;
  max-height: inherit;
}
.wrapper_component.edit > .content_data > .content_value,
.wrapper_component.search > .content_data > .content_value,
.wrapper_component.player > .content_data > .content_value {
  height: auto;
  position: relative;
  width: 100%;
}
.wrapper_component.edit .show_on_active,
.wrapper_component.search .show_on_active,
.wrapper_component.player .show_on_active {
  display: none;
}
.wrapper_component.edit.active,
.wrapper_component.search.active,
.wrapper_component.player.active {
  z-index: 3;
  box-shadow: none;
  color: var(--color_orange_dedalo);
  overflow: initial;
}
.wrapper_component.edit.active:not(.hilite_element),
.wrapper_component.search.active:not(.hilite_element),
.wrapper_component.player.active:not(.hilite_element) {
  background-color: var(--color_orange_light);
}
.wrapper_component.edit.active .show_on_active,
.wrapper_component.search.active .show_on_active,
.wrapper_component.player.active .show_on_active {
  display: block;
}
.wrapper_component.edit.active > .buttons_container,
.wrapper_component.search.active > .buttons_container,
.wrapper_component.player.active > .buttons_container {
  display: block !important;
  white-space: nowrap;
  z-index: 2;
}
.wrapper_component.edit.active > .buttons_container .button:last-of-type,
.wrapper_component.search.active > .buttons_container .button:last-of-type,
.wrapper_component.player.active > .buttons_container .button:last-of-type {
  margin-right: 0.75rem;
}
.wrapper_component.search {
  flex: 1 1 100%;
  overflow: visible;
}
.wrapper_component.search .switcher_translatable {
  cursor: pointer;
}
.wrapper_component.search .switcher_translatable::after {
  -webkit-mask-image: url('../../themes/default/icons/lang.svg');
  mask-image: url('../../themes/default/icons/lang.svg');
  content: ' ';
  background-color: var(--color_grey_10);
  background-size: contain;
  background-repeat: no-repeat;
  height: 1.35em;
  width: 1.35em;
  display: inline-flex;
  align-items: center;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0.27rem;
}
.wrapper_component.search .switcher_translatable.off::after {
  background-color: var(--color_black);
}
.wrapper_component.search .switcher_translatable input {
  display: none;
}
.wrapper_component.list.media_wrapper {
  display: inline-block;
  padding: 0px;
  text-align: center;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .wrapper_component.list.media_wrapper {
    height: auto;
  }
}
.wrapper_component.list.media_wrapper > .content_data {
  display: contents;
}
.wrapper_component.list.media_wrapper > img,
.wrapper_component.list.media_wrapper > .content_data > img {
  display: inline-block;
  padding: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  cursor: pointer;
}
.wrapper_component.list.media_wrapper > img:active,
.wrapper_component.list.media_wrapper > .content_data > img:active {
  opacity: 0.33;
}
.wrapper_component.error {
  transition: background-color 0.3s ease;
  background-color: var(--color_danger) !important;
}
.wrapper_tool .wrapper_component > .top,
.search_group .wrapper_component > .top,
dd-modal .wrapper_component > .top,
.project_container .wrapper_component > .top {
  display: flex;
  flex: 0 1 100%;
  align-items: center;
  justify-content: flex-end;
  padding-top: 0.75em;
  padding-bottom: 0px;
}
.wrapper_tool .wrapper_component > .top > select.mono,
.search_group .wrapper_component > .top > select.mono,
dd-modal .wrapper_component > .top > select.mono,
.project_container .wrapper_component > .top > select.mono {
  background-color: transparent;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
  width: auto;
  pointer-events: none;
}
.list .wrapper_tool .wrapper_component > .content_data,
.list .search_group .wrapper_component > .content_data,
.list dd-modal .wrapper_component > .content_data,
.list .project_container .wrapper_component > .content_data {
  padding: 0px;
}
@media screen and (max-width: 960px) {
  .wrapper_tool .wrapper_component > .content_data,
  .search_group .wrapper_component > .content_data,
  dd-modal .wrapper_component > .content_data,
  .project_container .wrapper_component > .content_data {
    flex: 1 1 100%;
  }
}
.wrapper_tool .wrapper_component > .content_data > .q_operator,
.search_group .wrapper_component > .content_data > .q_operator,
dd-modal .wrapper_component > .content_data > .q_operator,
.project_container .wrapper_component > .content_data > .q_operator {
  width: 3em;
  padding: 0px;
  text-align: center;
}
.wrapper_tool .wrapper_component > .content_data .close99,
.search_group .wrapper_component > .content_data .close99,
dd-modal .wrapper_component > .content_data .close99,
.project_container .wrapper_component > .content_data .close99 {
  position: absolute;
  top: -6px;
  right: -9px;
  z-index: 3;
  display: none;
}
.wrapper_tool .wrapper_component > .content_data.vertical,
.search_group .wrapper_component > .content_data.vertical,
dd-modal .wrapper_component > .content_data.vertical,
.project_container .wrapper_component > .content_data.vertical {
  flex: 1 1 100%;
  background-color: var(--color_grey_5);
  justify-content: center;
  flex-flow: unset;
}
@keyframes wrapper_loading_dim {
  to {
    opacity: 0.4;
  }
}
.wrapper_component.edit.component_input_text > .content_data,
.wrapper_component.edit.component_number > .content_data,
.wrapper_component.edit.component_date > .content_data,
.wrapper_component.edit.component_email > .content_data,
.wrapper_component.edit.component_url > .content_data,
.wrapper_component.edit.component_password > .content_data,
.wrapper_component.edit.component_iri > .content_data {
  padding-left: calc(var(--field_inset_x) - var(--field_box_bleed));
}
.wrapper_component.edit.component_input_text > .content_data input.input_value,
.wrapper_component.edit.component_number > .content_data input.input_value,
.wrapper_component.edit.component_date > .content_data input.input_value,
.wrapper_component.edit.component_email > .content_data input.input_value,
.wrapper_component.edit.component_url > .content_data input.input_value,
.wrapper_component.edit.component_password > .content_data input.input_value,
.wrapper_component.edit.component_iri > .content_data input.input_value {
  padding-left: var(--field_box_bleed);
  line-height: var(--field_line_h);
  background-color: var(--field_rest_bg);
}
.section_record.edit .wrapper_component.edit {
  transition: background-color var(--transition-fast);
}
.section_record.edit .wrapper_component.edit:hover:not(.active):not(.disabled_component):not(.component_section_id) {
  background-color: var(--field_hover_bg);
}
.section_record.edit .wrapper_component.edit > .label {
  color: var(--field_label_fg);
  font-size: 1rem;
  font-weight: 100;
}
.section_record.edit .wrapper_component.edit > .content_data {
  color: var(--field_value_fg);
}
.section_record.edit .wrapper_component.edit.active > .label {
  color: var(--color_orange_dedalo);
}
.section_record.edit .wrapper_component.edit.active > .content_data {
  color: var(--field_value_fg);
}
dd-modal {
  margin: 0px;
  padding: 0px;
  border: 0px;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  z-index: unset;
}
@media screen and (max-width: 1024px) {
  dd-modal {
    width: 100%;
  }
}
dd-modal .spinner_modal {
  position: relative;
  margin: 1rem;
}
dd-modal > .wrapper_section.edit[slot="body"],
dd-modal > [slot="body"] > .wrapper_section.edit {
  padding-top: calc(2.4rem + 0.25rem);
}
dd-modal .header {
  display: flex;
  padding: 1rem;
  padding-right: 6.5rem;
  background-color: var(--modal_header_bg);
  background-image: linear-gradient(var(--modal_header_accent, transparent) 0 4px, transparent 4px);
  color: var(--modal_header_color);
  font-weight: normal;
  z-index: 2;
  box-shadow: var(--modal_header_shadow, 0 2px 3px var(--color_grey_10));
  transition: background-color 0.4s ease;
}
dd-modal .header.label,
dd-modal .header.content,
dd-modal .header > div.label,
dd-modal .header > span.label {
  font-size: 1.35rem;
  line-height: 1.5rem;
  padding-right: 0.5em;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 1rem;
}
dd-modal .header.label .button,
dd-modal .header.content .button,
dd-modal .header > div.label .button,
dd-modal .header > span.label .button {
  vertical-align: text-bottom;
  margin-right: 0.5em;
  display: inline-block;
}
dd-modal .header.label,
dd-modal .header.content {
  padding-right: 6.5rem;
}
dd-modal .header .description {
  font-size: 0.95rem;
  font-weight: 300;
  padding-top: 0.25rem;
}
dd-modal .header.mini {
  display: flex;
  align-items: center;
  padding: 0px;
  height: 60px;
  width: 100%;
}
dd-modal .header.mini .close_modal {
  color: var(--modal_btn_hover_color, var(--color_black));
}
dd-modal .header.mini .label {
  width: calc(100% - 1rem);
  overflow: hidden;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.2rem;
  padding: 0.5rem;
  display: flex;
}
dd-modal .header.mini select,
dd-modal .header.mini .description {
  display: none;
}
dd-modal .header.mini .wrapper_tool {
  display: none;
}
dd-modal .header_custom {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
dd-modal .header_custom span.label {
  padding-left: 0.5rem;
  font-weight: 300;
}
dd-modal .header_custom select {
  outline: none;
  border-radius: 4px;
  padding-right: 2rem;
}
dd-modal .body.content {
  padding: 1rem;
  padding-bottom: 1.5rem;
  padding-top: 3rem;
  line-height: 1.2rem;
}
dd-modal .body.content_no_buttons {
  padding: 0.5rem;
  min-width: 34rem;
  min-height: 20rem;
}
@media screen and (max-width: 600px) {
  dd-modal .body.content_no_buttons {
    min-width: 0;
    min-height: 0;
  }
}
dd-modal .body.content_no_buttons > .wrapper_component {
  margin: 1rem;
  margin-top: 2rem;
}
dd-modal .body.fill_vertical {
  height: calc(70vh - 6rem);
}
dd-modal .body .block_label {
  display: block;
  padding: 1rem;
}
dd-modal .body .block_label input {
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: bottom;
}
dd-modal .body .block {
  display: block;
  padding: 1rem;
}
dd-modal .body .block.user_name_info div {
  display: contents;
}
dd-modal .iframe_container > iframe {
  height: calc(100vh - 8rem);
  width: 100%;
  z-index: 1;
  padding: 0px;
}
dd-modal .iframe_container > iframe .header_wrapper_list {
  top: 0 !important;
}
dd-modal .footer {
  text-align: right;
}
dd-modal .footer > div {
  padding: 1rem;
  padding-bottom: 2rem;
}
dd-modal .footer button {
  margin-bottom: 1rem;
  margin-left: 0.5rem;
}
dd-modal .footer button:first-of-type {
  margin-left: 0rem;
}
dd-modal .footer.content {
  padding: 1.5rem;
  padding-top: 0px;
  padding-bottom: 0px;
}
dd-modal .footer .block_label {
  display: block;
  padding: 0.5rem;
}
dd-modal .footer .block_label input {
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: bottom;
}
dd-modal .footer div.warning {
  color: var(--color_orange_dedalo);
}
dd-modal .footer.center {
  text-align: center;
}
dd-modal .footer.left {
  text-align: left;
}
dd-modal .footer.distribute {
  display: flex;
  justify-content: space-between;
  padding-top: 0rem;
}
dd-modal.dd_confirm::part(content) {
  width: 32rem;
  max-width: 92vw;
}
dd-modal.dd_confirm .body.content {
  padding: 1.5rem;
  padding-top: 1.75rem;
  min-height: 2.5rem;
}
dd-modal.dd_confirm .footer.content {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 0.5rem;
  padding-bottom: 1.25rem;
}
dd-modal.dd_confirm .footer.content > button {
  margin: 0;
}
.disabled_component .content_data.component,
.disabled_component .buttons_container,
.disabled_component input,
.disabled_component .radio_label {
  pointer-events: none !important;
  user-select: none;
}
.disabled_component .content_data.component .column .media .link,
.disabled_component .button_edit {
  pointer-events: all !important;
}
.disabled_component .autocomplete_search_wrapper {
  display: none !important;
}
.disabled_component .buttons_container,
.disabled_component .button:not(.button_edit):not(.activate) {
  display: none !important;
}
.disabled_component input,
.disabled_component select {
  outline: none;
}
.disabled_component select {
  -webkit-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.disabled_component.active:after {
  content: " ";
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_danger);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/lock.svg');
  mask-image: url('../../themes/default/icons/lock.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: absolute;
  top: -1.3rem;
  right: 0.1rem;
  opacity: 0.8;
}
.disabled_component.active:after:hover {
  opacity: 1 !important;
}
.disabled_component.active:after:active {
  opacity: 0.4 !important;
}
.buttons_container .disabled_component.active:after {
  background-color: var(--color_white);
  margin-top: 0px;
}
.disabled_component.active:after.white {
  background-color: var(--color_white) !important;
}
.disabled_component.active:after.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.disabled_component.active:after.transparent {
  background-color: transparent !important;
}
.component_message {
  position: absolute;
  min-height: 3em;
  top: -3em;
  width: 100%;
  color: var(--color_white);
  user-select: none;
  line-height: 1.5em;
}
.component_message.error {
  background-color: var(--color_danger);
}
.component_message.warning {
  background-color: var(--color_warning);
}
.component_message.ok {
  background-color: var(--color_success);
}
.component_message .text {
  padding: 0.5em;
}
.component_message .close {
  cursor: pointer;
  width: 1em;
  height: 1em;
  text-align: center;
  position: absolute;
  right: 0.25em;
  top: 0px;
  height: 1.5em;
  margin: 0px;
}
.input_tex_area {
  width: 100%;
  background-color: var(--color_white);
  margin-right: 0.25em;
  padding: 0.5em;
  padding-right: 1em;
  min-height: 8em;
  overflow: auto;
  max-height: 14em;
  word-break: break-word;
}
.width_100 {
  flex: 1 1 100% !important;
  width: 100%;
}
.fullscreen {
  position: fixed !important;
  top: 0px !important;
  left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 10 !important;
  max-height: unset !important;
  background-color: var(--color_white) !important;
}
.fullscreen .buttons_container {
  left: unset !important;
  right: 0px !important;
}
.fullscreen .content_data {
  padding-right: 1rem !important;
  max-height: unset !important;
  height: 100% !important;
}
.fullscreen .content_data > ul {
  width: 100% !important;
}
.fullscreen .content_data > ul > li {
  height: calc(100% - var(--component_label_height)) !important;
}
.fullscreen .content_data > ul > li .canvas[resize] {
  height: 100%;
  width: 100%;
}
.fullscreen .exit_button {
  position: fixed;
  top: 0.25rem;
  right: 0.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color_orange_dedalo);
  z-index: 9999;
  cursor: pointer;
  -webkit-mask-image: url('../../themes/default/icons/full_screen.svg');
  mask-image: url('../../themes/default/icons/full_screen.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.content_data > .content_value .hidden_button {
  display: none;
}
.content_data > .content_value .hidden_button:active {
  display: inline-block;
}
.content_data > .content_value:focus-within .hidden_button {
  display: inline-block;
}
.jse-main {
  contain: content;
  --jse-theme-color: var(--color_grey_8);
  overflow: auto;
}
.jse-main .jse-menu {
  padding-right: 3.617rem;
}
.jse-main .jse-menu > button.svelte-3erbu0 {
  width: 2.25rem;
}
.json-container {
  background-color: var(--color_grey_16);
  margin: 0px;
  margin-top: 1em;
  padding: 0.5rem;
  font-size: 14px;
  border-radius: 3px;
}
.json-container .json-key {
  word-break: initial;
}
.components_list_container {
  display: flex;
  width: fit-content;
  border-right: 1px solid var(--color_grey_10);
  font-size: 1em;
  background-color: var(--color_grey_16);
}
.components_list_container > ul {
  max-height: 80vh;
  overflow: auto;
}
.components_list_container ul {
  display: block;
  position: relative;
}
.components_list_container ul.target_list_container {
  display: flex;
  border-left: 1px solid var(--color_grey_10);
}
.components_list_container ul li {
  position: relative;
  line-height: 1em;
  padding: 0.4rem 1.33rem 0.4rem 0.5rem;
  display: block;
  user-select: none;
}
.components_list_container ul li.section_bar_label {
  display: block;
  background-color: var(--color_grey_10);
  color: var(--color_grey_4);
  font-size: 0.85em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  position: sticky;
  top: 0;
  z-index: 2;
  pointer-events: none;
  padding-right: 0.5rem;
}
.components_list_container ul li.section_bar_label:after {
  content: '×';
  display: block;
  float: right;
  width: 1em;
  font-size: 1.2em;
  line-height: 0.85;
  text-align: center;
  cursor: pointer;
  pointer-events: all;
}
.components_list_container ul li.section_bar_label.close_hide:after {
  display: none;
}
.components_list_container ul li.section_group_label {
  background-color: var(--color_grey_15);
  color: var(--color_grey_4);
  font-weight: 600;
  border-bottom: 1px solid var(--color_grey_13);
  cursor: pointer;
}
.components_list_container ul li.section_group_label:active {
  opacity: 0.5;
}
.components_list_container ul li.section_group_label.closed {
  opacity: 0.75;
}
.components_list_container ul li.section_group_label.closed:after {
  content: " ";
  mask-image: url(../../themes/default/icons/arrow_down.svg);
  background-color: var(--color_grey_5);
  transition: transform 0.26s ease-out;
  position: absolute;
  right: 0.33rem;
  top: 0.33rem;
  height: 1rem;
  width: 1rem;
}
.components_list_container ul li.component_label {
  background-color: var(--color_white);
  border-bottom: 1px solid var(--color_grey_13);
  padding-left: 1.25rem;
  padding-right: 2em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.components_list_container ul li.component_label:hover {
  background-color: var(--color_hilite) !important;
}
.components_list_container ul li.component_label:active {
  opacity: 0.6;
}
.components_list_container ul li.component_label.element_draggable {
  cursor: move;
  background-image: none;
  background-color: var(--color_white);
  background-position-x: 0%;
  background-position-y: 0%;
  background-size: auto auto;
  background-position: right 5px bottom 7px;
  background-repeat: no-repeat;
  background-size: 12px;
}
.components_list_container ul li.component_label.element_draggable:hover {
  background-image: url('../../themes/default/draggable.svg');
}
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable {
  position: relative;
  background-color: var(--color_grey_14);
  background-image: none;
}
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable:before {
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  right: 5px;
  bottom: 7px;
  width: 12px;
  height: 12px;
  background-color: var(--color_grey_6);
  mask-image: url('../../themes/default/draggable.svg');
  mask-size: 12px;
  mask-repeat: no-repeat;
  opacity: 0;
}
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable:hover:before {
  opacity: 1;
}
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable.has_subquery:before {
  right: calc(1em);
}
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable:hover:before,
:root[data-theme="dark"] .components_list_container ul li.component_label.element_draggable.has_subquery:hover:after {
  background-color: #000000;
}
.components_list_container ul li.component_label.has_subquery {
  cursor: pointer;
  background-position: right 1em bottom 7px;
}
.components_list_container ul li.component_label.has_subquery:after {
  content: ' ';
  display: block;
  pointer-events: none;
  position: absolute;
  background-color: var(--color_grey_1);
  mask-image: url('../../themes/default/icons/play.svg');
  mask-size: 0.55em;
  mask-repeat: no-repeat;
  mask-position: center;
  width: 1em;
  height: 1em;
  right: 0px;
  top: 0.308rem;
  cursor: pointer;
}
:root[data-theme="dark"] .components_list_container ul li.component_label.has_subquery:after {
  background-color: var(--color_grey_6);
}
.components_list_container ul li.component_label.has_subquery.active {
  background-color: var(--color_orange_dedalo) !important;
  color: var(--fg_on_brand);
}
.media_wrapper.edit.wrapper_component .quality_selector {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  margin: 0px;
  padding: 0px;
  padding-left: 0.33rem;
  padding-right: 1rem;
  height: 1.25rem;
  max-width: 5rem;
  font-size: 0.9rem;
  border: 0px;
  outline: none;
  border-radius: var(--radius-md);
  z-index: 1;
  box-shadow: var(--shadow-2);
  cursor: pointer;
}
.fullscreen.media_wrapper.edit.wrapper_component .quality_selector {
  width: auto !important;
  right: 2.25rem;
  top: 0.5rem;
}
.media_wrapper.edit.wrapper_component .media_content_data {
  display: contents;
}
.media_wrapper.edit.wrapper_component .media_content_value {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: var(--media_min_height);
  margin: 1rem;
  margin-top: 0.25rem;
  width: calc(100% - 2rem);
  resize: vertical;
  overflow: hidden;
}
@media screen and (max-width: 960px) {
  .media_wrapper.edit.wrapper_component .media_content_value {
    height: unset;
    max-height: 404px;
  }
}
.media_wrapper.edit.wrapper_component.fullscreen .media_content_value {
  height: unset;
}
.media_wrapper.list.wrapper_component {
  cursor: pointer;
}
.media_wrapper.list.wrapper_component img {
  display: block;
  padding: 0px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.media_wrapper.list.wrapper_component.view_default,
.media_wrapper.list.wrapper_component.view_mosaic,
.media_wrapper.list.wrapper_component.view_tool {
  height: var(--view_line_height);
}
@media screen and (max-width: 1024px) {
  .media_wrapper.list.wrapper_component.view_default,
  .media_wrapper.list.wrapper_component.view_mosaic,
  .media_wrapper.list.wrapper_component.view_tool {
    background-color: unset !important;
  }
}
@media screen and (max-width: 960px) {
  .preview_component_container .media_wrapper.edit.wrapper_component .media_content_value {
    height: var(--media_min_height);
  }
}
.lazy_fade {
  opacity: 0;
  transition: opacity var(--media_fade_speed) ease-in;
}
.lazy_fade.is_loaded {
  opacity: 1;
}
.media.view_text {
  display: inline-block;
  height: var(--view_text_height);
  vertical-align: middle;
}
.media.view_text img {
  cursor: zoom-in;
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.page_error_container {
  padding: 4rem;
  line-height: 2.5rem;
}
.page_error_container.raspa_error:after {
  content: ' ';
  background-image: url('../../themes/default/raspa_404.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  min-height: 100vh;
  overflow: hidden;
  opacity: 0.3;
  z-index: -1;
}
@media screen and (max-width: 1024px) {
  .page_error_container.raspa_error:after {
    background-position: 35%;
  }
}
.page_error_container.not_logged_error:after {
  content: ' ';
  opacity: 0.3;
}
.page_error_container h1 {
  font-size: 1.7rem;
  margin: 0.67em 0;
  margin-bottom: 0px;
  color: var(--color_grey_7);
  font-weight: 200;
}
.page_error_container .more_info {
  margin-top: 1.5rem;
}
.page_error_container .link {
  display: block;
}
.page_error_container > .icon_dedalo {
  height: 7rem;
}
.page_error_container > .server_response_error {
  white-space: pre-wrap;
}
.process_status_node {
  position: relative;
  padding: 0px !important;
  margin-top: 0.5rem !important;
}
.process_status_node > .spinner {
  position: absolute !important;
  top: 1rem !important;
  left: 1rem !important;
  margin: 0px !important;
}
.process_status_node > .button_stop_process {
  position: absolute;
  display: flex;
  top: 0.72rem;
  right: 0.5rem;
  background-color: var(--color_grey_14);
  border-radius: 2.5rem;
  z-index: 1;
  height: 2.6rem;
}
.process_status_node > .button_stop_process:active {
  opacity: 0.5;
}
.process_status_node > .info_node {
  padding: 0px;
}
.process_status_node > .info_node > .msg_node {
  background-color: var(--color_grey_16);
  display: block;
  width: 100%;
  min-height: 4rem;
  font-family: monospace;
  font-size: 1.1rem;
  line-height: 1.35;
  padding: 1.25rem;
  padding-right: 5.4rem;
  padding-left: 3.8rem;
  margin-bottom: 1rem;
  border-radius: 2.1rem;
}
.process_status_node > .info_node > .msg_node.done {
  font-weight: bold;
  padding-left: 1.5rem;
}
.process_status_node > .info_node > .msg_node > .error {
  display: block;
  padding: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  border-radius: 3px;
}
.relation_list_placeholder {
  min-height: 3.67rem;
  max-width: 100%;
}
.relation_list_container .relation_list_head {
  user-select: none;
}
.grid_choose_container {
  position: absolute;
  background-color: var(--color_grey_15);
  box-shadow: var(--shadow-3);
  width: 20rem;
  min-width: 15rem;
  max-height: 70vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  padding: 1.5rem;
  padding-top: 0rem;
  overflow: auto;
  z-index: 4;
  resize: auto;
  min-height: 10rem;
}
.grid_choose_container .grid_choose_header {
  height: 2.5rem;
  width: 100%;
  background-color: var(--color_orange_dedalo);
  cursor: move;
  grid-column: span 2;
  width: calc(100% + 3.5rem);
  margin-left: -2rem;
  margin-top: 0;
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0.75rem;
  padding-left: 1.25rem;
  padding-right: 2rem;
  color: var(--fg_on_brand);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid_choose_container .close {
  position: absolute;
  display: block;
  right: 0.25rem;
  top: 0.5rem;
  cursor: pointer;
  width: 1.4rem;
  height: 1.4rem;
  z-index: 2;
}
.grid_choose_container .selected_instance_node {
  display: block;
  grid-column: span 2;
  text-align: center;
  font-size: 1.1rem;
  position: sticky;
  top: -0.5rem;
  background-color: var(--color_white);
  width: 100%;
  z-index: 1;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--color_grey_13);
}
.grid_choose_container .selected_instance_node .column {
  outline: none;
}
.grid_choose_container > .wrapper_component {
  border: 1px solid var(--color_grey_13);
  border-radius: 0.3em;
}
.grid_choose_container > .component_svg {
  max-height: 8rem;
  min-width: 4rem;
}
.grid_choose_container > .component_svg .svg {
  cursor: move;
}
/**
* page
*
* Included from main.less file
* Notice that page has no mode like 'edit' or 'list'
*/
.page {
  min-height: inherit;
  padding: 0px;
}
.page .notification_msg {
  display: inline-block;
}
.page > .content_data {
  display: table;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .page > .content_data {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
.page > .content_data .placer {
  min-height: 4.5rem;
  padding: 0.5rem;
}
.page > .content_data > .container_placeholder:not(.menu_placeholder) {
  min-height: calc(100vh - var(--menu_heigth));
  margin-top: 0px;
  align-items: flex-start;
  padding-top: 1rem;
  line-height: 2rem;
}
.page > .content_data > .container_placeholder:not(.menu_placeholder) > .spinner {
  top: 1rem;
}
.page > .bubbles_notification_container {
  z-index: 999 !important;
  max-width: 22rem;
  position: fixed;
  top: 5rem;
  right: 0.6rem;
  z-index: 2;
  margin: 0px;
}
.page > .bubbles_notification_container .bubble {
  box-shadow: 3px 2px 5px var(--color_grey_9);
}
@media screen and (max-width: 600px) {
  .page > .bubbles_notification_container {
    max-width: none;
    left: 0.5rem;
    right: 0.5rem;
  }
  .page > .bubbles_notification_container .bubble {
    overflow-wrap: anywhere;
  }
}
/**
* list_body
*
* Included from component_portal.less file
* Shared by section and portal.
*/
.list_body {
  contain: style;
  display: grid;
  height: 100%;
  position: relative;
  background-color: var(--bg_surface);
  border-radius: 0.7rem;
}
@media screen and (max-width: 1024px) {
  .list_body {
    display: block;
  }
}
.list_body > .header_wrapper_list {
  display: contents;
}
.list_body > .content_data {
  display: contents;
}
.list_body > .content_data .no_records {
  grid-column: 1/-1;
  text-align: center;
  text-wrap: unset;
}
.list_body .list_body .column {
  display: flex;
  height: 100%;
  flex: 1;
}
.alt_list_body {
  display: grid;
  width: 100%;
}
.alt_list_body > .header_wrapper_list {
  display: contents;
}
.alt_list_body .alt_list_body .column {
  display: flex !important;
}
.alt_list_body .close_alt_list_body {
  position: absolute;
  right: 0px;
  top: 4px;
}
.wrapper_component.edit > .list_body {
  padding: 1rem;
  padding-top: 0.5rem;
}
.hilite_row {
  background-color: var(--color_grey_7);
  display: block;
  position: absolute;
  z-index: 1;
  box-shadow: 0px 2px 4px 0px var(--color_grey_7);
  pointer-events: none;
}
.column:before {
  display: none;
}
@media screen and (max-width: 1024px) {
  .header_wrapper_list.section {
    display: none;
  }
  .content_data.list.section {
    display: block;
    padding-top: 0.25rem;
  }
  .content_data.list.section .section_record:first-of-type .column:first-of-type {
    margin-top: 0.25rem !important;
  }
  .content_data.list.section > .section_record.list {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }
  .content_data.list.section > .section_record.list > .column {
    font-size: 0.9rem;
    width: 100%;
    padding-bottom: 0;
    padding-top: 0.5rem;
  }
  .content_data.list.section > .section_record.list > .column span {
    padding: unset;
  }
  .content_data.list.section > .section_record.list > .column .ddinfo_value {
    display: contents;
  }
  .content_data.list.section > .section_record.list > .column .section_record {
    display: block;
  }
  .content_data.list.section > .section_record.list > .column:before {
    display: flex;
    align-items: center;
    height: 100%;
    width: 22%;
    background-color: var(--color_grey_14);
    padding: 0.25rem;
    padding-left: 0.5rem;
    word-break: break-word;
    font-size: 0.9rem;
    margin-right: 0.25rem;
    position: relative;
    left: -0.2rem;
    top: -0.5rem;
    height: calc(100% + 0.5rem);
    border-bottom: 1px solid var(--color_grey_13);
  }
  .content_data.list.section > .section_record.list > .column.column_section_id {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 1;
    box-shadow: 0px 4px 2px 0px var(--color_grey_9);
    font-size: 1.5rem;
    overflow: hidden;
    margin-top: 2rem;
    margin-bottom: 0.25rem;
    grid-template-columns: 22% 1fr 1fr;
    display: grid;
  }
  .content_data.list.section > .section_record.list > .column.column_section_id:before {
    font-size: 1.5rem;
    text-transform: uppercase;
    width: auto;
    top: 0rem;
    margin-right: 0rem;
  }
  .content_data.list.section > .section_record.list > .column.column_section_id .button_edit {
    justify-content: flex-start;
  }
  .content_data.list.section > .section_record.list > .column.column_section_id span.section_id {
    font-size: 1.3rem;
  }
  .content_data.list.section > .section_record.list > .column.column_section_id span.icon {
    margin-left: 0.5rem;
  }
  .content_data.list.section > .section_record.list > .column.column_section_id span.remove {
    margin-left: auto;
    margin-right: 0.5rem;
  }
}
.header_wrapper_list .head_column {
  display: flex;
  box-shadow: 0px 1px 0px 0px var(--color_grey_13);
  overflow: hidden;
  color: var(--color_grey_5);
  font-weight: 300;
  padding: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.header_wrapper_list .head_column.empty {
  padding-left: unset;
  padding-right: unset;
  width: 0;
}
.header_wrapper_list .head_column.section_id {
  border-top-left-radius: 5px;
  text-align: right;
}
.header_wrapper_list .head_column.section_id > .name {
  margin-right: 0.25rem;
}
.header_wrapper_list .head_column:last-of-type {
  border-right: 0px;
  border-top-right-radius: 5px;
}
.header_wrapper_list .head_column.with_sub_header {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.header_wrapper_list .head_column.with_sub_header > span {
  opacity: 0.7;
  margin-bottom: 0.15rem;
}
.header_wrapper_list .head_column.id {
  text-align: right;
  padding-right: 0.75em !important;
  margin: 0.5rem;
}
.wrapper_component .header_wrapper_list .head_column {
  outline: 1px solid var(--color_grey_14);
}
.header_wrapper_list .head_column .sub_header {
  display: grid;
}
.header_wrapper_list .head_column .sub_header > .head_column {
  padding: 0px;
  height: 100%;
  flex: 1;
}
.header_wrapper_list .head_column .sub_header > .head_column:last-of-type {
  border-right: 0px;
}
.header_wrapper_list .head_column > .name,
.header_wrapper_list .head_column > .order {
  display: block;
  padding: 0px;
  margin: 0.33rem;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.header_wrapper_list .head_column > .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  margin-right: 0.1rem;
  margin-left: 0px;
  font-size: 0.95rem;
  line-height: 1.15rem;
}
.header_wrapper_list .head_column > .order {
  width: 13px;
  height: 15px;
  margin-left: 0px;
  vertical-align: text-bottom;
  cursor: pointer;
  background-image: url('../../themes/default/icons/sort_all.svg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.6;
}
.header_wrapper_list .head_column > .order:hover {
  opacity: 1;
}
.header_wrapper_list .head_column > .order:active {
  opacity: 0.5;
}
.header_wrapper_list .head_column > .order.asc {
  opacity: 0.8;
  background-image: url('../../themes/default/icons/sort_asc.svg');
}
.header_wrapper_list .head_column > .order.desc {
  opacity: 0.8;
  background-image: url('../../themes/default/icons/sort_asc.svg');
  transform: rotate(180deg);
}
.column {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  height: auto;
  padding: 0.2rem;
  padding-bottom: 0.11rem;
  box-shadow: 0px 1px 0px 0px var(--color_grey_13);
}
.column.column_ddinfo span {
  padding: 0.25rem;
  display: inline-block;
  word-break: break-word;
}
@media screen and (max-width: 1024px) {
  .column.column_ddinfo span {
    padding-left: 0.3rem;
  }
}
.column.empty {
  padding: 0px;
  width: 0px;
}
.column::empty {
  padding: 0px;
  width: 0px;
}
.mini .column {
  outline: none;
}
.mini .column img {
  height: 3rem;
}
.column svg {
  height: 0.9rem;
}
.column > .media,
.column > .portal,
.column > .edit_button {
  margin: 0px;
}
.column > .portal.view_text {
  padding: 0.12rem;
}
.column div.wrapper_component {
  display: inline-block;
  flex: 1 1;
  padding: 0px;
  margin: 0px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .column div.wrapper_component {
    padding: 0.25rem;
    overflow: hidden;
  }
}
.column div.wrapper_component span {
  padding: 0.12rem;
  display: inline-block;
  word-break: break-word;
}
@media screen and (max-width: 1024px) {
  .column div.wrapper_component span {
    padding-left: 0.3rem;
  }
}
.column div.wrapper_component .list.view_text {
  margin: 0px;
  padding: 0.12rem;
}
.column .section_record.view_text {
  padding: 0px;
}
.column:has(.list_body) .column {
  box-shadow: none;
  padding: 0px;
}
.autocomplete_data .column {
  box-shadow: none;
}
.wrapper_component.view_line > .content_data > .section_record > .column {
  outline: none;
  box-shadow: none;
  height: 1.2rem;
  margin-bottom: 1px;
}
.wrapper_component.view_line > .content_data > .section_record > .column > button {
  padding: 1px;
  padding-right: 0px;
  padding-left: 0px;
  height: 1rem;
  margin-right: 0.5rem;
}
.wrapper_component.view_line > .content_data > .section_record > .column > button > .icon {
  height: 1rem;
  width: 1rem;
  margin: 0px;
}
.id_column {
  overflow: visible;
  min-width: 4.5em;
}
.id_column > .edit_line {
  background-color: var(--color_grey_16);
  flex: 1 1 100%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  min-height: 1.2em;
  padding: 0.5em;
}
.id_column > .edit_line > span {
  display: inline-block;
  font-size: 1.1em;
  padding: 0px;
  margin-top: 0px;
  margin-left: 0.25em;
  white-space: nowrap;
}
.id_column > .delete_line {
  margin-top: 0.5em;
}
.id_column > .delete_line > span {
  display: inline-block;
  font-size: 1.22em;
}
.view_thesaurus_list .column.column_section_id > .section_id {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: var(--section_id_font_size);
  padding: 0.25rem 0.5rem;
  padding-right: calc(1em + 1rem + 3px);
}
.column.column_section_id {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 1px;
  min-height: 1.8rem;
}
.column.column_section_id > .button_edit,
.column.column_section_id > .button_delete,
.column.column_section_id > .link_button {
  display: flex;
  width: 100%;
  margin: 0px;
  padding: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  border-radius: 0px;
  justify-content: flex-end;
  text-decoration: none;
  color: var(--color_grey_3);
}
.column.column_section_id > .button_edit.link_button,
.column.column_section_id > .button_delete.link_button,
.column.column_section_id > .link_button.link_button {
  font-size: 1.25rem;
  height: 3rem;
  height: 100%;
}
.column.column_section_id > .button_edit.button_delete,
.column.column_section_id > .button_delete.button_delete,
.column.column_section_id > .link_button.button_delete {
  padding-right: 0.63rem;
}
.column.column_section_id > .button_edit:hover,
.column.column_section_id > .button_delete:hover,
.column.column_section_id > .link_button:hover {
  z-index: 99999;
  background-color: var(--color_orange_dedalo);
}
.column.column_section_id > .button_edit:hover.button_edit,
.column.column_section_id > .button_delete:hover.button_edit,
.column.column_section_id > .link_button:hover.button_edit {
  background-color: var(--color_green_success);
}
.column.column_section_id > .button_edit:hover.button_delete,
.column.column_section_id > .button_delete:hover.button_delete,
.column.column_section_id > .link_button:hover.button_delete {
  background-color: var(--color_danger);
}
.column.column_section_id > .button_edit:hover > .section_id,
.column.column_section_id > .button_delete:hover > .section_id,
.column.column_section_id > .link_button:hover > .section_id {
  color: var(--color_white);
}
.column.column_section_id > .button_edit:hover > .icon,
.column.column_section_id > .button_delete:hover > .icon,
.column.column_section_id > .link_button:hover > .icon {
  background-color: var(--color_white);
}
.column.column_section_id > .button_edit.disable,
.column.column_section_id > .button_delete.disable,
.column.column_section_id > .link_button.disable {
  cursor: default;
}
.column.column_section_id > .button_edit.disable:hover,
.column.column_section_id > .button_delete.disable:hover,
.column.column_section_id > .link_button.disable:hover {
  background-color: initial;
}
.column.column_section_id > .button_edit.disable:hover > .section_id,
.column.column_section_id > .button_delete.disable:hover > .section_id,
.column.column_section_id > .link_button.disable:hover > .section_id {
  color: initial;
}
.column.column_section_id > .button_edit > .section_id,
.column.column_section_id > .button_delete > .section_id,
.column.column_section_id > .link_button > .section_id {
  padding-right: 3px;
  padding-left: 2px;
  pointer-events: none;
  font-size: var(--section_id_font_size);
  height: 1.4rem;
  line-height: 1.4rem;
}
.column.column_section_id > .button_edit > .section_id.small,
.column.column_section_id > .button_delete > .section_id.small,
.column.column_section_id > .link_button > .section_id.small {
  font-size: 1rem;
}
.column.column_section_id > .button_edit > .icon,
.column.column_section_id > .button_delete > .icon,
.column.column_section_id > .link_button > .icon {
  height: 1.4rem;
  width: 1.3rem;
  margin-right: -2px;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}
.column.column_section_id:has(> .section_id_container.time_machine) {
  background-color: var(--color_php);
  color: var(--color_white);
}
.column.column_section_id:has(> .section_id_container.activity) {
  background-color: var(--color_green_success);
  color: var(--fg_inverse);
}
.column.column_section_id > .section_id_container {
  padding: 0.12rem;
  padding-top: 0.04rem;
  text-align: right;
  width: 100%;
}
.column.column_section_id > .section_id_container > .section_id {
  position: relative;
  font-size: 1.02rem;
}
.column.column_remove {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-color: var(--color_grey_15);
  padding: 0px;
}
.column.column_remove > button.button_remove {
  display: flex;
  width: 100%;
  margin: 0px;
  padding: 0.5em;
  padding-bottom: 1rem;
  border-radius: 0px;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .column.column_remove > button.button_remove {
    justify-content: flex-start;
  }
}
.column.column_remove > button.button_remove > .icon {
  height: 1.4rem;
  width: 1.3rem;
  pointer-events: none;
}
.column.column_remove > button.button_remove:hover {
  z-index: 99999;
  background-color: var(--color_danger);
}
.column.column_remove > button.button_remove:hover > .icon {
  background-color: var(--color_white);
}
/**
* ontology_server
*
* Ontology MASTER server skin. Applied when the install is an ontology master
* (IS_AN_ONTOLOGY_SERVER=true): the server emits page_globals.is_ontology_server
* (WC-031) and page.js set_custom_css() adds `body.is_ontology_server`.
*
* Purpose: make this installation unmistakable at a glance so admins working
* with many installations at once don't confuse it with a regular one. The
* signal reuses the app's existing ontology colour (--color_green_ontology,
* #276f67) so it reads as "ontology", not as an error/warning. Works in both
* light and dark themes (the teal carries white text on both).
*
* Markers: the teal menu bar + a thin top stripe (position:fixed pseudo-element,
* pointer-events:none, no extra DOM). Included from main.less.
*/
body.is_ontology_server {
  --ontology_server_bg: var(--color_green_ontology);
  --ontology_server_fg: #ffffff;
}
body.is_ontology_server:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--ontology_server_bg);
  background-image: linear-gradient(90deg, var(--ontology_server_bg), var(--color_green_ontology_hover) 50%, var(--ontology_server_bg));
  z-index: 10000;
  pointer-events: none;
}
body.is_ontology_server .menu > .content_data {
  background-color: var(--ontology_server_bg);
}
/**
* floating_dock
*
* The ONE bottom-right corner where global floating buttons live. Its tenants
* today: the job tray (core/page/js/job_tray.js) and the media fullscreen viewers' download disc
* (component_image / component_av viewer popups append it to the dock).
*
* Why a dock instead of per-button inline coordinates: that corner is
* CONTESTED. The right rail is fixed to the very same spot — `.inspector_container`
* in edit mode (section.less) and `.assistant_container.standalone` in list mode —
* and the assistant composer (input + send/stop) sits exactly under a
* `bottom:1rem` button, so the error-report launcher (a tenant until 2026-09-22,
* now a right-edge tab at a CONSTANT position, above this column —
* error_report_tab.less) covered it.
*
* So the dock reads its offset from --floating_dock_right / --floating_dock_bottom,
* and whoever OWNS the corner overrides them (the "corner claims" block at the
* end of this file). Since the claim is a calc() over --inspector_width, the dock
* follows the user's live panel resize AND the rail collapse for free: no JS, no
* resize listeners, nothing to keep in sync.
*
* Adding a floating button: give it .floating_dock_button and append it to
* #floating_dock — the column stacks upwards from the corner. Never position a
* global button with its own fixed coordinates, or this bug comes back. (The
* media viewers' download disc used to hand-roll `right:10px; bottom:10px` and
* landed under the launcher disc — it is a tenant now.)
*
* Included from main.less file
*/
:root {
  --floating_dock_right: 1rem;
  --floating_dock_bottom: 1rem;
}
#floating_dock {
  position: fixed;
  right: var(--floating_dock_right);
  bottom: var(--floating_dock_bottom);
  z-index: 2000;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.5rem;
  transition: right var(--transition-base), bottom var(--transition-base);
  pointer-events: none;
}
#floating_dock > * {
  pointer-events: auto;
}
.floating_dock_button {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.85;
  box-shadow: var(--shadow-3);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}
.floating_dock_button:hover,
.floating_dock_button:focus-visible {
  opacity: 1;
  transform: scale(1.06);
}
.floating_dock_button:focus-visible {
  outline: none;
  box-shadow: var(--shadow-3), var(--shadow-focus);
}
.floating_dock_button > .floating_dock_button_icon {
  width: 1.3rem;
  height: 1.3rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: brightness(0) invert(1);
}
.floating_dock_button.download {
  padding: unset;
  border: unset;
}
.floating_dock_button.download:before {
  width: 1.2rem;
  height: 1.2rem;
  margin: unset;
}
body:has(.assistant_container.standalone.show) {
  --floating_dock_right: calc(var(--inspector_width, 19rem) + 1.5rem);
}
@media screen and (min-width: 1025px) {
  body:has(:not(.full_width) > .inspector_container) {
    --floating_dock_right: calc(var(--inspector_width, 19rem) + 1.5rem);
  }
}
/**
* error_report_tab
*
* The global error-report launcher: a LATERAL TAB on the right edge, not a
* floating disc. Rationale (2026-09-22): the tool is used very rarely, so the
* launcher must be reachable from every page — menu-less ones included — while
* claiming almost no screen and overlapping nothing. A tab flush to the edge,
* vertically centred, is ~14px of page width at rest; the bottom-right corner it
* used to occupy is contested by the inspector rail, the assistant composer and
* the dock column (floating_dock.less).
*
* ONE CONSTANT POSITION, in every mode (2026-09-22): glued to the right edge,
* low on the window. It does NOT dodge the right rail the way #floating_dock
* does — a launcher an operator reaches for once a month must be in the SAME
* place in list, edit, thesaurus and menu-less pages, and a 12px sliver over the
* rail's outer border costs nothing, where a launcher that jumps 19rem sideways
* when the inspector opens costs the habit. It sits above the dock column, so
* the two right-corner surfaces never touch.
*
* ALERTED (.alerted, set by the launcher on the page-wide error signal —
* ERROR_SIGNAL, declared in common/js/error_dispatch.js): the tab UNFOLDS,
* icon out, in the tool's full
* purple, and pulses a few times to catch the eye of a user who is looking at
* the toast that just appeared. The launcher folds it again on the first hover
* or focus (the cue has been seen, and an unfolded tab overlaps the inspector
* rail's scrollbar gutter — a cue the user cannot dismiss is a click trap).
* prefers-reduced-motion gets the unfolding without the pulse.
*
* GEOMETRY LIVES HERE, never in JS (client_floating_dock.test.ts gate).
*
* Installed by core/common/js/error_report_launcher.js.
*
* Included from main.less file
*/
.error_report_edge_tab {
  position: fixed;
  right: 0;
  bottom: 3.5rem;
  z-index: 1999;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  width: 0.9rem;
  height: 4.5rem;
  padding: 0 0.15rem;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
  border-radius: var(--radius-2, 4px) 0 0 var(--radius-2, 4px);
  background-color: var(--error_tab_bg);
  box-shadow: var(--shadow-1);
  cursor: pointer;
  opacity: 0.55;
  transition: width var(--transition-fast), opacity var(--transition-fast), background-color var(--transition-fast);
}
.error_report_edge_tab > .error_report_tab_icon {
  width: 0.95rem;
  height: 0.95rem;
  flex: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  filter: brightness(0) invert(1);
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.error_report_edge_tab:hover,
.error_report_edge_tab:focus-visible {
  width: 1.7rem;
  opacity: 1;
  background-color: var(--error_tab_bg_active);
}
.error_report_edge_tab:hover > .error_report_tab_icon,
.error_report_edge_tab:focus-visible > .error_report_tab_icon {
  opacity: 1;
}
.error_report_edge_tab:focus-visible {
  outline: none;
  box-shadow: var(--shadow-1), var(--shadow-focus);
}
.error_report_edge_tab.alerted {
  width: 1.7rem;
  opacity: 1;
  background-color: var(--error_tab_bg_active);
  box-shadow: var(--shadow-2);
  animation: error_report_tab_pulse 1.1s ease-in-out 3;
}
.error_report_edge_tab.alerted > .error_report_tab_icon {
  opacity: 1;
}
@keyframes error_report_tab_pulse {
  0%,
  100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-0.35rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .error_report_edge_tab.alerted {
    animation: none;
  }
}
@media screen and (max-width: 600px) {
  .error_report_edge_tab {
    bottom: 45vh;
    width: 44px;
    padding: 0 0 0 calc(44px - 0.9rem);
    background-clip: content-box;
    box-shadow: none;
    border-radius: 0;
  }
  .error_report_edge_tab:hover,
  .error_report_edge_tab:focus-visible,
  .error_report_edge_tab.alerted {
    width: 44px;
    padding-left: calc(44px - 1.7rem);
    box-shadow: none;
  }
}
/**
* job_tray
*
* The user's own background work (transcodes, imports, publications), shown in
* the one global corner. A TENANT of #floating_dock — it sets no coordinates of
* its own, because that corner is contested and the dock already solves it
* (see floating_dock.less).
*
* States are carried as .state_* on the row rather than inline colours, so a
* failed job stays legible in both themes and reads as a state, not as decoration.
*
* Included from main.less file
*/
.job_tray {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
  font-size: 0.8rem;
}
.job_tray.hidden {
  display: none;
}
.job_tray > .job_tray_toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  min-width: 2.4rem;
  height: 2.4rem;
  padding: 0 0.7rem;
  border: none;
  border-radius: 1.2rem;
  cursor: pointer;
  color: var(--fg_inverse);
  background-color: var(--bg_fill_inverse);
  box-shadow: var(--shadow-3);
  transition: background-color var(--transition-fast), transform var(--transition-fast);
}
.job_tray > .job_tray_toggle:hover,
.job_tray > .job_tray_toggle:focus-visible {
  transform: scale(1.04);
}
.job_tray > .job_tray_toggle:focus-visible {
  outline: none;
  box-shadow: var(--shadow-3), var(--shadow-focus);
}
.job_tray.has_live > .job_tray_toggle {
  background-color: var(--color_info, #3f6f9f);
}
.job_tray > .job_tray_list {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  max-width: 22rem;
  max-height: 50vh;
  overflow-y: auto;
  padding: 0.5rem;
  border-radius: 0.4rem;
  background-color: var(--bg_surface, var(--color_white));
  color: var(--fg_default, var(--color_grey_9));
  box-shadow: var(--shadow-3);
}
.job_tray > .job_tray_list.hidden {
  display: none;
}
.job_tray .job_tray_row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  grid-template-areas: 'label elapsed action' 'track track  track';
  gap: 0.2rem 0.5rem;
  align-items: center;
  padding: 0.35rem 0.4rem;
  border-radius: 0.25rem;
  border-left: 3px solid transparent;
}
.job_tray .job_tray_row.source_diffusion {
  border-left-color: var(--color_grey_5);
}
.job_tray .job_tray_row.source_media {
  border-left-color: var(--color_grey_6);
}
.job_tray .job_tray_row.state_running,
.job_tray .job_tray_row.state_queued {
  border-left-color: var(--color_info, #3f6f9f);
}
.job_tray .job_tray_row.state_done {
  border-left-color: var(--color_success, #4a8a4a);
  opacity: 0.7;
}
.job_tray .job_tray_row.state_error {
  border-left-color: var(--color_danger);
}
.job_tray .job_tray_row.state_interrupted {
  border-left-color: var(--color_warning, #b98b3a);
}
.job_tray .job_tray_row.state_cancelled {
  border-left-color: var(--color_grey_5);
  opacity: 0.7;
}
.job_tray .job_tray_label {
  grid-area: label;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job_tray .job_tray_label.linked {
  cursor: pointer;
  text-decoration: underline dotted;
}
.job_tray .job_tray_elapsed {
  grid-area: elapsed;
  color: var(--color_grey_6);
  font-variant-numeric: tabular-nums;
}
.job_tray .job_tray_track {
  grid-area: track;
  position: relative;
  height: 3px;
  border-radius: 2px;
  background-color: var(--color_grey_3);
  overflow: hidden;
}
.job_tray .job_tray_track > .job_tray_fill {
  display: block;
  height: 100%;
  width: 0;
  background-color: var(--color_info, #3f6f9f);
  transition: width 0.3s linear;
}
.job_tray .job_tray_track.indeterminate > .job_tray_fill {
  animation: job_tray_sweep 1.4s ease-in-out infinite;
  transition: none;
}
@keyframes job_tray_sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.job_tray .job_tray_action {
  grid-area: action;
  justify-self: end;
  width: 1.2rem;
  height: 1.2rem;
  padding: 0;
  border: none;
  border-radius: 0.2rem;
  background: transparent;
  color: var(--color_grey_6);
  cursor: pointer;
  line-height: 1;
}
.job_tray .job_tray_action:hover:not(:disabled) {
  color: var(--fg_default, var(--color_grey_9));
}
.job_tray .job_tray_action:disabled {
  opacity: 0.4;
  cursor: default;
}
.job_tray .job_tray_action.hidden {
  visibility: hidden;
}
/**
* request_activity
*
* The ONE slow-server cue (core/page/js/request_activity_indicator.js): a state,
* not a bubble. idle = invisible; slow = a thin indeterminate bar along the top
* edge; very_slow = the bar plus one centred sentence. It eats no clicks.
*
* (!) Never display:none on the node or its text. The text is a role=status live
* region: it must already be in the accessibility tree, EMPTY, when the sentence
* is written into it, or screen readers skip the announcement. So idle hides only
* the bar, and the text is visually clipped (sr-only) until very_slow.
*
* Included from main.less file
*/
#request_activity {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2001;
  pointer-events: none;
}
#request_activity.idle > .request_activity_bar {
  visibility: hidden;
}
#request_activity.idle > .request_activity_bar::after {
  animation: none;
}
#request_activity > .request_activity_bar {
  height: 3px;
  overflow: hidden;
  position: relative;
}
#request_activity > .request_activity_bar::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30%;
  background-color: var(--color_orange_dedalo);
  animation: request_activity_slide 1.4s ease-in-out infinite;
}
#request_activity > .request_activity_text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
#request_activity.very_slow > .request_activity_text {
  position: static;
  height: auto;
  overflow: visible;
  clip-path: none;
  white-space: normal;
  width: fit-content;
  max-width: calc(100% - 2rem);
  margin: 0.4rem auto 0;
  padding: 0.3rem 0.8rem;
  font-size: 0.8rem;
  color: var(--fg_default);
  background-color: var(--bg_elevated);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-2);
}
@keyframes request_activity_slide {
  from {
    left: -30%;
  }
  to {
    left: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  #request_activity > .request_activity_bar::after {
    animation: none;
    left: 0;
    width: 100%;
    opacity: 0.6;
  }
}
/**
* installer
*
* Installer wizard UI, aligned with the unit-test client's "dev-dashboard / IDE"
* look. Theme-aware: light is the default, dark is opt-in via `data-theme="dark"`
* on <html> (core/page/js/theme.js convention, key 'dedalo_theme'). All colours come
* from the shared --ut_* token palette (core/page/css/layout/vars_tokens.less for
* light, layout/theme_dark.less for dark), so the installer follows the same theme
* as the rest of v7 automatically.
*
* Included from main.less, which imports those two plus layout/theme_tokens (the
* @font_ / @size_ LESS vars) before this file, so both are in scope here.
*/
.installer.wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: var(--ut_bg_app);
  color: var(--ut_text_primary);
  font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.installer.wrapper::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(900px 600px at 88% -8%, var(--ut_accent_soft), transparent 60%), radial-gradient(700px 500px at -6% 108%, var(--ut_green_soft), transparent 60%), radial-gradient(circle, var(--ut_grid_dot) 1px, transparent 1.4px);
  background-size: auto, auto, 22px 22px;
}
.installer.wrapper::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: soft-light;
  opacity: var(--ut_grain);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.installer.wrapper .installer_header {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 1.5rem 0 0.5rem;
  margin-bottom: 1rem;
}
.installer.wrapper .installer_header .installer_mark {
  width: 2.6rem;
  height: 2.6rem;
  flex-shrink: 0;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: linear-gradient(140deg, var(--ut_accent_hi), var(--ut_accent));
  box-shadow: 0 2px 12px -2px var(--ut_accent_soft), inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}
.installer.wrapper .installer_header .installer_logo {
  width: 1.5rem;
  height: 1.5rem;
  filter: brightness(0) invert(1);
}
.installer.wrapper .installer_header .installer_brand {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.installer.wrapper .installer_header .installer_title {
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--ut_text_primary);
  letter-spacing: 0.01em;
  line-height: 1.2;
}
.installer.wrapper .installer_header .installer_subtitle {
  font-size: 0.85rem;
  color: var(--ut_text_muted);
  font-weight: 400;
}
.installer.wrapper .installer_header .installer_version {
  margin-left: auto;
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.75rem;
  color: var(--ut_text_dim);
  font-weight: 500;
  white-space: nowrap;
}
.installer.wrapper .installer_header .installer_theme_toggle {
  margin: 0;
  padding: 0;
  width: 2.25rem;
  height: 2.25rem;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  border: 1px solid var(--ut_border);
  background: var(--ut_bg_elevated);
  color: var(--ut_text_secondary);
  box-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  cursor: pointer;
  transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}
.installer.wrapper .installer_header .installer_theme_toggle:hover {
  background: var(--ut_bg_hover);
  color: var(--ut_text_primary);
  border-color: var(--ut_border_strong);
  transform: none;
  box-shadow: none;
}
.installer.wrapper .installer_header .installer_theme_toggle:active {
  transform: translateY(1px);
}
.installer.wrapper .installer_header .installer_theme_toggle .theme_icon {
  display: block;
  width: 1rem;
  height: 1rem;
}
.installer.wrapper .step_indicator {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 2rem;
  padding: 0 0.5rem;
}
.installer.wrapper .step_indicator .step_dot {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--ut_text_muted);
  background: var(--ut_bg_elevated);
  border: 1px solid var(--ut_border);
  transition: all 0.4s ease;
  flex-shrink: 0;
  position: relative;
}
.installer.wrapper .step_indicator .step_dot.active {
  color: var(--ut_on_accent);
  background: var(--ut_accent);
  border-color: var(--ut_accent);
  box-shadow: 0 0 0 4px var(--ut_accent_soft);
}
.installer.wrapper .step_indicator .step_dot.completed {
  color: var(--ut_on_green);
  background: var(--ut_green);
  border-color: var(--ut_green);
}
.installer.wrapper .step_indicator .step_line {
  flex: 1;
  height: 2px;
  background: var(--ut_border);
  transition: background 0.4s ease;
}
.installer.wrapper .step_indicator .step_line.completed {
  background: var(--ut_green);
}
.installer.wrapper > .content_data {
  position: relative;
  z-index: 1;
  max-width: 56rem;
  margin: 0 auto;
  padding: 2rem 2.5rem 6rem;
  line-height: 1.55rem;
}
.installer.wrapper section {
  background: var(--ut_bg_panel);
  border: 1px solid var(--ut_border);
  border-radius: 12px;
  padding: 1.5rem 1.75rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  scroll-margin-top: 1.5rem;
  box-shadow: var(--ut_shadow);
  transition: border-color 0.2s ease;
}
.installer.wrapper section:hover {
  border-color: var(--ut_border_strong);
}
.installer.wrapper section h1 {
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--ut_text_primary);
  margin: 0 0 1rem 0;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--ut_border);
  display: flex;
  align-items: center;
  gap: 0.5rem;
  letter-spacing: 0.01em;
}
.installer.wrapper section h1 .section_icon {
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.6;
}
.installer.wrapper section .content {
  color: var(--ut_text_secondary);
}
.installer.wrapper section .content .description {
  padding: 0.5rem;
}
.installer.wrapper .msg {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.85rem;
  border-radius: 9px;
  font-size: 0.88rem;
  line-height: 1.4;
  margin-top: 0.75rem;
  position: relative;
}
.installer.wrapper .msg.ok {
  background: var(--ut_green_soft);
  border: 1px solid var(--ut_green_soft);
  color: var(--ut_green);
}
.installer.wrapper .msg.error {
  background: var(--ut_red_soft);
  border: 1px solid var(--ut_red_soft);
  color: var(--ut_red);
}
.installer.wrapper .msg.warning {
  background: var(--ut_run_soft);
  border: 1px solid var(--ut_run_soft);
  color: var(--ut_run);
}
.installer.wrapper .msg.loading {
  background: var(--ut_bg_hover);
  border: 1px solid var(--ut_border);
  color: var(--ut_text_secondary);
}
.installer.wrapper .button_common_mixin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding: 0.65rem 1.4rem;
  font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  transition: filter 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
  color: var(--ut_on_accent);
  background: linear-gradient(180deg, var(--ut_accent_hi), var(--ut_accent));
  box-shadow: 0 2px 12px -3px var(--ut_accent_soft), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.installer.wrapper .button_common_mixin:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.installer.wrapper .button_common_mixin:active {
  transform: translateY(0);
  filter: brightness(0.98);
}
.installer.wrapper .button_common_mixin.loading {
  opacity: 0.75;
  pointer-events: none;
}
.installer.wrapper .button_common_mixin.loading::after {
  content: "";
  width: 0.95em;
  height: 0.95em;
  margin-left: 0.15rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: installer-spin 0.7s linear infinite;
}
.installer.wrapper .button_common_mixin.success {
  color: var(--ut_on_green);
  background: var(--ut_green);
  box-shadow: 0 2px 12px -3px var(--ut_green_glow);
}
.installer.wrapper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding: 0.65rem 1.4rem;
  font-family: -apple-system, 'SF Pro Text', 'Helvetica Neue', system-ui, sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  border: 1px solid transparent;
  border-radius: 9px;
  cursor: pointer;
  transition: filter 0.14s ease, transform 0.14s ease, box-shadow 0.14s ease;
  color: var(--ut_on_accent);
  background: linear-gradient(180deg, var(--ut_accent_hi), var(--ut_accent));
  box-shadow: 0 2px 12px -3px var(--ut_accent_soft), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}
.installer.wrapper button:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.installer.wrapper button:active {
  transform: translateY(0);
  filter: brightness(0.98);
}
.installer.wrapper button.loading {
  opacity: 0.75;
  pointer-events: none;
}
.installer.wrapper button.loading::after {
  content: "";
  width: 0.95em;
  height: 0.95em;
  margin-left: 0.15rem;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: installer-spin 0.7s linear infinite;
}
.installer.wrapper button.success {
  color: var(--ut_on_green);
  background: var(--ut_green);
  box-shadow: 0 2px 12px -3px var(--ut_green_glow);
}
.installer.wrapper .help_block .description {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-bottom: 0.5rem;
}
.installer.wrapper .help_block .description > .icon {
  height: 1.1em;
  vertical-align: text-top;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  opacity: 0.7;
}
.installer.wrapper .help_block .description > .link {
  color: var(--ut_accent);
  text-decoration: none;
  transition: color 0.2s;
}
.installer.wrapper .help_block .description > .link:hover {
  filter: brightness(1.1);
  text-decoration: underline;
}
.installer.wrapper .init_test_block .diagnostics_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
  gap: 0.75rem;
  margin-top: 0.75rem;
}
.installer.wrapper .init_test_block .diagnostic_card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--ut_bg_elevated);
  border: 1px solid var(--ut_border);
  border-radius: 9px;
  transition: border-color 0.2s, background 0.2s;
}
.installer.wrapper .init_test_block .diagnostic_card:hover {
  border-color: var(--ut_border_strong);
  background: var(--ut_bg_hover);
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_icon {
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 700;
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_icon.pass {
  background: var(--ut_green_soft);
  color: var(--ut_green);
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_icon.fail {
  background: var(--ut_red_soft);
  color: var(--ut_red);
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_icon.warn {
  background: var(--ut_run_soft);
  color: var(--ut_run);
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_icon.info {
  background: rgba(56, 139, 253, 0.15);
  color: var(--ut_blue_ink, #12539e);
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_info {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_info .diagnostic_label {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--ut_text_muted);
  font-weight: 600;
}
.installer.wrapper .init_test_block .diagnostic_card .diagnostic_info .diagnostic_value {
  font-size: 0.88rem;
  color: var(--ut_text_primary);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.installer.wrapper .init_test_block .init_test_summary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1.15rem;
  border-radius: 9px;
  margin-top: 1rem;
  font-weight: 600;
}
.installer.wrapper .init_test_block .init_test_summary.pass {
  background: var(--ut_green_soft);
  border: 1px solid var(--ut_green_soft);
  color: var(--ut_green);
}
.installer.wrapper .init_test_block .init_test_summary.fail {
  background: var(--ut_red_soft);
  border: 1px solid var(--ut_red_soft);
  color: var(--ut_red);
}
.installer.wrapper .init_test_block .init_test_summary.warn {
  background: var(--ut_run_soft);
  border: 1px solid var(--ut_run_soft);
  color: var(--ut_run);
}
.installer.wrapper .init_test_block .init_test_summary .summary_icon {
  font-size: 1.2rem;
}
.installer.wrapper .config_block .container_errors {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.installer.wrapper .config_block .key {
  color: var(--ut_text_muted);
  padding-right: 0.25rem;
  font-size: 0.85rem;
}
.installer.wrapper .config_block .key:after {
  content: ' : ';
}
.installer.wrapper .config_block .value {
  padding-right: 3rem;
  font-weight: 600;
  color: var(--ut_text_primary);
}
.installer.wrapper .installer_db_block .db_config_container {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0;
  padding: 0.75rem;
  background: var(--ut_bg_elevated);
  border-radius: 9px;
  border: 1px solid var(--ut_border);
}
.installer.wrapper .installer_db_block .db_config_container .key {
  color: var(--ut_text_muted);
  padding-right: 0.25rem;
  text-transform: uppercase;
  font-size: 0.8rem;
}
.installer.wrapper .installer_db_block .db_config_container .key:after {
  content: ' : ';
}
.installer.wrapper .installer_db_block .db_config_container .value {
  padding-right: 2rem;
  font-weight: 600;
  font-size: 0.88rem;
  color: var(--ut_text_primary);
}
.installer.wrapper .set_root_password_block .description {
  margin-bottom: 0.75rem;
  font-size: 0.88rem;
  line-height: 1.5;
}
.installer.wrapper .set_root_password_block .password_value {
  width: 22rem;
  margin-left: 0.5rem;
  margin-right: 1rem;
  height: 2.5rem;
  display: inline-block;
  background: var(--ut_bg_input);
  border: 1px solid var(--ut_border);
  border-radius: 9px;
  color: var(--ut_text_primary);
  padding: 0 0.75rem;
  font-size: 0.9rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.installer.wrapper .set_root_password_block .password_value:focus {
  outline: none;
  border-color: var(--ut_accent);
  box-shadow: 0 0 0 3px var(--ut_accent_soft);
}
.installer.wrapper .set_root_password_block .valid {
  border-color: var(--ut_green) !important;
  box-shadow: 0 0 0 3px var(--ut_green_soft);
}
.installer.wrapper .set_root_password_block .invalid {
  border-color: var(--ut_red) !important;
  box-shadow: 0 0 0 3px var(--ut_red_soft);
}
.installer.wrapper .set_root_password_block .password_show_label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  color: var(--ut_text_muted);
  font-size: 0.82rem;
  transition: color 0.2s;
}
.installer.wrapper .set_root_password_block .password_show_label:hover {
  color: var(--ut_text_primary);
}
.installer.wrapper .set_root_password_block .password_show_label > .password_show {
  vertical-align: text-top;
  margin-right: 0.2rem;
  height: 1rem;
  accent-color: var(--ut_accent);
}
.installer.wrapper .hierarchies_import_block .typology_label {
  font-size: 1rem;
  text-align: center;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--ut_border);
  color: var(--ut_text_muted);
  font-weight: 600;
  letter-spacing: 0.04em;
}
.installer.wrapper .hierarchies_import_block .hierarchy_ul {
  padding: 0.75em;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  gap: 0.25rem;
  list-style: none;
  margin: 0;
}
.installer.wrapper .hierarchies_import_block .hierarchy_label {
  cursor: pointer;
  line-height: 1.5rem;
  width: 94%;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.5rem;
  border-radius: 7px;
  margin-bottom: 2px;
  color: var(--ut_text_secondary);
  font-size: 0.85rem;
  transition: background 0.2s, color 0.2s;
}
.installer.wrapper .hierarchies_import_block .hierarchy_label:hover {
  background: var(--ut_bg_hover);
  color: var(--ut_text_primary);
}
.installer.wrapper .hierarchies_import_block .hierarchy_label > .hierarchy_checkbox {
  margin-right: 0.25rem;
  vertical-align: text-bottom;
  line-height: 1rem;
  height: 1.1rem;
  accent-color: var(--ut_accent);
}
.installer.wrapper .hierarchies_import_block .hierarchy_label .active_hierarchy {
  color: var(--ut_green);
  font-size: 0.75rem;
  font-weight: 600;
}
.installer.wrapper .installer_finish_block {
  margin-bottom: 3rem;
  text-align: center;
}
.installer.wrapper .installer_finish_block .description.msg.ok {
  font-size: 1.1rem;
  padding: 1.25rem;
  justify-content: center;
}
.installer.wrapper .installer_field {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  margin: 0.65rem 0;
}
.installer.wrapper .installer_field .installer_field_label {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--ut_text_muted);
  font-weight: 600;
}
.installer.wrapper .installer_field .installer_field_input {
  height: 2.4rem;
  max-width: 28rem;
  background: var(--ut_bg_input);
  border: 1px solid var(--ut_border);
  border-radius: 9px;
  color: var(--ut_text_primary);
  padding: 0 0.75rem;
  font-size: 0.9rem;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.installer.wrapper .installer_field .installer_field_input:focus {
  outline: none;
  border-color: var(--ut_accent);
  box-shadow: 0 0 0 3px var(--ut_accent_soft);
}
.installer.wrapper .installer_field .installer_field_input.invalid {
  border-color: var(--ut_red) !important;
  box-shadow: 0 0 0 3px var(--ut_red_soft);
}
.installer.wrapper .installer_field .installer_field_input.valid {
  border-color: var(--ut_green) !important;
  box-shadow: 0 0 0 3px var(--ut_green_soft);
}
.installer.wrapper .installer_field select.installer_field_input {
  opacity: 1;
  background-image: var(--select_icon_url);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 0.8rem;
  padding-right: 2.25rem;
}
.installer.wrapper .installer_field .installer_langs_checks {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
  gap: 0.4rem 0.75rem;
  max-width: 28rem;
  padding: 0.7rem 0.85rem;
  background: var(--ut_bg_input);
  border: 1px solid var(--ut_border);
  border-radius: 9px;
}
.installer.wrapper .installer_field .installer_langs_checks .installer_lang_check {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--ut_text_primary);
}
.installer.wrapper .installer_field .installer_langs_checks .installer_lang_check > input[type='checkbox'] {
  accent-color: var(--ut_accent);
  height: 1.05rem;
  width: 1.05rem;
  margin: 0;
  flex: 0 0 auto;
}
.installer.wrapper .installer_field .installer_field_help {
  font-size: 0.78rem;
  color: var(--ut_text_muted);
  line-height: 1.35;
}
.installer.wrapper .installer_toggle_label {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0.5rem 0;
  cursor: pointer;
  color: var(--ut_text_primary);
  font-size: 0.9rem;
  font-weight: 600;
}
.installer.wrapper .installer_toggle_label > .installer_toggle {
  accent-color: var(--ut_accent);
  height: 1.05rem;
  width: 1.05rem;
}
.installer.wrapper .diffusion_fields,
.installer.wrapper .mailer_fields {
  border-left: 2px solid var(--ut_accent_soft);
  padding-left: 1rem;
  margin: 0.5rem 0;
}
.installer.wrapper .generated_secrets {
  margin-top: 1rem;
  padding: 1rem;
  background: var(--ut_accent_soft);
  border: 1px solid var(--ut_accent_soft);
  border-radius: 9px;
}
.installer.wrapper .generated_secrets .generated_secrets_title {
  color: var(--ut_accent);
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 0.65rem;
}
.installer.wrapper .generated_secrets .generated_secret_row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0.35rem 0;
}
.installer.wrapper .generated_secrets .generated_secret_row .generated_secret_key {
  font-size: 0.78rem;
  color: var(--ut_text_muted);
  min-width: 16rem;
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
}
.installer.wrapper .generated_secrets .generated_secret_row .generated_secret_val {
  flex: 1;
  height: 2rem;
  background: var(--ut_bg_input);
  border: 1px solid var(--ut_border);
  border-radius: 7px;
  color: var(--ut_text_primary);
  padding: 0 0.6rem;
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.82rem;
}
.installer.wrapper .directories_list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0.75rem 0;
}
.installer.wrapper .directories_list .directory_row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.75rem;
  border-radius: 9px;
  background: var(--ut_bg_elevated);
  border: 1px solid var(--ut_border);
  font-size: 0.85rem;
}
.installer.wrapper .directories_list .directory_row .directory_icon {
  font-weight: 700;
}
.installer.wrapper .directories_list .directory_row .directory_label {
  font-weight: 600;
  color: var(--ut_text_primary);
  min-width: 12rem;
}
.installer.wrapper .directories_list .directory_row .directory_path {
  color: var(--ut_text_muted);
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.8rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.installer.wrapper .directories_list .directory_row.ok .directory_icon {
  color: var(--ut_green);
}
.installer.wrapper .directories_list .directory_row.error {
  border-color: var(--ut_red_soft);
}
.installer.wrapper .directories_list .directory_row.error .directory_icon {
  color: var(--ut_red);
}
.installer.wrapper .tools_report {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin: 0.75rem 0;
}
.installer.wrapper .tools_report .tool_row {
  display: grid;
  grid-template-columns: 1.2rem 1fr auto;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.75rem;
  border-radius: 9px;
  background: var(--ut_bg_elevated);
  border: 1px solid var(--ut_border);
  font-size: 0.85rem;
}
.installer.wrapper .tools_report .tool_row .tool_icon {
  font-weight: 700;
}
.installer.wrapper .tools_report .tool_row .tool_name {
  font-weight: 600;
  color: var(--ut_text_primary);
}
.installer.wrapper .tools_report .tool_row .tool_version {
  color: var(--ut_text_muted);
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.8rem;
  justify-self: end;
}
.installer.wrapper .tools_report .tool_row .tool_detail {
  grid-column: 1 / -1;
  color: var(--ut_text_secondary);
  font-size: 0.8rem;
  line-height: 1.35;
}
.installer.wrapper .tools_report .tool_row.ok .tool_icon {
  color: var(--ut_green);
}
.installer.wrapper .tools_report .tool_row.warning {
  border-color: var(--ut_run_soft);
}
.installer.wrapper .tools_report .tool_row.warning .tool_icon {
  color: var(--ut_run);
}
.installer.wrapper .tools_report .tool_row.error {
  border-color: var(--ut_red_soft);
}
.installer.wrapper .tools_report .tool_row.error .tool_icon {
  color: var(--ut_red);
}
.installer.wrapper .spinner_wrap {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  color: var(--ut_text_secondary);
  font-size: 0.85rem;
}
.installer.wrapper .spinner_label {
  color: var(--ut_text_secondary);
}
.installer.wrapper .installer_spinner {
  width: 1.05rem;
  height: 1.05rem;
  flex-shrink: 0;
  border: 2px solid var(--ut_border_strong);
  border-top-color: var(--ut_accent);
  border-radius: 50%;
  animation: installer-spin 0.7s linear infinite;
}
.installer.wrapper .hide {
  display: none !important;
}
.installer.wrapper .fade_in {
  animation: installer-fade-in 0.4s ease-out;
}
@media screen and (max-width: 600px) {
  .installer.wrapper > .content_data {
    padding: 1.25rem 1rem 4rem;
  }
  .installer.wrapper section {
    padding: 1.15rem 1.25rem;
  }
  .installer.wrapper .init_test_block .diagnostics_grid {
    grid-template-columns: 1fr;
  }
  .installer.wrapper .set_root_password_block .password_value {
    width: 100%;
  }
  .installer.wrapper .hierarchies_import_block .hierarchy_ul {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
  .installer.wrapper .step_indicator .step_dot {
    width: 1.6rem;
    height: 1.6rem;
    font-size: 0.65rem;
  }
}
@keyframes installer-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes installer-fade-in {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/**
* inspector
*
* Included from main.less file
*
* Visual language: modern, calm and unobtrusive. Neutral surfaces, soft
* hairline borders and gentle elevation carry the structure; the Dédalo orange
* is reserved as a sparing accent (active header rule, section_id, rail toggle,
* row affordances). All values come from the semantic tokens in vars.less so the
* panel retunes for light/dark automatically. Responsive behaviour (rail mode +
* inline full-width below the desktop break) is defined in section.less; the
* rules here only need to stay compatible with it.
*/
.inspector {
  contain: content;
  display: block;
  margin: 0px;
  margin-bottom: var(--space-3);
  padding: 0px;
  width: 100%;
  accent-color: var(--color_orange_dedalo);
  background-color: transparent;
}
.inspector.inspector_fixed {
  position: fixed;
  top: 0px;
  width: 18.5% !important;
}
.inspector .block_icon {
  flex: 0 0 auto;
  width: 1.3rem;
  height: 1.3rem;
  background-color: var(--fg_muted);
  transition: background-color var(--transition-fast);
}
.inspector .block_icon.info {
  -webkit-mask-image: url('../../themes/default/icons/info_light.svg');
  mask-image: url('../../themes/default/icons/info_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.gear {
  -webkit-mask-image: url('../../themes/default/icons/gear_light.svg');
  mask-image: url('../../themes/default/icons/gear_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.link {
  -webkit-mask-image: url('../../themes/default/icons/link_light.svg');
  mask-image: url('../../themes/default/icons/link_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.history {
  -webkit-mask-image: url('../../themes/default/icons/history_light.svg');
  mask-image: url('../../themes/default/icons/history_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.note {
  -webkit-mask-image: url('../../themes/default/icons/note_light.svg');
  mask-image: url('../../themes/default/icons/note_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.activity {
  -webkit-mask-image: url('../../themes/default/icons/gears_light.svg');
  mask-image: url('../../themes/default/icons/gears_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.panel {
  -webkit-mask-image: url('../../themes/default/icons/inspector_light.svg');
  mask-image: url('../../themes/default/icons/inspector_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector .block_icon.info,
.inspector .block_icon.gear,
.inspector .block_icon.history {
  transform: scale(0.92);
}
.inspector .block_icon.link,
.inspector .block_icon.activity {
  transform: scale(0.91);
}
.inspector .block_icon.note,
.inspector .block_icon.panel {
  transform: scale(0.89);
}
.inspector .block_icon.list {
  transform: scale(0.92);
}
.inspector .block_icon.blank {
  transform: scale(0.92);
}
.inspector .block_icon.remove {
  transform: scale(0.83);
}
.inspector .block_icon.print {
  transform: scale(0.82);
}
.inspector .block_icon.search {
  transform: scale(0.79);
}
.inspector .block_icon.add_light {
  transform: scale(0.78);
}
.inspector .block_icon.diffusion {
  transform: scale(0.78);
}
.inspector .block_icon.duplicate,
.inspector .block_icon.graph {
  transform: scale(0.77);
}
.inspector > .inspector_content_data {
  display: block;
  margin: 0px;
  padding: 0px;
  position: relative;
}
.inspector > .inspector_content_data > div {
  contain: content;
  margin: var(--space-3);
  background-color: var(--bg_surface);
  border-radius: var(--inspector_block_radius);
  overflow: hidden;
  box-shadow: var(--shadow-1);
}
.inspector > .inspector_content_data > div.project_wrap {
  contain: layout;
}
.inspector > .inspector_content_data .element_info_head,
.inspector > .inspector_content_data .project_head,
.inspector > .inspector_content_data .relation_list_head,
.inspector > .inspector_content_data .time_machine_list_head,
.inspector > .inspector_content_data .component_history_head,
.inspector > .inspector_content_data .activity_info_head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4) 1.6rem var(--space-3) var(--space-4);
  color: var(--color_grey_7);
  font-weight: 600;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  user-select: none;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.inspector > .inspector_content_data .element_info_head:hover,
.inspector > .inspector_content_data .project_head:hover,
.inspector > .inspector_content_data .relation_list_head:hover,
.inspector > .inspector_content_data .time_machine_list_head:hover,
.inspector > .inspector_content_data .component_history_head:hover,
.inspector > .inspector_content_data .activity_info_head:hover {
  color: var(--color_grey_4);
}
.inspector > .inspector_content_data .element_info_head:hover .block_icon,
.inspector > .inspector_content_data .project_head:hover .block_icon,
.inspector > .inspector_content_data .relation_list_head:hover .block_icon,
.inspector > .inspector_content_data .time_machine_list_head:hover .block_icon,
.inspector > .inspector_content_data .component_history_head:hover .block_icon,
.inspector > .inspector_content_data .activity_info_head:hover .block_icon {
  background-color: var(--color_orange_dedalo);
}
.inspector > .inspector_content_data .element_info_head:active,
.inspector > .inspector_content_data .project_head:active,
.inspector > .inspector_content_data .relation_list_head:active,
.inspector > .inspector_content_data .time_machine_list_head:active,
.inspector > .inspector_content_data .component_history_head:active,
.inspector > .inspector_content_data .activity_info_head:active {
  opacity: 0.85;
}
.inspector > .inspector_content_data .element_info_head .block_label,
.inspector > .inspector_content_data .project_head .block_label,
.inspector > .inspector_content_data .relation_list_head .block_label,
.inspector > .inspector_content_data .time_machine_list_head .block_label,
.inspector > .inspector_content_data .component_history_head .block_label,
.inspector > .inspector_content_data .activity_info_head .block_label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
}
.inspector > .inspector_content_data .icon_arrow:after {
  background-color: var(--fg_muted);
  transition: transform 0.26s var(--ease-standard), background-color var(--transition-fast);
}
.inspector > .inspector_content_data > .paginator_container {
  contain: content;
  min-height: 73px;
  background-color: var(--bg_surface);
  border-radius: var(--inspector_block_radius) var(--inspector_block_radius) 0px 0px;
  margin-bottom: 0px;
  font-variant-numeric: tabular-nums;
}
.inspector > .inspector_content_data > .paginator_container input.input_go_to_page {
  color: var(--field_value_fg);
}
.inspector > .inspector_content_data > .paginator_container .nav_buttons > .btn {
  background-color: var(--fg_muted);
  transition: background-color var(--transition-fast), opacity 0.2s linear;
}
.inspector > .inspector_content_data > .paginator_container .nav_buttons > .btn:hover:not(.inactive) {
  background-color: var(--color_orange_dedalo);
}
@media screen and (max-width: 1024px) {
  .inspector > .inspector_content_data > .paginator_container {
    min-height: 66px;
  }
}
.inspector > .inspector_content_data > .paginator_container .content_data {
  justify-content: center;
  padding-left: 0px;
}
.inspector > .inspector_content_data > .paginator_container .nav_buttons {
  width: 100%;
  justify-content: center;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.inspector > .inspector_content_data > .paginator_container .nav_buttons .placeholder_section_id {
  font-size: 1.05rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.inspector > .inspector_content_data > .paginator_container > .section_id {
  position: absolute;
  right: var(--space-3);
  top: var(--space-3);
  padding: 0.1rem 0.5rem;
  border-radius: var(--radius-pill);
  background-color: var(--color_orange_light);
  font-weight: 600;
  font-size: 1.05rem;
  line-height: 1.3rem;
  letter-spacing: 0.01em;
  color: var(--color_orange_dark);
}
@media screen and (max-width: 1024px) {
  .inspector > .inspector_content_data > .paginator_container > .section_id {
    top: 0.85rem;
  }
}
.inspector > .inspector_content_data > .paginator_container .paginator_info {
  width: 100%;
  text-align: center;
}
.inspector > .inspector_content_data > .selection_info {
  contain: content;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color_orange_dark);
  padding: var(--space-3) var(--space-4);
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: center;
  background-color: var(--color_orange_light);
}
.inspector > .inspector_content_data > .selection_info .selection_info_label {
  display: inline-block;
  max-width: 86%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.inspector > .inspector_content_data > .selection_info > .button.list {
  margin-left: 0.5rem;
  background-color: var(--color_orange_dedalo);
}
.inspector > .inspector_content_data > .selection_info .span {
  cursor: pointer;
  float: right;
  vertical-align: middle;
  background-color: var(--fg_muted);
  transition: background-color var(--transition-fast), opacity var(--transition-fast);
}
.inspector > .inspector_content_data > .selection_info .span:hover {
  background-color: var(--color_orange_dedalo);
}
.inspector > .inspector_content_data > .selection_info .span:active {
  opacity: 0.4;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info {
  contain: content;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: minmax(min-content, 35%) minmax(65%, 80%);
  margin-top: 0px;
  margin-bottom: var(--space-2);
  font-size: 0.86rem;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .link,
.inspector > .inspector_content_data > .element_info_wrap > .element_info .pen,
.inspector > .inspector_content_data > .element_info_wrap > .element_info .tree,
.inspector > .inspector_content_data > .element_info_wrap > .element_info .edit {
  background-color: var(--color_orange_dedalo);
  margin-right: var(--space-3);
  transition: background-color var(--transition-fast);
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .span:active {
  opacity: 0.3;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .key {
  background-color: transparent;
  padding: var(--space-2) var(--space-3);
  text-align: right;
  text-transform: capitalize;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--fg_muted);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .key.wide {
  grid-column-start: 1;
  grid-column-end: 3;
  text-align: center;
  justify-content: center;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value {
  background-color: transparent;
  padding: var(--space-2) var(--space-3);
  color: var(--field_value_fg);
  font-variant-numeric: tabular-nums;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.wide {
  grid-column-start: 1;
  grid-column-end: 3;
  max-height: 16.6rem;
  overflow: auto;
  word-break: break-word;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.code {
  white-space: pre-wrap;
  display: flex;
  flex-direction: column;
  background-color: var(--bg_surface_alt);
  border-radius: var(--radius-md);
  min-height: 3rem;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.code.monospace {
  word-break: break-all;
  font-family: monospace;
  font-size: 0.76rem;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.code .button_value_copy {
  align-self: center;
  font-size: 0.9rem;
  margin: 0px;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.code .button_value_copy:active {
  opacity: 0.5;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info .value.bold {
  font-size: 0.9rem;
  font-weight: 600;
}
.inspector > .inspector_content_data > .element_info_wrap > .element_info.auto_height .code {
  max-height: none;
}
.inspector > .inspector_content_data .project_wrap .wrapper_component.component_filter > .label {
  display: none;
}
.inspector > .inspector_content_data > .buttons_container.top,
.inspector > .inspector_content_data > .tools_container.top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-2);
  margin-top: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.inspector > .inspector_content_data > .buttons_container.top > span.list,
.inspector > .inspector_content_data > .tools_container.top > span.list {
  -webkit-mask-image: url('../../themes/default/icons/list_light.svg');
  mask-image: url('../../themes/default/icons/list_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.inspector > .inspector_content_data > .buttons_container.top > span,
.inspector > .inspector_content_data > .tools_container.top > span {
  width: 1.3rem;
  height: 1.3rem;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
.inspector > .inspector_content_data > .buttons_container.top > span:before,
.inspector > .inspector_content_data > .tools_container.top > span:before {
  margin-right: 0px;
}
.inspector > .inspector_content_data span.light:hover {
  background-color: var(--color_orange_dedalo);
}
.inspector > .inspector_content_data .indexation_list_container .indexation_list_head {
  text-transform: capitalize;
}
.inspector > .inspector_content_data .indexation_list_container .indexation_list_body {
  background-color: var(--color_orange_dedalo);
  padding: 1rem 0.33rem;
  font-size: 0.78rem;
  color: var(--fg_on_brand);
}
.inspector > .inspector_content_data > .relation_list_container > .relation_list_body {
  contain: content;
}
.inspector > .inspector_content_data > .time_machine_list > .time_machine_list_body {
  contain: content;
  font-size: 0.78rem;
}
.inspector > .inspector_content_data > .component_history .component_history_body {
  contain: content;
}
.inspector > .inspector_content_data .activity_info {
  contain: content;
}
.inspector > .inspector_content_data .activity_info .activity_info_body {
  max-height: 10rem;
  overflow-y: auto;
  padding: 0px;
}
.inspector > .inspector_content_data > .buttons_container.bottom {
  padding: var(--space-3);
  padding-top: var(--space-2);
}
.inspector > .inspector_content_data > .buttons_container.bottom > .data_link,
.inspector > .inspector_content_data > .buttons_container.bottom > .register_download {
  width: 100%;
  margin-top: var(--space-2);
}
.inspector > .inspector_content_data > .buttons_container.bottom > .register_download {
  padding: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0px;
  display: block;
  text-align: center;
  color: var(--color_grey_7);
}
.inspector .css_section_group_content {
  display: table;
}
.inspector .css_button_generic > span {
  display: none;
}
.inspector > .label {
  background-color: var(--color_grey_14);
  position: relative;
  padding: 0.33em;
  padding-left: 0.5em;
  cursor: pointer;
  font-variant: small-caps;
  color: var(--color_grey_4);
  background-color: var(--bg_surface_alt);
  color: var(--fg_default);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  letter-spacing: 0.04em;
  padding-right: 1.6rem;
}
@media screen and (max-width: 960px) {
  .inspector > .label {
    padding: 1rem;
  }
}
.inspector > .label .block_label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inspector > .label .inspector_rail_toggle {
  flex: 0 0 auto;
  -webkit-mask-image: url('../../themes/default/icons/arrow_circle_right_light.svg');
  mask-image: url('../../themes/default/icons/arrow_circle_right_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 82%;
  mask-size: 82%;
  background-color: var(--fg_muted);
  width: 1.4em;
  height: 1.4em;
  cursor: pointer;
  border: none;
  padding: 0px;
  margin: 0px;
  border-radius: var(--radius-pill);
  transition: transform var(--transition-base), background-color var(--transition-fast);
}
.inspector > .label .inspector_rail_toggle:hover {
  background-color: var(--color_orange_dedalo);
}
@media screen and (min-width: 960px) {
  .inspector > .label {
    position: sticky;
    top: -0.1px;
    z-index: 4;
  }
}
.inspector .nav_buttons {
  padding-bottom: 0.5em;
}
.inspector .tm_view_history .paginator {
  padding-bottom: 0.5rem;
}
.inspector .displayed_records {
  display: none;
}
.inspector .goto_page {
  clear: left;
  display: inline-block;
  padding-top: 0.25em;
}
@media screen and (max-width: 1024px) {
  .inspector {
    border-left: none;
  }
  .inspector > .inspector_content_data > div {
    margin: var(--space-3) var(--space-4);
  }
  .inspector > .inspector_content_data .element_info_head,
  .inspector > .inspector_content_data .project_head,
  .inspector > .inspector_content_data .relation_list_head,
  .inspector > .inspector_content_data .time_machine_list_head,
  .inspector > .inspector_content_data .component_history_head,
  .inspector > .inspector_content_data .activity_info_head {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4);
    font-size: 0.92rem;
  }
  .inspector > .inspector_content_data > .buttons_container.top > span,
  .inspector > .inspector_content_data > .tools_container.top > span {
    height: 2.4rem;
  }
  .inspector > .inspector_content_data > .element_info_wrap > .element_info {
    font-size: 0.95rem;
  }
}
/**
* paginator
*
* Included from main.less file
*/
.paginator {
  contain: content;
}
.paginator > .content_data {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  line-height: 1.5em;
  margin: 0px;
  padding: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  row-gap: 0.5rem;
}
.paginator > .content_data.stale {
  pointer-events: none;
}
.paginator > .content_data.stale > .nav_buttons,
.paginator > .content_data.stale > .paginator_info {
  opacity: 0.35;
  transition: opacity 0.15s linear;
}
.paginator > .content_data.stale::after {
  content: '';
  flex: none;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.5em;
  opacity: 0.6;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: paginator_stale_spin 0.8s linear infinite;
}
.paginator > .content_data .show_all_button,
.paginator > .content_data .reset_paginator_button {
  cursor: pointer;
}
.paginator > .content_data .show_all_button:hover,
.paginator > .content_data .reset_paginator_button:hover {
  color: var(--color_black);
}
.paginator > .content_data .btn.paginator_first_icon {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  height: 1em;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  width: 1em;
  font-weight: 300;
  background: var(--color_black);
  height: 2em;
  width: 2em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/chevron_double_light.svg');
  mask-image: url('../../themes/default/icons/chevron_double_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scaleX(-1);
}
.paginator > .content_data .btn.paginator_first_icon:hover {
  opacity: 1 !important;
}
.paginator > .content_data .btn.paginator_first_icon:active {
  opacity: 0.4 !important;
}
.buttons_container .paginator > .content_data .btn.paginator_first_icon {
  background-color: var(--color_white);
  margin-top: 0px;
}
.paginator > .content_data .btn.paginator_first_icon.white {
  background-color: var(--color_white) !important;
}
.paginator > .content_data .btn.paginator_first_icon.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.paginator > .content_data .btn.paginator_first_icon.transparent {
  background-color: transparent !important;
}
.paginator > .content_data .btn.paginator_prev_icon {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  height: 1em;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  width: 1em;
  font-weight: 300;
  background: var(--color_black);
  height: 2em;
  width: 2em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/chevron_light.svg');
  mask-image: url('../../themes/default/icons/chevron_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  transform: scaleX(-1);
}
.paginator > .content_data .btn.paginator_prev_icon:hover {
  opacity: 1 !important;
}
.paginator > .content_data .btn.paginator_prev_icon:active {
  opacity: 0.4 !important;
}
.buttons_container .paginator > .content_data .btn.paginator_prev_icon {
  background-color: var(--color_white);
  margin-top: 0px;
}
.paginator > .content_data .btn.paginator_prev_icon.white {
  background-color: var(--color_white) !important;
}
.paginator > .content_data .btn.paginator_prev_icon.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.paginator > .content_data .btn.paginator_prev_icon.transparent {
  background-color: transparent !important;
}
.paginator > .content_data .btn.paginator_next_icon {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  height: 1em;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  width: 1em;
  font-weight: 300;
  background: var(--color_black);
  height: 2em;
  width: 2em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/chevron_light.svg');
  mask-image: url('../../themes/default/icons/chevron_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.paginator > .content_data .btn.paginator_next_icon:hover {
  opacity: 1 !important;
}
.paginator > .content_data .btn.paginator_next_icon:active {
  opacity: 0.4 !important;
}
.buttons_container .paginator > .content_data .btn.paginator_next_icon {
  background-color: var(--color_white);
  margin-top: 0px;
}
.paginator > .content_data .btn.paginator_next_icon.white {
  background-color: var(--color_white) !important;
}
.paginator > .content_data .btn.paginator_next_icon.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.paginator > .content_data .btn.paginator_next_icon.transparent {
  background-color: transparent !important;
}
.paginator > .content_data .btn.paginator_last_icon {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  height: 1em;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  width: 1em;
  font-weight: 300;
  background: var(--color_black);
  height: 2em;
  width: 2em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/chevron_double_light.svg');
  mask-image: url('../../themes/default/icons/chevron_double_light.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.paginator > .content_data .btn.paginator_last_icon:hover {
  opacity: 1 !important;
}
.paginator > .content_data .btn.paginator_last_icon:active {
  opacity: 0.4 !important;
}
.buttons_container .paginator > .content_data .btn.paginator_last_icon {
  background-color: var(--color_white);
  margin-top: 0px;
}
.paginator > .content_data .btn.paginator_last_icon.white {
  background-color: var(--color_white) !important;
}
.paginator > .content_data .btn.paginator_last_icon.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.paginator > .content_data .btn.paginator_last_icon.transparent {
  background-color: transparent !important;
}
.paginator > .content_data > .nav_buttons {
  contain: content;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .paginator > .content_data > .nav_buttons {
    display: contents;
  }
}
.paginator > .content_data > .nav_buttons > .btn {
  height: 100%;
  min-height: 1.5rem;
  margin-right: 0px;
  margin-left: 0px;
  background-color: var(--color_grey_10);
  mask-size: contain;
  transition: opacity 0.2s linear;
}
.paginator > .content_data > .nav_buttons > .btn.inactive {
  pointer-events: none;
  opacity: 0.25;
}
.paginator > .content_data > .nav_buttons > .btn.inactive:hover {
  opacity: 0.25;
  cursor: default;
}
.paginator > .content_data > .paginator_info {
  contain: content;
  min-height: 1.5rem;
  min-width: 7rem;
  margin-top: 0px;
}
.paginator > .content_data > .paginator_info > .page_info {
  padding-left: 0.25em;
  transition: opacity 0.2s linear;
}
.paginator > .content_data > .paginator_info > .page_info.inactive {
  pointer-events: none;
  opacity: 0.25;
}
.paginator > .content_data > .paginator_info > .goto_page {
  padding-left: 0.1em;
}
@media screen and (max-width: 1024px) {
  .paginator > .content_data > .paginator_info > .goto_page {
    display: initial;
  }
}
.paginator > .content_data > .paginator_info input::-webkit-outer-spin-button,
.paginator > .content_data > .paginator_info input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.paginator > .content_data > .paginator_info > input.input_go_to_page {
  font-family: 'Menlo', monospace;
  text-align: center;
  padding: 0.25rem;
  margin-left: 0.5rem;
  margin-right: 0.33rem;
  width: 4ch;
  border-radius: 4px;
  border: 1px solid var(--color_grey_13);
  -moz-appearance: textfield;
}
.paginator > .content_data > .paginator_info > input.input_go_to_page.invalid {
  background-color: var(--color_danger);
}
.paginator > .content_data > .paginator_info > .displayed_records {
  padding-left: 0.5em;
}
.paginator.mini > .content_data {
  font-size: 0.8rem;
}
.paginator.mini > .content_data > .nav_buttons {
  contain: content;
  height: 0.8rem;
  padding: 0px;
}
.paginator.mini > .content_data > .nav_buttons > .btn {
  width: 1.5rem;
  min-height: 1rem;
}
.paginator.mini > .content_data > .paginator_info {
  contain: content;
  min-height: unset;
  min-width: 5rem;
}
.paginator.micro > .content_data {
  font-size: 0.8rem;
  flex-wrap: nowrap;
}
.paginator.micro > .content_data > .nav_buttons {
  contain: content;
  height: 0.8rem;
  padding: 0px;
}
.paginator.micro > .content_data > .nav_buttons > .btn {
  margin: 0px;
  width: 1.2rem;
  min-height: unset;
}
.paginator.micro > .content_data .displayed_total_records {
  padding: 0.25rem;
  padding-right: 0.1rem;
}
.paginator.micro > .content_data > .paginator_info {
  contain: content;
  min-width: fit-content;
  min-height: unset;
}
.paginator.micro > .content_data .page_info {
  padding-left: 0.1rem;
}
@keyframes paginator_stale_spin {
  to {
    transform: rotate(360deg);
  }
}
/**
* search
*
* Included from main.less file
*/
.search_component {
  background-color: var(--color_white);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-lg);
  display: flex;
  position: relative;
  margin: 0;
  min-width: 0;
  min-height: calc(3 * 0.75rem + 0.85rem * 1.3 + 2rem + 2px);
  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.search_component:hover {
  z-index: 4;
  border-color: var(--color_grey_10);
}
.search_component:focus-within {
  border-color: var(--color_orange_dedalo);
}
.search_component:has(.wrapper_service_autocomplete.search),
.search_component:has(.filter_picker.open) {
  z-index: 5;
}
.search_component:has(>.wrapper_component.hilite_element) {
  background-color: var(--color_hilite);
  border-color: var(--color_orange_dedalo);
}
.search_component:has(>.wrapper_component.hilite_element) > .wrapper_component.hilite_element {
  background-color: transparent;
}
.search_component > .wrapper_component.search {
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto 1fr !important;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  padding: 0;
  border-radius: inherit;
}
.search_component > .wrapper_component.search > .label {
  grid-row: 1;
  grid-column: 1;
  padding: 0.75rem 4.25rem 0.75rem 0.75rem;
  line-height: 1.3;
  height: auto;
  min-height: 0;
  font-size: 0.85em;
  font-weight: 600;
  color: var(--color_grey_4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search_component > .wrapper_component.search > .label > .label_info {
  margin-left: 0.25rem;
  font-size: 0.95em;
  font-weight: 400;
  color: var(--color_grey_6);
}
.search_component > .wrapper_component.search > .content_data {
  grid-row: 2;
  grid-column: 1;
  min-width: 0;
  padding: 0 0.75rem 0.75rem !important;
  max-height: 22rem;
  min-height: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
}
.search_component > .wrapper_component.search > .content_data input:not([type="checkbox"]):not([type="radio"]):not(.lang_behavior_check) {
  height: 2rem;
  padding: 0 0.5rem;
  color: var(--color_grey_4);
  background-color: var(--color_grey_16);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-sm);
  opacity: 1;
  outline: none;
}
.search_component > .wrapper_component.search > .content_data input:not([type="checkbox"]):not([type="radio"]):not(.lang_behavior_check):focus {
  border-color: var(--color_orange_dedalo);
  background-color: var(--color_white);
}
.search_component > .wrapper_component.search > .content_data input:not([type="checkbox"]):not([type="radio"]):not(.lang_behavior_check).q_operator {
  border-color: var(--color_grey_10);
  flex: 0 0 2.5rem;
  width: 2.5rem;
  padding: 0 0.25rem;
  text-align: center;
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.85em;
  border-style: dashed;
  background-color: transparent;
}
.search_component > .wrapper_component.search > .content_data input:not([type="checkbox"]):not([type="radio"]):not(.lang_behavior_check).q_operator:focus {
  border-style: solid;
}
.search_component > .wrapper_component.search > .content_data > input.input_value {
  flex: 1 1 auto;
  width: auto !important;
  min-width: 0;
}
.search_component > .wrapper_component.search > .content_data > input.input_value.no_operator {
  margin-left: 0;
}
.search_component > .wrapper_component.search > .content_data > .content_value {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 1 auto;
  min-width: 0;
  min-height: 2rem;
}
.search_component > .wrapper_component.search > .content_data > .content_value:has(>input.input_value),
.search_component > .wrapper_component.search > .content_data > .content_value:has(.input-group) {
  flex: 1 1 auto;
}
.search_component > .wrapper_component.search > .content_data > .content_value input.input_date {
  min-width: 7.5rem;
  width: 100%;
}
.search_component > .wrapper_component.search > .content_data > .content_value .input-group {
  height: 2rem;
  align-items: center;
}
.search_component > .wrapper_component.search > .content_data > .content_value > input.input_value {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.search_component > .wrapper_component.search > .content_data .switcher_translatable {
  flex: none;
  display: inline-flex;
  align-items: center;
  height: 2rem;
}
.search_component > .wrapper_component.search > .content_data .switcher_translatable::after {
  height: 1.1em;
  width: 1.1em;
  margin: 0;
}
.search_component > .wrapper_component.search > .content_data > .content_value {
  margin: 0;
}
.search_component > .wrapper_component.search > .content_data > .content_value > label.label {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.search_component > .wrapper_component.search > .content_data:has(>.content_value >label.label) {
  row-gap: 0;
  column-gap: 0.25rem;
}
.search_component > .wrapper_component.search > .content_data:has(>.content_value >label.label) > .content_value {
  height: 2rem;
  min-height: 0;
  align-items: center;
}
.search_component > .wrapper_component.search > .content_data:has(>input.q_operator) {
  position: relative;
  padding-left: calc(0.75rem + 2.5rem + 0.5rem) !important;
}
.search_component > .wrapper_component.search > .content_data:has(>input.q_operator) > input.q_operator {
  position: absolute;
  left: 0.75rem;
  top: 0;
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search {
  grid-row: 2;
  grid-column: 1;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: auto;
  min-width: 0;
  border: none;
  background-color: transparent;
  pointer-events: none;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0 0.75rem 0.75rem 0.75rem;
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > * {
  pointer-events: auto;
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .autocomplete_input {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  height: 2rem;
  margin: 0;
  outline: none;
  border: 1px solid var(--color_orange_dedalo);
  border-radius: var(--radius-sm);
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .button_options {
  position: static;
  flex: none;
  margin: 0.5rem 0 0;
  background-color: var(--color_grey_6);
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .options_hidden {
  order: 3;
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  border-radius: var(--radius-sm);
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .options_hidden .source_selector {
  display: flex;
  align-items: center;
  min-width: 0;
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .options_hidden .source_selector > .select_source_selector {
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  text-overflow: ellipsis;
}
.search_component > .wrapper_component.search > .wrapper_service_autocomplete.search > .autocomplete_data {
  position: absolute;
  top: calc(2rem + 0.25rem);
  left: var(--ac_inset_left, 0.75rem);
  right: 0.75rem;
  width: auto;
}
.search_component > .wrapper_component.search:has(>.content_data >input.q_operator) > .wrapper_service_autocomplete.search {
  --ac_inset_left: calc(0.75rem + 2.5rem + 0.5rem);
  padding-left: var(--ac_inset_left);
}
.search_component > .wrapper_component.search.component_check_box > .content_data:has(>.content_value >label.label) {
  column-gap: 0.75rem;
}
.search_component > .wrapper_component.search.component_check_box > .content_data:has(>.content_value >label.label) > .content_value > label.label {
  padding-right: 0;
}
.search_component > .wrapper_component.search .column_component_portal {
  pointer-events: none !important;
}
.search_component > .button.close,
.search_component > .button.up,
.search_component > .button.down {
  position: absolute;
  top: 0.75rem;
  z-index: 3;
  width: 1.05rem;
  height: 1.05rem;
  margin: 0;
  opacity: 0;
  transition: opacity var(--transition-fast);
}
.search_component > .button.close:hover,
.search_component > .button.up:hover,
.search_component > .button.down:hover {
  opacity: 1 !important;
}
.search_component > .button.close:active,
.search_component > .button.up:active,
.search_component > .button.down:active {
  opacity: 0.5 !important;
}
.search_component:hover > .button.close,
.search_component:focus-within > .button.close {
  opacity: 0.55;
}
.search_component:hover > .button.up,
.search_component:focus-within > .button.up,
.search_component:hover > .button.down,
.search_component:focus-within > .button.down {
  opacity: 0.45;
}
.search_component:hover > .button.up.disabled,
.search_component:focus-within > .button.up.disabled,
.search_component:hover > .button.down.disabled,
.search_component:focus-within > .button.down.disabled {
  opacity: 0.15;
}
.search_component > .button.close {
  right: 0.75rem;
}
.search_component > .button.up,
.search_component > .button.down {
  background-image: url(../../themes/default/icons/sort_up.svg);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.search_component > .button.up.disabled,
.search_component > .button.down.disabled {
  pointer-events: none;
}
.search_component > .button.down {
  right: calc(0.75rem + 1.05rem + 0.25rem);
  transform: rotate(90deg);
}
.search_component > .button.up {
  right: calc(0.75rem + 2 * (1.05rem + 0.25rem));
  transform: rotate(-90deg);
}
.wrapper_search {
  position: relative;
}
.wrapper_search > .filter_button {
  margin-bottom: 0.5em;
  float: left;
}
.list .wrapper_search > .filter_button {
  position: absolute;
  top: -2em;
}
.wrapper_search .button_save_preset {
  z-index: 3;
  background-color: var(--color_danger);
  width: calc(100% - 1rem);
  color: var(--color_white);
  margin: 0.5rem;
  font-weight: 500;
}
.wrapper_search > .search_global_container {
  display: flex;
  position: relative;
  width: 100%;
  z-index: 1;
  outline: 0.5px solid var(--color_grey_13);
}
.list.wrapper_search > .search_global_container,
.relation.wrapper_search > .search_global_container {
  margin-top: 0.5em;
}
.edit.wrapper_search > .search_global_container {
  margin-bottom: 0.5em;
}
.wrapper_search > .search_global_container.hide {
  padding: 0px;
}
.wrapper_search > .search_global_container > .toggle_container_selector {
  margin: 0px;
}
.wrapper_search > .search_global_container > .toggle_container_selector.sections {
  border-right: 2px solid var(--color_grey_13);
}
.wrapper_search > .search_global_container > .search_container_selector {
  position: relative;
}
.wrapper_search > .search_global_container > .search_container_selection {
  flex-grow: 1;
  align-self: flex-start;
  background-color: var(--color_grey_14);
  padding-top: 0px;
  position: sticky;
  top: 0.25rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container {
  display: flex;
  justify-content: flex-end;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: sticky;
}
@media screen and (max-width: 1024px) {
  .wrapper_search > .search_global_container > .search_container_selection .search_group_container {
    flex-wrap: wrap;
  }
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group {
  position: relative;
  min-height: 5.8rem;
  min-width: 165px;
  margin: 0px;
  padding: 0.5rem;
  padding-left: calc(28px + 0.5rem);
  background-color: var(--color_grey_15);
  outline: 1px solid var(--color_grey_13);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  gap: 0.5rem;
  align-content: start;
  align-items: start;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .search_group {
  grid-column: 1 / -1;
  order: 2;
  border-radius: var(--radius-lg);
  padding-right: 1.75rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group .invalid_component {
  width: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator {
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0.5rem 0;
  text-align: center;
  width: 28px;
  writing-mode: vertical-lr;
  text-transform: uppercase;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  letter-spacing: 1.5px;
  font-size: 0.85em;
  font-weight: 600;
  color: var(--color_grey_1);
  border-right: 3px solid transparent;
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
  transition: filter var(--transition-fast);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator:hover {
  filter: brightness(0.96);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator .group_counter {
  display: inline-block;
  padding: 0.25rem 0.1rem;
  border-radius: var(--radius-pill);
  background-color: var(--color_white);
  color: var(--color_grey_4);
  font-weight: 500;
  letter-spacing: 0;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.and {
  background-color: var(--color_green_light);
  border-right-color: var(--color_green_success);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.or {
  background-color: var(--color_blue_light);
  border-right-color: var(--color_primary);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .button.close {
  position: absolute;
  right: 4px;
  top: 4px;
  opacity: 0.55;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .button.close:hover {
  opacity: 1;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_field {
  order: 1;
  width: 100%;
  min-height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem;
  font-size: 0.9em;
  color: var(--color_grey_6);
  background-color: transparent;
  border: 1.5px dashed var(--color_grey_10);
  border-radius: var(--radius-lg);
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_field:before {
  content: '';
  flex: none;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url(../../themes/default/icons/add.svg) center / contain no-repeat;
  mask: url(../../themes/default/icons/add.svg) center / contain no-repeat;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_field:hover,
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_field:focus-visible {
  color: var(--color_grey_4);
  border-color: var(--color_orange_dedalo);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group.drag_over:not(:has(.search_group.drag_over)) > .add_field {
  color: var(--color_grey_4);
  border-color: var(--color_orange_dedalo);
  border-style: solid;
  background-color: var(--color_hilite);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_group {
  order: 3;
  grid-column: 1 / -1;
  justify-self: start;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  height: 1.9rem;
  padding: 0 0.5rem;
  font-size: 0.9em;
  color: var(--color_grey_6);
  background-color: transparent;
  border: 1px dashed var(--color_grey_10);
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: color var(--transition-fast), border-color var(--transition-fast);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_group:before {
  content: '';
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url(../../themes/default/icons/add.svg) center / contain no-repeat;
  mask: url(../../themes/default/icons/add.svg) center / contain no-repeat;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_group:hover,
.wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .add_group:focus-visible {
  color: var(--color_grey_4);
  border-color: var(--color_orange_dedalo);
  border-style: solid;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container {
  width: 17rem;
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  align-content: start;
  margin: 0px;
  padding: 0.5rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container .button {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0 0.5rem;
  min-height: 2.25rem;
  font-size: 1em;
  font-weight: 500;
  opacity: 1;
  color: var(--color_grey_4);
  background-color: var(--color_white);
  border: 1px solid var(--color_grey_10);
  border-radius: var(--radius-md);
  word-break: normal;
  cursor: pointer;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container .button:hover {
  border-color: var(--color_orange_dedalo);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .max_group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.5rem;
  background-color: var(--color_white);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-md);
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .max_group .max_input_label {
  flex: 1 1 auto;
  color: var(--color_grey_6);
  font-size: 0.9em;
  pointer-events: none;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .max_group input.max_input {
  flex: 0 0 4rem;
  width: 4rem;
  height: 1.9rem;
  background-color: var(--color_grey_16);
  color: var(--color_grey_4);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-sm);
  text-align: center;
  font-size: 1em;
  font-variant-numeric: tabular-nums;
  padding: 0;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group .button {
  flex: 1 1 auto;
  width: auto;
  white-space: nowrap;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group .button.reset_search {
  gap: 0.25rem;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group .button.reset_search:before {
  content: '';
  flex: none;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask: url(../../themes/default/icons/reload.svg) center / contain no-repeat;
  mask: url(../../themes/default/icons/reload.svg) center / contain no-repeat;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group .button.show_all {
  -webkit-mask-image: none;
  mask-image: none;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .reset_group .button.show_all:before {
  content: none;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .button.submit {
  min-height: 2.75rem;
  background-color: var(--search_apply_bg);
  border-color: var(--search_apply_bg);
  color: var(--search_apply_fg);
  font-size: 1.05em;
  font-weight: 600;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .button.submit:hover {
  filter: brightness(1.1);
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .children_recursive_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.25rem;
  font-size: 0.9em;
  color: var(--color_grey_6);
  cursor: pointer;
}
.wrapper_search > .search_global_container > .search_container_selection .search_group_container > .search_buttons_container > .children_recursive_label .children_recursive {
  margin: 0;
}
.wrapper_search > .search_global_container > .wrapper_sections_selector {
  max-width: 130px;
  min-width: 110px;
}
.wrapper_search > .search_global_container > .wrapper_sections_selector > .typology_selector {
  width: 10rem;
}
.wrapper_search > .search_global_container > .wrapper_sections_selector > .wrapper_sections_selector_ul > li {
  display: inline-block;
  height: auto;
  font-size: 0.9rem;
}
.wrapper_search > .search_global_container > .wrapper_sections_selector > .wrapper_sections_selector_ul > li > label > input {
  margin-right: 0.33rem;
}
.wrapper_search > .search_global_container .search_container_selection_presets {
  background-color: var(--color_grey_15);
  width: 160px;
  min-width: 140px;
  display: block;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .component_presets_label {
  display: inline-flex;
  align-items: center;
  width: 100%;
  background-color: var(--color_grey_10);
  color: var(--color_grey_4);
  font-weight: 500;
  text-align: left;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .component_presets_label mark {
  color: var(--color_grey_4);
  background-color: initial;
  opacity: initial;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .component_presets_label > .button.add {
  background-color: var(--color_grey_4);
  flex: none;
  cursor: pointer;
  z-index: 9;
  margin-left: 0.5rem;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section {
  padding: 0px;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .paginator_container {
  height: unset;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .section_record {
  display: grid;
  grid-template-columns: 1.5rem 1.1rem 1fr 1.5rem;
  border-bottom: 1px solid var(--color_grey_10);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .section_record.selected {
  background-color: var(--color_orange_dedalo);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .section_record.selected .button.icon {
  background-color: var(--color_white);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .section_record.selected .wrapper_component {
  color: var(--fg_on_brand);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body.no_delete .section_record {
  grid-template-columns: 1.5rem 1.1rem 1fr;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column {
  outline: none;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column .button.icon {
  background-color: var(--color_grey_10);
  margin: 0px;
  margin-top: 0.27rem;
  margin-right: 0.25rem;
  height: 1rem;
  width: 1rem;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .section_record:hover:not(.selected) {
  background-color: var(--color_hilite);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column_apply_preset .button_apply_preset {
  transform: scaleX(-1);
  background-color: var(--color_grey_10);
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column_section {
  min-width: 0;
  overflow: hidden;
  cursor: pointer;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column_section .wrapper_component {
  min-width: 0;
  overflow: hidden;
}
.wrapper_search > .search_global_container .search_container_selection_presets > .wrapper_section > .list_body .column_section .wrapper_component > span {
  display: block;
  padding: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.toggle_container_selector,
.toggle_container_selection_presets {
  background-color: var(--color_grey_10);
  writing-mode: vertical-lr;
  text-transform: uppercase;
  cursor: pointer;
  color: var(--color_grey_4);
  padding: 0.25rem;
  padding-top: 0.75rem;
  letter-spacing: 1px;
}
.toggle_container_selector:active,
.toggle_container_selection_presets:active {
  opacity: 0.7;
}
.semantic_quick_search {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
}
.semantic_quick_search.hide {
  display: none;
}
.semantic_quick_search input.semantic_query {
  min-width: 15em;
  height: 2em;
  padding: 0 0.9em;
  opacity: 1;
  color: var(--fg_default);
  background-color: var(--bg_input);
  border-radius: var(--radius-pill);
  outline: 1px solid var(--border_default);
  transition: min-width var(--transition-base), outline-color var(--transition-fast), box-shadow var(--transition-fast);
}
.semantic_quick_search input.semantic_query::placeholder {
  color: var(--fg_muted);
}
.semantic_quick_search input.semantic_query:focus {
  min-width: 24em;
  outline: 1px solid var(--color_orange_dedalo);
  box-shadow: 0 0 0 3px var(--focus_ring_weak);
}
.semantic_quick_search.loading input.semantic_query {
  cursor: progress;
  animation: semantic_query_pulse 1.2s ease-in-out infinite;
}
@keyframes semantic_query_pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}
.semantic_pinned_chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 2px 6px;
  padding: 2px 10px;
  border-radius: var(--radius-pill);
  background-color: var(--color_orange_light);
  color: var(--color_orange_dark);
  font-size: 0.85em;
  font-weight: 500;
}
.semantic_pinned_chip .chip_clear {
  cursor: pointer;
  font-weight: bold;
  transition: color var(--transition-fast);
}
.semantic_pinned_chip .chip_clear:hover {
  color: var(--color_orange_dedalo);
}
/**
* menu
*
* Included from main.less file
*/
.menu {
  contain: layout;
  margin: 0px;
  padding: 0px;
  position: -webkit-sticky;
  position: sticky;
  top: -0.1px;
  left: 0px;
  z-index: 4;
  background-color: var(--bg_menu);
  box-shadow: var(--shadow-2);
  min-height: var(--menu_heigth);
}
.menu.with_debug_info {
  min-height: calc(var(--menu_heigth) * 2);
}
.menu > .content_data {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 1rem;
  color: var(--fg_inverse);
  line-height: 1.2em;
  min-height: var(--menu_heigth);
}
.menu > .content_data.master {
  background-color: var(--color_green_ontology);
}
.menu > .content_data.compact > .menu_hierarchy,
.menu > .content_data.compact > .ontology {
  display: none;
}
.menu > .content_data.compact > .menu_mobile_icon,
.menu > .content_data.compact > .menu_mobile_wrapper {
  display: block;
}
.menu > .content_data:before {
  content: ' ';
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 3px;
  background-color: green;
}
.menu > .content_data.is_global_admin:before {
  background-color: orange;
}
.menu > .content_data.is_root:before {
  background-color: red;
}
.menu > .content_data > .top_item {
  min-height: var(--menu_heigth);
  line-height: var(--menu_heigth);
  font-size: 1.1rem;
  margin-left: 1rem;
}
.menu > .content_data > .quit {
  width: 1em;
  background-image: url('../../themes/default/icons/power-off_white.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.menu > .content_data > .quit:active {
  opacity: 0.4 !important;
}
.menu > .content_data > .dedalo_icon_top {
  width: 1em;
  background-image: url('../../themes/default/dedalo_logo.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.menu > .content_data > .menu_hierarchy {
  padding: 0px;
  margin-left: 0.5rem;
  z-index: 2;
}
.menu > .content_data > .menu_hierarchy ul {
  display: none;
  z-index: inherit;
}
.menu > .content_data > .menu_hierarchy li {
  margin: 0 2px;
  padding: 0 0 0px;
  float: left;
  position: relative;
  list-style: none;
}
.menu > .content_data > .menu_hierarchy a {
  color: var(--color_grey_14);
  text-decoration: none;
  display: block;
  width: 100%;
  margin: 0px;
  padding-left: 6px;
  padding-right: 18px;
  letter-spacing: 0.7px;
  font-weight: 300;
}
.menu > .content_data > .menu_hierarchy a:active {
  background-color: var(--menu_bg_active_border) !important;
}
.menu > .content_data > .menu_hierarchy ul#dd1 {
  display: flex;
  flex-wrap: wrap;
}
.menu > .content_data > .menu_hierarchy ul#dd1 li {
  display: inline-block;
  padding: 0px;
  border: none;
  text-align: left;
}
.menu > .content_data > .menu_hierarchy ul#dd1 li.has-sub::after {
  display: none;
}
.menu > .content_data > .menu_hierarchy ul#dd1 > li > a {
  height: var(--menu_heigth);
  padding: 0px;
  line-height: var(--menu_heigth);
  padding-left: 6px;
  padding-right: 6px;
}
.menu > .content_data > .menu_hierarchy ul:not(#dd1) {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: var(--color_grey_16);
  margin: 0px;
  margin-left: 1px;
  margin-top: -1px;
  padding: 0px;
  min-width: 175px;
  position: absolute;
  top: var(--menu_heigth);
  box-shadow: var(--shadow-3);
  border: 1px solid var(--color_grey_9);
  border-radius: 4px;
  border-top-left-radius: 0;
  max-height: calc(100vh - var(--menu_heigth));
  overflow: auto;
}
.menu > .content_data > .menu_hierarchy ul:not(#dd1) a {
  color: var(--color_grey_3);
}
.menu > .content_data > .menu_hierarchy > li > ul {
  border-radius: 0px 0px 4px 4px;
  /* top left, top right, bottom right, bottom left */
}
.menu > .content_data > .menu_hierarchy ul li {
  border: 1px solid var(--color_grey_7);
  border-style: none none inset;
  float: none;
  margin: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;
}
.menu > .content_data > .menu_hierarchy ul li:last-child {
  border: none;
}
.menu > .content_data > .menu_hierarchy ul ul {
  left: 100%;
  top: -1px;
}
.menu > .content_data > .menu_hierarchy .menu_ul_displayed {
  display: block;
}
.menu > .content_data > .menu_hierarchy .menu_ul_hidden {
  display: none;
}
.menu > .content_data > .menu_hierarchy .menu_li_active > a {
  background: var(--menu_item_active_bg);
  color: var(--menu_item_active_fg) !important;
  box-shadow: inset 3px 0 0 var(--menu_item_active_accent);
}
.menu > .content_data > .menu_hierarchy .menu_li_active ul {
  display: block !important;
}
.menu > .content_data > .menu_hierarchy .menu_li_inactive > a {
  background: transparent !important;
}
.menu > .content_data > .menu_hierarchy .menu_li_inactive ul {
  display: none !important;
}
.menu > .content_data > .menu_hierarchy li.has-sub::after {
  content: " ";
  display: inline-block;
  position: absolute;
  right: 8px;
  top: 12px;
  width: 0px;
  height: 0px;
  margin-left: 3px;
  vertical-align: middle;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid var(--color_black);
  pointer-events: none;
}
.menu > .content_data > .menu_hierarchy li.has-sub.menu_li_active::after {
  border-left: 5px solid var(--menu_item_active_fg);
}
.menu > .content_data > .menu_hierarchy > li.has-sub::after {
  display: none;
}
.menu > .content_data > .menu_hierarchy ul#dd1 > li.menu_li_active > a {
  box-shadow: inset 0 -2px 0 var(--menu_item_active_accent);
}
.menu > .content_data > .menu_hierarchy > li.menu_li_active {
  box-shadow: var(--shadow-3);
}
.menu > .content_data > .menu_mobile_icon {
  background-image: url('../../themes/default/icons/menu.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1rem;
  margin-right: 0.75rem;
  left: 0.5rem;
  cursor: pointer;
  display: none;
}
.menu > .content_data > .menu_mobile_icon:active {
  opacity: 0.5;
}
.menu > .content_data > .menu_mobile_wrapper {
  width: 100%;
  position: relative;
  background-color: var(--menu_mobile_bg);
  font-size: 1.25rem;
  padding: 1rem;
  display: none;
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_item {
  display: block;
  color: var(--menu_mobile_fg);
  padding: 0.25rem 1rem;
  padding-right: 1.75rem;
  position: relative;
  width: fit-content;
  line-height: 1.6rem;
  cursor: pointer;
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_item:hover {
  background-color: var(--menu_mobile_hover_bg);
  border-radius: var(--radius-sm);
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_item.with_children {
  color: var(--menu_mobile_parent_fg);
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_item.with_children:after {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 3px;
  vertical-align: middle;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 5px solid var(--menu_mobile_arrow);
  position: absolute;
  top: 0.66em;
  right: 0.66em;
  pointer-events: none;
}
@media screen and (min-width: 1185px) {
  .menu > .content_data > .menu_mobile_wrapper .menu_mobile_item.with_children:after {
    top: 0.66em;
  }
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_item.with_children.active:after {
  transform: rotate(90deg);
}
.menu > .content_data > .menu_mobile_wrapper .menu_mobile_children_container {
  padding-left: 1rem;
}
.menu > .content_data > .ontology {
  color: var(--menu_link_fg);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
  border-bottom: 2px solid var(--color_green_ontology);
  padding-bottom: 1px;
}
@media screen and (max-width: 1185px) {
  .menu > .content_data > .ontology.top_item {
    display: none;
  }
}
.menu > .content_data > .logged_user_name {
  color: var(--color_grey_8);
  margin-left: 0.5rem;
  cursor: pointer;
}
.menu > .content_data > .logged_user_name:hover {
  color: var(--menu_link_fg);
}
.menu > .content_data > .logged_user_name.is_root {
  color: var(--color_orange_dedalo);
  cursor: default;
}
.menu > .content_data > .dedalo_aplication_langs_selector {
  display: inline-block;
  background-color: transparent;
  height: auto;
  max-width: 99.9%;
  padding-left: 0px;
  padding-right: 1em;
  color: var(--menu_selector_fg);
  border: none;
  cursor: pointer;
  font-size: 1.05rem;
  height: var(--menu_heigth);
  line-height: var(--menu_heigth);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../../themes/default/select_invert.svg');
  background-position: top 50% right 3px;
  background-size: 7px 12px;
  background-repeat: no-repeat;
  letter-spacing: -0.5px;
}
.menu > .content_data > .dedalo_aplication_langs_selector.data {
  margin-left: 0.5rem;
}
@media screen and (max-width: 1185px) {
  .menu > .content_data > .dedalo_aplication_langs_selector {
    text-overflow: ellipsis;
    width: 6rem;
    font-size: 1rem;
  }
  .menu > .content_data > .dedalo_aplication_langs_selector.data {
    display: none;
  }
}
.menu > .content_data > .dedalo_aplication_langs_selector.unsync {
  color: var(--color_tag_indexation_normal);
  opacity: 0.9;
}
.menu > .content_data > .menu_spacer {
  flex: 1;
  margin: 0px;
}
.menu > .content_data > .theme_toggle {
  width: 1.25em;
  height: 2rem;
  background-image: url('../../themes/default/icons/moon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.85;
  filter: brightness(0) invert(1);
}
.menu > .content_data > .theme_toggle:hover {
  opacity: 1;
}
.menu > .content_data > .design_toggle {
  width: 1.15em;
  height: 2rem;
  background-image: url('../../themes/default/icons/design.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.7;
  filter: brightness(0) invert(1);
  transition: opacity 0.15s ease, transform 0.2s var(--ease-standard, ease);
}
.menu > .content_data > .design_toggle:hover {
  opacity: 1;
}
.menu > .content_data > .ai_assistant_button {
  width: 1.3rem;
  height: 2rem;
  background-image: url('../../../tools/tool_assistant/img/ai-assistant.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  filter: brightness(0) invert(1);
}
.menu > .content_data > .ai_assistant_button:active {
  opacity: 0.4;
}
.menu > .content_data > .ai_assistant_button:hover {
  opacity: 1;
}
.menu > .content_data > .section_label_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.menu > .content_data > .section_label_container > .section_label {
  cursor: pointer;
  margin-right: 1rem;
  user-select: none;
}
@media screen and (max-width: 960px) {
  .menu > .content_data > .section_label_container > .section_label {
    font-size: 1rem;
    text-align: right;
    flex: 1;
  }
}
.menu > .content_data > .section_label_container > .section_label:hover {
  opacity: 1;
}
.menu > .content_data > .section_label_container > .section_label:active {
  opacity: 0.4;
}
.menu > .content_data > .section_label_container > .section_label.inactive {
  cursor: default;
  pointer-events: none;
  opacity: 0.9;
}
.menu > .content_data > .section_label_container > .button_toggle_inspector {
  background-image: url('../../themes/default/icons/inspector.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 1.4rem;
  height: 2rem;
  margin-right: 1rem;
  margin-left: 0px;
  cursor: pointer;
}
.menu > .content_data > .section_label_container > .button_toggle_inspector:active {
  opacity: 0.4;
}
@media screen and (max-width: 1185px) {
  .menu > .content_data > .section_label_container > .button_toggle_inspector {
    display: none;
  }
}
.menu > .debug_info_bar {
  contain: content;
  background-color: var(--color_grey_4_light);
  width: 100%;
  margin: 0px;
  padding: 0.35rem;
  padding-left: 0px;
  padding-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  flex-basis: 100%;
  align-items: center;
  line-height: 1.3rem;
  min-height: var(--menu_heigth);
  font-size: 1rem;
}
.menu > .debug_info_bar > div {
  padding-left: 1em;
  color: var(--debug_info_bar_text);
  font-size: 94%;
}
.menu > .debug_info_bar > .service_worker_active {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: black;
  height: 1em;
  width: 1em;
  opacity: 0.7;
  -webkit-mask-image: url('../../themes/default/icons/gears.svg');
  mask-image: url('../../themes/default/icons/gears.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 1.3rem;
  height: 2.2rem;
  display: inline-block;
  margin-left: 0.9rem;
  margin-right: 0px;
  opacity: 1;
  cursor: default;
  background-color: var(--color_orange_dedalo);
}
.menu > .debug_info_bar > .service_worker_active:hover {
  opacity: 1 !important;
}
.menu > .debug_info_bar > .service_worker_active:active {
  opacity: 0.4 !important;
}
.buttons_container .menu > .debug_info_bar > .service_worker_active {
  background-color: var(--color_white);
  margin-top: 0px;
}
.menu > .debug_info_bar > .service_worker_active.white {
  background-color: var(--color_white) !important;
}
.menu > .debug_info_bar > .service_worker_active.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.menu > .debug_info_bar > .service_worker_active.transparent {
  background-color: transparent !important;
}
@media screen and (max-width: 1185px) {
  .menu > .debug_info_bar > .service_worker_active {
    height: 1.5rem;
  }
}
.menu > .debug_info_bar > .environment {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  opacity: 1;
  user-select: none;
  font-weight: 300;
  background: black;
  height: 1em;
  width: 1em;
  opacity: 0.7;
  -webkit-mask-image: url('../../themes/default/icons/gear.svg');
  mask-image: url('../../themes/default/icons/gear.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-left: 0.75rem;
  background-color: var(--color_grey_9);
}
.menu > .debug_info_bar > .environment:hover {
  opacity: 1 !important;
}
.menu > .debug_info_bar > .environment:active {
  opacity: 0.4 !important;
}
.buttons_container .menu > .debug_info_bar > .environment {
  background-color: var(--color_white);
  margin-top: 0px;
}
.menu > .debug_info_bar > .environment.white {
  background-color: var(--color_white) !important;
}
.menu > .debug_info_bar > .environment.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.menu > .debug_info_bar > .environment.transparent {
  background-color: transparent !important;
}
.menu > .debug_info_bar .ip_server {
  position: absolute;
  right: 1rem;
}
@media screen and (max-width: 1185px) {
  .menu > .debug_info_bar .ip_server {
    position: relative;
    margin-left: 1rem;
  }
}
:root[data-theme="dark"] .menu {
  background-color: var(--bg_surface_alt);
}
:root[data-theme="dark"] .menu .menu_hierarchy a {
  color: var(--menu_dropdown_text);
}
:root[data-theme="dark"] .menu .menu_hierarchy ul:not(#dd1) {
  background: var(--menu_dropdown_bg);
  border-color: var(--menu_dropdown_border);
}
:root[data-theme="dark"] .menu .menu_hierarchy ul li {
  border-color: var(--menu_dropdown_li_border);
}
:root[data-theme="dark"] .menu .debug_info_bar {
  background-color: var(--debug_info_bar_bg);
}
:root[data-theme="dark"] .menu > .content_data > .theme_toggle {
  background-image: url('../../themes/default/icons/sun.svg');
}
:root[data-design="redesign"] .menu > .content_data > .design_toggle {
  transform: scaleX(-1);
  opacity: 0.95;
}
.menu_placeholder {
  height: var(--menu_heigth);
  min-height: var(--menu_heigth);
  margin: 0px;
}
.menu_placeholder.placeholder_debug {
  height: calc(var(--menu_heigth) * 2);
  min-height: calc(var(--menu_heigth) * 2);
}
/**
* dd_grid
*
*
* Included from main.less file
*/
.wrapper_dd_grid {
  width: 100%;
  display: block;
}
.wrapper_dd_grid.view_default .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: inherit;
}
.wrapper_dd_grid.view_default .row.head.oh {
  background-color: var(--color_grey_13);
  display: grid;
  grid-template-columns: 140px 1fr 1fr 1fr 1fr;
}
.wrapper_dd_grid.view_default .row.head.publication {
  background-color: var(--color_red_light);
  display: grid;
  grid-template-columns: 140px 1fr 1fr 1fr 1fr 1fr;
}
.wrapper_dd_grid.view_default .column {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  outline: 1px solid var(--color_grey_10);
  max-height: 100%;
}
.wrapper_dd_grid.view_default .column.caption {
  color: var(--color_white);
  font-weight: 400;
  outline: none;
  padding: 0px;
  margin: 0.5em;
  margin-left: 90px;
}
.wrapper_dd_grid.view_default .column.caption > label {
  background-color: var(--color_grey_3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 0.8em;
}
.wrapper_dd_grid.view_default label {
  width: 100%;
  display: block;
  font-size: 0.95rem;
  padding: 0.5em;
}
.wrapper_dd_grid.view_default span {
  color: var(--color_black);
  padding: 0.5em;
  display: inline-block;
  width: 100%;
  font-size: 0.94em;
  line-height: 1em;
}
.wrapper_dd_grid.view_default img {
  background-color: var(--color_grey_13);
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 5em;
  padding: 0px;
  margin: 0px;
}
.wrapper_dd_grid.view_default img.button {
  background-color: var(--color_grey_13);
  display: inline-block;
  object-fit: contain;
  object-position: center;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
.wrapper_dd_grid.view_table {
  border-collapse: collapse;
  display: table;
  background-color: var(--color_white);
}
.wrapper_dd_grid.view_table .row_header th {
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
}
.wrapper_dd_grid.view_table > tr:nth-child(even) {
  background-color: var(--color_grey_15);
}
.wrapper_dd_grid.view_table td,
.wrapper_dd_grid.view_table th {
  border: 1px solid var(--color_grey_11);
  padding: 0.33em;
  text-align: left;
}
.wrapper_dd_grid.view_table td {
  color: var(--color_black);
}
.wrapper_dd_grid.view_table td > img {
  width: 100%;
  max-width: 100%;
  max-height: 5rem;
  min-width: 3rem;
  object-fit: contain;
  object-position: center;
}
.wrapper_dd_grid.view_table td.text_column img {
  max-height: 1rem;
  vertical-align: text-bottom;
}
.wrapper_dd_grid.view_mini > img {
  width: 100%;
  max-width: 100%;
  max-height: 5rem;
  object-fit: contain;
  object-position: center;
}
.wrapper_dd_grid.view_mini .index,
.wrapper_dd_grid.view_mini .tc,
.wrapper_dd_grid.view_mini .person,
.wrapper_dd_grid.view_mini .note,
.wrapper_dd_grid.view_mini .lang {
  max-height: 1rem;
  vertical-align: text-bottom;
}
/**
*	dd_grid view_indexation
*
*
* Included from dd_grid.less file
*/
.wrapper_dd_grid.view_indexation {
  contain: layout paint style inline-size;
  --icon_height: 1.05rem;
  max-height: 80vh;
  overflow: auto;
  position: relative;
}
.wrapper_dd_grid.view_indexation.measuring {
  --grid_scroll_w: 100% !important;
}
.wrapper_dd_grid.view_indexation .top_container {
  background-color: var(--color_grey_14);
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 2;
  width: var(--grid_scroll_w, 100%);
}
.wrapper_dd_grid.view_indexation .top_container .filter_section_container {
  position: sticky;
  left: 0;
  width: max-content;
  justify-self: start;
}
.wrapper_dd_grid.view_indexation .top_container .paginator_container {
  position: sticky;
  right: 0;
  justify-self: end;
}
.wrapper_dd_grid.view_indexation .top_container .filter_section_container {
  margin-left: 4rem;
  padding-top: 1.02rem;
  padding-bottom: 1rem;
  display: flex;
  flex-wrap: nowrap;
}
.wrapper_dd_grid.view_indexation .top_container .filter_section_container .checkbox_label {
  background-color: var(--color_grey_16);
  margin-right: 0.5rem;
  padding: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border: 1px solid var(--color_grey_11);
  border-radius: 0.5rem;
  cursor: pointer;
  width: max-content;
}
.wrapper_dd_grid.view_indexation .top_container .filter_section_container .checkbox_label.unchecked {
  opacity: 0.5;
}
.wrapper_dd_grid.view_indexation .top_container .filter_section_container .checkbox_label input {
  margin-right: 0.25rem;
  vertical-align: bottom;
}
.wrapper_dd_grid.view_indexation .top_container .paginator_container {
  display: flex;
  justify-content: flex-end;
  padding-right: 0.5rem;
}
.wrapper_dd_grid.view_indexation .top_container .paginator_container .wrapper_paginator .content_data {
  font-size: 1rem;
}
.wrapper_dd_grid.view_indexation .content_data {
  margin: 0;
  padding: 0;
}
.wrapper_dd_grid.view_indexation .content_data .column {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
  max-height: 100%;
  min-height: 2rem;
  padding: 0.15rem;
}
.wrapper_dd_grid.view_indexation .content_data .column > img {
  height: 100%;
}
.wrapper_dd_grid.view_indexation .content_data .column.indexation {
  box-shadow: none;
}
.wrapper_dd_grid.view_indexation .content_data label {
  width: 100%;
  display: block;
  font-size: 0.95rem;
  padding: 0.5em;
}
.wrapper_dd_grid.view_indexation .content_data span {
  color: var(--color_black);
  padding: 0.5em;
  display: inline-block;
  width: 100%;
  font-size: 0.94em;
  line-height: 1em;
}
.wrapper_dd_grid.view_indexation .content_data img:not(.tc, .index) {
  background-color: var(--color_grey_13);
  object-fit: cover;
  object-position: center;
  width: 8rem;
  height: 5em;
  padding: 0px;
  margin: 0px;
}
.wrapper_dd_grid.view_indexation .content_data img.button {
  background-color: var(--color_grey_13);
  display: inline-block;
  object-fit: contain;
  object-position: center;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
.wrapper_dd_grid.view_indexation .content_data > .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: inherit;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption {
  color: var(--color_white);
  font-weight: 400;
  outline: none;
  padding: 0px;
  margin: 0.5em;
  margin-left: 4rem;
  margin-right: 0;
  box-shadow: none;
  --base_color: var(--color_grey_4);
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption > label {
  background-color: var(--base_color);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 0.8em;
  position: sticky;
  top: 4.2rem;
  z-index: 1;
  width: calc(var(--grid_scroll_w, 100%) - 4rem);
  flex-shrink: 0;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption .column span {
  padding-bottom: 0px;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption .row {
  display: flex;
  background-color: var(--color_grey_16);
  width: 100%;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption .row .column {
  box-shadow: none;
  outline: none;
  padding: 0px;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption > .row {
  width: 100%;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row {
  width: 100%;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row > .column {
  box-shadow: none;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row:not(.head) > .column {
  margin-left: 8rem;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row.head {
  background-color: var(--color_orange_light);
  width: 100%;
  display: grid;
  grid-template-columns: 102px repeat(5, minmax(0, 1fr));
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row.head .column {
  box-shadow: none;
  outline: none;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row.head .row {
  background-color: transparent;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row.head > .column:nth-of-type(1) {
  padding: 0px;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc205 > .row.head > .column:nth-of-type(1) .column {
  padding: 0px;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row > .column {
  box-shadow: none;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row:not(.head) > .column {
  margin-left: 8rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 6fr);
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row:not(.head) > .column > .column {
  box-shadow: none;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row.head {
  width: 100%;
  display: grid;
  grid-template-columns: 102px repeat(4, minmax(0, 1fr));
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row.head .column {
  box-shadow: none;
  outline: none;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row.head .column span {
  padding-bottom: inherit;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.isad1 > .row.head .row {
  background-color: transparent;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.ich100 > .row {
  width: 100%;
  display: grid;
  grid-template-columns: 4rem 20rem auto;
  align-items: center;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc197 > .row {
  width: 100%;
  display: grid;
  grid-template-columns: 4rem minmax(0, 4fr) minmax(0, 4fr) minmax(0, 2fr);
  align-items: center;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.tch > .row.line {
  display: grid;
  grid-template-columns: auto 13.4rem repeat(5, minmax(0, 1fr));
  border-bottom: 1px solid var(--color_grey_13);
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.tch > .row.line img {
  width: 6.7rem;
  height: 5rem;
  background-color: var(--color_white);
  object-fit: contain;
}
.wrapper_dd_grid.view_indexation .content_data > .row > .caption.rsc170 > .row.line {
  width: 100%;
  display: grid;
  grid-template-columns: 5rem 8rem minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 7rem minmax(0, 2fr);
  align-items: start;
  border-bottom: 1px solid var(--color_grey_13);
}
/**
*	dd_grid view_indexation_audiovisual
*
* It is shared by 'oh1' and 'actv1' and the CSS sector is defined in the properties
* see term 'oh6' properties for a sample of use
*
* Included from dd_grid.less file
*/
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head {
  margin-left: 0px;
  background-color: var(--color_grey_15);
  display: grid;
  grid-template-columns: 102px 8rem 10.5rem 20rem minmax(0, 1fr);
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head .column {
  box-shadow: none;
  outline: none;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head .row {
  background-color: transparent;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(1) {
  padding: 0px;
  overflow: hidden;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(1) .column {
  padding: 0px;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(2) {
  padding-left: 0.25rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(4) > .row {
  height: auto;
  width: 100%;
  display: flex;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(4) > .row .column {
  display: contents;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(4) > .row .column span {
  display: inline-block;
  width: auto;
  padding-right: 0px;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(5) {
  padding-top: 0.098rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(5) * {
  display: inline;
  box-shadow: none;
  outline: 0;
  width: unset;
  padding: 0;
  padding: 0.25rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.head > .column:nth-of-type(5) .row:not(:first-child, :last-child):after {
  content: ", ";
  display: inline-block;
  height: 1rem;
  color: var(--color_black);
  padding-right: 0.25rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line {
  margin-left: 8rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation {
  display: grid;
  grid-template-columns: 5rem 3rem 3rem 3rem 3rem minmax(8rem, 1fr) 7rem 7rem 7rem 3rem 3rem;
  line-height: 2rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column {
  overflow: visible;
  box-shadow: none;
  outline: none;
  min-width: 0;
  display: flex;
  align-content: center;
  line-height: 2rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column .icon {
  height: var(--icon_height);
  padding: 0.5rem;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column img {
  height: 1rem;
  width: auto;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.section_id {
  text-align: center;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.tag_id .tag_id {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_on_accent);
  cursor: pointer;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.tag_id .tag_id:active {
  opacity: 0.5;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.text_fragment {
  width: auto;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.text_fragment > .text_fragment {
  margin: 0px;
  padding-bottom: 0.3rem;
  padding-top: 0.25rem;
  max-height: 1.5rem;
  line-height: 1.2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: s-resize;
  vertical-align: top;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.text_fragment > .text_fragment:hover {
  background-color: var(--color_hilite);
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.text_fragment > .text_fragment.full {
  max-height: unset;
  margin-top: 0.25rem;
  cursor: n-resize;
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.button_download_av .icon {
  width: var(--icon_height);
}
.wrapper_dd_grid.view_indexation > .content_data > .row > .caption.audiovisual > .row.line .column.indexation > .column.button_download_av.watermark .icon {
  background-color: var(--color_green_success);
}
/**
* service_autocomplete
*
* Included from main.less file
*/
.wrapper_service_autocomplete {
  background-color: var(--color_orange_dedalo);
  border: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--fg_on_brand);
  position: absolute;
  left: -1px;
  margin-left: 0px;
  top: 100%;
  width: calc(100% + 1px);
  min-width: 25rem;
  opacity: 0;
  transition: opacity 0.08s ease-in-out;
  z-index: 6;
}
.wrapper_service_autocomplete.search {
  background-color: transparent;
  opacity: 1;
  transition: none;
  top: 1.42rem;
  left: 4rem;
  width: calc(100% - 46px);
  min-width: unset;
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  border: 1px solid var(--color_white);
  border-right: none !important;
  left: unset;
  right: 1px;
}
.wrapper_service_autocomplete.search > .button_options {
  margin: 0.5em;
  margin-right: 0.75em;
  margin-top: 1em;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: var(--color_grey_3);
}
.wrapper_service_autocomplete.search:has(>.options_hidden.visible) {
  border: 1px solid var(--color_grey_10);
}
.wrapper_service_autocomplete.search.hilite_element {
  background-color: var(--color_hilite);
  border: 1px solid var(--color_hilite);
}
.wrapper_service_autocomplete.search > .autocomplete_data {
  right: -1px;
  position: relative;
  width: calc(100% - 2px);
}
@media screen and (max-width: 1024px) {
  .wrapper_service_autocomplete {
    min-width: unset;
  }
}
.wrapper_service_autocomplete.active {
  opacity: 1;
}
.wrapper_service_autocomplete .spinner {
  right: 3rem;
  top: 0.6rem;
  height: 1.75rem;
  width: 1.75rem;
  left: unset;
  border-width: 3px;
}
.wrapper_service_autocomplete > .options_hidden {
  display: none;
  color: var(--fg_default);
}
.wrapper_service_autocomplete > .options_hidden.visible {
  display: block;
}
.wrapper_service_autocomplete > .options_hidden > .source_selector {
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
  display: flex;
  line-height: 1.25em;
}
.wrapper_service_autocomplete > .options_hidden > .source_selector > * {
  margin: 0.25em;
  padding: 0.5em;
}
.wrapper_service_autocomplete > .options_hidden > .source_selector select.select_source_selector {
  -webkit-appearance: caret;
  appearance: caret;
  background-color: transparent;
  outline: none;
  background: none;
  appearance: auto;
  height: auto;
  color: inherit;
}
.wrapper_service_autocomplete > .options_hidden > .source_selector select.select_source_selector option {
  color: var(--fg_default);
  background-color: var(--bg_elevated);
}
.wrapper_service_autocomplete > .options_hidden > .filters_container {
  overflow: hidden;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node {
  background-color: var(--color_grey_11);
  border-bottom: 1px solid var(--color_white);
  display: table;
  padding: 0.5em;
  width: 100%;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node > li {
  display: inline-block;
  color: var(--fg_default);
  margin-top: 1px;
  overflow: hidden;
  padding: 0.25em;
  white-space: nowrap;
  width: 50%;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node > li.all_selector {
  width: 100%;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node > li.all_selector label {
  font-weight: bold;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node > li label {
  display: block;
  font-size: 0.97rem;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.wrapper_service_autocomplete > .options_hidden ul.filter_node > li label > input {
  vertical-align: top;
  cursor: pointer;
  margin-right: 0.25rem;
}
.wrapper_service_autocomplete > .options_hidden > .inputs_list {
  background-color: var(--color_grey_14);
  padding: 0.5em;
}
.wrapper_service_autocomplete > .options_hidden > .inputs_list > .input_group {
  position: relative;
  height: 1.7rem;
}
.wrapper_service_autocomplete > .options_hidden > .inputs_list > .input_group > input {
  margin: 0px;
  margin-bottom: 2px;
}
.wrapper_service_autocomplete > .options_hidden > .inputs_list > .input_group > label {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  color: var(--fg_muted);
  z-index: 2;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div {
  background-color: var(--color_grey_14);
  padding: 0.25em;
  padding-left: 0.5em;
  display: flex;
  justify-content: space-between;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .select_container > .css_label,
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .select_container > .operator_selector {
  height: 1.5em;
  line-height: 1.5em;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .select_container > .css_label {
  padding-right: 0.5em;
  width: auto;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .select_container > .operator_selector {
  padding-left: 0.5rem;
  padding-right: 1rem;
  margin: 0;
  margin-left: 0.5rem;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .max_container > .label_max,
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .max_container > .input_max {
  height: 1.5em;
  line-height: 1.5em;
  padding-right: 0.5em;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .max_container > .label_max {
  margin-left: 1rem;
}
.wrapper_service_autocomplete > .options_hidden > .search_operators_div > .max_container > .input_max {
  width: 3.8rem;
}
.wrapper_service_autocomplete > .autocomplete_input {
  background: var(--color_white) var(--search_icon_url);
  background-position: bottom 6px right 8px;
  background-repeat: no-repeat;
  background-size: auto 60%;
  margin: 0.5em;
  width: calc(100% - 3rem);
  outline: 1px solid var(--color_white);
}
.wrapper_service_autocomplete > .autocomplete_input:not(.search .wrapper_service_autocomplete > .autocomplete_input) {
  box-shadow: none;
}
.wrapper_service_autocomplete > .autocomplete_input.searching {
  background-image: none;
}
.wrapper_service_autocomplete > .button_options {
  margin: 0.5em;
  margin-right: 0.75em;
  margin-top: 1em;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: var(--color_white);
}
.wrapper_service_autocomplete:has(>.options_hidden.visible) > .button_options {
  background-color: var(--fg_inverse);
}
.wrapper_service_autocomplete > .autocomplete_data {
  z-index: 5;
  width: max-content;
  min-width: 100%;
  background-color: var(--color_grey_14);
  color: var(--fg_default);
  border-left: 1px solid var(--color_orange_dedalo);
  border-right: 1px solid var(--color_orange_dedalo);
  max-width: 100%;
}
.wrapper_service_autocomplete > .autocomplete_data .loading_label {
  padding: 0.5rem;
  background-color: var(--color_white);
  pointer-events: none;
  border-bottom: 1px solid var(--color_orange_dedalo);
}
.wrapper_service_autocomplete > .autocomplete_data .search_notice {
  padding: 0.5rem;
  background-color: var(--color_white);
  pointer-events: none;
  border-bottom: 1px solid var(--color_orange_dedalo);
  color: var(--color_danger);
  font-weight: 600;
}
.wrapper_service_autocomplete > .autocomplete_data .search_notice.state_empty_query {
  color: var(--color_grey_5);
  font-weight: normal;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li {
  border-top: 1px solid var(--color_grey_11);
  cursor: pointer;
  padding: 0.5em;
  min-height: 2.04rem;
  line-height: 1.25rem;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li.selected {
  background-color: var(--color_grey_11);
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li:active {
  background-color: var(--service_bg_dark);
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li:first-child {
  border-top: 1px solid var(--color_orange_dedalo);
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li > .section_record {
  pointer-events: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li > .section_record > * {
  display: inline-block;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li > .section_record .column {
  outline: none;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li > .section_record .ddinfo_value {
  color: var(--fg_muted);
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li > .section_record .ddinfo_value:not(:last-child) {
  margin-right: 0.5em;
}
.wrapper_service_autocomplete > .autocomplete_data > .autocomplete_data_li:last-child {
  border-bottom: 1px solid var(--color_orange_dedalo);
}
/**
* service_upload
*
* Included from main.less file
*/
.service_upload > .content_data {
  padding: 1rem;
  position: relative;
  padding-bottom: 0;
}
.service_upload > .content_data > form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.service_upload > .content_data > form > label {
  padding: 1.5rem;
  padding-left: 1.75em;
  padding-right: 1.75em;
  background-color: var(--color_grey_13);
  border: 1px dashed var(--color_orange_dedalo);
  border-radius: 0.25em;
  cursor: pointer;
  width: 100%;
}
.service_upload > .content_data > form > label.hover {
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
  cursor: move !important;
}
.service_upload > .content_data > form > label.loading_file {
  opacity: 0.25;
  pointer-events: none;
}
.service_upload > .content_data > form > label img,
.service_upload > .content_data > form > label span {
  pointer-events: none;
}
.service_upload > .content_data > form > label .note {
  font-family: monospace;
  vertical-align: middle;
}
.service_upload > .content_data > form > label > img {
  height: 1.5em;
  padding-right: 1em;
  vertical-align: text-bottom;
}
.service_upload > .content_data > form > input {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.service_upload > .content_data > form > .ocr_options_container {
  padding-top: 1.5rem;
  background-color: var(--color_white);
}
.service_upload > .content_data > form > .ocr_options_container .checkbox_label input {
  margin-right: 0.5rem;
}
.service_upload > .content_data > form > .ocr_options_container .combobox_label {
  margin-left: 1.5rem;
}
.service_upload > .content_data > form > .ocr_options_container .combobox_label input {
  margin-right: 0.5rem;
}
.service_upload > .content_data > .progress_bar_container {
  padding: 0;
}
.service_upload > .content_data > .progress_bar_container > div.progress_info {
  font-size: 1.25em;
  color: var(--color_grey_7);
  font-weight: 300;
  padding-top: 0.75em;
  padding-bottom: 0.25em;
  height: 2.5rem;
}
.service_upload > .content_data > .progress_bar_container > progress.progress_line {
  width: 100%;
  margin-bottom: 0.5em;
}
.service_upload > .content_data > .response_container {
  padding-top: 0.5em;
  display: flex;
}
.service_upload > .content_data > .response_container > .response_msg {
  flex: 1 1 70%;
}
.service_upload > .content_data > .response_container > .response_msg.success {
  color: var(--color_success);
}
.service_upload > .content_data > .response_container > .response_msg.failed {
  color: var(--color_danger);
}
.service_upload > .content_data > .response_container > .response_msg .blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.service_upload > .content_data .button.info {
  background-color: var(--color_black);
  position: absolute;
  right: 0.75rem;
  top: 6.5rem;
}
.service_upload > .content_data .info_container {
  background-color: var(--color_grey_15);
  color: var(--color_grey_8);
  margin-top: 1.5em;
  display: grid;
  grid-template-columns: 1fr 3fr;
}
.service_upload > .content_data .info_container > label,
.service_upload > .content_data .info_container > div {
  padding: 0.75em;
}
.service_upload > .content_data .info_container > label {
  padding-right: 2em;
}
.service_upload.multiple > .content_data > .button.info {
  right: 0;
  top: 0;
}
.service_upload.multiple > .content_data > .info_container {
  margin-top: 0;
  margin-bottom: 1rem;
}
.service_upload.multiple > .content_data.hover {
  outline: 2px dashed var(--color_orange_dedalo);
  outline-offset: -2px;
}
.service_upload.multiple > .content_data > .row {
  font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
  .service_upload.multiple > .content_data > .row .buttons_container {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .service_upload.multiple > .content_data > .row .buttons_container button {
    width: 100%;
    margin-top: 0.5rem;
  }
  .service_upload.multiple > .content_data > .row .buttons_container .all_delete_checkbox {
    margin-top: 0.5rem;
  }
}
.service_upload.multiple > .content_data > .row .progress {
  margin-top: 1rem;
  margin-bottom: 0px;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row {
  margin: 0px;
  min-height: 72px;
  display: grid;
  grid-template-columns: 128px 2fr 1fr 1fr 1fr 3rem;
  align-items: center;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row > * {
  margin-right: 1em;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .details_wrapp {
  padding: 0.5rem;
  padding-right: 1rem;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .details_wrapp > .name {
  margin-right: 0.33rem;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .details_wrapp > .error {
  margin-right: 0.33rem;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .details_wrapp > .size {
  margin-right: 0.33rem;
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .preview_wrapp {
  overflow: hidden;
  height: 100%;
  min-width: 115px;
  min-height: 70px;
  background-color: var(--color_grey_16);
}
.service_upload.multiple > .content_data .table.table-striped > .file-row .preview_wrapp img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-image: url(../../themes/default/dedalo_logo_grey.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
}
/**
* service_ckeditor
*
* Included from main.less file
*/
.toolbar_container {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  background-color: var(--color_white);
  box-shadow: 0px 1px 0px 0px var(--color_grey_13);
  left: 6px;
  top: 6px;
  height: auto;
  padding: 0.05rem;
  width: calc(100% - 12px);
  z-index: 3;
}
.toolbar_container > .toolbar_button {
  height: 1.5em;
  padding: 0.25rem;
  padding-right: 0.33em;
  padding-left: 0.25em;
  border-radius: 0.25em;
  cursor: pointer;
}
.toolbar_container > .toolbar_button.separator {
  pointer-events: none;
}
.toolbar_container > .toolbar_button:hover {
  background-color: var(--color_grey_11);
}
.toolbar_container > .toolbar_button:active {
  opacity: 0.6;
}
.toolbar_container > .toolbar_button.active {
  background-color: var(--color_grey_11);
}
.toolbar_container > .toolbar_button.disable {
  opacity: 25%;
}
.toolbar_container > .toolbar_button img {
  height: 100%;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container {
  display: contents;
  position: relative;
  z-index: 0;
  left: 0px !important;
  top: 0px !important;
  box-shadow: none;
  border: 0px;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping {
  outline: none;
  margin: 0px !important;
  height: 1.7rem;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-toolbar__items {
  margin: 0px !important;
  padding: 0px !important;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-toolbar__separator {
  height: 100%;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-toolbar__grouped-dropdown {
  white-space: nowrap;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-dropdown,
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-toolbar__separator,
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-file-dialog-button,
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-button {
  min-height: 22px;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  white-space: nowrap;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-splitbutton.ck-dropdown__button {
  white-space: nowrap;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-dropdown.ck-heading-dropdown {
  width: 8rem;
  max-height: unset;
  white-space: nowrap;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping .ck-toolbar__separator {
  height: 16px;
}
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping input,
.toolbar_container .ck-balloon-panel.ck-toolbar-container .ck-toolbar.ck-toolbar_grouping label {
  height: unset;
  min-height: unset;
  font-size: unset;
}
.ck-source-editing-area {
  height: calc(100% - 1.5rem);
  width: 100%;
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  z-index: 0;
}
.ck-source-editing-area > textarea {
  overflow: auto;
}
.ck-content ol,
.ck-content ul {
  padding-left: 1.5em;
}
.ck-placeholder {
  opacity: 0.33;
}
dd-modal .find_and_replace {
  background-color: var(--color_grey_15);
}
dd-modal .find_and_replace input {
  margin-bottom: 1px;
}
dd-modal .find_and_replace input:focus {
  background-color: var(--color_mandatory);
  outline: 1px solid var(--color_orange_dedalo);
  box-shadow: none;
}
dd-modal .find_and_replace .replace_container {
  padding-top: 1.5em;
}
dd-modal .find_and_replace .options_container {
  display: flex;
  align-items: center;
  padding-top: 1.5em;
  /* toggle-pill-color */
  /* toggle-pill-color end */
}
dd-modal .find_and_replace .options_container .label_match_case {
  padding-right: 0.3em;
}
dd-modal .find_and_replace .options_container .label_whole_words {
  padding-left: 1em;
  padding-right: 0.3em;
}
dd-modal .find_and_replace .options_container .check input[type="checkbox"] {
  display: none;
}
dd-modal .find_and_replace .options_container .check input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  width: 3em;
  height: 1.6em;
  border-radius: 1em;
  background: var(--color_grey_13);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}
dd-modal .find_and_replace .options_container .check input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  border-radius: 1em;
  background: var(--color_white);
  box-shadow: 2px 0px 5px var(--color_grey_10);
  position: absolute;
  left: 0.2em;
  top: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
dd-modal .find_and_replace .options_container .check input[type="checkbox"]:checked + label {
  background: var(--color_green_success);
}
dd-modal .find_and_replace .options_container .check input[type="checkbox"]:checked + label:before {
  box-shadow: -2px 0px 5px var(--color_grey_10);
  left: 1.6em;
}
:root[data-theme="dark"] {
  --ck-color-base-background: var(--color_white);
  --ck-color-base-text: var(--color_black);
  --ck-color-base-border: var(--color_grey_11);
  --ck-color-base-active: var(--color_input_focus);
  --ck-color-base-active-focus: var(--color_input_focus);
  --ck-color-base-error: var(--color_danger);
  --ck-color-toolbar-background: var(--color_white);
  --ck-color-toolbar-border: var(--color_grey_13);
  --ck-color-button-default-background: transparent;
  --ck-color-button-default-hover-background: var(--toolbar_btn_hover_bg);
  --ck-color-button-default-active-background: var(--toolbar_btn_hover_bg);
  --ck-color-button-default-disabled-background: transparent;
  --ck-color-button-default-color: var(--color_black);
  --ck-color-button-on-background: var(--color_grey_13);
  --ck-color-button-on-hover-background: var(--color_grey_12);
  --ck-color-button-on-active-background: var(--color_grey_12);
  --ck-color-button-on-disabled-background: var(--color_grey_14);
  --ck-color-button-on-color: var(--color_black);
  --ck-color-button-save: var(--color_success);
  --ck-color-button-cancel: var(--color_danger);
  --ck-color-dropdown-panel-background: var(--color_grey_15);
  --ck-color-dropdown-panel-border: var(--color_grey_11);
  --ck-color-input-background: var(--color_grey_16);
  --ck-color-input-border: var(--color_grey_11);
  --ck-color-input-text: var(--color_black);
  --ck-color-input-disabled-background: var(--color_grey_14);
  --ck-color-input-disabled-border: var(--color_grey_12);
  --ck-color-input-disabled-text: var(--color_grey_8);
  --ck-color-labeled-field-label-background: var(--color_white);
  --ck-color-list-background: var(--color_grey_15);
  --ck-color-list-button-hover-background: var(--color_grey_13);
  --ck-color-list-button-on-background: var(--color_grey_12);
  --ck-color-list-button-on-background-focus: var(--color_grey_11);
  --ck-color-list-button-on-text: var(--color_black);
  --ck-color-panel-background: var(--color_grey_15);
  --ck-color-panel-border: var(--color_grey_11);
  --ck-color-tooltip-background: var(--color_grey_4);
  --ck-color-tooltip-text: var(--color_white);
  --ck-color-engine-placeholder-text: var(--color_grey_8);
  --ck-color-editable-blur-selection: var(--selection_bg_blur);
  --ck-color-text: var(--color_black);
  --ck-color-link-default: var(--color_blue);
  --ck-color-link-selected-background: var(--color_blue_light);
  --ck-color-focus-border: var(--color_input_focus);
  --ck-color-focus-outer-shadow: rgba(74, 158, 255, 0.25);
  --ck-color-focus-disabled-shadow: transparent;
  --ck-color-shadow-drop: 0 2px 6px rgba(0, 0, 0, 0.45);
  --ck-color-shadow-drop-active: 0 3px 9px rgba(0, 0, 0, 0.5);
  --ck-color-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.4);
  --ck-color-upload-bar-background: var(--color_primary);
}
:root[data-theme="dark"] .ck-toolbar .ck-button,
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-button__icon,
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-button__icon use,
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-button__icon use *,
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-icon,
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-icon * {
  color: var(--color_grey_4) !important;
  fill: var(--color_grey_4) !important;
}
:root[data-theme="dark"] .ck-toolbar .ck-button .ck-icon {
  filter: brightness(0) invert(1) !important;
}
:root[data-theme="dark"] .ck-source-editing-area > textarea {
  background-color: var(--color_grey_16);
  color: var(--color_black);
}
:root[data-theme="dark"] .ck-balloon-panel {
  border-color: var(--color_grey_11);
}
:root[data-theme="dark"] .toolbar_button:hover,
:root[data-theme="dark"] .toolbar_button.active {
  background-color: var(--toolbar_btn_hover_bg);
}
:root[data-theme="dark"] .toolbar_button img {
  filter: brightness(0) invert(1) !important;
}
:root[data-theme="dark"] dd-modal .find_and_replace {
  background-color: var(--color_grey_15);
}
:root[data-theme="dark"] dd-modal .find_and_replace input {
  background-color: var(--color_grey_16);
  color: var(--color_black);
  border-color: var(--color_grey_11);
}
/**
* service_tmp_section
*
* Included from main.less file
*/
.service_tmp_section {
  padding-bottom: 1.25rem;
  border: 1px solid var(--color_grey_13);
  border-radius: 12px;
  border-top-left-radius: 0;
}
.service_tmp_section > .content_data {
  padding: 1rem;
  position: relative;
  padding-bottom: 0;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .service_tmp_section > .content_data {
    flex-direction: column;
  }
}
.service_tmp_section > .content_data .wrapper_component {
  flex-basis: 25%;
}
/**
* TOOL_COMMON
*
*
* Included from main.less file
*/
.tool_header.tool_assistant,
.wrapper_tool.tool_assistant {
  --tool_edge: var(--tool_assistant, #6366f1);
  --tool_fill: #6265f0;
  --tool_fill_hover: #5352db;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_assistant, .wrapper_tool.tool_assistant) {
  --tool_edge: var(--tool_assistant, #6366f1);
  --tool_fill: #6265f0;
  --tool_fill_hover: #5352db;
  --tool_on_fill: #ffffff;
}
.tool_header.tool_cataloging,
.wrapper_tool.tool_cataloging {
  --tool_edge: var(--tool_cataloging, #f78a1c);
  --tool_fill: #f78a1c;
  --tool_fill_hover: #ffa55d;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_cataloging, .wrapper_tool.tool_cataloging) {
  --tool_edge: var(--tool_cataloging, #ffa54a);
  --tool_fill: #ffa54a;
  --tool_fill_hover: #fec28b;
  --tool_on_fill: #16181b;
}
.tool_header.tool_dd_label,
.wrapper_tool.tool_dd_label {
  --tool_edge: var(--tool_dd_label, #818181);
  --tool_fill: #818181;
  --tool_fill_hover: #939393;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_dd_label, .wrapper_tool.tool_dd_label) {
  --tool_edge: var(--tool_dd_label, #b0b0b0);
  --tool_fill: #b0b0b0;
  --tool_fill_hover: #c3c3c3;
  --tool_on_fill: #16181b;
}
.tool_header.tool_dev_template,
.wrapper_tool.tool_dev_template {
  --tool_edge: var(--tool_dev_template, #f78a1c);
  --tool_fill: #f78a1c;
  --tool_fill_hover: #ffa55d;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_dev_template, .wrapper_tool.tool_dev_template) {
  --tool_edge: var(--tool_dev_template, #ffa040);
  --tool_fill: #ffa040;
  --tool_fill_hover: #ffbd84;
  --tool_on_fill: #16181b;
}
.tool_header.tool_diffusion,
.wrapper_tool.tool_diffusion {
  --tool_edge: var(--tool_diffusion, #567528);
  --tool_fill: #567528;
  --tool_fill_hover: #466313;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_diffusion, .wrapper_tool.tool_diffusion) {
  --tool_edge: var(--tool_diffusion, #567528);
  --tool_fill: #567528;
  --tool_fill_hover: #466313;
  --tool_on_fill: #ffffff;
}
.tool_header.tool_error_report,
.wrapper_tool.tool_error_report {
  --tool_edge: var(--tool_error_report, #7152a5);
  --tool_fill: #7152a5;
  --tool_fill_hover: #604192;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_error_report, .wrapper_tool.tool_error_report) {
  --tool_edge: var(--tool_error_report, #9070c8);
  --tool_fill: #9070c8;
  --tool_fill_hover: #a282dc;
  --tool_on_fill: #16181b;
}
.tool_header.tool_export,
.wrapper_tool.tool_export {
  --tool_edge: var(--tool_export, #7152a5);
  --tool_fill: #7152a5;
  --tool_fill_hover: #604192;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_export, .wrapper_tool.tool_export) {
  --tool_edge: var(--tool_export, #9070c8);
  --tool_fill: #9070c8;
  --tool_fill_hover: #a282dc;
  --tool_on_fill: #16181b;
}
.tool_header.tool_hierarchy,
.wrapper_tool.tool_hierarchy {
  --tool_edge: var(--tool_hierarchy, #c80000);
  --tool_fill: #c80000;
  --tool_fill_hover: #a90302;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_hierarchy, .wrapper_tool.tool_hierarchy) {
  --tool_edge: var(--tool_hierarchy, #ff3030);
  --tool_fill: #ff3030;
  --tool_fill_hover: #ff695e;
  --tool_on_fill: #16181b;
}
.tool_header.tool_identify,
.wrapper_tool.tool_identify {
  --tool_edge: var(--tool_identify, #3f7f8c);
  --tool_fill: #3f7f8c;
  --tool_fill_hover: #2c6d7a;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_identify, .wrapper_tool.tool_identify) {
  --tool_edge: var(--tool_identify, #5aa6b5);
  --tool_fill: #5aa6b5;
  --tool_fill_hover: #6db9c8;
  --tool_on_fill: #16181b;
}
.tool_header.tool_image_rotation,
.wrapper_tool.tool_image_rotation {
  --tool_edge: var(--tool_image_rotation, #587d8f);
  --tool_fill: #567b8d;
  --tool_fill_hover: #456a7b;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_image_rotation, .wrapper_tool.tool_image_rotation) {
  --tool_edge: var(--tool_image_rotation, #7a9db0);
  --tool_fill: #7a9db0;
  --tool_fill_hover: #8cb0c3;
  --tool_on_fill: #16181b;
}
.tool_header.tool_import_dedalo_csv,
.wrapper_tool.tool_import_dedalo_csv {
  --tool_edge: var(--tool_import_dedalo_csv, #17a2b8);
  --tool_fill: #17a2b8;
  --tool_fill_hover: #37b5cb;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_import_dedalo_csv, .wrapper_tool.tool_import_dedalo_csv) {
  --tool_edge: var(--tool_import_dedalo_csv, #30c8e0);
  --tool_fill: #30c8e0;
  --tool_fill_hover: #4cdcf4;
  --tool_on_fill: #16181b;
}
.tool_header.tool_import_files,
.wrapper_tool.tool_import_files {
  --tool_edge: var(--tool_import_files, #2b77c7);
  --tool_fill: #2b77c7;
  --tool_fill_hover: #1465b3;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_import_files, .wrapper_tool.tool_import_files) {
  --tool_edge: var(--tool_import_files, #4a9eff);
  --tool_fill: #4a9eff;
  --tool_fill_hover: #73b2ff;
  --tool_on_fill: #16181b;
}
.tool_header.tool_import_marc21,
.wrapper_tool.tool_import_marc21 {
  --tool_edge: var(--tool_import_marc21, #63adf8);
  --tool_fill: #63adf8;
  --tool_fill_hover: #85c0fe;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_import_marc21, .wrapper_tool.tool_import_marc21) {
  --tool_edge: var(--tool_import_marc21, #80c0ff);
  --tool_fill: #80c0ff;
  --tool_fill_hover: #a6d2ff;
  --tool_on_fill: #16181b;
}
.tool_header.tool_import_rdf,
.wrapper_tool.tool_import_rdf {
  --tool_edge: var(--tool_import_rdf, #5e77b3);
  --tool_fill: #5c75b1;
  --tool_fill_hover: #4c649e;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_import_rdf, .wrapper_tool.tool_import_rdf) {
  --tool_edge: var(--tool_import_rdf, #7a98d0);
  --tool_fill: #7a98d0;
  --tool_fill_hover: #8cabe4;
  --tool_on_fill: #16181b;
}
.tool_header.tool_import_zotero,
.wrapper_tool.tool_import_zotero {
  --tool_edge: var(--tool_import_zotero, #cc2936);
  --tool_fill: #cc2936;
  --tool_fill_hover: #b70324;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_import_zotero, .wrapper_tool.tool_import_zotero) {
  --tool_edge: var(--tool_import_zotero, #e04050);
  --tool_fill: #e64655;
  --tool_fill_hover: #fc5b66;
  --tool_on_fill: #16181b;
}
.tool_header.tool_indexation,
.wrapper_tool.tool_indexation {
  --tool_edge: var(--tool_indexation, #23bcc7);
  --tool_fill: #23bcc7;
  --tool_fill_hover: #42d0db;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_indexation, .wrapper_tool.tool_indexation) {
  --tool_edge: var(--tool_indexation, #30d8e0);
  --tool_fill: #30d8e0;
  --tool_fill_hover: #4eecf4;
  --tool_on_fill: #16181b;
}
.tool_header.tool_lang,
.wrapper_tool.tool_lang {
  --tool_edge: var(--tool_lang, #7f75e0);
  --tool_fill: #7f75e0;
  --tool_fill_hover: #9088f5;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_lang, .wrapper_tool.tool_lang) {
  --tool_edge: var(--tool_lang, #a098f0);
  --tool_fill: #a098f0;
  --tool_fill_hover: #b3acff;
  --tool_on_fill: #16181b;
}
.tool_header.tool_lang_multi,
.wrapper_tool.tool_lang_multi {
  --tool_edge: var(--tool_lang_multi, #7859ae);
  --tool_fill: #7859ae;
  --tool_fill_hover: #67479b;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_lang_multi, .wrapper_tool.tool_lang_multi) {
  --tool_edge: var(--tool_lang_multi, #9878d0);
  --tool_fill: #9878d0;
  --tool_fill_hover: #aa8ae4;
  --tool_on_fill: #16181b;
}
.tool_header.tool_media_versions,
.wrapper_tool.tool_media_versions {
  --tool_edge: var(--tool_media_versions, #a24540);
  --tool_fill: #a24540;
  --tool_fill_hover: #8e3330;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_media_versions, .wrapper_tool.tool_media_versions) {
  --tool_edge: var(--tool_media_versions, #c06060);
  --tool_fill: #c46463;
  --tool_fill_hover: #d87675;
  --tool_on_fill: #16181b;
}
.tool_header.tool_numisdata_epigraphy,
.wrapper_tool.tool_numisdata_epigraphy {
  --tool_edge: var(--tool_numisdata_epigraphy, #e37d4b);
  --tool_fill: #e37d4b;
  --tool_fill_hover: #f8905e;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_numisdata_epigraphy, .wrapper_tool.tool_numisdata_epigraphy) {
  --tool_edge: var(--tool_numisdata_epigraphy, #f09060);
  --tool_fill: #f09060;
  --tool_fill_hover: #fea77c;
  --tool_on_fill: #16181b;
}
.tool_header.tool_numisdata_order_coins,
.wrapper_tool.tool_numisdata_order_coins {
  --tool_edge: var(--tool_numisdata_order_coins, #9b8962);
  --tool_fill: #9b8962;
  --tool_fill_hover: #ae9b74;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_numisdata_order_coins, .wrapper_tool.tool_numisdata_order_coins) {
  --tool_edge: var(--tool_numisdata_order_coins, #b8a078);
  --tool_fill: #b8a078;
  --tool_fill_hover: #cbb38a;
  --tool_on_fill: #16181b;
}
.tool_header.tool_ontology,
.wrapper_tool.tool_ontology {
  --tool_edge: var(--tool_ontology, #276f67);
  --tool_fill: #276f67;
  --tool_fill_hover: #0f5e56;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_ontology, .wrapper_tool.tool_ontology) {
  --tool_edge: var(--tool_ontology, #3a6d65);
  --tool_fill: #3a6d65;
  --tool_fill_hover: #285c54;
  --tool_on_fill: #ffffff;
}
.tool_header.tool_ontology_parser,
.wrapper_tool.tool_ontology_parser {
  --tool_edge: var(--tool_ontology_parser, #276f67);
  --tool_fill: #276f67;
  --tool_fill_hover: #0f5e56;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_ontology_parser, .wrapper_tool.tool_ontology_parser) {
  --tool_edge: var(--tool_ontology_parser, #409890);
  --tool_fill: #409890;
  --tool_fill_hover: #54aba2;
  --tool_on_fill: #16181b;
}
.tool_header.tool_pdf_extractor,
.wrapper_tool.tool_pdf_extractor {
  --tool_edge: var(--tool_pdf_extractor, #794960);
  --tool_fill: #794960;
  --tool_fill_hover: #67394f;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_pdf_extractor, .wrapper_tool.tool_pdf_extractor) {
  --tool_edge: var(--tool_pdf_extractor, #986080);
  --tool_fill: #986080;
  --tool_fill_hover: #854f6e;
  --tool_on_fill: #ffffff;
}
.tool_header.tool_posterframe,
.wrapper_tool.tool_posterframe {
  --tool_edge: var(--tool_posterframe, #779a32);
  --tool_fill: #779a32;
  --tool_fill_hover: #89ad46;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_posterframe, .wrapper_tool.tool_posterframe) {
  --tool_edge: var(--tool_posterframe, #90b848);
  --tool_fill: #90b848;
  --tool_fill_hover: #a2cb5c;
  --tool_on_fill: #16181b;
}
.tool_header.tool_print,
.wrapper_tool.tool_print {
  --tool_edge: var(--tool_print, #2a7d6f);
  --tool_fill: #2a7d6f;
  --tool_fill_hover: #106b5e;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_print, .wrapper_tool.tool_print) {
  --tool_edge: var(--tool_print, #3da89a);
  --tool_fill: #3da89a;
  --tool_fill_hover: #53bbad;
  --tool_on_fill: #16181b;
}
.tool_header.tool_propagate_component_data,
.wrapper_tool.tool_propagate_component_data {
  --tool_edge: var(--tool_propagate_component_data, #be0f1d);
  --tool_fill: #be0f1d;
  --tool_fill_hover: #a20013;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_propagate_component_data, .wrapper_tool.tool_propagate_component_data) {
  --tool_edge: var(--tool_propagate_component_data, #e03040);
  --tool_fill: #e03040;
  --tool_fill_hover: #ca0e2e;
  --tool_on_fill: #ffffff;
}
.tool_header.tool_qr,
.wrapper_tool.tool_qr {
  --tool_edge: var(--tool_qr, #6fa7cd);
  --tool_fill: #6fa7cd;
  --tool_fill_hover: #81bae1;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_qr, .wrapper_tool.tool_qr) {
  --tool_edge: var(--tool_qr, #90c0e0);
  --tool_fill: #90c0e0;
  --tool_fill_hover: #a3d3f4;
  --tool_on_fill: #16181b;
}
.tool_header.tool_sitebuilder,
.wrapper_tool.tool_sitebuilder {
  --tool_edge: var(--tool_sitebuilder, #0e7490);
  --tool_fill: #0e7490;
  --tool_fill_hover: #01627b;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_sitebuilder, .wrapper_tool.tool_sitebuilder) {
  --tool_edge: var(--tool_sitebuilder, #1590b0);
  --tool_fill: #1590b0;
  --tool_fill_hover: #33a3c3;
  --tool_on_fill: #16181b;
}
.tool_header.tool_subtitles,
.wrapper_tool.tool_subtitles {
  --tool_edge: var(--tool_subtitles, #fd7f26);
  --tool_fill: #fd7f26;
  --tool_fill_hover: #ff9f67;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_subtitles, .wrapper_tool.tool_subtitles) {
  --tool_edge: var(--tool_subtitles, #ff9040);
  --tool_fill: #ff9040;
  --tool_fill_hover: #feaf7d;
  --tool_on_fill: #16181b;
}
.tool_header.tool_tc,
.wrapper_tool.tool_tc {
  --tool_edge: var(--tool_tc, #000000);
  --tool_fill: #000000;
  --tool_fill_hover: #000000;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_tc, .wrapper_tool.tool_tc) {
  --tool_edge: var(--tool_tc, #ffffff);
  --tool_fill: #ffffff;
  --tool_fill_hover: #ffffff;
  --tool_on_fill: #16181b;
}
.tool_header.tool_time_machine,
.wrapper_tool.tool_time_machine {
  --tool_edge: var(--tool_time_machine, #f78a1c);
  --tool_fill: #f78a1c;
  --tool_fill_hover: #ffa55d;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_time_machine, .wrapper_tool.tool_time_machine) {
  --tool_edge: var(--tool_time_machine, #ffa040);
  --tool_fill: #ffa040;
  --tool_fill_hover: #ffbd84;
  --tool_on_fill: #16181b;
}
.tool_header.tool_tr_print,
.wrapper_tool.tool_tr_print {
  --tool_edge: var(--tool_tr_print, #9d535e);
  --tool_fill: #9d535e;
  --tool_fill_hover: #8a424d;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_tr_print, .wrapper_tool.tool_tr_print) {
  --tool_edge: var(--tool_tr_print, #c07080);
  --tool_fill: #c07080;
  --tool_fill_hover: #d48292;
  --tool_on_fill: #16181b;
}
.tool_header.tool_transcription,
.wrapper_tool.tool_transcription {
  --tool_edge: var(--tool_transcription, #fd7f26);
  --tool_fill: #fd7f26;
  --tool_fill_hover: #ff9f67;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_transcription, .wrapper_tool.tool_transcription) {
  --tool_edge: var(--tool_transcription, #ff9040);
  --tool_fill: #ff9040;
  --tool_fill_hover: #feaf7d;
  --tool_on_fill: #16181b;
}
.tool_header.tool_update_cache,
.wrapper_tool.tool_update_cache {
  --tool_edge: var(--tool_update_cache, #5f8367);
  --tool_fill: #5b7f63;
  --tool_fill_hover: #4a6d52;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_update_cache, .wrapper_tool.tool_update_cache) {
  --tool_edge: var(--tool_update_cache, #80a888);
  --tool_fill: #80a888;
  --tool_fill_hover: #92bb9a;
  --tool_on_fill: #16181b;
}
.tool_header.tool_upload,
.wrapper_tool.tool_upload {
  --tool_edge: var(--tool_upload, #f78a1c);
  --tool_fill: #f78a1c;
  --tool_fill_hover: #ffa55d;
  --tool_on_fill: #16181b;
}
:root[data-theme="dark"] :is(.tool_header.tool_upload, .wrapper_tool.tool_upload) {
  --tool_edge: var(--tool_upload, #ffa040);
  --tool_fill: #ffa040;
  --tool_fill_hover: #ffbd84;
  --tool_on_fill: #16181b;
}
.tool_header.tool_user_admin,
.wrapper_tool.tool_user_admin {
  --tool_edge: var(--tool_user_admin, #a22b29);
  --tool_fill: #a22b29;
  --tool_fill_hover: #8e1317;
  --tool_on_fill: #ffffff;
}
:root[data-theme="dark"] :is(.tool_header.tool_user_admin, .wrapper_tool.tool_user_admin) {
  --tool_edge: var(--tool_user_admin, #d04050);
  --tool_fill: #d04050;
  --tool_fill_hover: #bb2a3f;
  --tool_on_fill: #ffffff;
}
/**
* TOOL_RESPONSIVE — the PHONE tier shared by every tool surface.
*
* Imported from tool_common.less. Contract (rewrite plan phase 0, gated by
* test/unit/tool_phone_tripwire.test.ts + scripts/tool_viewport_check.ts):
* at @min_target_viewport (360px) a tool renders with no page-level
* horizontal scroll, every control on screen and at least 44px tall.
* Usable, not comfortable.
*
* LAYOUT ONLY. Colours stay in the theme / generated tool tokens; nothing
* here may paint.
*
* A tool that needs its own phone rules writes them in its own sheet, against
* @width_break_point_phone — never a literal width.
*/
@media screen and (max-width: 600px) {
  .wrapper_tool {
    min-width: 0;
    max-width: 100vw;
    overflow-x: clip;
  }
  .wrapper_tool > .content_data {
    min-width: 0;
    padding: 0.5rem;
    padding-top: 1rem;
  }
  .wrapper_tool img,
  .wrapper_tool video,
  .wrapper_tool canvas,
  .wrapper_tool svg:not(.icon) {
    max-width: 100%;
    height: auto;
  }
  .wrapper_tool iframe {
    max-width: 100%;
  }
  .wrapper_tool table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
  .wrapper_tool input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .wrapper_tool select,
  .wrapper_tool textarea {
    max-width: 100%;
    font-size: max(16px, 1em);
  }
  .wrapper_tool input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  .wrapper_tool select {
    min-height: 44px;
  }
  .wrapper_tool input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
    min-width: 44px;
  }
  .wrapper_tool .leaflet-touch .leaflet-bar a,
  .wrapper_tool .leaflet-bar a,
  .wrapper_tool .leaflet-buttons-control-button {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
  .tool_header {
    position: sticky;
    top: 0;
    padding-top: calc(0.5rem + 4px);
    padding-bottom: 0.5rem;
  }
  .tool_header > .tool_name_container {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
    margin-right: 0;
    padding-right: 3rem;
    min-width: 0;
    max-width: 100%;
  }
  .tool_header > .tool_name_container > .label {
    font-size: 1.15rem;
    white-space: normal;
    overflow-wrap: break-word;
  }
  .tool_header > .tool_name_container > .description {
    padding: 0;
    font-size: 0.9rem;
    line-height: 1.25rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }
  .tool_header .selector {
    max-width: 100%;
  }
  .tool_header > .tool_buttons_container > div:not(.wrapper_component),
  .tool_header > .tool_buttons_container > button,
  .tool_header > .tool_buttons_container > select {
    flex: 1 1 auto;
    min-height: 44px;
  }
  .wrapper_tool button,
  .wrapper_tool .button.tool_button,
  .wrapper_tool [role="button"],
  .tool_header button {
    min-height: 44px;
  }
  .wrapper_tool .phone_stack {
    display: flex !important;
    flex-direction: column;
    min-width: 0;
  }
  .wrapper_tool .phone_stack > * {
    min-width: 0;
    max-width: 100%;
  }
}
.pane_switch {
  display: none;
}
@media screen and (max-width: 600px) {
  .pane_switch {
    display: flex;
    width: 100%;
    gap: 0.25rem;
    padding: 0.25rem;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bg_surface_alt);
  }
  .pane_switch > .pane_btn {
    flex: 1 1 0;
    min-height: 44px;
    border: 1px solid var(--border_default);
    border-radius: 4px;
    background: transparent;
    color: var(--fg_default);
  }
  .pane_switch > .pane_btn.active {
    border-color: var(--tool_edge, var(--border_default));
    box-shadow: inset 0 -3px 0 var(--tool_edge, var(--fg_default));
  }
  .pane_host.pane_switch_on [data-pane] {
    display: none !important;
  }
  .pane_host.pane_switch_on [data-pane].pane_active {
    display: block !important;
  }
}
.phone_reorder {
  display: none;
}
@media screen and (max-width: 600px) {
  .phone_reorder {
    display: inline-flex;
    gap: 0.25rem;
    flex-shrink: 0;
  }
  .phone_reorder > .phone_reorder_btn {
    min-width: 44px;
    min-height: 44px;
    border: 1px solid var(--border_default);
    border-radius: 4px;
    background: transparent;
    color: var(--fg_default);
  }
  .phone_reorder > .phone_reorder_btn:disabled {
    opacity: 0.35;
  }
}
.wrapper_tool {
  contain: content;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  min-height: inherit;
}
.wrapper_tool > .content_data {
  contain: content;
  width: 100%;
  padding: 1rem;
  padding-top: 2rem;
}
.wrapper_tool > .content_data.content_data_error.tool_error {
  display: block;
  background-color: var(--color_white);
  color: var(--color_danger);
  padding: 1rem;
}
.wrapper_tool > .content_data.content_data_error.tool_error > .icon {
  vertical-align: bottom;
  margin-right: 0.75rem;
  background: var(--color_danger);
}
.tool_header {
  contain: content;
  background-color: var(--tool_edge, var(--color_orange_dedalo));
  --tool_wash: color-mix(in srgb, var(--tool_edge, transparent) 6%, var(--bg_surface_alt));
  background-image: linear-gradient(to bottom, transparent 0, transparent 4px, var(--tool_wash) 4px, var(--tool_wash) 100%);
  --color_white: var(--fg_default);
  position: relative;
  color: var(--fg_default);
  box-shadow: inset 0 -1px 0 var(--border_default), var(--modal_header_shadow);
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 1rem;
  padding-top: calc(1rem + 4px);
}
.tool_header .selector {
  max-width: 19rem;
  border-radius: 3px;
}
.tool_header .msg {
  padding: 0.5rem;
  border-radius: 0.25rem;
}
.tool_header > .tool_name_container {
  margin-right: 1em;
  padding-right: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 2rem;
  row-gap: 0.35rem;
  flex: 1 1 auto;
  min-width: 0;
}
.tool_header > .tool_name_container > .label {
  font-size: 1.4rem;
  line-height: 1.25;
  display: flex;
  align-items: center;
  flex: 0 1 auto;
  min-width: 0;
  overflow-wrap: break-word;
}
.tool_header > .tool_name_container > .label > .button {
  background-color: var(--fg_default) !important;
  font-size: 1.25rem;
  vertical-align: baseline;
  margin-right: 0.75rem;
}
.tool_header > .tool_name_container > .description {
  font-weight: 200;
  color: var(--fg_muted);
  line-height: 1.4rem;
  flex: 1 1 18rem;
  min-width: 0;
}
@media screen and (max-width: 600px) {
  .tool_header > .tool_name_container > .description {
    flex: none;
  }
}
.tool_header > .tool_buttons_container {
  contain: content;
  display: flex;
  align-items: center;
  flex: 0 0 calc(100% + 2rem);
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1rem -1rem -1rem -1rem;
  padding: 0.5rem 1rem;
  min-height: 2.75rem;
  box-sizing: border-box;
  border-top: 1px solid var(--border_default);
  background-color: var(--bg_surface);
}
.tool_header > .tool_buttons_container:empty {
  display: none !important;
}
.tool_header > .tool_buttons_container > div:not(.wrapper_component),
.tool_header > .tool_buttons_container > span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
  margin: 0px;
}
.tool_header > .tool_buttons_container button,
.tool_header > .tool_buttons_container select,
.tool_header > .tool_buttons_container input:not([type="checkbox"]):not([type="radio"]),
.tool_header > .tool_buttons_container .button,
.tool_header > .tool_buttons_container .tool_button {
  height: 1.75rem;
  min-height: 1.75rem;
  box-sizing: border-box;
  margin: 0px;
  vertical-align: middle;
}
@media screen and (max-width: 600px) {
  .tool_header > .tool_buttons_container button,
  .tool_header > .tool_buttons_container select,
  .tool_header > .tool_buttons_container input:not([type="checkbox"]):not([type="radio"]),
  .tool_header > .tool_buttons_container .button,
  .tool_header > .tool_buttons_container .tool_button {
    height: 44px;
    min-height: 44px;
    line-height: normal;
  }
}
.tool_header > .tool_buttons_container select {
  opacity: 1;
  padding: 0px 1.33rem 0px 0.4rem;
  background-color: var(--bg_elevated);
  color: var(--fg_default);
  border: 1px solid var(--border_default);
  border-radius: 3px;
  line-height: 1.75rem;
  max-width: 20rem;
  min-width: 7rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tool_header > .tool_buttons_container .top_label,
.tool_header > .tool_buttons_container .lang_label,
.tool_header > .tool_buttons_container .container_label,
.tool_header > .tool_buttons_container > label,
.tool_header > .tool_buttons_container > div:not(.wrapper_component) > label,
.tool_header > .tool_buttons_container > .wrapper_component > .label {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.85rem;
  letter-spacing: 0.04em;
  color: var(--fg_muted);
  white-space: nowrap;
  margin: 0px;
  padding: 0px;
  flex: 0 0 auto;
}
.tool_header > .tool_buttons_container > .wrapper_component {
  background-color: transparent;
  margin: 0px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}
.tool_header > .tool_buttons_container > .wrapper_component > .label,
.tool_header > .tool_buttons_container > .wrapper_component label {
  color: var(--fg_muted);
  white-space: nowrap;
}
.tool_header > .tool_buttons_container > .wrapper_component > .label {
  margin-bottom: 0px;
  line-height: 1.2;
  height: auto;
}
.tool_header > .tool_buttons_container > .wrapper_component > .content_data {
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  align-content: center;
  padding: 0px;
}
.tool_header > .tool_buttons_container > .wrapper_component.active,
.tool_header > .tool_buttons_container > .wrapper_component.edit.active:not(.hilite_element) {
  background-color: transparent;
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .tool_header > .tool_buttons_container {
    min-height: 0px;
    row-gap: 0.5rem;
  }
  .tool_header > .tool_buttons_container > div:not(.wrapper_component),
  .tool_header > .tool_buttons_container > button,
  .tool_header > .tool_buttons_container > select {
    flex: 1 0 auto;
  }
}
.tool_header > .activity_info_container {
  z-index: 2;
}
.tool_header > .activity_info_container > .activity_info_body {
  position: absolute;
  top: 0px;
  right: 0px;
}
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg {
  background-color: var(--color_orange_dedalo);
  position: relative;
  font-size: 0.96rem;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
  padding: 0.75rem;
  outline: 1px solid var(--color_grey_13);
  border-radius: 4px;
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  padding-right: 1.5rem;
  user-select: none;
}
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg.ok {
  background-color: var(--color_success);
}
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg.error,
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg.warning {
  background-color: var(--color_danger);
}
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg:after {
  content: ' x ';
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  right: 0px;
  top: 3px;
  font-family: Arial, sans-serif;
  cursor: pointer;
  color: var(--color_white);
}
.tool_header > .activity_info_container > .activity_info_body > .node_info_save_msg:after:hover {
  color: var(--color_black);
}
.tool_header > .button.close {
  position: absolute;
  display: block;
  right: 0.5rem;
  top: 0.5rem;
  cursor: pointer;
  width: 1.4rem;
  height: 1.4rem;
  transition: transform 0.25s ease-in-out;
}
.tool_header > .button.close:hover {
  background-color: var(--color_black) !important;
  transform: rotate(90deg);
}
.tool_header > .button.close:active {
  background-color: var(--color_grey_7) !important;
}
.tool_header.header {
  background-color: var(--tool_edge, var(--color_orange_dedalo));
  background-image: linear-gradient(to bottom, transparent 0, transparent 4px, var(--tool_wash) 4px, var(--tool_wash) 100%);
  box-shadow: inset 0 -1px 0 var(--border_default), var(--modal_header_shadow);
}
.tool_header.header > .button.close {
  display: none;
}
:is(.wrapper_tool, .tool_header) button.primary {
  background-color: var(--tool_fill);
  border-color: var(--tool_fill);
  color: var(--tool_on_fill);
}
:is(.wrapper_tool, .tool_header) button.primary:not(.button_spinner)::before {
  background-color: var(--button-bg-color, var(--tool_on_fill)) !important;
}
:is(.wrapper_tool, .tool_header) button.primary:hover {
  background-color: var(--tool_fill_hover);
  border-color: var(--tool_fill_hover);
}
:is(.wrapper_tool, .tool_header) button.light:hover {
  border-color: var(--tool_edge, var(--color_light_hover_border));
}
:root:not([data-theme="dark"]) .tool_header {
  --fg_muted: #626262;
}
:root[data-theme="dark"] .tool_header > .tool_buttons_container button,
:root[data-theme="dark"] .tool_header > .tool_buttons_container select,
:root[data-theme="dark"] .tool_header > .tool_buttons_container input {
  border: 1px solid var(--border_strong);
}
:root[data-theme="dark"] .tool_header > .tool_buttons_container button.light {
  background-color: var(--bg_elevated);
  border-color: var(--border_strong);
}
:root[data-theme="dark"] .tool_header > .tool_buttons_container button.light:hover {
  background-color: var(--color_grey_13);
  border-color: var(--color_grey_10);
}
:root[data-theme="dark"] .tool_header > .tool_buttons_container > .tool_button > img.icon,
:root[data-theme="dark"] .tool_header > .tool_buttons_container > .tool_button > .icon {
  filter: var(--toolbar_btn_icon_filter);
}
/**
* login
*
* Included from main.less file
*/
.login {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 999;
  --user_login_image: '';
}
.login > .content_data {
  background-color: var(--color_grey_15);
  border: solid 1px var(--color_grey_13);
  border-radius: 0.5em;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 24em;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2em;
  padding-bottom: 1em;
}
.login > .content_data.overlay {
  background-color: var(--color_white);
  box-shadow: 10px 10px 62px 0px var(--color_grey_8);
}
.login > .content_data.error_message {
  padding: 2rem;
  line-height: 1.75rem;
  font-size: 1.2rem;
}
.login > .content_data.error_message.warning {
  background-color: var(--color_warning);
  color: var(--color_white);
}
@media screen and (max-width: 960px) {
  .login > .content_data {
    width: 70vw;
  }
}
.login > .content_data > .top {
  display: block;
  text-align: center;
  padding-bottom: 1.75rem;
}
.login > .content_data > .top .loader_label {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  padding-left: 0px;
  padding-right: 0px;
}
.login > .content_data > .select_lang {
  height: 2.5em;
  width: 100%;
  font-size: 1em;
  margin: 0px;
  margin-bottom: 1em;
  border-radius: 3px;
  background: url('../../themes/default/icons/select_arrows.svg');
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: 0.8rem;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  padding-left: 1em;
  background-color: var(--color_grey_16);
  opacity: 0.7;
  border: 1px solid var(--color_grey_13);
}
.login > .content_data > .login_form {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  margin-bottom: 1em;
}
.login > .content_data > .login_form > input,
.login > .content_data > .login_form > button {
  flex: 1 1 100%;
  font-size: 1em;
}
.login > .content_data > .login_form > input {
  margin: 0px;
  margin-bottom: 1em;
}
.login > .content_data > .login_form > .dev_server_options {
  color: var(--color_grey_7);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.login > .content_data > .login_form > .use_service_worker_container {
  padding: 0.5rem;
  padding-top: 0;
  margin-bottom: 1rem;
  margin-top: 0.5rem;
  cursor: pointer;
}
.login > .content_data > .login_form > .use_service_worker_container > input {
  margin-right: 0.5rem;
  vertical-align: bottom;
  cursor: pointer;
}
.login > .content_data > .login_form > .use_service_worker_container > .icon {
  vertical-align: bottom;
  margin-left: 0.5rem;
}
.login > .content_data > .login_form > .button_enter {
  display: flex;
  height: 3em;
  margin: 0px;
  text-align: center;
  transition: all 0.17s ease, padding 0s;
  background-color: var(--color_orange_dedalo);
}
.login > .content_data > .login_form > .button_enter.white {
  background-color: transparent;
  outline: none;
  cursor: default;
  pointer-events: none;
}
.login > .content_data > .login_form > .button_enter > .button_enter_loading {
  position: relative;
  height: 2rem;
  width: 2rem;
  margin: 0px;
  top: unset;
  left: unset;
}
.login > .content_data > .login_form > .button_enter > .button_enter_loading.spinner {
  border-width: 3px;
}
.login > .content_data > .login_form > .login_step {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
}
.login > .content_data > .login_form > .login_step > input,
.login > .content_data > .login_form > .login_step > button {
  flex: 1 1 100%;
  font-size: 1em;
}
.login > .content_data > .login_form > .login_step > input {
  margin: 0px;
  margin-bottom: 1em;
}
.login > .content_data > .login_form > .login_step > .button_enter {
  display: flex;
  height: 3em;
  margin: 0px;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: all 0.17s ease, padding 0s;
  background-color: var(--color_orange_dedalo);
}
.login > .content_data > .login_form > .login_step > .button_enter.white {
  background-color: transparent;
  outline: none;
  cursor: default;
  pointer-events: none;
}
.login > .content_data > .login_form > .login_step > .button_enter > .button_enter_loading {
  position: relative;
  height: 2rem;
  width: 2rem;
  margin: 0px;
  top: unset;
  left: unset;
}
.login > .content_data > .login_form > .login_step > .button_enter > .button_enter_loading.spinner {
  border-width: 3px;
}
.login > .content_data > .login_form > .login_step > .login_user_chip {
  flex: 1 1 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5em;
  margin-bottom: 1em;
  padding: 0.5em 0;
  border-radius: 3px;
  background-color: transparent;
  border: 1px solid transparent;
}
.login > .content_data > .login_form > .login_step > .login_user_chip > .login_user_chip_name {
  flex: 0 1 auto;
  min-width: 0;
  font-weight: 600;
  color: var(--color_grey_8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.login > .content_data > .login_form > .login_step > .login_user_chip.login_install_chip {
  gap: 1em;
}
.login > .content_data > .login_form > .login_step > .login_user_chip > .login_install_host {
  flex: 0 0 auto;
  font-size: 0.8em;
  color: var(--color_grey_8);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.login > .content_data > .login_form > .login_step > .login_user_chip > .login_change_user {
  flex: 0 0 auto;
  font-size: 0.8em;
  cursor: pointer;
  color: var(--color_grey_9);
  text-decoration: none;
  transition: color 0.15s ease;
}
.login > .content_data > .login_form > .login_step > .login_user_chip > .login_change_user:hover {
  color: var(--color_orange_dedalo);
  text-decoration: underline;
}
.login > .content_data > .forgot_password_link {
  display: block;
  width: 100%;
  text-align: right;
  font-size: 0.85em;
  margin-top: -0.25em;
  margin-bottom: 1.25em;
  cursor: pointer;
  color: var(--color_grey_7);
  text-decoration: none;
  transition: color 0.15s ease;
}
.login > .content_data > .forgot_password_link:hover {
  color: var(--color_orange_dedalo);
  text-decoration: underline;
}
.login > .content_data > .reset_request_form,
.login > .content_data > .reset_confirm_form {
  display: flex;
  flex-wrap: wrap;
  margin: 0px;
  margin-bottom: 1em;
}
.login > .content_data > .reset_request_form > .reset_header,
.login > .content_data > .reset_confirm_form > .reset_header {
  flex: 1 1 100%;
  text-align: center;
  margin-bottom: 1.5em;
}
.login > .content_data > .reset_request_form > .reset_header > .reset_icon,
.login > .content_data > .reset_confirm_form > .reset_header > .reset_icon {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 0.6rem;
  background-color: var(--color_orange_dedalo);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.login > .content_data > .reset_request_form > .reset_header > .reset_icon.lock,
.login > .content_data > .reset_confirm_form > .reset_header > .reset_icon.lock {
  -webkit-mask-image: url('../../themes/default/icons/lock.svg');
  mask-image: url('../../themes/default/icons/lock.svg');
}
.login > .content_data > .reset_request_form > .reset_header > .reset_icon.email,
.login > .content_data > .reset_confirm_form > .reset_header > .reset_icon.email {
  -webkit-mask-image: url('../../themes/default/icons/email.svg');
  mask-image: url('../../themes/default/icons/email.svg');
}
.login > .content_data > .reset_request_form > .reset_header > .reset_title,
.login > .content_data > .reset_confirm_form > .reset_header > .reset_title {
  margin: 0 0 0.4rem 0;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--color_grey_5);
}
.login > .content_data > .reset_request_form > .reset_header > .reset_description,
.login > .content_data > .reset_confirm_form > .reset_header > .reset_description {
  margin: 0;
  font-size: 0.85rem;
  line-height: 1.45;
  color: var(--color_grey_9);
}
.login > .content_data > .reset_request_form > input,
.login > .content_data > .reset_confirm_form > input,
.login > .content_data > .reset_request_form > button,
.login > .content_data > .reset_confirm_form > button {
  flex: 1 1 100%;
  font-size: 1em;
}
.login > .content_data > .reset_request_form > input,
.login > .content_data > .reset_confirm_form > input {
  margin: 0px;
  margin-bottom: 1em;
}
.login > .content_data > .reset_request_form > .reset_code_input,
.login > .content_data > .reset_confirm_form > .reset_code_input {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.55em;
  text-indent: 0.55em;
  padding-top: 0.35em;
  padding-bottom: 0.35em;
}
.login > .content_data > .reset_request_form > .reset_code_input::placeholder,
.login > .content_data > .reset_confirm_form > .reset_code_input::placeholder {
  letter-spacing: 0.4em;
  font-weight: 400;
  opacity: 0.45;
}
.login > .content_data > .reset_request_form > .button_enter,
.login > .content_data > .reset_confirm_form > .button_enter {
  display: flex;
  height: 3em;
  margin: 0px;
  text-align: center;
  justify-content: center;
  align-items: center;
  transition: all 0.17s ease, padding 0s;
  background-color: var(--color_orange_dedalo);
}
.login > .content_data > .reset_request_form > .button_enter.white,
.login > .content_data > .reset_confirm_form > .button_enter.white {
  background-color: transparent;
  outline: none;
  cursor: default;
  pointer-events: none;
}
.login > .content_data > .reset_request_form > .reset_back_link,
.login > .content_data > .reset_confirm_form > .reset_back_link {
  flex: 1 1 100%;
  margin-top: 0.85em;
  font-size: 0.85em;
  text-align: center;
  cursor: pointer;
  color: var(--color_grey_9);
  text-decoration: none;
  transition: color 0.15s ease;
}
.login > .content_data > .reset_request_form > .reset_back_link::before,
.login > .content_data > .reset_confirm_form > .reset_back_link::before {
  content: '';
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-right: 0.4em;
  vertical-align: -0.05em;
  background-color: currentColor;
  -webkit-mask: url('../../themes/default/icons/backward.svg') no-repeat center / contain;
  mask: url('../../themes/default/icons/backward.svg') no-repeat center / contain;
}
.login > .content_data > .reset_request_form > .reset_back_link:hover,
.login > .content_data > .reset_confirm_form > .reset_back_link:hover {
  color: var(--color_orange_dedalo);
}
.login > .content_data > .info_container {
  display: grid;
  grid-template-columns: 1.2fr 2fr;
  font-size: 0.8em;
  color: var(--color_grey_7);
  line-height: 1.3em;
}
.login > .content_data > .saml_container {
  width: 100%;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.login > .content_data > .saml_container > .saml_wrapper {
  width: 100%;
}
.login > .content_data > .saml_container > .saml_wrapper > .button_enter {
  display: flex;
  height: 3em;
  width: 100%;
  margin: 0px;
  text-align: center;
  transition: all 0.17s ease, padding 0s;
  --icon-path: url('../../themes/default/icons/saml.svg');
  --button-bg-color: var(--color_white);
}
.login > .content_data > .saml_container > .saml_wrapper > .button_enter:before {
  background-color: var(--button-bg-color, var(--color_white));
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  .login > .content_data > .saml_container > .saml_wrapper > .button_enter:before {
    margin-right: 2px;
  }
}
.login > .content_data > .saml_container > .saml_wrapper > .button_enter:active {
  opacity: 0.5;
}
.login > .content_data .powered_by {
  width: 100%;
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.login > .content_data .powered_by .dedalo_logo {
  height: 3rem;
  width: 100%;
  margin-bottom: 0.25rem;
}
.login > .content_data .powered_by .dedalo_link {
  font-size: 0.87rem;
  text-decoration: underline;
  color: var(--color_grey_7);
}
.login > .content_data > .messages_container {
  position: relative;
  width: 100%;
  padding: 0.5rem;
}
.login > .content_data > .messages_container > .component_message {
  position: relative;
  top: 1rem !important;
  margin-bottom: 1.5em;
  border-radius: 0.2em;
}
.login > .content_data > .messages_container > .component_message > span {
  padding: 0.2em;
  line-height: 1.1em;
}
.login > .content_data > .messages_container > .component_message > span.error {
  padding-left: 0.5em;
  color: var(--color_white);
}
.login .cont {
  display: block;
  height: 200px;
  width: 200px;
  margin: 1rem auto;
  box-shadow: 0px 0px 1em var(--color_grey_13);
  border-radius: 100%;
  position: relative;
  text-align: center;
  contain: layout paint;
}
.login .cont:after {
  background-position: 0px top;
  background-repeat: no-repeat;
  background-size: 527px 1024px;
  background-image: var(--user_login_image);
  background-size: cover;
  position: absolute;
  display: block;
  height: 160px;
  width: 160px;
  left: 50%;
  top: 50%;
  margin-top: -80px;
  margin-left: -80px;
  border-radius: 100%;
  box-shadow: inset 0px 0px 1em var(--color_grey_13);
  content: attr(data-pct);
  font-size: 2em;
  color: var(--color_white);
  text-shadow: 0 0 0.5em var(--color_black);
  line-height: 160px;
  font-variant-numeric: tabular-nums;
}
.login .cont svg circle {
  stroke-dashoffset: 0;
  stroke: var(--color_grey_7);
  stroke-width: 1em;
}
.login .cont svg .bar {
  stroke: var(--color_orange_dedalo);
  will-change: stroke-dashoffset;
}
.login.raspa_loading:before {
  content: ' ';
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: -1;
  transform: scaleX(-1);
  top: 0px;
  left: 0px;
  background-image: var(--user_login_image);
  background-size: cover;
  background-position: 0px top;
  background-repeat: no-repeat;
  content: '';
  transform: unset;
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
  will-change: opacity;
}
.login.raspa_loading.active:before {
  opacity: 1;
}
/**
* relation_list
*
* Included from main.less file
*/
.relation_list {
  font-size: 0.9rem;
  color: var(--color_grey_8);
}
.relation_list > .relation_list_paginator {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.33rem;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons {
  float: right;
  display: flex;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .paginator_page_info {
  margin-left: 4px;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button {
  display: inline-block;
  z-index: 1;
  margin-left: 0.5rem;
  padding: 0px;
  opacity: 0.5;
  background-color: var(--color_black);
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_grey_4);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/play.svg');
  mask-image: url('../../themes/default/icons/play.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  cursor: pointer;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button:hover {
  opacity: 1 !important;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button:active {
  opacity: 0.4 !important;
}
.buttons_container .relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button {
  background-color: var(--color_white);
  margin-top: 0px;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.white {
  background-color: var(--color_white) !important;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.transparent {
  background-color: transparent !important;
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.relation_list_paginator_next {
  transform: scale(0.9);
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.relation_list_paginator_previous {
  transform: scale(0.9) rotate(180deg);
}
.relation_list > .relation_list_paginator > .relation_list_paginator_buttons > .button.relation_list_paginator_offset_off {
  opacity: 0.1;
  pointer-events: none;
  cursor: default;
}
.relation_list > .content_data .relation_list_grid {
  border-left: 2px solid var(--color_orange_dedalo);
  margin-bottom: 5px;
  padding-left: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.relation_list > .content_data .relation_list_grid > .relation_list_header {
  cursor: pointer;
  color: var(--color_grey_7);
  padding: 0.25rem;
  --icon-path: url('../../themes/default/icons/pen.svg');
  --button-bg-color: currentColor;
}
.relation_list > .content_data .relation_list_grid > .relation_list_header mark {
  opacity: 1;
}
.relation_list > .content_data .relation_list_grid > .relation_list_header:hover {
  color: var(--color_black);
}
.relation_list > .content_data .relation_list_grid > .relation_list_header:active {
  opacity: 0.5;
}
.relation_list > .content_data .relation_list_grid > .relation_list_header:before {
  background-color: var(--button-bg-color, currentColor);
  content: ' ';
  display: inline-block;
  height: 1em;
  margin-right: 0.25rem;
  opacity: 1;
  vertical-align: baseline;
  width: 1em;
  -webkit-mask-image: var(--icon-path);
  mask-image: var(--icon-path);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media screen and (max-width: 960px) {
  .relation_list > .content_data .relation_list_grid > .relation_list_header:before {
    margin-right: 2px;
  }
}
.relation_list > .content_data .relation_list_grid > .relation_list_header:before {
  vertical-align: top;
  background-color: var(--color_grey_8);
}
.relation_list > .content_data .relation_list_grid > .relation_list_header > .relation_list_count {
  float: right;
}
.relation_list > .content_data .relation_list_grid > ul.relation_list_data_header {
  background-color: var(--bg_surface_alt);
  width: 100%;
}
.relation_list > .content_data .relation_list_grid > ul.relation_list_data_row {
  border-bottom: 0.5px solid var(--color_grey_13);
}
.relation_list > .content_data .relation_list_grid > ul.relation_list_data_row:hover {
  color: var(--color_black);
  cursor: pointer;
}
.relation_list > .content_data .relation_list_grid li {
  padding: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relation_list > .content_data .relation_list_grid li.relation_list_data_row_center {
  justify-self: center;
}
.relation_list > .content_data .relation_list_grid li .svg {
  height: 2.5rem;
}
/**
* area
*
* Included from main.less file
*/
.wrapper_area.area {
  display: block;
  width: 100%;
  padding: 1rem;
  min-height: calc(100vh - 4.2rem);
}
/**
* area_activity
*
* Included from main.less file
*/
/**
* area_admin
*
* Included from main.less file
*/
/**
* area_common
*
* Dashboard styles shared across all area_* pages.
* Included from main.less file.
* Uses CSS custom properties so dark-mode switches automatically.
*/
.area_dashboard {
  width: 100%;
  padding: 1.5rem;
}
.area_dashboard .area_dashboard_header {
  margin-bottom: 1.5rem;
}
.area_dashboard .area_dashboard_header .area_dashboard_title {
  font-size: 1.75rem;
  font-weight: 600;
  color: var(--fg_default);
  margin: 0 0 0.25rem 0;
}
.area_dashboard .area_dashboard_header .area_dashboard_subtitle {
  font-size: 0.875rem;
  color: var(--fg_muted);
}
.area_dashboard .area_dashboard_cards_block {
  margin-bottom: 2rem;
}
.area_dashboard .area_dashboard_cards_toolbar {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}
.area_dashboard .area_dashboard_cards_toolbar .area_dashboard_cards_filter {
  flex: 1 1 240px;
  max-width: 360px;
  padding: 0.45rem 0.75rem;
  font-size: 0.875rem;
  background: var(--bg_input);
  border: 1px solid var(--border_default);
  border-radius: 0.375rem;
  color: var(--fg_default);
}
.area_dashboard .area_dashboard_cards_toolbar .area_dashboard_cards_filter:focus {
  outline: none;
  border-color: var(--focus_ring);
  box-shadow: var(--shadow-focus);
}
.area_dashboard .area_dashboard_cards_toolbar .area_dashboard_cards_sort {
  appearance: none;
  font-size: 0.8125rem;
  background: var(--bg_input);
  border: 1px solid var(--border_default);
  border-radius: 0.375rem;
  color: var(--fg_default);
  cursor: pointer;
  background-image: linear-gradient(45deg, transparent 50%, var(--fg_muted) 50%), linear-gradient(135deg, var(--fg_muted) 50%, transparent 50%);
  background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}
.area_dashboard .area_dashboard_cards_toolbar .area_dashboard_cards_summary {
  margin-left: auto;
  font-size: 0.8125rem;
  color: var(--fg_muted);
  font-variant-numeric: tabular-nums;
}
.area_dashboard .area_dashboard_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1rem;
}
.area_dashboard .area_dashboard_card {
  position: relative;
  display: block;
  background: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 0.5rem;
  padding: 1rem 1rem 0.75rem 1rem;
  overflow: hidden;
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  box-shadow: var(--shadow-1);
}
.area_dashboard .area_dashboard_card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-3);
}
.area_dashboard .area_dashboard_card .area_dashboard_card_stripe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--accent, var(--color_primary));
  border-radius: 0.5rem 0.5rem 0 0;
}
.area_dashboard .area_dashboard_card .area_dashboard_card_label {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--fg_muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 0.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.area_dashboard .area_dashboard_card .area_dashboard_card_value {
  font-size: 2rem;
  font-weight: 600;
  color: var(--fg_default);
  margin: 0.375rem 0;
  line-height: 1.1;
}
.area_dashboard .area_dashboard_card .area_dashboard_card_trend {
  display: inline-block;
  margin-bottom: 0.4rem;
  padding: 0.1rem 0.45rem;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 12%, transparent);
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
}
.area_dashboard .area_dashboard_card .area_dashboard_card_sparkline {
  display: block;
  width: 100%;
  height: 22px;
  margin: 0 0 0.4rem 0;
  overflow: visible;
}
.area_dashboard .area_dashboard_card .area_dashboard_card_meta {
  font-size: 0.75rem;
  color: var(--fg_muted);
  font-family: monospace;
  opacity: 0.7;
}
.area_dashboard .area_dashboard_chart {
  background: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 0.5rem;
  padding: 1.25rem;
  box-shadow: var(--shadow-1);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--fg_default);
  margin-bottom: 1rem;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_header .area_dashboard_chart_title {
  margin-bottom: 0;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_switcher {
  display: inline-flex;
  background: var(--bg_input);
  border: 1px solid var(--border_default);
  border-radius: 0.375rem;
  padding: 2px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_switcher .area_dashboard_chart_switcher_btn {
  appearance: none;
  background: transparent;
  border: 0;
  padding: 0.3rem 0.7rem;
  font-size: 0.8125rem;
  color: var(--fg_muted);
  cursor: pointer;
  border-radius: 0.25rem;
  transition: background 0.12s ease, color 0.12s ease;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_switcher .area_dashboard_chart_switcher_btn:hover {
  color: var(--fg_default);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_switcher .area_dashboard_chart_switcher_btn.is_active {
  background: var(--bg_elevated);
  color: var(--fg_default);
  font-weight: 600;
  box-shadow: var(--shadow-1);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_switcher .area_dashboard_chart_switcher_btn:focus-visible {
  outline: 2px solid var(--border_strong);
  outline-offset: 1px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_body {
  width: 100%;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_layout {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_slice {
  transition: opacity 0.12s ease;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_slice:focus-visible {
  outline: 2px solid var(--border_strong);
  outline-offset: 2px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_total {
  fill: var(--fg_default);
  font-size: 22px;
  font-weight: 600;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_total_label {
  fill: var(--fg_muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 320px;
  overflow-y: auto;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.4rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item.is_clickable {
  cursor: pointer;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item.is_clickable:hover {
  background: var(--bg_input);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item.is_clickable:focus-visible {
  outline: 2px solid var(--border_strong);
  outline-offset: -2px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item .area_dashboard_chart_pie_legend_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item .area_dashboard_chart_pie_legend_label {
  color: var(--fg_default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_pie_legend .area_dashboard_chart_pie_legend_item .area_dashboard_chart_pie_legend_value {
  color: var(--fg_muted);
  font-variant-numeric: tabular-nums;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_sunburst_slice {
  transition: opacity 0.12s ease;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_sunburst_slice:hover {
  opacity: 1 !important;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_sunburst_slice:focus-visible {
  outline: 2px solid var(--border_strong);
  outline-offset: 2px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_sunburst_labels text {
  fill: var(--fg_inverse);
  font-size: 10px;
  font-weight: 600;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap {
  margin: 0 auto;
  max-width: 100%;
  border-radius: 0.375rem;
  overflow: hidden;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap .area_dashboard_chart_treemap_tile {
  position: absolute;
  color: var(--fg_inverse);
  padding: 0.35rem 0.5rem;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  transition: filter 0.12s ease, transform 0.12s ease;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap .area_dashboard_chart_treemap_tile:hover {
  filter: brightness(1.1);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap .area_dashboard_chart_treemap_tile:focus-visible {
  outline: 2px solid var(--fg_inverse);
  outline-offset: -2px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap .area_dashboard_chart_treemap_tile .area_dashboard_chart_treemap_label {
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_treemap .area_dashboard_chart_treemap_tile .area_dashboard_chart_treemap_value {
  font-size: 0.75rem;
  opacity: 0.9;
  font-variant-numeric: tabular-nums;
  margin-top: 0.15rem;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_grid line {
  stroke: var(--border_default);
  stroke-dasharray: 3 3;
  stroke-opacity: 0.5;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_axis line {
  stroke: var(--border_strong);
  stroke-width: 1;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_axis text {
  fill: var(--fg_muted);
  font-size: 11px;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_label {
  fill: var(--fg_default);
  font-size: 12px;
  font-weight: 500;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_bar {
  transition: opacity 0.12s ease;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_bar:hover,
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_bar:focus {
  opacity: 0.85;
  outline: none;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_bar:focus-visible .area_dashboard_chart_hit {
  stroke: var(--border_strong);
  stroke-width: 1.5;
  stroke-dasharray: 3 2;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg .area_dashboard_chart_value {
  fill: var(--fg_default);
  font-size: 11px;
  font-weight: 500;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg rect {
  rx: 3;
  transition: opacity 0.15s ease;
  cursor: default;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_svg rect:hover {
  opacity: 0.85;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_toggle {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.35rem 0.75rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--color_primary);
  background: transparent;
  border: 1px solid var(--border_default);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background 0.12s ease, border-color 0.12s ease;
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_toggle:hover {
  background: var(--bg_hover);
  border-color: var(--color_primary);
}
.area_dashboard .area_dashboard_chart .area_dashboard_chart_toggle:active {
  transform: translateY(1px);
}
.area_dashboard .area_dashboard_activity {
  background: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 0.5rem;
  padding: 1.25rem;
  box-shadow: var(--shadow-1);
  margin-top: 1.5rem;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_header .area_dashboard_chart_title {
  margin-bottom: 0;
  margin-right: auto;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_activity_line {
  transition: stroke-width 0.12s ease;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_activity_line:hover {
  stroke-width: 2.5;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_range_select {
  appearance: none;
  background: var(--bg_input);
  border: 1px solid var(--border_default);
  border-radius: 0.375rem;
  padding: 0.3rem 2rem 0.3rem 0.6rem;
  font-size: 0.8125rem;
  color: var(--fg_default);
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  transition: border-color 0.12s ease;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_range_select:hover {
  border-color: var(--border_strong);
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_range_select:focus {
  outline: 2px solid var(--color_primary);
  outline-offset: 1px;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_loading {
  text-align: center;
  padding: 4rem 0;
  color: var(--fg_muted);
  font-size: 0.875rem;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_chart_grid line {
  stroke: var(--border_default);
  stroke-dasharray: 3 3;
  stroke-opacity: 0.5;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_chart_axis text {
  fill: var(--fg_muted);
  font-size: 10px;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_activity_layers path {
  transition: opacity 0.15s ease;
  cursor: default;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_svg .area_dashboard_activity_layers path:hover {
  opacity: 1 !important;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_legend {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border_default);
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_legend .area_dashboard_activity_legend_item {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.75rem;
  color: var(--fg_muted);
  white-space: nowrap;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_legend .area_dashboard_activity_legend_dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_users {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border_default);
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_users .area_dashboard_activity_user_row {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 0.8125rem;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_users .area_dashboard_activity_user_name {
  color: var(--fg_default);
  font-weight: 500;
}
.area_dashboard .area_dashboard_activity .area_dashboard_activity_users .area_dashboard_activity_user_count {
  color: var(--fg_muted);
  font-variant-numeric: tabular-nums;
}
.area_dashboard.area_dashboard_empty {
  padding: 3rem;
  text-align: center;
  color: var(--fg_muted);
  font-size: 1rem;
}
/**
* area_development
*
* Only use to set general development styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
/**
* area_graph
*
* Included from main.less file
*/
/**
* area_maintenance
*
* Included from main.less file
*
* Modern dashboard layout: a sticky toolbar (live search + category chips) over
* widgets grouped into category sections of cards. Colored card headers are kept
* (orange / blue / green / violet) but refined; all surfaces route through the
* semantic tokens so the panel works in light and dark themes.
*/
/**
* widget_kit
*
* Shared "front-panel" design language for area_maintenance widgets. Imported by
* area_maintenance.less BEFORE the per-widget stylesheets so every widget draws
* from one visual vocabulary instead of inventing its own ad-hoc classes.
*
* Generic primitives (prefix dd_, so they never collide with widget classes):
*   .dd_readout / .dd_row / .dd_k / .dd_v / .dd_badge  two-tone key/value readout
*                                                      + severity chip system
*   .dd_eyebrow   uppercase section micro-heading
*   .dd_note      muted helper note (+ .state_warning / .state_danger alert box)
*   .dd_bar / .dd_bar_fill / .dd_bar_note   progress bar (+ .indeterminate sweep)
*   .dd_stats / .dd_stat / .dd_stat_n       headline "how many, right now" band
*
* Mixins (called from area_maintenance.less so the look reaches every widget):
*   .dd_console()          monospace output/log block
*   .dd_action_buttons()   semantic .success / .danger / .warning / primary buttons
*
* Severity vocabulary, used everywhere — calm by default, colour only where action
* is needed: state_ok (quiet green rule) · state_warning (amber chip) · state_danger
* (red chip) · the *_pill / mode_* variants for single-token status pills.
* All colour routes through semantic tokens + color-mix, so it holds light & dark.
*/
.dd_readout {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: stretch;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.dd_row {
  display: contents;
}
.dd_readout .dd_k,
.dd_readout .dd_v {
  padding: 0.44rem 0.85rem;
  border-top: 1px solid var(--border_default);
  line-height: 1.4;
}
.dd_readout .dd_row:first-child .dd_k,
.dd_readout .dd_row:first-child .dd_v {
  border-top: 0;
}
.dd_readout .dd_k {
  display: flex;
  align-items: center;
  background-color: var(--bg_surface_alt);
  border-right: 1px solid var(--border_default);
}
.dd_readout .dd_v {
  display: flex;
  align-items: center;
  min-width: 0;
  color: var(--fg_default);
}
.dd_k,
.dd_eyebrow {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.dd_k {
  white-space: nowrap;
}
.dd_eyebrow {
  display: block;
}
.dd_table {
  display: grid;
  align-items: stretch;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  font-size: 0.85rem;
}
.dd_tr {
  display: contents;
}
.dd_table .dd_th,
.dd_table .dd_td {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0.4rem 0.7rem;
  border-top: 1px solid var(--border_default);
  line-height: 1.35;
}
.dd_table .dd_td {
  word-break: break-word;
}
.dd_table .dd_th {
  word-break: normal;
  overflow-wrap: normal;
}
.dd_table .dd_tr:first-child .dd_th,
.dd_table .dd_tr:first-child .dd_td {
  border-top: 0;
}
.dd_table .dd_th {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
  background-color: var(--bg_surface_alt);
}
.dd_table .dd_th.num,
.dd_table .dd_td.num {
  justify-content: flex-end;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
}
.dd_table .dd_th.num {
  font-size: 0.68rem;
  font-family: inherit;
}
.dd_table .dd_td.state_alert {
  color: var(--color_danger);
  font-weight: 700;
}
.dd_table .dd_th.act,
.dd_table .dd_td.act {
  justify-content: flex-end;
  white-space: nowrap;
}
.dd_table .dd_td.act {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.dd_table .dd_td.act > * {
  flex: 0 0 auto;
  margin: 0;
}
.dd_badge {
  min-width: 0;
  word-break: break-word;
}
.dd_badge.mono {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.82rem;
  color: var(--fg_default);
}
.dd_badge.pill_ok,
.dd_badge.pill_warning,
.dd_badge.pill_danger,
.dd_badge.mode_off,
.dd_badge.mode_on,
.dd_badge.mode_private,
.dd_badge.mode_publication {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.1rem 0.6rem 0.1rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.dd_badge.pill_ok:before,
.dd_badge.pill_warning:before,
.dd_badge.pill_danger:before,
.dd_badge.mode_off:before,
.dd_badge.mode_on:before,
.dd_badge.mode_private:before,
.dd_badge.mode_publication:before {
  content: '';
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: currentColor;
}
.dd_badge.pill_ok,
.dd_badge.mode_on,
.dd_badge.mode_private,
.dd_badge.mode_publication {
  color: var(--color_success);
  background-color: color-mix(in srgb, var(--color_success) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_success) 35%, transparent);
}
.dd_badge.pill_warning {
  color: var(--color_warning);
  background-color: color-mix(in srgb, var(--color_warning) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_warning) 35%, transparent);
}
.dd_badge.pill_danger,
.dd_badge.mode_off {
  color: var(--color_danger);
  background-color: color-mix(in srgb, var(--color_danger) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_danger) 35%, transparent);
}
.dd_badge.state_ok,
.dd_badge.state_warning,
.dd_badge.state_danger {
  display: inline-block;
  border-left: 3px solid;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--fg_default);
}
.dd_badge.state_ok {
  padding: 0.04rem 0 0.04rem 0.6rem;
  border-left-color: var(--color_success);
}
.dd_badge.state_warning,
.dd_badge.state_danger {
  padding: 0.22rem 0.6rem;
  border-radius: 0 5px 5px 0;
}
.dd_badge.state_warning {
  background-color: color-mix(in srgb, var(--color_warning) 12%, transparent);
  border-left-color: var(--color_warning);
}
.dd_badge.state_danger {
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left-color: var(--color_danger);
}
.dd_note {
  color: var(--fg_muted);
  font-size: 0.85rem;
  line-height: 1.4;
}
.dd_note.state_warning,
.dd_note.state_danger {
  width: 100%;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  border-left: 3px solid;
  border-radius: 0 6px 6px 0;
}
.dd_note.state_warning {
  background-color: color-mix(in srgb, var(--color_warning) 12%, transparent);
  border-left-color: var(--color_warning);
}
.dd_note.state_danger {
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left-color: var(--color_danger);
}
.dd_bar {
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background-color: var(--bg_surface_alt);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border_default) 80%, transparent);
}
.dd_bar_fill {
  flex: 0 0 auto;
  width: 0;
  height: 100%;
  background-color: var(--color_success);
  transition: width 0.3s ease;
}
.dd_bar_fill.state_warning {
  background-color: var(--color_warning);
}
.dd_bar_fill.state_danger {
  background-color: var(--color_danger);
}
.dd_bar_note {
  color: var(--fg_muted);
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
  word-break: normal;
  overflow-wrap: normal;
}
.dd_bar.indeterminate .dd_bar_fill {
  width: 30%;
  animation: dd_bar_sweep 1.1s ease-in-out infinite;
}
@keyframes dd_bar_sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(333%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dd_bar.indeterminate .dd_bar_fill {
    width: 100%;
    transform: none;
    animation: none;
    background-color: color-mix(in srgb, var(--color_success) 45%, transparent);
  }
}
@keyframes build_pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.55;
  }
}
@keyframes build_settled {
  0% {
    background-color: var(--state_ok_bg, rgba(46, 160, 67, 0.18));
  }
  100% {
    background-color: transparent;
  }
}
.dd_stats {
  display: flex;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.dd_stat {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
  padding: 0.5rem 0.85rem;
  border-left: 1px solid var(--border_default);
}
.dd_stat:first-child {
  border-left: 0;
}
.dd_stat_n {
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.1;
  color: var(--fg_default);
  font-variant-numeric: tabular-nums;
}
.dd_stat_n.state_ok {
  color: var(--color_success);
}
.dd_stat_n.state_warning {
  color: var(--color_warning);
}
.dd_stat_n.state_danger {
  color: var(--color_danger);
}
.dd_stat.zero .dd_stat_n {
  color: var(--fg_muted);
  font-weight: 500;
}
/**
* .dd_env_checklist()
* A ../private/.env admin checklist: inline `code` chips (reclaimed from the app's
* global BLOCK `code` rule), live `.serving_checks .chk.on|off|field` rows, the
* literal `.env_sample` block and a `.serve_url` endpoint row. Shared by
* update_ontology (the ONTOLOGY_SERVERS note) and serve_ontology.
*/
.area_maintenance > .content_data h1 {
  line-height: 1em;
}
.area_maintenance > .content_data label {
  padding: 0.5em;
}
.area_maintenance > .content_data input {
  width: auto;
  height: 2.5em;
  padding: 0.5em;
  margin: 0px;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
}
.area_maintenance > .content_data button {
  border: 1px solid var(--border_default);
  border-radius: 6px;
  font-size: 1em;
  color: var(--fg_default);
  margin-bottom: 0.25rem;
}
.area_maintenance > .content_data button.success,
.area_maintenance > .content_data button.light.success,
.area_maintenance > .content_data button.danger,
.area_maintenance > .content_data button.light.danger,
.area_maintenance > .content_data button.warning,
.area_maintenance > .content_data button.light.warning {
  font-weight: 600;
}
.area_maintenance > .content_data button.success,
.area_maintenance > .content_data button.light.success {
  color: var(--color_success);
  border: 1px solid color-mix(in srgb, var(--color_success) 45%, transparent);
  background-color: color-mix(in srgb, var(--color_success) 10%, transparent);
}
.area_maintenance > .content_data button.success:hover,
.area_maintenance > .content_data button.light.success:hover {
  background-color: color-mix(in srgb, var(--color_success) 18%, transparent);
}
.area_maintenance > .content_data button.danger,
.area_maintenance > .content_data button.light.danger {
  color: var(--color_danger);
  border: 1px solid color-mix(in srgb, var(--color_danger) 45%, transparent);
  background-color: color-mix(in srgb, var(--color_danger) 10%, transparent);
}
.area_maintenance > .content_data button.danger:hover,
.area_maintenance > .content_data button.light.danger:hover {
  background-color: color-mix(in srgb, var(--color_danger) 18%, transparent);
}
.area_maintenance > .content_data button.warning,
.area_maintenance > .content_data button.light.warning {
  color: var(--color_warning);
  border: 1px solid color-mix(in srgb, var(--color_warning) 45%, transparent);
  background-color: color-mix(in srgb, var(--color_warning) 10%, transparent);
}
.area_maintenance > .content_data button.warning:hover,
.area_maintenance > .content_data button.light.warning:hover {
  background-color: color-mix(in srgb, var(--color_warning) 18%, transparent);
}
.area_maintenance > .content_data button.primary,
.area_maintenance > .content_data button.light.button_apply {
  color: var(--fg_inverse);
  background-color: var(--color_primary);
  border: 1px solid var(--color_primary);
  font-weight: 600;
}
.area_maintenance > .content_data button.primary:hover,
.area_maintenance > .content_data button.light.button_apply:hover {
  background-color: var(--color_primary);
  filter: brightness(1.08);
}
.area_maintenance > .content_data button.primary:before,
.area_maintenance > .content_data button.light.button_apply:before {
  background: none !important;
}
.area_maintenance > .content_data pre {
  margin-top: 0.5rem;
  border-radius: 0.25rem;
}
.area_maintenance > .content_data .highlighted_code {
  border-radius: 0.25rem;
}
.area_maintenance > .content_data .warning {
  color: var(--color_warning);
  font-weight: 500;
}
.area_maintenance > .content_data .config_grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  line-height: 1.1rem;
  padding: 0.5rem;
  margin-top: 0.5rem;
  grid-gap: 0.5rem;
  border: 1px solid var(--border_default);
  border-radius: 4px;
}
.area_maintenance > .content_data .icon {
  vertical-align: text-bottom;
  cursor: initial;
  height: 1rem;
}
.area_maintenance > .content_data .icon.success {
  background-color: var(--color_green_success);
}
.area_maintenance > .content_data .form_container {
  padding-top: 1em;
}
.area_maintenance > .content_data .form_container input {
  width: 100%;
}
.area_maintenance > .content_data .form_container input.mandatory {
  border-left: 2px solid var(--color_danger);
}
.area_maintenance > .content_data .form_container input.mandatory.empty {
  border-right: 2em solid var(--color_danger);
}
.area_maintenance > .content_data .form_container select {
  margin-bottom: 0.5rem;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: var(--bg_app);
  border-bottom: 1px solid var(--border_default);
  border-radius: 8px;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_search_wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 16rem;
  min-width: 12rem;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_search_wrap:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/search.svg');
  mask-image: url('../../themes/default/icons/search.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  position: absolute;
  left: 0.6rem;
  width: 1em;
  height: 1em;
  background-color: var(--fg_muted);
  pointer-events: none;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_search_wrap .maintenance_search {
  width: 100%;
  height: 2.25rem;
  margin: 0;
  padding-left: 2.1rem;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_filters .maintenance_chip {
  cursor: pointer;
  padding: 0.32rem 0.85rem;
  font-size: 0.85em;
  line-height: 1;
  text-transform: none;
  color: var(--fg_default);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 999px;
  margin-bottom: 0;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_filters .maintenance_chip:hover {
  border-color: var(--border_strong);
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_toolbar .maintenance_filters .maintenance_chip.active {
  color: var(--fg_inverse);
  background-color: var(--color_primary);
  border-color: var(--color_primary);
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups {
  padding: 1rem;
  width: 100%;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_empty {
  padding: 2rem 1rem;
  text-align: center;
  color: var(--fg_muted);
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group {
  margin-bottom: 1.5rem;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group > .group_header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
  font-size: 1.05em;
  font-weight: 600;
  color: var(--fg_default);
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group > .group_header .group_icon {
  background-color: var(--fg_muted);
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group > .group_header .group_count {
  margin-left: 0.25rem;
  padding: 0.05rem 0.5rem;
  font-size: 0.75em;
  font-weight: 500;
  color: var(--fg_muted);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 999px;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="data"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/save.svg');
  mask-image: url('../../themes/default/icons/save.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="migration"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/exchange.svg');
  mask-image: url('../../themes/default/icons/exchange.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="config"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/gears.svg');
  mask-image: url('../../themes/default/icons/gears.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="integrity"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/repair.svg');
  mask-image: url('../../themes/default/icons/repair.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="system"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/info.svg');
  mask-image: url('../../themes/default/icons/info.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="diffusion"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/diffusion.svg');
  mask-image: url('../../themes/default/icons/diffusion.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="dev"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/bug.svg');
  mask-image: url('../../themes/default/icons/bug.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group[data-category="general"] > .group_header .group_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/gear.svg');
  mask-image: url('../../themes/default/icons/gear.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group > .group_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(32.9%, 1fr));
  gap: 0.75rem;
}
@media screen and (max-width: 1024px) {
  .area_maintenance > .content_data .list_view_wrap > .maintenance_groups .maintenance_group > .group_grid {
    grid-template-columns: 1fr;
  }
}
.area_maintenance > .content_data .widget_container {
  display: flex;
  flex-direction: column;
  background-color: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 8px;
  box-shadow: 0 1px 3px var(--shadow_default);
  overflow: hidden;
  transition: box-shadow 160ms ease, transform 160ms ease;
  min-height: 3.15rem;
}
.area_maintenance > .content_data .widget_container:hover {
  box-shadow: 0 4px 12px var(--shadow_default);
}
.area_maintenance > .content_data .widget_container:not(.loaded) {
  min-height: 3.15rem;
}
.area_maintenance > .content_data .widget_container.filtered_out {
  display: none;
}
.area_maintenance > .content_data .widget_container.width_100 {
  grid-column: 1 / -1;
}
.area_maintenance > .content_data .widget_container.fit > .widget_body {
  padding: 0px;
}
.area_maintenance > .content_data .widget_container > .container_placeholder {
  height: 3.15rem;
  min-height: 3.15rem;
  margin: 0px;
}
.area_maintenance > .content_data .widget_container > .widget_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.85rem 1rem;
  color: var(--fg_on_brand);
  background-color: var(--color_orange_dedalo);
  font-weight: 600;
  letter-spacing: 0.01em;
  user-select: none;
  cursor: pointer;
  position: relative;
  height: 3.15rem;
}
.area_maintenance > .content_data .widget_container > .widget_label:before {
  background-color: var(--color_white);
}
.area_maintenance > .content_data .widget_container > .widget_label.icon_arrow:after {
  background-color: var(--color_white);
  margin-right: 1rem;
}
.area_maintenance > .content_data .widget_container > .widget_label > * {
  pointer-events: none;
}
.area_maintenance > .content_data .widget_container[data-category="data"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/save.svg');
  mask-image: url('../../themes/default/icons/save.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="migration"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/exchange.svg');
  mask-image: url('../../themes/default/icons/exchange.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="config"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/gears.svg');
  mask-image: url('../../themes/default/icons/gears.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="integrity"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/repair.svg');
  mask-image: url('../../themes/default/icons/repair.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="system"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/info.svg');
  mask-image: url('../../themes/default/icons/info.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="diffusion"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/diffusion.svg');
  mask-image: url('../../themes/default/icons/diffusion.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="dev"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/bug.svg');
  mask-image: url('../../themes/default/icons/bug.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container[data-category="general"] > .widget_label:before {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/gear.svg');
  mask-image: url('../../themes/default/icons/gear.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data .widget_container.danger > .widget_label {
  background-color: var(--color_danger);
}
.area_maintenance > .content_data .widget_container.warning > .widget_label {
  background-color: var(--color_warning);
}
.area_maintenance > .content_data .widget_container.blue > .widget_label {
  background-color: var(--color_primary);
}
.area_maintenance > .content_data .widget_container.blue > .widget_body {
  background-color: var(--color_blue_light);
}
.area_maintenance > .content_data .widget_container.green > .widget_label {
  background-color: var(--color_success);
}
.area_maintenance > .content_data .widget_container.green > .widget_body {
  background-color: var(--color_green_light);
}
.area_maintenance > .content_data .widget_container.violet > .widget_label {
  background-color: var(--color_php);
}
.area_maintenance > .content_data .widget_container.violet > .widget_body {
  background-color: var(--color_php);
}
.area_maintenance > .content_data .widget_container > .widget_body {
  contain: content;
  padding: 1rem;
  background-color: var(--bg_surface);
  min-height: 9.5rem;
  flex-grow: 1;
  resize: vertical;
  overflow: auto;
  width: 100%;
}
.area_maintenance > .content_data .widget_container > .widget_body:not(.hide) {
  animation: maintenance_reveal 180ms ease-out;
}
.area_maintenance > .content_data .widget_container > .widget_body .link {
  cursor: pointer;
  user-select: none;
  padding-bottom: 0.25em;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:active {
  opacity: 0.5;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before {
  content: ' ';
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  user-select: none;
  font-weight: 300;
  background: var(--color_grey_3);
  height: 1em;
  width: 1em;
  opacity: 1;
  -webkit-mask-image: url('../../themes/default/icons/arrow-circle-right.svg');
  mask-image: url('../../themes/default/icons/arrow-circle-right.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: text-bottom;
  padding: 0px;
  margin: 0px;
  margin-right: 0.3em;
  height: 1.2em;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before:hover {
  opacity: 1 !important;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before:active {
  opacity: 0.4 !important;
}
.buttons_container .area_maintenance > .content_data .widget_container > .widget_body .link:before {
  background-color: var(--color_white);
  margin-top: 0px;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before.white {
  background-color: var(--color_white) !important;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.area_maintenance > .content_data .widget_container > .widget_body .link:before.transparent {
  background-color: transparent !important;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info {
  position: relative;
  font-size: 0.9em;
  color: var(--fg_muted);
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info h6 {
  font-size: 1.33rem;
  padding: 0.5em;
  padding-left: 0px;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .alert_update {
  padding: 1.55rem;
  color: var(--color_danger);
  line-height: 1.7rem;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .alert_update pre {
  white-space: pre-line;
  padding-top: 0;
  padding-bottom: 0;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .alert_update pre > code {
  padding-top: 0px;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  padding: 0.5em;
  border: 1px solid var(--border_default);
  background-color: var(--bg_surface_alt);
  margin-bottom: 0.25em;
  display: grid;
  grid-template-columns: 6rem 3rem auto;
  grid-gap: 0.5rem;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command > .vkey {
  font-size: 3.5em;
  padding: 0.25em;
  position: relative;
  background-color: var(--border_default);
  min-width: 6rem;
  text-align: right;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command > .checkbox_selector {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 1rem;
  width: 1rem;
  font-size: 1rem;
  cursor: pointer;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command > .vkey_value {
  padding: 0.5em;
  padding-top: 0.4rem;
  line-height: 1.15rem;
  word-break: break-all;
  white-space: pre-wrap;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command.disable {
  opacity: 0.8;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command.disable > .vkey {
  opacity: 0.5;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_info .command.disable > .vkey_value {
  opacity: 0.5;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response {
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 100%;
  max-width: 100%;
  word-break: break-word;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .ok {
  display: block;
  padding: 0.06rem 0 0.06rem 0.6rem;
  border-left: 3px solid var(--color_success);
  color: var(--fg_default);
  font-weight: 500;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .error {
  display: block;
  margin: 0.4rem 0;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  font-weight: 500;
  line-height: 1.4;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .warning,
.area_maintenance > .content_data .widget_container > .widget_body .body_response h3.warning {
  display: block;
  margin: 0.4rem 0;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  font-weight: 500;
  line-height: 1.4;
  background-color: color-mix(in srgb, var(--color_warning) 12%, transparent);
  border-left: 3px solid var(--color_warning);
  border-radius: 0 6px 6px 0;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response pre.error {
  border-left: 3px solid var(--color_danger);
  background-color: color-mix(in srgb, var(--color_danger) 8%, var(--bg_surface_alt));
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response pre.warning {
  border-left: 3px solid var(--color_warning);
  background-color: color-mix(in srgb, var(--color_warning) 8%, var(--bg_surface_alt));
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response > * {
  padding: 0.5em;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .json-container {
  margin-top: 0px;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .json-value {
  display: block;
  font-family: monospace;
  white-space: pre;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .api_response {
  line-height: 1.2rem;
  font-size: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response.preload {
  min-height: 3em;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response.preload > * {
  opacity: 0.3;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response h3.warning {
  white-space: pre-line;
  line-height: 1.2em;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .spinner {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.area_maintenance > .content_data .widget_container > .widget_body .body_response .eraser {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}
.area_maintenance > .content_data .widget_container .info_text {
  line-height: 1.5rem;
}
.area_maintenance > .content_data .widget_container .info_text.light {
  opacity: 0.6;
  margin-left: 1rem;
}
.area_maintenance > .content_data .widget_container .comment {
  color: var(--fg_muted);
}
@keyframes maintenance_reveal {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/**
* ============================================================================
*  SYSTEM MAP view
* ----------------------------------------------------------------------------
*  Alternate dashboard view (toggled against the classic accordion "List").
*  A live topology of the running system: health-coloured subsystem nodes on a
*  blueprint grid, SVG connector edges, a context panel that hosts the real
*  widget modules for the selected node, and a ⌘K command palette.
*  All colour routes through the semantic --tokens, so light + dark are free.
* ============================================================================
*/
.area_maintenance > .content_data.maintenance_v2 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.area_maintenance > .content_data.maintenance_v2 > .map_view_switch,
.area_maintenance > .content_data.maintenance_v2 > .list_view_wrap,
.area_maintenance > .content_data.maintenance_v2 > .maintenance_map {
  width: 100%;
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem 0;
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_switch {
  display: inline-flex;
  padding: 0.2rem;
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 999px;
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_switch > button {
  cursor: pointer;
  margin: 0;
  padding: 0.3rem 0.9rem;
  font-size: 0.85em;
  line-height: 1;
  color: var(--fg_muted);
  background: transparent;
  border: 0;
  border-radius: 999px;
  transition: background-color 140ms ease, color 140ms ease;
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_switch > button.active {
  color: var(--fg_on_brand);
  background-color: var(--color_orange_dedalo);
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_kbar {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  height: 2.1rem;
  padding: 0 0.7rem;
  font-size: 0.82em;
  color: var(--fg_muted);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 8px;
  cursor: pointer;
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_kbar:hover {
  border-color: var(--border_strong);
}
.area_maintenance > .content_data.maintenance_v2 .map_view_switch .map_kbar kbd {
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 0.72rem;
  padding: 0.05rem 0.3rem;
  color: var(--fg_default);
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 4px;
}
.area_maintenance > .content_data.maintenance_v2.view_map .list_view_wrap {
  display: none;
}
.area_maintenance > .content_data.maintenance_v2.view_list .maintenance_map {
  display: none;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1rem;
  padding: 0.6rem 1.2rem 0.2rem;
  font-size: 13.5px;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_summary b {
  color: var(--fg_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_summary .s_seg {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_summary .s_seg.warn {
  color: var(--color_warning);
  cursor: pointer;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_hint {
  padding: 0 1.2rem 0.4rem;
  font-size: 12px;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_hint .danger_key {
  color: var(--color_danger);
  font-weight: 600;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  flex: 0 0 auto;
  background-color: var(--border_strong);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_dot.ok {
  background-color: var(--color_success);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_dot.warn {
  background-color: var(--color_warning);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_dot.bad {
  background-color: var(--color_danger);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_stage_wrap {
  padding: 0.4rem 1.15rem 0;
  overflow-x: auto;
  height: 366px;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_stage {
  position: relative;
  height: 100%;
  min-width: 1010px;
  border: 1px solid var(--border_default);
  border-radius: 14px;
  box-shadow: 0 1px 3px var(--shadow_default);
  overflow: hidden;
  background-color: var(--bg_surface);
  background-image: linear-gradient(var(--map_grid_line) 1px, transparent 1px), linear-gradient(90deg, var(--map_grid_line) 1px, transparent 1px);
  background-size: 26px 26px, 26px 26px;
  background-position: 0 0, 0 0;
  --map_grid_line: color-mix(in srgb, var(--fg_muted) 12%, transparent);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  display: block;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges path {
  fill: none;
  stroke: var(--border_strong);
  stroke-width: 1.6;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges path.flow {
  stroke-dasharray: 5 6;
  animation: map_march 1.4s linear infinite;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges path.dim {
  stroke-dasharray: 2 6;
  opacity: 0.6;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges path.act {
  stroke: var(--color_orange_dedalo);
  stroke-width: 2.1;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_edges path.warn {
  stroke: var(--color_warning);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node {
  position: absolute;
  z-index: 2;
  width: 176px;
  padding: 11px 13px;
  transform: translate(-50%, -50%);
  background-color: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 11px;
  box-shadow: 0 1px 3px var(--shadow_default);
  cursor: pointer;
  transition: box-shadow 160ms ease, border-color 160ms ease, transform 120ms ease;
  margin-top: 2rem;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node:hover {
  transform: translate(-50%, calc(-50% - 2px));
  box-shadow: 0 8px 20px var(--shadow_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_top {
  display: flex;
  align-items: center;
  gap: 7px;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_title {
  flex: 1 1 auto;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.25em;
  height: 1.25em;
  -webkit-mask-image: url('../../themes/default/icons/gear.svg');
  mask-image: url('../../themes/default/icons/gear.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  align-self: center;
  background-color: var(--fg_muted);
  opacity: 0.75;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="clients"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/person.svg');
  mask-image: url('../../themes/default/icons/person.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="web"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/link.svg');
  mask-image: url('../../themes/default/icons/link.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="core"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/dedalo_icon.svg');
  mask-image: url('../../themes/default/icons/dedalo_icon.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="tools"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/gears.svg');
  mask-image: url('../../themes/default/icons/gears.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="dev"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/bug.svg');
  mask-image: url('../../themes/default/icons/bug.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="pg"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/table.svg');
  mask-image: url('../../themes/default/icons/table.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="bak"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/save.svg');
  mask-image: url('../../themes/default/icons/save.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="pub"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/diffusion.svg');
  mask-image: url('../../themes/default/icons/diffusion.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="media"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/media.svg');
  mask-image: url('../../themes/default/icons/media.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node[data-node="onto"] .n_icon {
  -webkit-mask-image: url('../../themes/default/icons/tree.svg');
  mask-image: url('../../themes/default/icons/tree.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_state {
  margin-top: 6px;
  font-size: 13.5px;
  line-height: 1.25;
  color: var(--fg_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_sub {
  margin-top: 2px;
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 11.5px;
  line-height: 1.3;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node.warn {
  border-color: color-mix(in srgb, var(--color_warning) 45%, var(--border_default));
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node.bad {
  border-color: color-mix(in srgb, var(--color_danger) 45%, var(--border_default));
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node.sel {
  border-color: var(--color_orange_dedalo);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color_orange_dedalo) 22%, transparent), 0 8px 20px var(--shadow_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node .n_badge {
  position: absolute;
  top: -7px;
  right: -7px;
  width: 1.1rem;
  height: 1.1rem;
  display: grid;
  place-items: center;
  color: var(--fg_on_warning);
  background-color: var(--color_warning);
  border-radius: 50%;
  font-size: 0.62rem;
  font-weight: 700;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node.kind_core {
  width: 196px;
  border-width: 1.5px;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_node.kind_core .n_title {
  font-size: 16px;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context {
  margin: 1rem 1.15rem 0;
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 13px;
  box-shadow: 0 1px 3px var(--shadow_default);
  overflow: visible;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_head {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1.05rem;
  background-color: var(--bg_surface_alt);
  border-bottom: 1px solid var(--border_default);
  border-radius: 13px 13px 0 0;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_head .ctx_title {
  font-size: 17px;
  font-weight: 700;
  color: var(--fg_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_head .ctx_state {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 13.5px;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_head .ctx_sub {
  margin-left: auto;
  font-family: Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_tools {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  padding: 0.75rem 1.05rem;
  border-bottom: 1px solid var(--border_default);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: 0;
  padding: 0.42rem 0.8rem;
  font-size: 13px;
  color: var(--fg_default);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 999px;
  cursor: pointer;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip:hover {
  border-color: var(--border_strong);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip .tc_dot {
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background-color: var(--border_strong);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip.danger {
  color: var(--color_danger);
  border-color: color-mix(in srgb, var(--color_danger) 30%, var(--border_default));
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip.danger .tc_dot {
  background-color: var(--color_danger);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip.sel {
  font-weight: 600;
  border-color: var(--color_orange_dedalo);
  background-color: color-mix(in srgb, var(--color_orange_dedalo) 14%, transparent);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .tool_chip.danger.sel {
  color: var(--color_danger);
  border-color: var(--color_danger);
  background-color: color-mix(in srgb, var(--color_danger) 12%, transparent);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body {
  padding: 0.9rem 1.15rem 1.2rem;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body .map_ctx_lead {
  max-width: 64ch;
  margin: 0 0 0.9rem;
  font-size: 14px;
  line-height: 1.55;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body > .widget_container {
  position: relative;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body > .widget_container:hover {
  box-shadow: none;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body > .widget_container > .widget_label {
  display: none;
}
.area_maintenance > .content_data.maintenance_v2 .maintenance_map .map_context .ctx_body > .widget_container > .widget_body {
  position: relative;
  padding: 0;
  min-height: 0;
  background-color: transparent;
  resize: none;
  overflow: visible;
  contain: none;
  flex-grow: 0;
  width: 100%;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding-top: 12vh;
  background-color: color-mix(in srgb, #000 45%, transparent);
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop.open {
  display: flex;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette {
  width: min(620px, 92vw);
  background-color: var(--bg_elevated);
  border: 1px solid var(--border_default);
  border-radius: 14px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
  overflow: hidden;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_in {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid var(--border_default);
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_in input {
  flex: 1 1 auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: var(--fg_default);
  background: transparent;
  border: 0;
  outline: 0;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list {
  max-height: 46vh;
  overflow: auto;
  padding: 0.4rem;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list .p_item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem 0.7rem;
  border-radius: 8px;
  font-size: 0.9em;
  cursor: pointer;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list .p_item .p_zone {
  margin-left: auto;
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--fg_muted);
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list .p_item.hide {
  display: none;
}
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list .p_item.sel,
.area_maintenance > .content_data.maintenance_v2 .map_palette_backdrop .map_palette_list .p_item:hover {
  background-color: color-mix(in srgb, var(--color_orange_dedalo) 14%, transparent);
}
@keyframes map_march {
  to {
    stroke-dashoffset: -22;
  }
}
@media (prefers-reduced-motion: reduce) {
  .area_maintenance .maintenance_map .map_edges path.flow {
    animation: none;
  }
}
/**
* add_hierarchy
*
* Included from area_maintenance.less file.
* Aligned to the shared widget_kit (.dd_eyebrow heading, .dd_note descriptions,
* .dd_badge chips, .dd_console response) so the panel reads like the rest of the
* maintenance widgets (esp. diffusion_server_control). Only this widget's own
* bits live here: the filter bar, the typology checkbox grid, and the
* already-installed marker.
*/
.wrapper_widget.add_hierarchy .add_hierarchy_content {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.wrapper_widget.add_hierarchy .description {
  margin: 0;
  color: var(--fg_muted);
  font-size: 0.85rem;
  line-height: 1.4;
}
.wrapper_widget.add_hierarchy .description.source_files {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  word-break: break-word;
}
.wrapper_widget.add_hierarchy .hierarchy_filter {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.wrapper_widget.add_hierarchy .hierarchy_filter_input {
  flex: 1 1 16rem;
  max-width: 24rem;
  padding: 0.4rem 0.7rem;
  font-size: 0.9rem;
  color: var(--fg_default);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 6px;
}
.wrapper_widget.add_hierarchy .hierarchy_filter_input:focus {
  outline: none;
  border-color: var(--color_primary);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color_primary) 22%, transparent);
}
.wrapper_widget.add_hierarchy .hierarchy_filter_count {
  flex: 0 0 auto;
  color: var(--fg_muted);
}
.wrapper_widget.add_hierarchy .hierarchy_container {
  padding: 0.3rem 0.9rem 0.9rem;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  background-color: var(--bg_surface);
}
.wrapper_widget.add_hierarchy .typology_label {
  display: block;
  padding: 0.9rem 0 0.4rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
  border-bottom: 1px solid var(--border_default);
}
.wrapper_widget.add_hierarchy .typology_label[hidden] {
  display: none;
}
.wrapper_widget.add_hierarchy .hierarchy_ul {
  padding: 0.8rem 0 0.4rem 1.5rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.15rem 0.25rem;
}
.wrapper_widget.add_hierarchy .hierarchy_ul[hidden] {
  display: none;
}
@media screen and (max-width: 960px) {
  .wrapper_widget.add_hierarchy .hierarchy_ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 2000px) {
  .wrapper_widget.add_hierarchy .hierarchy_ul {
    grid-template-columns: repeat(8, 1fr);
  }
}
.wrapper_widget.add_hierarchy li[hidden] {
  display: none;
}
.wrapper_widget.add_hierarchy .hierarchy_label {
  display: inline-block;
  cursor: pointer;
  line-height: 1.5rem;
  margin-bottom: 2px;
  padding-right: 0.75rem;
  color: var(--fg_default);
  border-radius: 4px;
}
.wrapper_widget.add_hierarchy .hierarchy_label:hover {
  color: var(--color_primary);
}
.wrapper_widget.add_hierarchy .hierarchy_label > .hierarchy_checkbox {
  vertical-align: text-bottom;
  height: 1rem;
  width: 1rem;
  margin: 0 0.5rem 0 -1.5rem;
  cursor: pointer;
}
.wrapper_widget.add_hierarchy .hierarchy_label > .installed_hierarchy {
  margin-left: 0.4rem;
  padding: 0.02rem 0.45rem;
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  vertical-align: middle;
  color: var(--color_success);
  background-color: color-mix(in srgb, var(--color_success) 13%, transparent);
  border: 1px solid color-mix(in srgb, var(--color_success) 35%, transparent);
  border-radius: 999px;
}
.wrapper_widget.add_hierarchy .hierarchy_no_matches {
  padding: 1rem 0 0.3rem;
}
.wrapper_widget.add_hierarchy .hierarchy_no_matches[hidden] {
  display: none;
}
.wrapper_widget.add_hierarchy .import_hierarchies_button {
  margin-top: 0.9rem;
}
.wrapper_widget.add_hierarchy .reset_hierarchies_button {
  margin: 0.9rem 0 0 0.5rem;
}
.wrapper_widget.add_hierarchy .button_refresh {
  float: right;
  margin-top: 0.4rem;
}
.wrapper_widget.add_hierarchy .msg {
  position: relative;
  padding: 1rem 0;
}
.wrapper_widget.add_hierarchy .msg .spinner {
  top: 0;
}
.wrapper_widget.add_hierarchy .body_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.6rem;
}
.wrapper_widget.add_hierarchy .body_response:empty {
  display: none;
}
/**
* ai_models
*
* Included from area_maintenance.less file.
* The store readout, the model table, the notes and the refresh button all come
* from the shared widget_kit (.dd_readout / .dd_table / .dd_note). Only the model
* state chips and the table's own column layout live here.
*
* The chips are LOCAL (.model_state.state_*) rather than the kit's three-level
* severity chips, because these five states are not a severity ladder:
*   ready       every required file present and its size matches the record → green.
*   unverified  present, never size-checked — the normal state of a store seeded
*               before the manifest existed. IT RUNS: neutral, never orange. A
*               dotted rule says "unmeasured", not "broken".
*   incomplete  a required file is absent or truncated → amber, it needs a redownload.
*   damaged     the bytes on disk are not a model payload → red.
*   missing     nothing on disk. Muted: an install that never wanted this model is
*               not in trouble, so this is a fact, not an alarm.
*/
.wrapper_widget.ai_models .ai_models_content {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
}
.wrapper_widget.ai_models .ai_models_table {
  grid-template-columns: minmax(8rem, 1.4fr) minmax(10rem, 2fr) max-content;
}
.wrapper_widget.ai_models .dd_td.ai_models_name {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1rem;
}
.wrapper_widget.ai_models .ai_models_label {
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.ai_models .ai_models_id {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.75rem;
  color: var(--fg_muted);
  word-break: break-all;
}
.wrapper_widget.ai_models .dd_td.ai_models_state {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.wrapper_widget.ai_models .ai_models_row_remedy {
  font-size: 0.78rem;
  line-height: 1.35;
  color: var(--fg_muted);
}
.wrapper_widget.ai_models .model_state {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.1rem 0.6rem 0.1rem 0.5rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.wrapper_widget.ai_models .model_state:before {
  content: '';
  flex: 0 0 auto;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: currentColor;
}
.wrapper_widget.ai_models .model_state.state_ready {
  color: var(--color_success);
  background-color: color-mix(in srgb, var(--color_success) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_success) 35%, transparent);
}
.wrapper_widget.ai_models .model_state.state_unverified {
  color: var(--fg_default);
  background-color: var(--bg_surface_alt);
  border-color: var(--border_default);
  border-style: dashed;
}
.wrapper_widget.ai_models .model_state.state_unverified:before {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px var(--fg_muted);
}
.wrapper_widget.ai_models .model_state.state_incomplete {
  color: var(--color_warning);
  background-color: color-mix(in srgb, var(--color_warning) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_warning) 35%, transparent);
}
.wrapper_widget.ai_models .model_state.state_damaged {
  color: var(--color_danger);
  background-color: color-mix(in srgb, var(--color_danger) 13%, transparent);
  border-color: color-mix(in srgb, var(--color_danger) 35%, transparent);
}
.wrapper_widget.ai_models .model_state.state_missing {
  color: var(--fg_muted);
  background-color: transparent;
  border-color: var(--border_default);
}
.wrapper_widget.ai_models .ai_models_group_title {
  margin-bottom: -0.5rem;
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--fg_muted);
}
.wrapper_widget.ai_models .ai_models_footer {
  display: flex;
  padding-top: 0.9rem;
  border-top: 1px solid var(--border_default);
}
/**
* build_database_version
*
* Included from area_maintenance.less file.
* Each operation is a section (divider + helper text + button + console response).
*/
.wrapper_widget.build_database_version .info_text {
  margin-bottom: 0.5rem;
  color: var(--fg_muted);
  line-height: 1.4;
}
.wrapper_widget.build_database_version .group_container {
  padding: 1rem 0;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.build_database_version .group_container:first-of-type {
  padding-top: 0;
  border-top: 0;
}
.wrapper_widget.build_database_version .process_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
}
.wrapper_widget.build_database_version .process_response:empty {
  display: none;
}
/**
* check_config
*
* Included from area_maintenance.less.
* The config-status readout is built from the shared widget kit (widget_kit.less):
* `.dd_eyebrow` section headings + `.dd_readout` key/value grid + `.dd_badge`
* severity chips. Only the mode-toggle forms, the error banner and the inter-section
* spacing keep widget-local styles here.
*/
.wrapper_widget.check_config .errors_container {
  margin-bottom: 0.75rem;
  padding: 0.55rem 0.7rem 0.55rem 0.85rem;
  color: var(--fg_default);
  font-weight: 500;
  line-height: 1.35;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
.wrapper_widget.check_config .errors_container > .error_pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  background-color: var(--bg_surface);
}
.wrapper_widget.check_config .container {
  width: 100%;
  padding-bottom: 1.25rem;
}
.wrapper_widget.check_config .container > .label {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.check_config .container > .form_container {
  padding: 0;
}
.wrapper_widget.check_config .container > .form_container .button_submit.danger {
  color: var(--color_danger);
  font-weight: 600;
  background-color: color-mix(in srgb, var(--color_danger) 10%, transparent);
  border-color: color-mix(in srgb, var(--color_danger) 45%, transparent);
}
.wrapper_widget.check_config .container > .form_container .button_submit.danger:hover {
  background-color: color-mix(in srgb, var(--color_danger) 18%, transparent);
}
.wrapper_widget.check_config .container > .body_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
}
.wrapper_widget.check_config .container > .body_response:empty {
  display: none;
}
.wrapper_widget.check_config .container > .warning_message {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  font-weight: 500;
}
.wrapper_widget.check_config .status_sections {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.check_config .status_sections > .dd_eyebrow {
  margin: 0.85rem 0 0.4rem;
}
.wrapper_widget.check_config .status_sections > .dd_eyebrow:first-child {
  margin-top: 0;
}
.wrapper_widget.config_areas .config_areas_deny_chips {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 8px 0;
}
.wrapper_widget.config_areas .config_areas_chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 4px 3px 10px;
  border-radius: 4px;
  background-color: var(--ut_bg_hover, #eef1f5);
  color: var(--ut_text_primary, #1f2328);
}
.wrapper_widget.config_areas .config_areas_chip .config_areas_chip_label small {
  color: var(--ut_text_muted, #6e7781);
  margin-left: 6px;
}
.wrapper_widget.config_areas .config_areas_chip .config_areas_chip_remove {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 6px;
  color: var(--ut_text_muted, #6e7781);
}
.wrapper_widget.config_areas .config_areas_chip .config_areas_chip_remove:hover {
  color: var(--ut_text_primary, #1f2328);
}
.wrapper_widget.config_areas .config_areas_add {
  position: relative;
  margin: 10px 0;
}
.wrapper_widget.config_areas .config_areas_add .config_areas_search {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 4px;
  background-color: var(--ut_bg_input, #f6f8fa);
  color: var(--ut_text_primary, #1f2328);
  border: 1px solid var(--ut_border, rgba(27, 31, 36, 0.15));
}
.wrapper_widget.config_areas .config_areas_add .config_areas_suggestions {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  max-height: 260px;
  overflow-y: auto;
  background-color: var(--ut_bg_elevated, #ffffff);
  color: var(--ut_text_primary, #1f2328);
  border: 1px solid var(--ut_border, rgba(27, 31, 36, 0.15));
  border-top: 0;
  box-shadow: var(--ut_shadow, 0 8px 24px -16px rgba(27, 31, 36, 0.25));
}
.wrapper_widget.config_areas .config_areas_add .config_areas_suggestions.hide {
  display: none;
}
.wrapper_widget.config_areas .config_areas_add .config_areas_suggestion {
  padding: 5px 8px;
  cursor: pointer;
}
.wrapper_widget.config_areas .config_areas_add .config_areas_suggestion small {
  color: var(--ut_text_muted, #6e7781);
  margin-left: 6px;
}
.wrapper_widget.config_areas .config_areas_add .config_areas_suggestion:hover {
  background-color: var(--ut_bg_hover, #eef1f5);
}
.wrapper_widget.config_areas .button_submit {
  margin-top: 10px;
}
/**
* counters_status
*
* Included from area_maintenance.less file.
* The audit report is a shared .dd_table (kit); only the column template and the
* error banner are widget-specific.
*/
.wrapper_widget.counters_status .counters_total {
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: var(--fg_muted);
}
.wrapper_widget.counters_status .errors_container {
  margin-bottom: 0.75rem;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  font-weight: 500;
  line-height: 1.35;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
.wrapper_widget.counters_status .errors_container > .error_pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  background-color: var(--bg_surface);
}
.wrapper_widget.counters_status .dd_table {
  grid-template-columns: minmax(5rem, 8rem) minmax(7rem, 1fr) 5rem 5.5rem 7rem;
}
/**
* reconcile_status
*
* Included from area_maintenance.less file.
* The registry listing is a shared .dd_table (kit); only the column template
* and the report block are widget-specific.
*/
.wrapper_widget.reconcile_status .reconcile_total {
  margin-bottom: 0.75rem;
  font-size: 0.85rem;
  color: var(--fg_muted);
}
.wrapper_widget.reconcile_status .dd_table {
  grid-template-columns: minmax(9rem, 1.2fr) minmax(10rem, 1.6fr) 7rem minmax(10rem, 1.4fr) 9rem;
}
.wrapper_widget.reconcile_status .dd_table .description {
  font-size: 0.8rem;
  color: var(--fg_muted);
}
.wrapper_widget.reconcile_status .dd_table .actions {
  display: flex;
  gap: 0.35rem;
}
.wrapper_widget.reconcile_status .body_response {
  margin-top: 0.75rem;
  white-space: pre-wrap;
}
.wrapper_widget.reconcile_status .report_pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 24rem;
  overflow: auto;
}
/**
* database_info
*
* Included from area_maintenance.less file.
* Sections share the kit language: eyebrow group headings, console output blocks,
* a readout-style index table. Operation logic/markup is unchanged.
*/
.wrapper_widget.database_info .version_info {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-bottom: 1rem;
}
.wrapper_widget.database_info > .content_data > .group_container {
  padding: 0;
  margin-bottom: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.database_info > .content_data > .group_container > .group_label {
  margin-bottom: 0.5rem;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.database_info > .content_data > .group_container > .info_node {
  padding: 0;
  margin-bottom: 0.5rem;
  color: var(--fg_muted);
  line-height: 1.4;
}
.wrapper_widget.database_info > .content_data > .group_container > .form_container {
  padding-top: 0;
}
.wrapper_widget.database_info > .content_data > .group_container .response_node {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  position: relative;
}
.wrapper_widget.database_info > .content_data > .group_container .response_node::after {
  content: "X";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  color: var(--fg_muted);
  cursor: pointer;
}
.wrapper_widget.database_info > .content_data > .group_container.recreate_db_assets_container {
  margin-bottom: 0;
}
.wrapper_widget.database_info > .content_data > .group_container .recreate_db_options_label {
  text-align: right;
  top: -1rem;
  padding-right: 1.5rem;
}
.wrapper_widget.database_info > .content_data > .group_container .recreate_db_options_container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-top: 1.5rem;
  margin-bottom: 1rem;
  text-align: left;
  border-top: 1px dashed var(--border_default);
}
.wrapper_widget.database_info > .content_data > .group_container .recreate_db_options_container > div {
  margin-right: 1rem;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
.wrapper_widget.database_info > .content_data > .group_container .recreate_db_options_container > div:not(:last-child) {
  border-right: 1px solid var(--border_default);
}
.wrapper_widget.database_info > .content_data .indexes_container {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_label {
  text-align: right;
  padding-right: 1.5rem;
  cursor: pointer;
  font-weight: 500;
  color: var(--fg_muted);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table_name {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
  font-size: 0.85rem;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table thead {
  background-color: var(--bg_surface_alt);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table thead th {
  text-align: left;
  padding: 0.44rem 0.85rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table tbody tr:hover {
  background-color: var(--bg_surface_alt);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table tbody td {
  padding: 0.4rem 0.85rem;
  border-top: 1px solid var(--border_default);
  color: var(--fg_default);
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table tbody td.index_name {
  font-weight: 500;
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table tbody td.index_size {
  text-align: right;
  color: var(--fg_muted);
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.wrapper_widget.database_info > .content_data .indexes_container .indexes_table tbody td.indexdef {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  color: var(--fg_muted);
  word-break: break-all;
}
/**
* dedalo_api_test_environment
*
* Included from area_maintenance.less file.
* Neutral kit surface (the green accent is kept on the JSON-editor menu only);
* the API response is a console block.
*/
.wrapper_widget.dedalo_api_test_environment > .content_data > .button_submit {
  margin: 0.25rem 0.25rem 0.5rem;
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .editor_json_container {
  display: block;
  height: 50vh;
  min-height: 450px;
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .editor_json_container .jse-menu {
  --jse-theme-color: var(--color_success);
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .editor_json_container .jsoneditor {
  z-index: 1;
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .body_response {
  max-width: 100%;
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .body_response > .api_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
}
.wrapper_widget.dedalo_api_test_environment > .content_data > .body_response > .pre > .json-container {
  white-space: pre-wrap;
  overflow: auto;
}
/**
* diffusion_server_control
*
* Included from area_maintenance.less file.
* The status readout, severity chips/pills, eyebrows, notes and action buttons all
* come from the shared widget_kit (.dd_readout / .dd_badge / .dd_eyebrow / .dd_note).
* Only this widget's section layout (scheduler, job queue, pending, config) lives here.
*/
.wrapper_widget.diffusion_server_control .diffusion_server_control_content {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_rollup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_rollup .dsc_rollup_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_rollup .dsc_rollup_progress {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_rollup .dsc_rollup_progress.hide {
  display: none;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_rollup .dsc_rollup_bar.hide {
  display: none;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_status,
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler,
.wrapper_widget.diffusion_server_control .diffusion_server_control_jobs,
.wrapper_widget.diffusion_server_control .diffusion_server_control_pending,
.wrapper_widget.diffusion_server_control .diffusion_server_control_config,
.wrapper_widget.diffusion_server_control .diffusion_server_control_footer {
  margin-top: 0.9rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_status,
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler,
.wrapper_widget.diffusion_server_control .diffusion_server_control_jobs,
.wrapper_widget.diffusion_server_control .diffusion_server_control_pending,
.wrapper_widget.diffusion_server_control .diffusion_server_control_config,
.wrapper_widget.diffusion_server_control .diffusion_server_control_footer {
  padding-top: 0.9rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_status > .dd_eyebrow,
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler > .dd_eyebrow,
.wrapper_widget.diffusion_server_control .diffusion_server_control_jobs > .dd_eyebrow,
.wrapper_widget.diffusion_server_control .diffusion_server_control_pending > .dd_eyebrow,
.wrapper_widget.diffusion_server_control .diffusion_server_control_config > .dd_eyebrow {
  margin-bottom: 0.5rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_status {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler .dsc_sched_actions {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_scheduler .button_scheduler[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_jobs {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table {
  grid-template-columns: minmax(9rem, 1.1fr) minmax(8rem, 1fr) 7.5rem minmax(10rem, 1.6fr) 4.5rem;
  overflow-x: auto;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table.with_actions {
  grid-template-columns: minmax(9rem, 1.1fr) minmax(8rem, 1fr) 7.5rem minmax(10rem, 1.6fr) 4.5rem auto;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_id,
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_target {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_state {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.1rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_state .dd_badge {
  white-space: nowrap;
  word-break: normal;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_cancelling {
  font-size: 0.7rem;
  font-style: italic;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_progress {
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 0.25rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_progress_head {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  min-width: 0;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_counter {
  flex: 0 0 auto;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_msg {
  min-width: 0;
  color: var(--fg_muted);
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_job_table .job_actions {
  gap: 0.4rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_estimate_note {
  margin-top: 0.5rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_purge {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-top: 0.7rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_purge .purge_hours {
  width: 5rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_pending {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_pending .button_retry {
  align-self: flex-start;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_config {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.diffusion_server_control .diffusion_server_control_footer {
  display: flex;
}
.wrapper_widget.diffusion_server_control .body_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.9rem;
}
.wrapper_widget.diffusion_server_control .body_response:empty {
  display: none;
}
/**
* lock_components
*
* Included from area_maintenance.less file.
* Active-users readout as a console block; buttons come from the shared kit.
*/
.wrapper_widget.lock_components .info_node {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  line-height: 1.45;
}
.wrapper_widget.lock_components .button_refresh {
  margin-top: 1rem;
}
.wrapper_widget.lock_components .button_force_unlock_all_components {
  float: right;
  margin-top: 1rem;
}
/**
* make_backup
*
* Included from area_maintenance.less file.
* SSE progress + backup-file lists rendered as console blocks.
*/
.wrapper_widget.make_backup .button_submit {
  margin-top: 0.75rem;
}
.wrapper_widget.make_backup .body_response .backup_files_info {
  margin: 0.5rem;
  margin-top: 0;
}
.wrapper_widget.make_backup .backup_files_list,
.wrapper_widget.make_backup .mysql_backup_files_list {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 16rem;
  overflow: auto;
}
.wrapper_widget.make_backup .backup_toggle_button {
  padding: 0.4rem 0.6rem;
  cursor: pointer;
  color: var(--fg_muted);
  font-size: 0.85rem;
}
.wrapper_widget.make_backup .backup_toggle_button:active {
  opacity: 0.5;
}
/**
* media_control
*
* Included from area_maintenance.less file.
* The status readout, severity chips, eyebrows, notes and action buttons all come
* from the shared widget_kit (.dd_readout / .dd_badge / .dd_eyebrow / .dd_note).
* Only the widget-specific control layout lives here.
*/
.wrapper_widget.media_control .media_control_content {
  display: flex;
  flex-direction: column;
}
.wrapper_widget.media_control .media_control_selector,
.wrapper_widget.media_control .media_control_rebuild,
.wrapper_widget.media_control .media_control_footer {
  margin-top: 0.9rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.media_control .media_control_selector {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.wrapper_widget.media_control .media_control_mode_select {
  flex: 1 1 14rem;
  min-width: 12rem;
  max-width: 100%;
  height: 2.4rem;
  margin: 0;
  padding: 0.3rem 2rem 0.3rem 0.7rem;
  opacity: 1;
  color: var(--fg_default);
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  outline: none;
}
.wrapper_widget.media_control .media_control_mode_select:hover {
  border-color: var(--border_strong);
}
.wrapper_widget.media_control .media_control_mode_select:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 0;
}
.wrapper_widget.media_control .media_control_rebuild {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.45rem;
}
.wrapper_widget.media_control .media_control_footer {
  display: flex;
}
.wrapper_widget.media_control .body_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.9rem;
}
.wrapper_widget.media_control .body_response:empty {
  display: none;
}
.wrapper_widget.menu_skip_tipos .menu_skip_chips {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin: 8px 0;
}
.wrapper_widget.menu_skip_tipos .menu_skip_chip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 4px 3px 10px;
  border-radius: 4px;
  background-color: var(--ut_bg_hover, #eef1f5);
  color: var(--ut_text_primary, #1f2328);
}
.wrapper_widget.menu_skip_tipos .menu_skip_chip .menu_skip_chip_label small {
  color: var(--ut_text_muted, #6e7781);
  margin-left: 6px;
}
.wrapper_widget.menu_skip_tipos .menu_skip_chip .menu_skip_chip_remove {
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  padding: 0 6px;
  color: var(--ut_text_muted, #6e7781);
}
.wrapper_widget.menu_skip_tipos .menu_skip_chip .menu_skip_chip_remove:hover {
  color: var(--ut_text_primary, #1f2328);
}
.wrapper_widget.menu_skip_tipos .menu_skip_add {
  position: relative;
  margin: 10px 0;
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_search {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 4px;
  background-color: var(--ut_bg_input, #f6f8fa);
  color: var(--ut_text_primary, #1f2328);
  border: 1px solid var(--ut_border, rgba(27, 31, 36, 0.15));
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_suggestions {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  max-height: 260px;
  overflow-y: auto;
  background-color: var(--ut_bg_elevated, #ffffff);
  color: var(--ut_text_primary, #1f2328);
  border: 1px solid var(--ut_border, rgba(27, 31, 36, 0.15));
  border-top: 0;
  box-shadow: var(--ut_shadow, 0 8px 24px -16px rgba(27, 31, 36, 0.25));
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_suggestions.hide {
  display: none;
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_suggestion {
  padding: 5px 8px;
  cursor: pointer;
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_suggestion small {
  color: var(--ut_text_muted, #6e7781);
  margin-left: 6px;
}
.wrapper_widget.menu_skip_tipos .menu_skip_add .menu_skip_suggestion:hover {
  background-color: var(--ut_bg_hover, #eef1f5);
}
.wrapper_widget.menu_skip_tipos .button_submit {
  margin-top: 10px;
}
/**
* move_tld
*
* Included from area_maintenance.less file.
* The file-picker list (checkbox row + collapsible JSON preview) is the shared kit
* `.dd_move_picker()` — one definition for the whole move_* family, so they stay
* identical and read as the same component as every other readout/table.
*/
.wrapper_widget.move_tld .files_list {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.6rem;
}
.wrapper_widget.move_tld .file_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.7rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.move_tld .file_container:first-child {
  border-top: 0;
}
.wrapper_widget.move_tld .file_container > .label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  cursor: pointer;
  color: var(--fg_default);
}
.wrapper_widget.move_tld .file_container > .label.selected {
  font-weight: 600;
}
.wrapper_widget.move_tld .file_container > .label > input {
  cursor: pointer;
}
.wrapper_widget.move_tld .file_container > .show_file_content {
  cursor: pointer;
  padding-right: 0.8rem;
}
.wrapper_widget.move_tld .file_container > .file_content_container {
  width: 100%;
  z-index: 0;
}
/**
* move_to_portal
*
* Included from area_maintenance.less file.
* The file-picker list (checkbox row + collapsible JSON preview) is the shared kit
* `.dd_move_picker()` — one definition for the whole move_* family, so they stay
* identical and read as the same component as every other readout/table.
*/
.wrapper_widget.move_to_portal .files_list {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.6rem;
}
.wrapper_widget.move_to_portal .file_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.7rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.move_to_portal .file_container:first-child {
  border-top: 0;
}
.wrapper_widget.move_to_portal .file_container > .label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  cursor: pointer;
  color: var(--fg_default);
}
.wrapper_widget.move_to_portal .file_container > .label.selected {
  font-weight: 600;
}
.wrapper_widget.move_to_portal .file_container > .label > input {
  cursor: pointer;
}
.wrapper_widget.move_to_portal .file_container > .show_file_content {
  cursor: pointer;
  padding-right: 0.8rem;
}
.wrapper_widget.move_to_portal .file_container > .file_content_container {
  width: 100%;
  z-index: 0;
}
/**
* move_to_table
*
* Included from area_maintenance.less file.
* The file-picker list (checkbox row + collapsible JSON preview) is the shared kit
* `.dd_move_picker()` — one definition for the whole move_* family, so they stay
* identical and read as the same component as every other readout/table.
*/
.wrapper_widget.move_to_table .files_list {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.6rem;
}
.wrapper_widget.move_to_table .file_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.7rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.move_to_table .file_container:first-child {
  border-top: 0;
}
.wrapper_widget.move_to_table .file_container > .label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  cursor: pointer;
  color: var(--fg_default);
}
.wrapper_widget.move_to_table .file_container > .label.selected {
  font-weight: 600;
}
.wrapper_widget.move_to_table .file_container > .label > input {
  cursor: pointer;
}
.wrapper_widget.move_to_table .file_container > .show_file_content {
  cursor: pointer;
  padding-right: 0.8rem;
}
.wrapper_widget.move_to_table .file_container > .file_content_container {
  width: 100%;
  z-index: 0;
}
/**
* move_locator
*
* Included from area_maintenance.less file.
* The file-picker list (checkbox row + collapsible JSON preview) is the shared kit
* `.dd_move_picker()` — one definition for the whole move_* family, so they stay
* identical and read as the same component as every other readout/table.
*/
.wrapper_widget.move_locator .files_list {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.6rem;
}
.wrapper_widget.move_locator .file_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.7rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.move_locator .file_container:first-child {
  border-top: 0;
}
.wrapper_widget.move_locator .file_container > .label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  cursor: pointer;
  color: var(--fg_default);
}
.wrapper_widget.move_locator .file_container > .label.selected {
  font-weight: 600;
}
.wrapper_widget.move_locator .file_container > .label > input {
  cursor: pointer;
}
.wrapper_widget.move_locator .file_container > .show_file_content {
  cursor: pointer;
  padding-right: 0.8rem;
}
.wrapper_widget.move_locator .file_container > .file_content_container {
  width: 100%;
  z-index: 0;
}
/**
* move_lang
*
* Included from area_maintenance.less file.
* The file-picker list (checkbox row + collapsible JSON preview) is the shared kit
* `.dd_move_picker()` — one definition for the whole move_* family, so they stay
* identical and read as the same component as every other readout/table.
*/
.wrapper_widget.move_lang .files_list {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.6rem;
}
.wrapper_widget.move_lang .file_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0.7rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.move_lang .file_container:first-child {
  border-top: 0;
}
.wrapper_widget.move_lang .file_container > .label {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  height: 2rem;
  cursor: pointer;
  color: var(--fg_default);
}
.wrapper_widget.move_lang .file_container > .label.selected {
  font-weight: 600;
}
.wrapper_widget.move_lang .file_container > .label > input {
  cursor: pointer;
}
.wrapper_widget.move_lang .file_container > .show_file_content {
  cursor: pointer;
  padding-right: 0.8rem;
}
.wrapper_widget.move_lang .file_container > .file_content_container {
  width: 100%;
  z-index: 0;
}
/**
* runtime_info
*
* Included from area_maintenance.less file.
* Bun engine runtime readout: section labels, a one-line runtime summary,
* console output blocks and the caches & sessions maintenance controls.
*/
.wrapper_widget.runtime_info .runtime_label {
  margin-top: 1rem;
  font-weight: 700;
  color: var(--fg_default);
}
.wrapper_widget.runtime_info .runtime_label:first-child {
  margin-top: 0;
}
.wrapper_widget.runtime_info .runtime_summary {
  margin-top: 0.35rem;
  color: var(--fg_muted);
  font-size: 0.95rem;
}
.wrapper_widget.runtime_info .runtime_actions {
  margin-top: 1rem;
}
.wrapper_widget.runtime_info .runtime_actions .runtime_label {
  margin-bottom: 0.5rem;
}
.wrapper_widget.runtime_info .runtime_actions .button_submit {
  margin-right: 0.5rem;
}
.wrapper_widget.runtime_info .body_response {
  padding: 0.5rem !important;
}
.wrapper_widget.runtime_info pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 28rem;
  overflow: auto;
}
.wrapper_widget.runtime_info .ok {
  color: var(--color_success);
  font-weight: 600;
}
.wrapper_widget.runtime_info .error {
  color: var(--color_danger);
  font-weight: 600;
}
/**
* register_tools
*
* Included from area_maintenance.less file.
* The tool list is a shared .dd_table (kit); only the column template, the error
* banner and the response block are widget-specific.
*/
.wrapper_widget.register_tools .dd_table {
  grid-template-columns: 5.5rem minmax(9rem, 20rem) minmax(6rem, 12rem) 6rem 5.5rem minmax(12rem, 1fr);
}
.wrapper_widget.register_tools .dd_table .dd_tr:hover .dd_td {
  background-color: color-mix(in srgb, var(--fg_default) 5%, transparent);
}
.wrapper_widget.register_tools .name_td {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
}
.wrapper_widget.register_tools .dev_td {
  color: var(--fg_muted);
}
.wrapper_widget.register_tools .version_notice {
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.7rem;
  color: var(--fg_default);
  font-size: 0.85rem;
  line-height: 1.4;
  background-color: color-mix(in srgb, var(--color_warning) 12%, transparent);
  border-left: 3px solid var(--color_warning);
  border-radius: 0 6px 6px 0;
}
.wrapper_widget.register_tools .version_notice p {
  margin: 0;
}
.wrapper_widget.register_tools .version_notice p + p {
  margin-top: 0.3rem;
}
.wrapper_widget.register_tools .version_notice:empty {
  display: none;
}
.wrapper_widget.register_tools .active_th {
  display: flex;
  gap: 0.35rem;
  align-items: center;
}
.wrapper_widget.register_tools .active_td {
  display: flex;
  align-items: center;
}
.wrapper_widget.register_tools .checkbox_selector {
  margin: 0;
  cursor: pointer;
}
.wrapper_widget.register_tools .checkbox_selector:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.wrapper_widget.register_tools .dd_tr.inactive .dd_td {
  opacity: 0.5;
  text-decoration: line-through;
  text-decoration-color: color-mix(in srgb, var(--fg_default) 45%, transparent);
}
.wrapper_widget.register_tools .dd_tr.inactive .active_td {
  opacity: 1;
  text-decoration: none;
}
.wrapper_widget.register_tools .active_summary {
  margin-left: 0.6rem;
  color: var(--fg_muted);
  font-size: 0.85em;
}
.wrapper_widget.register_tools .active_summary:empty {
  display: none;
}
.wrapper_widget.register_tools .info_text.error {
  margin-top: 0.75rem;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  line-height: 1.35;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
.wrapper_widget.register_tools .body_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.75rem;
}
.wrapper_widget.register_tools .body_response:empty {
  display: none;
}
.wrapper_widget.register_tools .register_report {
  font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  white-space: normal;
}
.wrapper_widget.register_tools .register_report .report_headline {
  display: flex;
  gap: 0.45rem;
  align-items: baseline;
  font-size: 0.95rem;
  font-weight: 600;
}
.wrapper_widget.register_tools .register_report .report_headline.state_ok .report_icon {
  color: var(--color_success);
}
.wrapper_widget.register_tools .register_report .report_headline.state_failed .report_icon {
  color: var(--color_danger);
}
.wrapper_widget.register_tools .register_report .report_counters {
  margin-top: 0.15rem;
  color: var(--fg_muted);
  font-size: 0.85rem;
}
.wrapper_widget.register_tools .register_report .report_block {
  margin-top: 0.85rem;
}
.wrapper_widget.register_tools .register_report .report_block .report_block_title {
  margin-bottom: 0.3rem;
  color: var(--fg_muted);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.wrapper_widget.register_tools .register_report .report_block.errors .report_block_title {
  color: var(--color_danger);
}
.wrapper_widget.register_tools .register_report .report_row {
  display: flex;
  gap: 0.6rem;
  padding: 0.25rem 0;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.register_tools .register_report .report_row:first-child {
  border-top: 0;
}
.wrapper_widget.register_tools .register_report .report_tool {
  flex: 0 0 12rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  word-break: break-word;
}
.wrapper_widget.register_tools .register_report .report_row.note_row .report_tool {
  flex: 0 0 3rem;
  color: var(--fg_muted);
  text-align: right;
}
.wrapper_widget.register_tools .register_report .report_detail {
  flex: 1 1 auto;
  font-size: 0.85rem;
}
.wrapper_widget.register_tools .register_report .report_names {
  margin-top: 0.15rem;
  color: var(--fg_muted);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.75rem;
  word-break: break-word;
}
.wrapper_widget.register_tools .register_report .report_chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.wrapper_widget.register_tools .register_report .report_chips .dd_badge {
  padding: 0.1rem 0.5rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  background-color: color-mix(in srgb, var(--fg_default) 8%, transparent);
  border: 1px solid var(--border_default);
  border-radius: 999px;
}
.wrapper_widget.register_tools .register_report .report_raw {
  margin-top: 0.9rem;
}
.wrapper_widget.register_tools .register_report .report_raw summary {
  color: var(--fg_muted);
  font-size: 0.8rem;
  cursor: pointer;
}
.wrapper_widget.register_tools .register_report .report_raw .pre {
  margin-top: 0.4rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  white-space: pre-wrap;
}
/**
* serve_code
*
* Included from area_maintenance.less file.
* The status readout layout is update_code's .dd_update_status() mixin (one
* vocabulary for both halves of the code exchange); only the build rows — the
* action button beside the archive it writes — live here.
*/
.wrapper_widget.serve_code > .content_data > .serve_code_note {
  margin: 0 0 0.9rem 0;
}
.wrapper_widget.serve_code > .content_data .update_status {
  margin-bottom: 1rem;
}
.wrapper_widget.serve_code > .content_data .update_status .status_block {
  margin-bottom: 0.75rem;
}
.wrapper_widget.serve_code > .content_data .update_status .status_block .dd_eyebrow {
  margin-bottom: 0.33rem;
}
.wrapper_widget.serve_code > .content_data .update_status .status_verdict {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.wrapper_widget.serve_code > .content_data .update_status .status_verdict.state_ok {
  color: var(--color_success);
}
.wrapper_widget.serve_code > .content_data .update_status .status_verdict.state_danger {
  color: var(--color_danger);
}
.wrapper_widget.serve_code > .content_data .update_status .status_verdict.state_warning {
  color: var(--color_warning);
}
.wrapper_widget.serve_code > .content_data .update_status .check_row .dd_v {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
}
.wrapper_widget.serve_code > .content_data .update_status .check_row .check_detail {
  overflow-wrap: anywhere;
  opacity: 0.85;
}
.wrapper_widget.serve_code > .content_data .update_status .check_row .check_scope {
  font-size: 0.9em;
  opacity: 0.7;
  white-space: nowrap;
}
.wrapper_widget.serve_code > .content_data .update_status .check_row .check_note {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.75;
}
.wrapper_widget.serve_code > .content_data .update_status .dd_v > .dd_badge {
  margin-left: 0.4rem;
  margin-right: 0.33rem;
  white-space: nowrap;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row .dd_v {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row .restore_version {
  opacity: 0.85;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row .restore_reason {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.75;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row .restore_reason_detail {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.9;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row > .dd_v > button.button_delete_point {
  margin-left: 0.4rem;
  padding: 0.15rem 0.7rem;
  color: var(--color_danger);
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row > .dd_v > button.button_delete_point[disabled] {
  color: var(--fg_muted);
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row > .dd_v > button.button_restore {
  margin-left: auto;
  padding: 0.15rem 0.7rem;
  font-size: 0.9em;
}
.wrapper_widget.serve_code > .content_data .update_status .restore_row > .dd_v > button.button_restore[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.wrapper_widget.serve_code > .content_data .update_status .dd_v > .check_note {
  font-size: 0.9em;
  opacity: 0.75;
  margin-top: 0.2rem;
}
.wrapper_widget.serve_code > .content_data > .serve_code_body > .update_status:first-child {
  margin-top: 0;
}
.wrapper_widget.serve_code > .content_data .dd_readout {
  grid-template-columns: minmax(min-content, 20rem) 1fr;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action {
  display: flex;
  align-items: center;
  padding: 0.4rem 0.5rem;
  text-transform: none;
  letter-spacing: normal;
  white-space: normal;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action.none {
  color: var(--fg_muted);
  font-style: italic;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action > .form_container {
  width: 100%;
  margin: 0px;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action button.build_button {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0.55rem 0.8rem;
  border-radius: 4px;
  font-weight: 600;
  line-height: 1.25;
  white-space: normal;
  cursor: pointer;
  font-size: 0.8rem;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action button.build_button.primary {
  color: var(--fg_inverse);
  background-color: var(--color_primary);
  border: 1px solid var(--color_primary);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action button.build_button.primary:hover {
  filter: brightness(1.08);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action button.build_button.light:not(.primary) {
  color: var(--fg_default);
  border: 1px solid var(--border_strong);
  background-color: var(--bg_surface);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_k.build_action button.build_button.light:not(.primary):hover {
  background-color: var(--bg_surface_alt);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file > .build_file_meta {
  color: var(--fg_muted);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.none {
  color: var(--fg_muted);
  font-style: italic;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.building {
  animation: build_pulse 1.4s ease-in-out infinite;
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.building > .build_file_name,
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.building > .build_file_meta {
  opacity: 0.45;
}
@media (prefers-reduced-motion: reduce) {
  .wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.building {
    animation: none;
    opacity: 1;
  }
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file > .build_file_previous {
  flex-basis: 100%;
  font-size: 0.9em;
  color: var(--fg_muted);
}
.wrapper_widget.serve_code > .content_data .build_row > .dd_v.build_file.built_updated {
  animation: build_settled 1.6s ease-out 1;
}
/**
* serve_ontology
*
* Included from area_maintenance.less file.
* The checklist, .env block and endpoint row come from widget_kit's
* .dd_env_checklist(); only the state line lives here.
*/
.wrapper_widget.serve_ontology .serve_ontology_content {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.wrapper_widget.serve_ontology .serve_ontology_content code {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.05em 0.35em !important;
  border: 1px solid var(--border_default);
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--color_primary) 8%, var(--bg_surface_alt));
  color: var(--fg_default);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.6;
  white-space: nowrap;
  vertical-align: baseline;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .mark {
  flex: 0 0 1rem;
  line-height: 1.35;
  text-align: center;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk.on .mark {
  color: var(--color_success);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk.off .mark,
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk.field .mark {
  color: var(--fg_muted);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .txt {
  min-width: 0;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .hd {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .hd code {
  font-size: 0.8rem;
  font-weight: 600;
  white-space: normal;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .val {
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--border_default);
  border-radius: 999px;
  background-color: var(--bg_surface_alt);
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fg_muted);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk.on .val {
  color: var(--color_success);
  border-color: color-mix(in srgb, var(--color_success) 35%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_success) 8%, transparent);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serving_checks .chk .desc {
  font-size: 0.8rem;
  color: var(--fg_muted);
}
.wrapper_widget.serve_ontology .serve_ontology_content .env_sample {
  margin: 0;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border_default);
  border-radius: 6px;
  background-color: var(--bg_surface_alt);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  line-height: 1.5;
  white-space: pre;
  overflow-x: auto;
  color: var(--fg_default);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serve_url {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.wrapper_widget.serve_ontology .serve_ontology_content .serve_url .dd_k {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.serve_ontology .serve_ontology_content .serve_url code {
  white-space: normal;
  word-break: break-all;
}
.wrapper_widget.serve_ontology .serve_ontology_content > .dd_note {
  margin: 0;
  line-height: 1.6;
}
.wrapper_widget.serve_ontology .serve_state {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.wrapper_widget.serve_ontology .serve_state .ttl {
  flex: 1 1 auto;
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.serve_ontology .serve_state .dd_badge {
  flex: 0 0 auto;
}
/**
* sqo_test_environment
*
* Included from area_maintenance.less file.
* Neutral kit surface (the blue accent is kept on the JSON-editor menu only);
* the query response is a console block.
*/
.wrapper_widget.sqo_test_environment > .content_data > .button_submit {
  margin: 0.25rem 0.25rem 0.5rem;
}
.wrapper_widget.sqo_test_environment > .content_data > .editor_json_container {
  display: block;
  height: 50vh;
  min-height: 450px;
}
.wrapper_widget.sqo_test_environment > .content_data > .editor_json_container .jse-menu {
  --jse-theme-color: var(--color_primary);
  color: var(--color_white) !important;
}
.wrapper_widget.sqo_test_environment > .content_data > .editor_json_container .jsoneditor {
  z-index: 1;
}
.wrapper_widget.sqo_test_environment > .content_data > .body_response {
  max-width: 100%;
}
.wrapper_widget.sqo_test_environment > .content_data > .body_response > .api_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
}
.wrapper_widget.sqo_test_environment > .content_data > .body_response > .pre > .json-container {
  white-space: pre-wrap;
  overflow: auto;
}
/**
* system_info
*
* Included from area_maintenance.less file.
* Three read-only sub-tables (health · requirements · system) styled to match the
* shared kit readout/table language: bordered card, tinted eyebrow header row,
* hairline rows, monospace values, semantic success/failed/warning colours.
*/
.wrapper_widget.system_info .datalist_container {
  position: relative;
  min-height: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.wrapper_widget.system_info .datalist_container > .list_container {
  margin: 0;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item {
  display: grid;
  align-items: center;
  gap: 0;
  border-top: 1px solid var(--border_default);
  font-size: 0.85rem;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > * {
  padding: 0.44rem 0.85rem;
  min-width: 0;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item:first-of-type {
  border-top: 0;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item.header {
  border-top: 0;
  background-color: var(--bg_surface_alt);
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item.header > * {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .name {
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .value {
  margin: 0;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  color: var(--fg_default);
  word-break: break-word;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .value.success {
  color: var(--color_success);
  font-weight: 700;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .value.failed {
  color: var(--color_danger);
  font-weight: 700;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .value.not_available {
  color: var(--fg_muted);
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .info {
  color: var(--fg_muted);
  font-size: 0.8rem;
}
.wrapper_widget.system_info .datalist_container > .list_container .info_item > .info.warning {
  color: var(--color_warning);
  font-weight: 600;
}
.wrapper_widget.system_info .datalist_container > .health_list_container > .info_item,
.wrapper_widget.system_info .datalist_container > .requeriments_list_container > .info_item {
  grid-template-columns: minmax(9rem, 16rem) 6rem 1fr;
}
.wrapper_widget.system_info .datalist_container > .system_list_container > .info_item {
  grid-template-columns: minmax(9rem, 16rem) 1fr;
}
.wrapper_widget.system_info .info_text.error {
  margin-top: 0.75rem;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  line-height: 1.35;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
/**
* unit_test
*
* Included from area_maintenance.less file.
* Long-process stream and test-module list rendered as console blocks.
*/
.wrapper_widget.unit_test .long_process_container {
  margin-bottom: 1.25rem;
}
.wrapper_widget.unit_test .long_process_container .info_text {
  margin: 0 0.5rem;
  color: var(--fg_muted);
}
.wrapper_widget.unit_test .long_process_container .input_update_rate {
  width: 4rem;
  text-align: center;
}
.wrapper_widget.unit_test .long_process_container .long_process_response {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 1rem;
  max-height: 16rem;
  overflow: auto;
}
.wrapper_widget.unit_test .long_process_container .long_process_response:empty {
  display: none;
}
.wrapper_widget.unit_test .list_of_test {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.75rem;
  max-height: 16rem;
  overflow: auto;
}
/**
* update_ontology
*
* One focused flow: pull an ontology snapshot from a master and overwrite the
* local one. Built on the shared widget_kit vocabulary (.dd_readout / .dd_note /
* .dd_badge pills / .dd_eyebrow) so it reads as the same component family as
* media_control and diffusion_server_control. Response states + console blocks
* come from .dd_response_states() (applied to .body_response in area_maintenance.less).
*
* Scoping note: the widget's content node is CLASSLESS, so styles hang off the
* JS-assigned `.update_ontology_content` class and the widget-specific element
* classes — never a `.content_data` class (which does not exist here).
*
* Included from area_maintenance.less.
*/
.wrapper_widget.update_ontology .update_ontology_content {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.wrapper_widget.update_ontology .overwrite_note {
  margin: 0;
}
.wrapper_widget.update_ontology .section {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.wrapper_widget.update_ontology .server_picker {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.wrapper_widget.update_ontology .server_picker .server_row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.85rem;
  border-top: 1px solid var(--border_default);
  cursor: pointer;
}
.wrapper_widget.update_ontology .server_picker .server_row:first-child {
  border-top: 0;
}
.wrapper_widget.update_ontology .server_picker .server_row.on {
  background-color: color-mix(in srgb, var(--color_primary) 6%, transparent);
}
.wrapper_widget.update_ontology .server_picker .server_row.off {
  opacity: 0.6;
  cursor: not-allowed;
}
.wrapper_widget.update_ontology .server_picker .server_row input[type="radio"] {
  width: unset;
  height: unset;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  accent-color: var(--color_primary);
  cursor: pointer;
}
.wrapper_widget.update_ontology .server_picker .server_row .meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.wrapper_widget.update_ontology .server_picker .server_row .meta .nm {
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.update_ontology .server_picker .server_row .meta .url {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  color: var(--fg_muted);
  word-break: break-all;
}
.wrapper_widget.update_ontology .server_picker .server_row .dd_badge {
  flex: 0 0 auto;
}
.wrapper_widget.update_ontology .serving_info + .serving_info {
  margin-top: 0.5rem;
}
.wrapper_widget.update_ontology .serving_info {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.wrapper_widget.update_ontology .serving_info > summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  font-size: 0.85rem;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.wrapper_widget.update_ontology .serving_info > summary::-webkit-details-marker {
  display: none;
}
.wrapper_widget.update_ontology .serving_info > summary:before {
  content: '\25B8';
  color: var(--fg_muted);
  font-size: 0.8rem;
  transition: transform 0.12s ease;
}
.wrapper_widget.update_ontology .serving_info > summary .ttl {
  font-weight: 600;
  color: var(--fg_default);
  flex: 1 1 auto;
}
.wrapper_widget.update_ontology .serving_info > summary .dd_badge {
  flex: 0 0 auto;
}
.wrapper_widget.update_ontology .serving_info[open] > summary:before {
  transform: rotate(90deg);
}
.wrapper_widget.update_ontology .serving_info:not([open]) .serving_body {
  display: none;
}
.wrapper_widget.update_ontology .serving_info .serving_body {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  padding: 0.75rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.update_ontology .serving_info .serving_body code {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.05em 0.35em !important;
  border: 1px solid var(--border_default);
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--color_primary) 8%, var(--bg_surface_alt));
  color: var(--fg_default);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.6;
  white-space: nowrap;
  vertical-align: baseline;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .mark {
  flex: 0 0 1rem;
  line-height: 1.35;
  text-align: center;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk.on .mark {
  color: var(--color_success);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk.off .mark,
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk.field .mark {
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .txt {
  min-width: 0;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .hd {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .hd code {
  font-size: 0.8rem;
  font-weight: 600;
  white-space: normal;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .val {
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--border_default);
  border-radius: 999px;
  background-color: var(--bg_surface_alt);
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk.on .val {
  color: var(--color_success);
  border-color: color-mix(in srgb, var(--color_success) 35%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_success) 8%, transparent);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serving_checks .chk .desc {
  font-size: 0.8rem;
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .serving_info .serving_body .env_sample {
  margin: 0;
  padding: 0.6rem 0.75rem;
  border: 1px solid var(--border_default);
  border-radius: 6px;
  background-color: var(--bg_surface_alt);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  line-height: 1.5;
  white-space: pre;
  overflow-x: auto;
  color: var(--fg_default);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serve_url {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}
.wrapper_widget.update_ontology .serving_info .serving_body .serve_url .dd_k {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .serving_info .serving_body .serve_url code {
  white-space: normal;
  word-break: break-all;
}
.wrapper_widget.update_ontology .serving_info .serving_body > .dd_note,
.wrapper_widget.update_ontology .serving_info .serving_body .desc {
  line-height: 1.6;
}
.wrapper_widget.update_ontology .serving_info .serving_body > .dd_note {
  margin: 0;
}
.wrapper_widget.update_ontology .serving_info.client_info .serving_body .env_sample {
  white-space: pre-wrap;
  word-break: break-all;
}
.wrapper_widget.update_ontology .version_change {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 0.7rem;
  align-items: stretch;
  margin-bottom: 0.6rem;
}
.wrapper_widget.update_ontology .version_change .vcard {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  padding: 0.65rem 0.8rem;
  background-color: var(--bg_surface_alt);
}
.wrapper_widget.update_ontology .version_change .vcard.incoming {
  border-color: color-mix(in srgb, var(--color_danger) 40%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_danger) 6%, var(--bg_surface_alt));
}
.wrapper_widget.update_ontology .version_change .vcard .lbl {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .version_change .vcard .num {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 1.2rem;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  margin: 0.15rem 0 0.1rem;
  color: var(--fg_default);
}
.wrapper_widget.update_ontology .version_change .vcard .src {
  font-size: 0.78rem;
  color: var(--fg_muted);
  word-break: break-word;
}
.wrapper_widget.update_ontology .version_change .arrow {
  align-self: center;
  color: var(--color_danger);
  font-size: 1.35rem;
  line-height: 1;
}
@media screen and (max-width: 600px) {
  .wrapper_widget.update_ontology .version_change {
    grid-template-columns: 1fr;
  }
  .wrapper_widget.update_ontology .version_change .arrow {
    justify-self: center;
    transform: rotate(90deg);
  }
}
.wrapper_widget.update_ontology .tlds_reference {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.9rem;
}
.wrapper_widget.update_ontology .tlds_reference code {
  display: inline !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0.05em 0.35em !important;
  border: 1px solid var(--border_default);
  border-radius: 4px;
  background-color: color-mix(in srgb, var(--color_primary) 8%, var(--bg_surface_alt));
  color: var(--fg_default);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.76rem;
  font-weight: 400;
  line-height: 1.6;
  white-space: nowrap;
  vertical-align: baseline;
}
.wrapper_widget.update_ontology .tlds_reference > .dd_note {
  margin: 0;
  line-height: 1.6;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd .lbl {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
  flex: 1 1 auto;
  min-width: 0;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd .use_list,
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd .fetch_list {
  flex: 0 0 auto;
  font-size: 0.74rem;
  padding: 0.15rem 0.5rem;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd .use_list:disabled,
.wrapper_widget.update_ontology .tlds_reference .tlds_row .hd .fetch_list:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  max-height: 7.5rem;
  overflow-y: auto;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .chips .empty {
  font-size: 0.8rem;
  font-style: italic;
  color: var(--fg_muted);
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .tld_chip {
  padding: 0.1rem 0.45rem;
  border: 1px solid var(--border_default);
  border-radius: 999px;
  background-color: var(--bg_surface_alt);
  color: var(--fg_muted);
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.76rem;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .tld_chip:hover {
  border-color: color-mix(in srgb, var(--color_primary) 45%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_primary) 10%, transparent);
  color: var(--fg_default);
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .tld_chip.on {
  border-color: color-mix(in srgb, var(--color_primary) 55%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_primary) 18%, transparent);
  color: var(--fg_default);
  font-weight: 600;
}
.wrapper_widget.update_ontology .tlds_reference .tlds_row .tld_chip.on:hover {
  border-color: color-mix(in srgb, var(--color_danger) 45%, var(--border_default));
  background-color: color-mix(in srgb, var(--color_danger) 12%, transparent);
}
.wrapper_widget.update_ontology .form_container {
  padding-top: 0;
}
.wrapper_widget.update_ontology .form_container .button_submit {
  color: var(--color_danger);
  border: 1px solid color-mix(in srgb, var(--color_danger) 45%, transparent);
  background-color: color-mix(in srgb, var(--color_danger) 10%, transparent);
  font-weight: 600;
}
.wrapper_widget.update_ontology .form_container .button_submit:hover {
  background-color: color-mix(in srgb, var(--color_danger) 18%, transparent);
}
.wrapper_widget.update_ontology .body_response .response_detail {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
  margin-top: 0.5rem;
}
.wrapper_widget.update_ontology .body_response .response_detail > summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.75rem;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--fg_default);
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.wrapper_widget.update_ontology .body_response .response_detail > summary::-webkit-details-marker {
  display: none;
}
.wrapper_widget.update_ontology .body_response .response_detail > summary:before {
  content: '▸';
  color: var(--fg_muted);
  font-size: 0.8rem;
  transition: transform 0.12s ease;
}
.wrapper_widget.update_ontology .body_response .response_detail[open] > summary:before {
  transform: rotate(90deg);
}
.wrapper_widget.update_ontology .body_response .response_detail > pre {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--border_default);
  border-radius: 0;
  max-height: 260px;
  overflow: auto;
}
/**
* update_code
*
* Included from area_maintenance.less file
*/
.wrapper_widget.update_code .server_picker {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.wrapper_widget.update_code .server_picker .server_row {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 0.55rem 0.85rem;
  border-top: 1px solid var(--border_default);
  cursor: pointer;
}
.wrapper_widget.update_code .server_picker .server_row:first-child {
  border-top: 0;
}
.wrapper_widget.update_code .server_picker .server_row.on {
  background-color: color-mix(in srgb, var(--color_primary) 6%, transparent);
}
.wrapper_widget.update_code .server_picker .server_row.off {
  opacity: 0.6;
  cursor: not-allowed;
}
.wrapper_widget.update_code .server_picker .server_row input[type="radio"] {
  width: unset;
  height: unset;
  min-height: 0;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  accent-color: var(--color_primary);
  cursor: pointer;
}
.wrapper_widget.update_code .server_picker .server_row .meta {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1 1 auto;
}
.wrapper_widget.update_code .server_picker .server_row .meta .nm {
  font-weight: 600;
  color: var(--fg_default);
}
.wrapper_widget.update_code .server_picker .server_row .meta .url {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  color: var(--fg_muted);
  word-break: break-all;
}
.wrapper_widget.update_code .server_picker .server_row .dd_badge {
  flex: 0 0 auto;
}
.wrapper_widget.update_code > .content_data > .button_submit {
  margin: 1rem;
  margin-left: 0px;
  margin-bottom: 2rem;
  padding: 0.5rem 1.1rem;
  font-size: 1em;
  font-weight: 600;
  color: var(--fg_on_brand);
  background-color: var(--color_orange_dedalo);
  border: 1px solid color-mix(in srgb, var(--color_orange_dedalo) 75%, #000);
  border-radius: 4px;
}
.wrapper_widget.update_code > .content_data > .button_submit:before {
  background-color: var(--button-bg-color, #ffffff) !important;
}
.wrapper_widget.update_code > .content_data > .button_submit:hover:not(:disabled) {
  background-color: color-mix(in srgb, var(--color_orange_dedalo) 88%, #000);
}
.wrapper_widget.update_code > .content_data > .button_submit:disabled {
  color: var(--fg_muted);
  background-color: var(--bg_surface_alt);
  border-color: var(--border_default);
}
.wrapper_widget.update_code > .content_data > .dd_readout {
  margin-bottom: 0.75rem;
}
.wrapper_widget.update_code > .content_data > .dd_note {
  margin: 0.5rem 0;
}
.wrapper_widget.update_code > .content_data > .dev_channel_row {
  margin: 0.75rem 0 0.25rem 0;
}
.wrapper_widget.update_code > .content_data > .dev_channel_row > .dev_channel_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: bold;
  padding-bottom: 0px;
  color: var(--color_blue_2);
}
.wrapper_widget.update_code > .content_data > .dev_channel_row > .dev_channel_label > .dev_channel_check {
  height: initial;
}
.wrapper_widget.update_code > .content_data > .dev_channel_row > .dev_channel_label > .dev_channel_icon {
  content: ' ';
  display: inline-block;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  -webkit-mask-image: url('../../themes/default/icons/bug.svg');
  mask-image: url('../../themes/default/icons/bug.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color_blue_2);
}
.wrapper_widget.update_code > .content_data > .dev_channel_row > .dd_note.dev_channel_note {
  margin: 0.25rem 0 0 3.1rem;
  max-width: 60rem;
}
.wrapper_widget.update_code > .content_data .update_status {
  margin-bottom: 1rem;
}
.wrapper_widget.update_code > .content_data .update_status .status_block {
  margin-bottom: 0.75rem;
}
.wrapper_widget.update_code > .content_data .update_status .status_block .dd_eyebrow {
  margin-bottom: 0.33rem;
}
.wrapper_widget.update_code > .content_data .update_status .status_verdict {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.wrapper_widget.update_code > .content_data .update_status .status_verdict.state_ok {
  color: var(--color_success);
}
.wrapper_widget.update_code > .content_data .update_status .status_verdict.state_danger {
  color: var(--color_danger);
}
.wrapper_widget.update_code > .content_data .update_status .status_verdict.state_warning {
  color: var(--color_warning);
}
.wrapper_widget.update_code > .content_data .update_status .check_row .dd_v {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.4rem;
}
.wrapper_widget.update_code > .content_data .update_status .check_row .check_detail {
  overflow-wrap: anywhere;
  opacity: 0.85;
}
.wrapper_widget.update_code > .content_data .update_status .check_row .check_scope {
  font-size: 0.9em;
  opacity: 0.7;
  white-space: nowrap;
}
.wrapper_widget.update_code > .content_data .update_status .check_row .check_note {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.75;
}
.wrapper_widget.update_code > .content_data .update_status .dd_v > .dd_badge {
  margin-left: 0.4rem;
  margin-right: 0.33rem;
  white-space: nowrap;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row .dd_v {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row .restore_version {
  opacity: 0.85;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row .restore_reason {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.75;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row .restore_reason_detail {
  flex-basis: 100%;
  font-size: 0.9em;
  opacity: 0.9;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row > .dd_v > button.button_delete_point {
  margin-left: 0.4rem;
  padding: 0.15rem 0.7rem;
  color: var(--color_danger);
}
.wrapper_widget.update_code > .content_data .update_status .restore_row > .dd_v > button.button_delete_point[disabled] {
  color: var(--fg_muted);
}
.wrapper_widget.update_code > .content_data .update_status .restore_row > .dd_v > button.button_restore {
  margin-left: auto;
  padding: 0.15rem 0.7rem;
  font-size: 0.9em;
}
.wrapper_widget.update_code > .content_data .update_status .restore_row > .dd_v > button.button_restore[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.wrapper_widget.update_code > .content_data .update_status .dd_v > .check_note {
  font-size: 0.9em;
  opacity: 0.75;
  margin-top: 0.2rem;
}
.wrapper_widget.update_code > .content_data .phase_track {
  margin: 0.75rem 0;
}
.wrapper_widget.update_code > .content_data .phase_track .dd_bar {
  margin-bottom: 0.33rem;
}
.wrapper_widget.update_code > .content_data .phase_track .dd_readout {
  margin-top: 0.5rem;
}
.wrapper_widget.update_code > .content_data .body_response {
  scroll-margin-top: 1rem;
}
.wrapper_widget.update_code > .content_data .body_response.tracking > .phase_track {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: var(--bg_surface);
  padding: 0.5rem 0.6rem;
  margin: 0 0 0.75rem 0;
  border: 1px solid var(--border_default);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  max-height: 55vh;
}
.wrapper_widget.update_code > .content_data .body_response.tracking > .phase_track > .dd_readout {
  overflow-y: auto;
  min-height: 0;
}
.wrapper_widget.update_code > .content_data .body_response.tracking > .update_stream,
.wrapper_widget.update_code > .content_data .body_response.tracking > .dd_note {
  scroll-margin-top: 57vh;
}
.wrapper_widget.update_code > .content_data .body_response > .error {
  margin: 0.5rem 0;
}
.wrapper_widget.update_code > .content_data .body_response .update_stream .display_json_box {
  display: none;
}
.wrapper_widget.update_code > .content_data .body_response .dd_note.update_refusal {
  font-weight: bold;
  font-size: 1.1em;
}
.wrapper_widget.update_code > .content_data .body_response .reload_pending > button {
  margin-left: 0.75rem;
}
.widget_update_code_modal .modal_content {
  width: 890px;
  max-width: 100%;
}
.widget_update_code_modal .body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 1.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.widget_update_code_modal .body .dd_readout {
  width: 100%;
  margin-top: 1rem;
}
.widget_update_code_modal .body .restore_note_migrations,
.widget_update_code_modal .body .restore_note_becomes_restore_point {
  width: 100%;
  text-align: left;
  margin-top: 1rem;
}
.widget_update_code_modal .body .files_container {
  width: 100%;
  text-align: left;
  margin-top: 2rem;
}
.widget_update_code_modal .body .files_container .file_container {
  border-bottom: 1px var(--color_grey_13) solid;
  padding: 0.5rem;
  border-radius: 3px;
  display: flex;
  gap: 1rem;
  margin-bottom: 0.5rem;
}
.widget_update_code_modal .body .files_container .file_container:active {
  opacity: 0.7;
}
.widget_update_code_modal .body .files_container .file_container .version_label {
  cursor: pointer;
  display: contents;
}
.widget_update_code_modal .body .files_container .file_container .version_label input {
  vertical-align: bottom;
  cursor: pointer;
}
.widget_update_code_modal .body .files_container .file_container .value {
  font-weight: 300;
  color: var(--color_grey_9);
}
.widget_update_code_modal .body .files_container .file_container:last-child {
  border-bottom: none;
  margin-bottom: 0px;
}
.widget_update_code_modal .footer {
  position: relative;
  display: block;
  text-align: center;
  margin-top: 2rem;
  min-height: 6rem;
}
.widget_update_code_modal .footer .waive_backup_row {
  text-align: left;
  max-width: 60rem;
  margin: 0 auto 1.5rem auto;
}
.widget_update_code_modal .footer .waive_backup_row > .waive_backup_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: bold;
  padding-bottom: 0px;
  color: var(--color_danger);
}
.widget_update_code_modal .footer .waive_backup_row > .waive_backup_label > .waive_backup_check {
  height: initial;
}
.widget_update_code_modal .footer .waive_backup_row > .dd_note.waive_backup_note {
  margin: 0.25rem 0 0 1.6rem;
  max-width: 60rem;
}
.widget_update_code_modal .footer .confirm_downgrade_row {
  text-align: left;
  max-width: 60rem;
  margin: 0 auto 1.5rem auto;
}
.widget_update_code_modal .footer .confirm_downgrade_row > .confirm_downgrade_label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-weight: bold;
  padding-bottom: 0px;
  color: var(--color_danger);
}
.widget_update_code_modal .footer .confirm_downgrade_row > .confirm_downgrade_label > .confirm_downgrade_check {
  height: initial;
}
.widget_update_code_modal .footer > button[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.widget_update_code_modal .footer pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  text-align: left;
  margin: 1.5rem 0;
  max-height: 20rem;
  overflow: auto;
}
.widget_update_code_modal .footer > .response {
  padding-bottom: 6rem;
  padding-top: 0;
}
.widget_update_code_modal .footer > .response.error {
  color: var(--color_danger);
}
.widget_update_code_modal .footer .spinner {
  margin: 0px;
  top: 2rem;
}
/**
* .dd_update_status()
* STATUS readouts (render_update_status.js) — LAYOUT ONLY.
* The severity vocabulary is the shared widget_kit's (.dd_badge +
* pill_ok / pill_warning / pill_danger, .dd_eyebrow, .dd_readout): a
* second chip system local to this widget would drift from every other
* maintenance panel, so nothing here defines a state colour.
* Shared by update_code (consumer readout) and serve_code (code-server readout).
*/
/**
* dataframe_control
*
* Included from area_maintenance.less file.
* Integrity report as a bordered summary card; orphan detail as a console block.
* Action buttons (.primary / .warning) are unified by the kit's .dd_action_buttons.
*/
.wrapper_widget.dataframe_control .summary {
  margin-bottom: 0.75rem;
  padding: 0.7rem 0.85rem;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  background-color: var(--bg_surface);
  font-size: 0.85rem;
  line-height: 1.6;
  color: var(--fg_default);
}
.wrapper_widget.dataframe_control .orphan_items {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 14rem;
  overflow: auto;
}
.wrapper_widget.dataframe_control button {
  margin-right: 0.4rem;
}
/**
* environment
*
* Included from area_maintenance.less file.
* page_globals dump rendered as a console block.
*/
.wrapper_widget.environment .list_page_globals {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 30rem;
  overflow: auto;
}
/* === error_reports widget (WC-018; source: area_maintenance/widgets/error_reports/css/error_reports.less) === */
.error_reports_widget {
  font-size: 0.85rem;
  color: var(--fg_default);
}
.error_reports_widget .error_reports_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 1.5rem;
  align-items: baseline;
  margin: 0 0 0.9rem 0;
}
.error_reports_widget .error_reports_total {
  font-weight: 700;
  font-size: 1rem;
  color: var(--fg_default);
}
.error_reports_widget .error_reports_meta {
  color: var(--fg_muted);
  font-size: 0.8rem;
}
.error_reports_widget .error_reports_target {
  margin: 0 0 0.9rem 0;
  font-size: 0.8rem;
  color: var(--fg_muted);
}
.error_reports_widget .error_reports_target b {
  color: var(--fg_default);
}
.error_reports_widget .error_reports_target code {
  display: inline;
  background-color: transparent;
  padding: 0;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  font-weight: 400;
  color: var(--fg_default);
}
.error_reports_widget .error_reports_table {
  border: 1px solid var(--border_default);
  border-radius: 8px;
  overflow: hidden;
  background-color: var(--bg_surface);
}
.error_reports_widget .er_row {
  display: grid;
  grid-template-columns: 11.5rem 9rem 4.5rem 9rem minmax(0, 1fr);
  align-items: center;
  border-top: 1px solid var(--border_default);
}
.error_reports_widget .er_row:first-of-type {
  border-top: 0;
}
.error_reports_widget .er_row > * {
  padding: 0.44rem 0.85rem;
  min-width: 0;
}
.error_reports_widget .er_row.header {
  border-top: 0;
  background-color: var(--bg_surface_alt);
}
.error_reports_widget .er_row.header > * {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
}
.error_reports_widget .er_row.report {
  cursor: pointer;
}
.error_reports_widget .er_row.report:hover,
.error_reports_widget .er_row.report.open {
  background-color: var(--bg_surface_alt);
}
.error_reports_widget .er_row .er_when {
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.75rem;
  color: var(--fg_muted);
}
.error_reports_widget .er_row .er_from {
  font-weight: 600;
  color: var(--fg_default);
}
.error_reports_widget .er_row .er_desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--fg_default);
}
.error_reports_widget .er_detail {
  border-top: 1px solid var(--border_default);
  padding: 0.6rem 0.85rem;
  background-color: var(--bg_surface_alt);
}
.error_reports_widget .er_field {
  margin: 0 0 0.35rem 0;
  color: var(--fg_default);
  word-break: break-word;
}
.error_reports_widget .er_field .er_label {
  font-weight: 600;
  color: var(--fg_muted);
  margin-right: 0.4rem;
}
.error_reports_widget .er_pre {
  margin: 0.3rem 0 0.6rem 0;
  padding: 0.5rem;
  background-color: var(--bg_surface);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.78rem;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 16rem;
  overflow: auto;
  color: var(--fg_default);
}
.error_reports_widget .er_screenshot_link {
  display: inline-block;
  margin: 0.3rem 0 0.6rem 0;
}
.error_reports_widget .er_screenshot {
  display: block;
  max-width: 100%;
  max-height: 22rem;
  border: 1px solid var(--border_default);
  border-radius: 6px;
  object-fit: contain;
}
.error_reports_widget .error_reports_footer {
  margin: 0.9rem 0 0 0;
}
.error_reports_widget .error_reports_empty {
  color: var(--fg_muted);
  padding: 0.9rem;
}
/**
* export_hierarchy
*
* Included from area_maintenance.less file.
* Helper text muted, output as console blocks, errors as contained danger notes.
*/
.wrapper_widget.export_hierarchy .info_text,
.wrapper_widget.export_hierarchy .import_hint {
  color: var(--fg_muted);
  line-height: 1.4;
}
.wrapper_widget.export_hierarchy pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 26rem;
  overflow: auto;
}
.wrapper_widget.export_hierarchy .export_errors,
.wrapper_widget.export_hierarchy .response_error {
  margin-top: 0.5rem;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  line-height: 1.35;
  background-color: color-mix(in srgb, var(--color_danger) 11%, transparent);
  border-left: 3px solid var(--color_danger);
  border-radius: 0 6px 6px 0;
}
/**
* publication_api
*
* Included from area_maintenance.less file.
* Output rendered as a console block; buttons unified by the kit.
*/
.wrapper_widget.publication_api pre {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  margin-top: 0.5rem;
  max-height: 28rem;
  overflow: auto;
}
/**
* sequences_status
*
* Included from area_maintenance.less file.
* The PHP side composes the report as HTML (server-styled). We wrap it in the
* shared console block and turn its <hr> separators into kit hairlines so it reads
* as one coherent diagnostic panel.
*/
.wrapper_widget.sequences_status .content_data > div {
  padding: 0.7rem 0.85rem;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  color: var(--fg_default);
  white-space: pre-wrap;
  word-break: break-word;
  background-color: var(--bg_surface_alt);
  border: 1px solid var(--border_default);
  border-radius: 6px;
  max-height: 32rem;
  overflow: auto;
  white-space: normal;
  line-height: 1.7;
}
.wrapper_widget.sequences_status .content_data > div hr {
  border: 0;
  border-top: 1px solid var(--border_default);
  margin: 0.35rem 0;
}
.wrapper_widget.sequences_status .content_data > div b {
  font-weight: 600;
  color: var(--fg_default);
}
/**
* update_data_version
*
* Included from area_maintenance.less file.
* Update notice as a danger note; semantic result text; command blocks keep their
* shared body_info styling.
*/
.wrapper_widget.update_data_version .updates_container {
  margin: 0.5rem 0;
}
.wrapper_widget.update_data_version .alert_update {
  margin-bottom: 0.5rem;
  padding: 0.55rem 0.7rem;
  color: var(--fg_default);
  line-height: 1.4;
  background-color: color-mix(in srgb, var(--color_warning) 12%, transparent);
  border-left: 3px solid var(--color_warning);
  border-radius: 0 6px 6px 0;
}
.wrapper_widget.update_data_version .info_text.error_text {
  color: var(--color_danger);
  font-weight: 600;
}
.wrapper_widget.update_data_version .info_text.success_text {
  color: var(--color_success);
  font-weight: 600;
}
/**
* area_publication
*
* Only use to set general publication styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
/**
* area_resource
*
* Only use to set general resource styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
/**
* area_root
*
* Only use to set general thesaurus styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
/**
* area_thesaurus
*
* Only use to set general thesaurus styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
.area_thesaurus > .buttons_container,
.area_ontology > .buttons_container {
  display: flex;
  justify-content: space-between;
}
.area_thesaurus > .buttons_container button,
.area_ontology > .buttons_container button {
  margin-bottom: 0.25rem;
}
.area_thesaurus > .buttons_container .show_all,
.area_ontology > .buttons_container .show_all {
  white-space: nowrap;
}
.area_thesaurus > .buttons_container > .other_buttons_block,
.area_ontology > .buttons_container > .other_buttons_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  padding: 0px;
}
.area_thesaurus > .buttons_container > .show_other_buttons_button,
.area_ontology > .buttons_container > .show_other_buttons_button {
  height: 2.2rem;
  transform: rotate(90deg);
  width: 1rem;
  padding: 12px;
}
.area_thesaurus > .buttons_container > .show_other_buttons_button:before,
.area_ontology > .buttons_container > .show_other_buttons_button:before {
  content: attr(data-label);
  display: block;
  transform: rotate(-90deg);
  margin-top: 9rem;
  white-space: nowrap;
  padding-right: 1.1rem;
}
.area_thesaurus > .buttons_container > .show_other_buttons_button.up:before,
.area_ontology > .buttons_container > .show_other_buttons_button.up:before {
  display: none;
}
.area_thesaurus > .buttons_container > .show_other_buttons_button:focus,
.area_ontology > .buttons_container > .show_other_buttons_button:focus {
  outline: none;
}
.area_thesaurus > .search_container,
.area_ontology > .search_container {
  position: relative;
}
.area_thesaurus > .search_container > .spinner,
.area_ontology > .search_container > .spinner {
  position: relative;
  margin: 20px;
}
.area_thesaurus > .content_data,
.area_ontology > .content_data {
  margin-top: 0.75rem;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper,
.area_ontology > .content_data > .thesaurus_list_wrapper {
  width: 100%;
  height: 100%;
  padding: 0.25rem;
  margin: 0px;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block {
  padding: 0px;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name {
  background-color: var(--color_tag_indexation_normal);
  color: var(--fg_on_accent);
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name::before,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name::before {
  content: " [M] ";
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name:after,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model > .typology_name:after {
  background-color: var(--color_white);
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model .term_text,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model .term_text,
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model mark,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block.model mark {
  color: var(--color_tag_indexation_normal_darker) !important;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name {
  background-color: var(--color_grey_14);
  text-transform: uppercase;
  padding: 0.5em;
  margin-bottom: 0.25em;
  margin-top: 0.25em;
  font-size: 1em;
  line-height: 1em;
  color: var(--color_grey_5);
  cursor: pointer;
  opacity: 0.5;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name:active,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name:active {
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name::after,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name::after {
  content: "";
  right: 0.33rem;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name.up,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name.up {
  opacity: unset;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container {
  padding: 0px;
  margin: 0px;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container > .wrapper_placeholder,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container > .wrapper_placeholder {
  display: block;
  position: relative;
  width: 100%;
  margin: 0px;
  padding: 0px;
  height: 1.69rem;
}
.area_thesaurus > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container > .wrapper_placeholder > .loading,
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_container > .wrapper_placeholder > .loading {
  display: flex;
  align-items: center;
  font-size: 1rem;
  min-width: 150px;
  margin: 0;
  padding: 0.35rem;
  padding-left: 1.6rem;
}
.area_thesaurus .typology_hide,
.area_ontology .typology_hide {
  background: transparent url('../../themes/default/drop-down-arrow.png') no-repeat right center;
  background-size: 12px;
  background-position: right 10px center;
  opacity: 0.5;
}
.area_thesaurus .reset_wrap,
.area_ontology .reset_wrap {
  width: inherit;
  border: 0px;
  height: initial;
}
.area_thesaurus .reset_label,
.area_ontology .reset_label {
  width: initial;
  padding-top: 5px;
}
.area_thesaurus .reset_content_data,
.area_ontology .reset_content_data {
  display: inline-block;
  width: auto;
  min-width: 30%;
}
.area_thesaurus .wrap_ts_object > .wrap_component,
.area_ontology .wrap_ts_object > .wrap_component {
  width: inherit;
  border: 0px;
  height: initial;
}
.area_thesaurus .wrap_ts_object > .wrap_component label,
.area_ontology .wrap_ts_object > .wrap_component label {
  width: initial;
  padding-top: 5px;
}
.area_thesaurus .wrap_ts_object > .wrap_component .content_data,
.area_ontology .wrap_ts_object > .wrap_component .content_data {
  display: inline-block;
  width: auto;
  min-width: 30%;
}
.area_thesaurus .wrap_ts_object > .wrap_component .content_data .button_add,
.area_ontology .wrap_ts_object > .wrap_component .content_data .button_add {
  top: 4px;
}
.area_thesaurus .wrap_ts_object > .wrap_component .content_data .css_input_text,
.area_ontology .wrap_ts_object > .wrap_component .content_data .css_input_text {
  min-width: 260px;
}
.area_thesaurus #submit_group,
.area_ontology #submit_group {
  clear: both;
  padding-top: 10px;
}
.area_thesaurus #hierarchy_selector,
.area_ontology #hierarchy_selector {
  margin-top: 5px;
}
.area_thesaurus span.label_hierarchy_selector,
.area_ontology span.label_hierarchy_selector {
  min-width: initial;
  padding: 7px;
  padding-right: 30px;
  padding-top: 10px;
}
.area_thesaurus .css_operator_select,
.area_ontology .css_operator_select {
  padding: 2px;
  cursor: pointer;
  clear: both;
  width: 100%;
  margin: 0px;
}
.area_thesaurus .css_wrap_max_rows,
.area_ontology .css_wrap_max_rows {
  width: 12%;
}
.area_thesaurus .section_buttons_container,
.area_ontology .section_buttons_container {
  margin-right: 45px;
  padding-top: 3px;
}
/**
* THESAURUS PICKER PANE
*
* The picker surface: an area_thesaurus mounted on document.body — NEVER inside the
* caller component's node — and placed flush under the component by MEASURING it
* (component_portal position_thesaurus_pane sets top/left/width/max-height from
* the component's bounding rect, on open and on every scroll/resize).
*
* That gives the autocomplete dropdown's geometry without its parentage. The
* parentage is the thing that must not happen: inside the wrapper the area's own
* drags and clicks bubble into the portal's handlers — proven twice — and no guard
* at the boundary is a substitute for not being a descendant.
*
* Tall and resizable on purpose: a thesaurus carries long terms and deep nested
* branches, and a branch can hold 50, 100 or more children.
*/
.thesaurus_pane {
  position: fixed;
  min-width: 50vh;
  height: 60vh;
  min-height: 10rem;
  z-index: 3;
  overflow: auto;
  resize: both;
  background-color: var(--color_white);
  border: 1px solid var(--color_grey_9);
  border-top: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}
.thesaurus_pane.hide {
  display: none;
}
.thesaurus_pane > .area_thesaurus,
.thesaurus_pane > .area_ontology {
  padding: 0.3rem;
}
.thesaurus_pane .thesaurus_pane_error {
  padding: 0.6rem;
}
/**
* area_ontology
*
* Only use to set general ontology styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
.area_ontology {
  height: 100%;
}
.area_ontology > .content_data > .thesaurus_list_wrapper {
  background-color: unset;
}
.area_ontology > .content_data > .thesaurus_list_wrapper > .thesaurus_type_block > .typology_name {
  background-color: var(--color_green_ontology);
  color: var(--fg_inverse);
}
/**
* area_tool
*
* Only use to set general thesaurus styles, not dynamic rows
* Specific CSS for ts_object must be written in ts_object.less
*
* Included from main.less file
*/
/**
* section
*
* Included from main.less file
*/
body.inspector_resizing {
  user-select: none;
  cursor: col-resize;
}
.section {
  display: table;
  width: 100%;
  padding: 1rem;
}
.section > .search_container {
  contain: style;
  width: 100%;
  position: relative;
}
.section > .search_container > .spinner {
  position: relative;
  margin: 20px;
}
.section.edit {
  width: calc(100vw - var(--inspector_width) - 0.25rem);
  margin-bottom: 10rem;
}
.section.edit.no_inspector {
  width: 100%;
}
.body .section.edit {
  width: 100%;
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .section.edit {
    width: 100%;
  }
}
.section.edit.full_width {
  width: 100%;
}
.section.edit.full_width > .inspector_container {
  display: none;
}
.section.edit > .inspector_container {
  contain: style;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 5rem);
  width: var(--inspector_width);
  position: fixed;
  left: calc(100vw - var(--inspector_width) - 0.75rem);
  z-index: 2;
  padding-right: 13px;
  padding-left: 1px;
}
.section.edit > .inspector_container > .wrapper_inspector {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-y: overlay;
  min-height: 0;
}
.section.edit > .inspector_container > .assistant_container {
  flex: 1 1 0;
  min-height: 0;
  display: none;
  flex-direction: column;
  border-top: 2px solid var(--color_grey_12);
  overflow: visible;
}
.section.edit > .inspector_container > .assistant_container.show {
  display: flex;
}
.section.edit > .inspector_container.has_assistant > .wrapper_inspector {
  flex: 0 1 auto;
  max-height: 50%;
}
.section.edit > .inspector_container > .inspector_resize_handle {
  position: absolute;
  left: -3px;
  top: 0px;
  width: 6px;
  height: 100%;
  cursor: col-resize;
  z-index: 3;
  touch-action: none;
}
.section.edit > .inspector_container > .inspector_resize_handle:hover {
  background-color: var(--focus_ring);
  opacity: 0.3;
}
@media screen and (min-width: 1025px) {
  .section.edit > .inspector_container.inspector_rail > .inspector_resize_handle {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .inspector_rail_toggle {
    transform: rotate(180deg);
  }
  .section.edit > .inspector_container.inspector_rail > .assistant_container {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .label {
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .label .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .label .block_icon {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .label:after {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .label .inspector_rail_toggle {
    width: 1.3rem;
    height: 1.3rem;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .paginator_container,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .selection_info,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .buttons_container.bottom {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .inspector_content_data {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.3rem;
    padding-top: 1.3rem;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector > .inspector_content_data > div {
    margin: 0px;
    background-color: transparent;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .element_info_head,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .project_head,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .relation_list_head,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .time_machine_list_head,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .component_history_head,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .activity_info_head {
    justify-content: center;
    align-items: center;
    padding: 0px;
    height: 1.3rem;
    line-height: 1;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .element_info_head .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .project_head .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .relation_list_head .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .time_machine_list_head .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .component_history_head .block_label,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .activity_info_head .block_label {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .element_info_head:after,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .project_head:after,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .relation_list_head:after,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .time_machine_list_head:after,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .component_history_head:after,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .activity_info_head:after {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .element_info_head .block_icon,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .project_head .block_icon,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .relation_list_head .block_icon,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .time_machine_list_head .block_icon,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .component_history_head .block_icon,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .activity_info_head .block_icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .element_info,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .project_container,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .relation_list_body,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .time_machine_list_body,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .component_history_body,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .activity_info_body {
    display: none;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .buttons_container.top,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .tools_container.top {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 1.3rem;
    padding: 0px;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .buttons_container.top > span,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .tools_container.top > span {
    flex: 0 0 auto;
    width: 1.3rem;
    height: 1.3rem;
    min-width: 0px;
    margin: 0px;
    padding: 0px;
    justify-content: center;
  }
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .buttons_container.top > span:before,
  .section.edit > .inspector_container.inspector_rail .wrapper_inspector.inspector .tools_container.top > span:before {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  .section.edit > .inspector_container {
    display: inline;
    width: 100%;
    left: 0px;
    position: initial;
  }
  .section.edit > .inspector_container > .wrapper_inspector > .label {
    background-color: var(--color_grey_13);
  }
  .section.edit > .inspector_container > .inspector_resize_handle,
  .section.edit > .inspector_container .inspector_rail_toggle {
    display: none;
  }
}
.section.edit > .search_container {
  contain: contain;
}
.section.edit > .content_data {
  contain: contain;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.section.edit > .content_data > *:not(.full_width) {
  flex: 1;
}
.section.list > .buttons_container {
  display: flex;
  justify-content: space-between;
}
.section.list > .buttons_container button {
  margin-bottom: 0.25rem;
  white-space: nowrap;
}
.section.list > .buttons_container > .search_buttons_container {
  display: flex;
}
@media screen and (max-width: 600px) {
  .section.list > .buttons_container {
    flex-wrap: wrap;
    gap: 0.25rem;
  }
  .section.list > .buttons_container > .search_buttons_container {
    flex-wrap: wrap;
    min-width: 0;
    max-width: 100%;
  }
  .section.list > .buttons_container .semantic_pinned_chip {
    max-width: 100%;
  }
}
.section.list > .buttons_container > .other_buttons_block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  padding: 0px;
}
.section.list > .buttons_container > .show_other_buttons_button {
  height: 2.2rem;
  transform: rotate(90deg);
  width: 1rem;
  padding: 12px;
}
.section.list > .buttons_container > .show_other_buttons_button:before {
  content: attr(data-label);
  display: block;
  transform: rotate(-90deg);
  margin-top: 9rem;
  white-space: nowrap;
  padding-right: 1.1rem;
}
.section.list > .buttons_container > .show_other_buttons_button:focus {
  outline: none;
}
.section.list > .buttons_container > .show_other_buttons_button.up:before {
  display: none;
}
.section.list > .paginator_container {
  height: 39px;
}
@media screen and (max-width: 1024px) {
  .section.list > .paginator_container {
    height: auto;
    min-height: 39px;
  }
}
.section.list > .list_body > .content_data {
  width: 100%;
}
@media screen and (max-width: 960px) {
  .section.list > .list_body > .content_data {
    padding: 0;
  }
}
.section.list > .list_body > .content_data .column.column_drag {
  justify-content: center;
  align-items: center;
  align-content: center;
}
.section.list > .list_body > .content_data .column.column_drag .button.move {
  height: 1.5rem;
  width: 1.5rem;
}
.open_relations_modal::part(content) {
  width: 36rem;
  max-width: 92vw;
  max-height: 86vh;
  overflow: hidden;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.open_relations_modal::part(body) {
  overflow-y: auto;
  min-height: 0;
}
.open_relations_modal .body.content {
  padding: 1.25rem;
  padding-bottom: 0.5rem;
}
.open_relations_modal .label {
  line-height: 1.35em;
}
.open_relations_modal .option_row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3rem 0.5rem;
  border: 1px solid transparent;
  border-radius: var(--radius-md);
  line-height: 1.25rem;
  cursor: pointer;
}
.open_relations_modal .option_row input[type="radio"] {
  flex: 0 0 auto;
  margin: 0;
  accent-color: var(--color_input_focus);
  cursor: pointer;
}
.open_relations_modal .option_row:hover {
  background-color: var(--field_hover_bg);
}
.open_relations_modal .option_row:has(input:checked) {
  background-color: rgba(247, 138, 28, 0.16);
  border-color: var(--color_input_focus);
}
.open_relations_modal .option_row:focus-within {
  box-shadow: var(--shadow-focus);
}
.open_relations_modal .radio_button_content {
  display: flex;
  gap: 0.5rem;
  padding: 1rem 0 0.25rem 0;
}
.open_relations_modal .radio_button_content > .option_row {
  flex: 1 1 0;
}
.open_relations_modal .target_sections_block {
  border-top: 1px solid var(--border_default);
  margin-top: 0.75rem;
}
.open_relations_modal .target_sections_header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--modal_content_bg);
  padding: 0.5rem 0;
}
.open_relations_modal .target_sections_header .target_sections_title {
  font-size: 0.85em;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--fg_muted);
  white-space: nowrap;
}
.open_relations_modal .target_sections_header .target_sections_filter {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 0.9em;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--border_default);
  border-radius: var(--radius-md);
  background-color: var(--bg_input);
  color: var(--fg_default);
}
.open_relations_modal .target_sections_header .target_sections_filter:focus {
  outline: none;
  border-color: var(--color_input_focus);
  box-shadow: var(--shadow-focus);
}
.open_relations_modal .target_sections_content {
  columns: 2;
  column-gap: 1rem;
  padding-bottom: 0.5rem;
}
.open_relations_modal .target_sections_content .target_section_label {
  break-inside: avoid;
}
.open_relations_modal .target_sections_empty {
  padding: 1rem 0.5rem;
  color: var(--fg_muted);
}
.open_relations_modal .button_open_container.footer {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 0.75rem 1.25rem;
  border-top: 1px solid var(--border_default);
}
.open_relations_modal .button_open_container.footer button {
  margin: 0;
}
.open_relations_modal .button_open_container.footer button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
/**
* view_graph_section
*
*
*
* Included from section.less file
*/
.section.view_graph {
  width: 100vw;
}
.section.view_graph.list .content_data {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 3rem;
  align-items: start;
}
.section.view_graph.list .content_data .group_label {
  font-size: 2rem;
  margin-bottom: 1rem;
}
.section.view_graph.list .content_data .grouper_block {
  display: grid;
}
.section.view_graph.list .content_data .grouper_block .group_content {
  display: grid;
  grid-template-columns: 1fr;
}
.section.view_graph.list .content_data .grouper_block .group_content .section_record.list {
  display: inline-grid;
  grid-template-columns: 2fr 1fr 1fr 3fr 3fr;
}
.section.view_graph.list .content_data .grouper_block .group_content .column.column_section_id {
  background-color: unset;
  box-shadow: unset;
  flex-direction: row;
}
.section.view_graph.list .content_data .grouper_block .group_content .column.column_section_id .button_edit,
.section.view_graph.list .content_data .grouper_block .group_content .column.column_section_id .button_delete {
  width: auto;
  padding: 0;
}
.section.view_graph.list .content_data .grouper_block .group_content .column.column_section_id .button_delete {
  margin-left: 0.6rem;
  padding-right: 0.3rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
.section.view_graph.list .content_data .grouper_block .button.graph {
  background-color: var(--color_primary);
  height: 100%;
}
.section.view_graph.solved {
  display: grid;
  grid-template-columns: 1.1fr 2fr;
}
.section.view_graph.solved .left_node .section_selector_container {
  padding-left: 1rem;
  padding-right: 1rem;
}
.section.view_graph.solved .left_node .section_selector_container .section_select {
  width: 100%;
  font-size: 1rem;
  opacity: 0.7;
}
.section.view_graph.solved .left_node .section_container .wrapper_section {
  padding-top: 0.85rem;
}
.section.view_graph.solved .left_node .section_container .paginator_container {
  height: unset;
}
.section.view_graph.solved .left_node .section_container .list_body .content_data .column_drag .drag_container {
  width: 100%;
  height: 100%;
  position: absolute;
}
.section.view_graph.solved .left_node .section_container .list_body .content_data .column_drag .drag_container .drag_node {
  position: absolute;
  width: max-content;
  top: -10000px;
  right: -10000px;
}
.section.view_graph.solved .right_node .label_container {
  font-size: 1.9rem;
  height: 1.9rem;
}
.section.view_graph.solved .right_node .buttons_container {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.view_graph.solved .right_node > .content_data {
  height: calc(100vh - 100px);
}
.section.view_graph.solved .right_node > .content_data .svg_content {
  font: 16px sans-serif;
}
.section.view_graph.solved .right_node > .content_data .svg_content circle,
.section.view_graph.solved .right_node > .content_data .svg_content path {
  cursor: pointer;
}
.section.view_graph.solved .right_node > .content_data .svg_content circle:active,
.section.view_graph.solved .right_node > .content_data .svg_content path:active {
  opacity: 0.4;
}
.section.view_graph.solved .right_node > .content_data .svg_content #role {
  font-size: 0.9rem;
}
.section.view_graph.solved .right_node > .content_data .svg_content .dragover {
  stroke: var(--color_danger);
  stroke-width: 1px;
  fill: var(--color_hilite);
}
.section.view_graph.edit .graph_toolbar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 0.75rem;
}
.section.view_graph.edit .graph_toolbar .graph_close_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  margin-left: auto;
}
.section.view_graph.edit .graph_toolbar .graph_close_button > .button.close {
  width: 1.05em;
  height: 1.05em;
  min-width: 1.05em;
  margin: 0;
  opacity: 0.55;
  pointer-events: none;
}
.section.view_graph.edit .graph_toolbar .graph_close_button:hover {
  background-color: var(--color_grey_14);
}
.section.view_graph.edit .graph_toolbar .graph_close_button:hover > .button.close {
  opacity: 1;
}
.section.view_graph.edit .graph_toolbar .graph_close_button:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.section.view_graph.edit .graph_toolbar .graph_hint {
  font-size: 0.85rem;
  opacity: 0.6;
}
.section.view_graph.edit .graph_toolbar .graph_inverse_label {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  cursor: pointer;
  font-size: 0.85rem;
}
.section.view_graph.edit .graph_toolbar .graph_inverse_label .graph_inverse_checkbox {
  cursor: pointer;
}
.section.view_graph.edit .graph_toolbar .graph_inverse_label .graph_inverse_label_text {
  opacity: 0.85;
}
.section.view_graph.edit .graph_toolbar .graph_inverse_more {
  font-size: 0.75rem;
  white-space: nowrap;
}
.section.view_graph.edit > .content_data {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 0;
  height: calc(100vh - 9rem);
}
.section.view_graph.edit > .content_data.detail_hidden {
  grid-template-columns: minmax(0, 1fr);
}
.section.view_graph.edit > .content_data.detail_hidden .graph_canvas {
  border-radius: 6px;
}
.section.view_graph.edit > .content_data.detail_hidden .node_detail {
  display: none;
}
.section.view_graph.edit > .content_data .graph_canvas {
  contain: contain;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--color_grey_12);
  border-radius: 6px 0 0 6px;
  overflow: hidden;
  background-color: var(--color_grey_14);
}
.section.view_graph.edit > .content_data .graph_canvas.loading {
  opacity: 0.6;
}
.section.view_graph.edit > .content_data .graph_canvas .graph_empty {
  padding: 2rem;
  opacity: 0.6;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content {
  width: 100%;
  height: 100%;
  font: 14px sans-serif;
  cursor: grab;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content:active {
  cursor: grabbing;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_link {
  stroke: var(--color_grey_10);
  stroke-opacity: 0.6;
  stroke-width: 1.5px;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_link.inverse {
  stroke-dasharray: 6, 3;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_link_label {
  font-size: 0.7rem;
  fill: var(--color_grey_8);
  pointer-events: none;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_link_label.inverse {
  fill: var(--color_grey_9);
  font-style: italic;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node {
  cursor: pointer;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node circle {
  stroke: var(--color_white, #fff);
  stroke-width: 1.5px;
  transition: r 0.15s ease;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node text {
  fill: var(--color_grey_3);
  pointer-events: none;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node.expandable circle {
  stroke: var(--color_primary);
  stroke-width: 2.5px;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node.expanded circle {
  stroke: var(--color_success);
  stroke-width: 2.5px;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node.is_root circle {
  stroke-width: 3px;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node.loading_node circle {
  stroke-dasharray: 3 3;
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node.selected circle {
  stroke-width: 3px;
  filter: drop-shadow(0 0 5px var(--color_orange_dedalo, #f78a1c));
}
.section.view_graph.edit > .content_data .graph_canvas .svg_content .graph_node:hover circle {
  filter: brightness(1.1);
}
.section.view_graph.edit > .content_data .node_detail {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  border: 1px solid var(--color_grey_12);
  border-left: none;
  border-radius: 0 6px 6px 0;
  background-color: var(--color_white, #fff);
  overflow-y: auto;
  overflow-x: hidden;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0.9rem 3rem 0.8rem 1rem;
  background-color: var(--color_white, #fff);
  border-bottom: 1px solid var(--color_grey_12);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_close > .button.close {
  width: 1.05em;
  height: 1.05em;
  min-width: 1.05em;
  margin: 0;
  opacity: 0.55;
  pointer-events: none;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_close:hover {
  background-color: var(--color_grey_14);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_close:hover > .button.close {
  opacity: 1;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_close:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_section_name {
  min-height: 0.95rem;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color_grey_8);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_title_row {
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_title_row .node_color_dot {
  flex: 0 0 auto;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--color_grey_12);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_detail_title_row .node_label {
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.25;
  word-break: break-word;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem;
  margin-top: 0.35rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_meta .node_meta_item {
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.68rem;
  color: var(--color_grey_8);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_meta .node_meta_badge {
  padding: 0.05rem 0.4rem;
  border-radius: 0.75rem;
  font-size: 0.65rem;
  background-color: var(--color_grey_14);
  color: var(--color_grey_6);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_relation {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  margin-top: 0.5rem;
  padding-left: 0.5rem;
  border-left: 2px solid var(--color_primary);
  font-size: 0.75rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_relation.inverse {
  border-left-style: dashed;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_relation .node_relation_label {
  font-weight: 600;
  color: var(--color_grey_3);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_relation .node_relation_parent {
  color: var(--color_grey_8);
  word-break: break-word;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_header .node_open_link {
  margin: 0.7rem 0 0 0;
  padding: 0.2rem 0.6rem;
  font-size: 0.78rem;
  cursor: pointer;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_body {
  flex: 1;
  padding: 0.85rem 1rem 1.5rem 1rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_body .node_fields_title {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color_grey_8);
  margin-bottom: 0.35rem;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_fields_loading {
  position: relative;
  min-height: 6rem;
  padding-top: 4.2rem;
  text-align: center;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_fields_loading .node_fields_loading_text {
  font-size: 0.75rem;
  color: var(--color_grey_8);
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_fields_empty {
  padding: 0.75rem 0;
  opacity: 0.5;
  font-style: italic;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field {
  padding: 0.45rem 0;
  border-top: 1px solid var(--color_grey_14);
  word-break: break-word;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field:first-child {
  border-top: none;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field .node_field_label_row {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field .node_field_label {
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--color_grey_8);
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field .node_field_tipo {
  font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Monaco', 'Courier New', monospace;
  font-size: 0.62rem;
  color: var(--color_grey_10);
  opacity: 0;
  transition: opacity 0.12s ease;
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field .node_field_value {
  display: block;
  margin-top: 0.1rem;
  font-size: 0.88rem;
  line-height: 1.35;
  color: var(--color_grey_3);
}
.section.view_graph.edit > .content_data .node_detail .node_fields .node_field:hover .node_field_tipo {
  opacity: 1;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder {
  padding: 1.25rem 1rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .node_detail_placeholder_title {
  font-size: 0.9rem;
  line-height: 1.4;
  color: var(--color_grey_6);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend {
  display: grid;
  gap: 0.55rem;
  margin-top: 1.1rem;
  padding-top: 0.9rem;
  border-top: 1px solid var(--color_grey_14);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark {
  position: relative;
  flex: 0 0 1.1rem;
  height: 1rem;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.node:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: var(--color_grey_10);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.is_root:after {
  background-color: var(--color_orange_dedalo);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.expandable:after {
  box-shadow: 0 0 0 2px var(--color_primary);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.expanded:after {
  box-shadow: 0 0 0 2px var(--color_success);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.link:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  border-top: 1.5px solid var(--color_grey_10);
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_mark.link.inverse:after {
  border-top-style: dashed;
}
.section.view_graph.edit > .content_data .node_detail .node_detail_placeholder .graph_legend .graph_legend_text {
  font-size: 0.75rem;
  color: var(--color_grey_8);
}
/**
* view_base_section
*
*
*
* Included from section.less file
*/
.section.view_base.list > .list_body > .content_data {
  display: contents;
}
.assistant_container.standalone {
  position: fixed;
  top: var(--menu_heigth, 2.6rem);
  right: 0.75rem;
  width: var(--inspector_width, 22rem);
  height: calc(100vh - var(--menu_heigth, 2.6rem));
  max-height: calc(100vh - var(--menu_heigth, 2.6rem));
  z-index: 2;
  border: 1px solid var(--color_grey_12);
  border-radius: 6px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.08);
  display: none;
}
.assistant_container.standalone.show {
  display: flex;
}
/**
* view_tm_list_section — the INSPECTOR's two Time Machine panels
*
* Included from main.less file.
*
* PORTED VERBATIM from the deleted services/service_time_machine/css, renaming
* only what the DOM renamed when the private list service became an ordinary
* dd15 `section` instance (WC-2026-08-14-tm-scope-server-owned):
*
*   .service_time_machine         -> .tm_list          (the wrapper)
*   .view_mini / .view_history    -> .tm_view_mini / .tm_view_history
*   .column_service_time_machine  -> .column_section   (section_record builds the
*                                    cell class as `column_<column_id>
*                                    column_<caller model>`, and the caller model
*                                    is now 'section')
*
* The RULES are unchanged on purpose. These panels are ~300px wide, where the
* full section grid is unusable; the compact two-line block — an orange date line
* over the value, the note icon pinned right — is the look this subsystem has
* always had, and preserving it is the requirement.
*
* The full-width tool list needs none of this: it renders through the ordinary
* section list and inherits the ordinary list styling.
*/
.tm_list.tm_view_mini > .paginator_container > .wrapper_paginator > .content_data {
  height: 2rem;
}
.tm_list.tm_view_mini .list_body {
  display: grid;
  grid-template-columns: 1fr 1.5fr 2fr !important;
  align-items: end;
}
.tm_list.tm_view_mini .list_body > .header_wrapper_list .head_column {
  font-size: 0.85rem;
  text-align: left;
}
.tm_list.tm_view_mini .list_body > .header_wrapper_list .head_column.dd559 {
  display: none;
}
.tm_list.tm_view_mini .list_body > .header_wrapper_list .head_column .name {
  margin-left: 0.1rem;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record {
  display: contents;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section {
  font-size: 0.82rem;
  padding: 0.25rem;
  overflow: hidden;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section .span_value {
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  /* number of lines to show */
  line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 100%;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section.column_dd559 {
  grid-column: 1;
  grid-column-end: 4;
  box-shadow: none;
  padding: 0.33rem;
  padding-bottom: 0px;
  color: var(--color_orange_dedalo);
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section.column_dd578 {
  grid-column: 1;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  /* number of lines to show */
  line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 100%;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section.column_dd578 span {
  padding: 0px;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section.column_dd577 {
  grid-column: 2;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  /* number of lines to show */
  line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 100%;
  word-break: normal;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column_section.column_dd1574 {
  grid-column: 3;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  /* number of lines to show */
  line-clamp: 10;
  -webkit-box-orient: vertical;
  height: 100%;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img {
  max-height: 3rem;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.tc,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.index,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.note,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.person,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.lang,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.geo,
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.page {
  max-height: 1rem;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.view_text {
  max-height: 4rem;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.svg {
  min-height: 2rem;
}
.tm_list.tm_view_mini .list_body > .content_data > .section_record .column:nth-child(4) img.draw {
  max-height: 1.2rem;
}
.tm_list.tm_view_history .list_body {
  display: contents;
}
.tm_list.tm_view_history .no_records {
  position: relative;
  top: 0px;
}
.tm_list.tm_view_history .content_data > .section_record {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2.65rem;
  border-left: 2px solid var(--color_orange_dedalo);
}
.tm_list.tm_view_history .content_data > .section_record .column {
  display: grid;
  outline: none;
  padding: 0.2rem 0.35rem;
  font-size: 90%;
  align-content: center;
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(1) {
  grid-column: span 1;
  background-color: var(--color_grey_13);
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(2) {
  grid-column: span 2;
  background-color: var(--color_grey_13);
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(3) {
  grid-column: span 4;
  font-size: 90%;
  word-break: break-all;
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(3) img {
  max-height: 1rem;
  vertical-align: text-bottom;
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(3) img.view_text {
  max-height: 4rem;
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(3) img.svg {
  min-height: 2rem;
}
.tm_list.tm_view_history .content_data > .section_record .column:nth-child(4) {
  grid-column: span 1;
  grid-column-start: 4;
  grid-row-start: 1;
  background-color: var(--color_grey_13);
}
.tm_list.tm_view_mini,
.tm_list.tm_view_history {
  display: block;
  padding: 0;
  width: 100%;
}
.tm_list.tm_view_mini > .list_body > .content_data,
.tm_list.tm_view_history > .list_body > .content_data,
.tm_list.tm_view_mini .list_body > .content_data,
.tm_list.tm_view_history .list_body > .content_data {
  display: contents;
}
.tm_list.tm_view_mini > .list_body,
.tm_list.tm_view_history > .list_body {
  height: auto;
  align-content: start;
}
.tm_list.tm_view_mini > .paginator_container,
.tm_list.tm_view_history > .paginator_container {
  height: auto;
  min-height: 0;
  contain: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.tm_list.tm_view_mini > .paginator_container > .wrapper_paginator,
.tm_list.tm_view_history > .paginator_container > .wrapper_paginator {
  margin: 0;
}
.tm_list.tm_view_mini > .paginator_container > .wrapper_paginator > .content_data,
.tm_list.tm_view_history > .paginator_container > .wrapper_paginator > .content_data {
  height: auto;
  min-height: 0;
  padding: 0.1rem 0.25rem;
}
/**
* section_record
*
* Included from main.less file
*/
.section_record.edit {
  display: flex;
  flex-flow: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.section_record.edit > .wrapper_component {
  margin-top: 1.62rem;
}
.section_record.list {
  display: contents;
}
.section_record.list > .column:first-of-type {
  --box_display: 'none';
  --box_width: 0px;
}
.section_record.list > .column:first-of-type:after {
  content: " ";
  display: var(--box_display);
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  background-color: transparent;
  box-shadow: 0px 0px 5px 0px var(--color_grey_7);
  pointer-events: none;
  border-radius: 3px;
  width: var(--box_width);
  height: 100%;
}
.section_record.list .separator:last-of-type {
  display: none;
}
.section_record.mini {
  display: contents;
}
.section_record.view_text .view_line .button_exit_edit {
  display: none !important;
}
.section_record.view_text .content_data {
  display: contents;
}
/**
* ts_object
*
* Included from main.less file
*/
.wrap_ts_object {
  contain: style;
}
.wrap_ts_object .inline_common {
  display: flex;
  align-items: center;
  font-size: 1rem;
}
.wrap_ts_object .ts_icons_all {
  background-image: none;
  background-color: var(--fg_muted);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.wrap_ts_object > .content_data {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.wrap_ts_object > .content_data > .id_column_content {
  display: flex;
  align-items: center;
  font-size: 1rem;
  opacity: 0.5;
  flex-wrap: nowrap;
  min-height: 22px;
}
.wrap_ts_object > .content_data > .id_column_content .id_column_link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.4em;
  line-height: 1.5rem;
  z-index: 1;
  flex: 0 0 auto;
  width: 20px;
  margin-right: 0.25rem;
}
.wrap_ts_object > .content_data > .id_column_content .id_column_link:active {
  opacity: 0.5;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_add_icon {
  background-image: none;
  background-color: var(--fg_muted);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url('../../themes/default/icons/add_light.svg');
  mask-image: url('../../themes/default/icons/add_light.svg');
  -webkit-mask-size: 14.25px;
  mask-size: 14.25px;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_add_icon:hover {
  background-color: var(--color_orange_dedalo);
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_drag_icon {
  background-image: none;
  background-color: var(--fg_muted);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url('../../themes/default/icons/move.svg');
  mask-image: url('../../themes/default/icons/move.svg');
  -webkit-mask-size: 14px;
  mask-size: 14px;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_drag_icon:hover {
  background-color: var(--color_blue);
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_delete .ts_object_delete_icon {
  background-image: none;
  background-color: var(--fg_muted);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url('../../themes/default/icons/trash.svg');
  mask-image: url('../../themes/default/icons/trash.svg');
  -webkit-mask-size: 15.25px;
  mask-size: 15.25px;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_delete .ts_object_delete_icon:hover {
  background-color: var(--color_danger);
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_order_number {
  width: 1rem;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.4rem;
  font-family: monospace;
  text-decoration: none;
  color: var(--color_grey_8);
}
:root[data-theme="dark"] .wrap_ts_object > .content_data > .id_column_content .ts_object_order_number {
  color: var(--color_input_focus);
}
.wrap_ts_object > .content_data > .id_column_content .input_order {
  text-align: center;
  width: 22px;
  border: 1px solid var(--color_warning);
  border-radius: 2px;
  position: relative;
  top: 1px;
  left: -0.2rem;
  margin: 0px;
  padding: 0.25rem;
  font-size: 0.9rem;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_edit .ts_object_section_id_number {
  height: 20px;
  min-width: 36px;
  float: left;
  padding: 2px;
  font-size: 1.05em;
  padding-right: 4px;
  text-align: right;
  display: none;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_edit .ts_object_edit_icon {
  background-image: none;
  background-color: var(--fg_muted);
  border-radius: 3px;
  cursor: pointer;
  flex: 0 0 auto;
  height: 20px;
  width: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-image: url('../../themes/default/icons/edit.svg');
  mask-image: url('../../themes/default/icons/edit.svg');
  -webkit-mask-size: 14.75px;
  mask-size: 14.75px;
  float: left;
}
.wrap_ts_object > .content_data > .id_column_content .ts_object_edit .ts_object_edit_icon:hover {
  background-color: var(--color_success);
}
.wrap_ts_object > .content_data:hover > .id_column_content {
  opacity: 1;
}
.wrap_ts_object > .content_data > .elements_container {
  contain: content;
  display: flex;
  align-items: center;
  font-size: 1rem;
  min-width: 150px;
  margin-left: 0px;
  min-height: 22px;
  flex: 1 0;
}
.wrap_ts_object > .content_data > .elements_container .term_img {
  margin-right: 0.33rem;
  cursor: pointer;
}
.wrap_ts_object > .content_data > .elements_container .term_img > img {
  max-height: 1.25rem;
}
.wrap_ts_object > .content_data > .elements_container > .term {
  position: relative;
  border: 0px;
  opacity: 1;
  text-align: left;
  inline-size: auto;
  overflow-wrap: break-word;
  hyphens: auto;
  font-weight: 300;
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  line-height: 1.5rem;
}
.wrap_ts_object > .content_data > .elements_container > .term > .term_text {
  cursor: pointer;
  display: inline-block;
  min-width: 1.5rem;
  min-height: 1rem;
  padding: 0.25rem;
  margin: -0.25rem;
}
.wrap_ts_object > .content_data > .elements_container > .term > .term_text:hover {
  color: var(--color_orange_dedalo) !important;
  opacity: 1;
}
.wrap_ts_object > .content_data > .elements_container > .term > .term_text:active {
  opacity: 0.5;
}
.wrap_ts_object > .content_data > .elements_container > .term > .term_text.no_descriptor {
  color: var(--color_grey_9);
}
.wrap_ts_object > .content_data > .elements_container > .term > .term_text.no_descriptor:before {
  content: '[ND] ';
}
.wrap_ts_object > .content_data > .elements_container > .id_info {
  color: var(--color_grey_9);
  font-size: 80%;
  vertical-align: text-top;
  padding-left: 0px;
  padding-right: 0.25rem;
  user-select: auto;
  line-height: 1.4rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.wrap_ts_object > .content_data > .elements_container > .id_info.show_section {
  color: var(--color_orange_dedalo);
}
.wrap_ts_object > .content_data > .elements_container > .duplicate {
  margin: 0px;
  margin-right: 0.15rem;
  padding: 0px;
}
.wrap_ts_object > .content_data > .elements_container > .duplicate:hover {
  opacity: 1;
  color: var(--color_white);
}
.wrap_ts_object > .content_data > .elements_container > .duplicate > span {
  position: relative;
  top: -1px;
}
.wrap_ts_object > .content_data > .elements_container > .model_value {
  display: block;
  color: var(--color_orange_dedalo);
  font-size: 0.98rem;
  margin-right: 0.33rem;
}
.wrap_ts_object > .content_data > .elements_container > .link_children {
  position: relative;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  border-style: solid;
  border-width: 6px 0px 6px 10.4px;
  border-color: transparent transparent transparent var(--color_orange);
}
.wrap_ts_object > .content_data > .elements_container > .link_children:active {
  opacity: 0.5;
}
.area_ontology .wrap_ts_object > .content_data > .elements_container > .link_children {
  border-left-color: var(--color_grey_9);
}
.wrap_ts_object > .content_data > .elements_container > .link_children.open {
  border-width: 10.4px 6px 0px 6px;
  border-color: var(--color_orange) transparent transparent transparent;
  top: 2px;
  left: -2px;
}
.area_ontology .wrap_ts_object > .content_data > .elements_container > .link_children.open {
  border-top-color: var(--color_grey_9);
}
.wrap_ts_object > .content_data > .elements_container .no-drag {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.wrap_ts_object > .content_data > .elements_container .element_hilite > .term_text {
  background-color: var(--color_hilite_yellow);
  color: var(--color_black);
  padding: 0.25rem;
  margin: -0.25rem;
  padding-left: 0.33rem;
  margin-left: -0.33rem;
  padding-right: 0.33rem;
  margin-right: -0.33rem;
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations,
.wrap_ts_object > .content_data > .elements_container .default {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color_orange_dedalo);
  opacity: 0.6;
  border: 0px;
  padding-left: 3px;
  padding-right: 3px;
  color: var(--fg_on_brand);
  border-radius: 3px;
  margin: 0px;
  margin-right: 5px;
  width: auto;
  min-width: 1.27rem;
  height: 17px;
  line-height: 1.2rem;
  font-size: 0.9rem;
  cursor: pointer;
}
.area_ontology .wrap_ts_object > .content_data > .elements_container .button_show_indexations,
.area_ontology .wrap_ts_object > .content_data > .elements_container .default {
  min-width: 1.16rem;
  background-color: var(--color_grey_11);
  color: var(--color_grey_1);
  padding: 3px;
  border-radius: 1px;
  height: 1.2rem;
  font-size: 11px;
  vertical-align: bottom;
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology16,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology16 {
  background-color: var(--color_ontology_css);
  color: var(--color_white);
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology17,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology17 {
  background-color: var(--color_ontology_rqo);
  color: var(--fg_inverse);
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology18,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology18 {
  background-color: var(--color_ontology_properties);
  color: var(--color_white);
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology19,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology19 {
  background-color: var(--color_ontology_properties_v5);
  color: var(--color_grey_1);
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology19:hover,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology19:hover {
  color: var(--color_grey_1) !important;
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations.button_show_component.ontology6,
.wrap_ts_object > .content_data > .elements_container .default.button_show_component.ontology6 {
  background-color: var(--color_grey_11);
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations:hover,
.wrap_ts_object > .content_data > .elements_container .default:hover {
  color: var(--color_white) !important;
  opacity: 1;
}
.wrap_ts_object > .content_data > .elements_container .button_show_indexations:active,
.wrap_ts_object > .content_data > .elements_container .default:active {
  background-color: var(--color_grey_13);
  color: var(--color_grey_7) !important;
}
.wrap_ts_object > .content_data > .elements_container .list_thesaurus_element.button_recusive_indexations {
  font-size: 1.5rem;
  font-weight: bolder;
  line-height: 1rem;
  display: inline-block;
}
.wrap_ts_object > .content_data > .elements_container .arrow_unactive {
  display: none;
}
.wrap_ts_object > .content_data > .data_container {
  display: block;
  width: 100%;
  height: auto;
  padding-left: 4rem;
}
.wrap_ts_object > .content_data > .data_container > .loader {
  width: 100%;
  display: inline-block;
  padding-top: 1.8rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
}
.wrap_ts_object > .content_data > .data_container.swapping > .wrapper_component {
  opacity: 0.45;
  pointer-events: none;
  cursor: wait;
}
.wrap_ts_object > .content_data > .data_container > .wrapper_component {
  min-height: initial;
  padding: 0.5rem;
  padding-bottom: 1.5rem;
  width: auto;
  min-width: 50%;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  float: left;
  clear: both;
  transition: opacity 0.12s ease-out;
}
.wrap_ts_object > .content_data > .indexations_container {
  display: flex;
  align-items: center;
  font-size: 1rem;
  height: auto;
  width: 100%;
  min-width: 0;
}
.wrap_ts_object > .content_data > .indexations_container .css_spinner {
  float: left;
  width: 21px;
  margin-left: 80px;
  min-height: 24px;
}
.wrap_ts_object > .content_data > .indexations_container .blink {
  position: relative;
  top: 2px;
  color: var(--color_grey_7);
  font-size: 13px;
}
.wrap_ts_object > .content_data > .nd_container {
  display: flex;
  align-items: center;
  font-size: 1rem;
  display: block;
  margin-left: 5.2rem;
  width: 100%;
}
.wrap_ts_object > .content_data > .nd_container > .wrap_ts_object {
  width: calc(100% - 4rem);
}
.wrap_ts_object > .content_data > .nd_container .data_container {
  padding-left: 3rem;
}
.wrap_ts_object > .content_data > .nd_container .wrap_ts_object_nd {
  color: var(--color_grey_7);
}
.wrap_ts_object > .content_data > .nd_container .wrap_ts_object_nd > .id_column_content > .ts_object_edit {
  margin-left: 17px;
}
.wrap_ts_object > .content_data > .hierarchy_elements_container {
  padding: 0px;
}
.wrap_ts_object > .children_container {
  display: flex;
  align-items: center;
  font-size: 1rem;
  display: block;
  width: 100%;
  height: auto;
  padding-left: 1.75rem;
}
.wrap_ts_object.drag_over > .content_data > .elements_container {
  background-color: var(--color_blue_2);
  border-radius: 3px;
  color: var(--fg_inverse) !important;
}
.wrap_ts_object.drag_over > .content_data > .elements_container mark {
  color: var(--color_white) !important;
}
.wrap_ts_object .ts_object_related .ts_object_related_icon {
  background-position: -336px -94px;
  opacity: 1;
  overflow: hidden;
  zoom: 1.25;
}
.wrap_ts_object .ts_object_related .ts_object_related_icon:active {
  opacity: 0.4;
}
.wrap_ts_object .ts_object_related.disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}
.wrap_ts_object .ts_object_related.linked {
  opacity: 1;
  cursor: default;
}
.wrap_ts_object .ts_object_related.linked .button.arrow_link {
  background-color: var(--color_grey_9);
}
.wrap_ts_object .loading_spinner {
  position: relative;
  background-color: transparent !important;
  margin: 0px;
  padding: 0px;
  top: 0px !important;
  left: 0px !important;
  border: none !important;
  opacity: 1;
}
.wrap_ts_object .loading_spinner > span {
  opacity: 0 !important;
}
.wrap_ts_object .loading_spinner:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0px;
  left: calc(50% - 0.55rem);
  width: 1.1rem;
  height: 1.1rem;
  border: 2px solid var(--color_grey_12);
  border-top-color: var(--color_orange_dedalo);
  border-radius: 50%;
  animation: run_spinner 800ms linear infinite;
}
@keyframes run_spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.area_ontology .wrap_ts_object .loading_spinner:after {
  border-top-color: var(--color_grey_5);
}
.wrap_ts_object .show_more {
  width: auto;
  background-color: transparent;
  color: var(--color_grey_9);
  line-height: 1rem;
  margin: 0.5rem;
  margin-left: 6.9rem;
  margin-top: 0.25rem;
  margin-bottom: 0.6rem;
  padding-right: 1.5rem;
  position: relative;
}
.wrap_ts_object .show_more:active {
  opacity: 0.5;
}
.wrap_ts_object .show_more.loading_spinner:after {
  left: unset !important;
  right: 0px !important;
}
.wrap_ts_object .show_more.active {
  opacity: 0.4;
}
.wrap_ts_object .removed_from_view {
  display: none;
}
@media screen and (max-width: 600px) {
  .wrap_ts_object > .content_data > .id_column_content {
    min-height: 44px;
  }
  .wrap_ts_object > .content_data > .id_column_content .id_column_link {
    width: 44px;
    height: 44px;
    margin-right: 0;
  }
  .wrap_ts_object > .content_data > .elements_container {
    min-height: 44px;
    flex-wrap: wrap;
    min-width: 0;
  }
  .wrap_ts_object > .content_data > .elements_container > .term > .term_text,
  .wrap_ts_object > .content_data > .elements_container > .term_text {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
    margin: 0;
  }
  .wrap_ts_object > .content_data > .elements_container > .button_show_component {
    flex: 0 0 auto;
    box-sizing: border-box;
    min-width: 44px;
    min-height: 44px;
    padding: 12px 8px;
    background-clip: content-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .wrap_ts_object > .content_data > .elements_container > .link_children {
    border: 0 !important;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .wrap_ts_object > .content_data > .elements_container > .link_children::before {
    content: '';
    border-style: solid;
    border-width: 6px 0px 6px 10.4px;
    border-color: transparent transparent transparent var(--color_orange);
  }
  .area_ontology .wrap_ts_object > .content_data > .elements_container > .link_children::before {
    border-left-color: var(--color_grey_9);
  }
  .wrap_ts_object > .content_data > .elements_container > .link_children.open::before {
    border-width: 10.4px 6px 0px 6px;
    border-color: var(--color_orange) transparent transparent transparent;
  }
  .area_ontology .wrap_ts_object > .content_data > .elements_container > .link_children.open::before {
    border-top-color: var(--color_grey_9);
  }
  .wrap_ts_object > .content_data > .elements_container > .link_children.loading_spinner::before {
    display: none;
  }
}
/**
* section_group
*
* Included from main.less file
*/
.section_record.edit .section_group.edit {
  width: 100%;
  margin-bottom: 0.5rem;
  background-color: var(--bg_surface);
  border-radius: var(--inspector_block_radius);
}
@media screen and (max-width: 960px) {
  .section_record.edit .section_group.edit {
    width: 100% !important;
  }
}
.section_record.edit .section_group.edit > .label {
  background-color: var(--color_grey_14);
  position: relative;
  padding: 0.33em;
  padding-left: 0.5em;
  cursor: pointer;
  font-variant: small-caps;
  color: var(--color_grey_4);
  background: none;
  padding: 0.66em;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--fg_muted);
  letter-spacing: 0.06em;
  transition: color var(--transition-fast);
}
@media screen and (max-width: 960px) {
  .section_record.edit .section_group.edit > .label {
    padding: 1rem;
  }
}
.section_record.edit .section_group.edit > .label:after {
  position: static;
  order: -1;
  right: auto;
  margin: 0px;
  padding: 0px;
  flex: 0 0 auto;
}
.section_record.edit .section_group.edit > .label:hover {
  color: var(--fg_default);
}
.section_record.edit .section_group.edit > .label:hover:after {
  background-color: var(--color_orange_dedalo);
}
.section_record.edit .section_group.edit > .content_data {
  display: grid;
  align-content: stretch;
}
@media screen and (max-width: 960px) {
  .section_record.edit .section_group.edit > .content_data {
    display: block;
  }
}
/**
* section_tab
*
* Included from main.less file
*/
.wrapper_grouper.section_tab.edit {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.wrapper_grouper.section_tab.edit > .tab_labels {
  position: relative;
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_labels_strip {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  scroll-behavior: smooth;
  min-width: 0;
  max-width: calc(100vw - var(--inspector_width) - 2rem);
}
@media screen and (max-width: 1024px) {
  .wrapper_grouper.section_tab.edit > .tab_labels > .tab_labels_strip {
    max-width: calc(100vw - 1.5rem);
  }
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1.6rem;
  align-items: center;
  padding: 0px;
  border: none;
  cursor: pointer;
  z-index: 3;
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn.show {
  display: flex;
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn:after {
  content: '';
  width: 1em;
  height: 1em;
  -webkit-mask-image: url('../../themes/default/icons/arrow_down.svg');
  mask-image: url('../../themes/default/icons/arrow_down.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color_grey_5);
  transition: background-color 0.15s ease;
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn:hover:after {
  background-color: var(--color_orange_dedalo);
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn.tab_scroll_left {
  left: 0;
  top: 12px;
  justify-content: flex-start;
  background: linear-gradient(to right, var(--color_grey_14) 62%, transparent);
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn.tab_scroll_left:after {
  transform: rotate(90deg);
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn.tab_scroll_right {
  right: 0;
  margin-right: 0;
  justify-content: flex-end;
  top: 12px;
  background: linear-gradient(to left, var(--color_grey_14) 62%, transparent);
}
.wrapper_grouper.section_tab.edit > .tab_labels > .tab_scroll_btn.tab_scroll_right:after {
  transform: rotate(-90deg);
}
.wrapper_grouper.section_tab.edit > .tab_labels .tab_label {
  flex: 0 0 auto;
  white-space: nowrap;
  display: inline-block;
  margin: 0px;
  margin-left: -1px;
  font-weight: 600;
  text-align: center;
  color: var(--color_grey_10);
  border: 1px solid transparent;
  user-select: none;
  top: 1px;
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.wrapper_grouper.section_tab.edit > .tab_labels .tab_label:before {
  margin-right: 10px;
}
.wrapper_grouper.section_tab.edit > .tab_labels .tab_label:hover {
  color: var(--color_grey_7);
  cursor: pointer;
}
.wrapper_grouper.section_tab.edit > .tab_labels .tab_label.active {
  background-color: var(--color_white);
  color: var(--color_grey_7);
  border: 1px solid var(--color_grey_14);
  border-bottom: 2px solid var(--color_white);
  border-top-left-radius: 0.7rem;
  border-top-right-radius: 0.7rem;
  margin-bottom: 0px;
  z-index: 1;
}
.wrapper_grouper.section_tab.edit > .tab {
  width: 100%;
  display: none;
  background-color: var(--color_white);
  border-radius: 0.7rem;
}
.wrapper_grouper.section_tab.edit > .tab.active {
  display: grid;
}
.wrapper_grouper.section_tab.edit > .tab_labels + .tab {
  border-top-left-radius: 0px;
}
/**
* component_3d
*
* Included from main.less file
*/
.component_3d.disabled_component .content_data.component {
  pointer-events: initial !important;
}
.component_3d.edit.fullscreen > .content_data > .content_value {
  height: 100% !important;
}
.component_3d.edit > .content_data > .content_value canvas {
  max-width: 100%;
}
.component_3d.edit > .content_data > .content_value .axes {
  width: 100px;
  height: 100px;
  margin: 20px;
  padding: 0px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 10;
  pointer-events: none;
}
.component_3d.edit > .content_data > .content_value .gui-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  max-height: 100%;
  height: fit-content;
}
.component_3d.edit > .content_data .posterframe {
  max-height: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  object-fit: contain;
  object-position: center;
  align-self: center;
  height: 100%;
  width: 100%;
  min-width: 100%;
}
.component_3d.edit > .content_data .posterframe:focus {
  outline-offset: -1px;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
.component_3d .threeD_control_buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.component_3d .threeD_control_buttons > button {
  height: 2rem;
  text-align: center;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.component_3d .threeD_control_buttons > button:before {
  margin: 0px;
}
.component_3d .threeD_control_buttons > button:last-of-type {
  margin-right: 0px;
}
.component_3d.view_line {
  display: inline-block;
}
.component_3d.view_line > .content_data > .content_value {
  margin-top: 1rem;
}
.component_3d.view_line.list {
  height: var(--view_line_height);
  width: 6rem;
  min-width: 6rem;
}
.component_3d.view_viewer {
  height: 100%;
}
.component_3d.view_viewer .content_value.media_content_value {
  height: var(--media_viewer_height);
}
.component_3d.view_text {
  display: inline-block;
  width: auto;
}
.component_3d.view_text > img {
  height: 100%;
}
.component_3d_mini {
  display: inline-block;
  vertical-align: middle;
}
.component_3d_mini img {
  height: 2rem;
}
/**
* component_av
*
* Included from main.less file
*/
.component_av .posterframe {
  max-height: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  object-fit: contain;
  object-position: center;
  align-self: center;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  outline: 1px solid var(--color_grey_14);
}
.component_av .posterframe:focus {
  outline-offset: -1px;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
.component_av .av_control_buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.component_av .av_control_buttons > button {
  height: 2rem;
  text-align: center;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.component_av .av_control_buttons > button:before {
  margin: 0px;
}
.component_av .av_control_buttons > button:last-of-type {
  margin-right: 0px;
}
.component_av .av_control_buttons .smpte {
  display: inline-block;
  width: auto;
  height: 1em;
  color: var(--color_orange_dedalo);
  padding: 0px;
  margin-left: 1rem;
  margin-right: 1rem;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 1.65rem;
  vertical-align: baseline;
  text-shadow: 1px 1px 2px var(--color_grey_11);
}
.component_av.edit.disabled_component .content_data {
  pointer-events: initial !important;
}
.component_av.search > .content_data {
  min-height: unset;
}
.component_av.search > .content_data > .content_value {
  height: unset;
}
.component_av.view_player {
  box-shadow: none;
  display: block;
}
.component_av.view_player .label {
  display: none;
}
.component_av.view_player > .content_data {
  display: grid;
  height: 100%;
}
.component_av.view_line {
  display: inline-block;
}
.component_av.view_line.list {
  height: 5rem;
}
.component_av.view_line .content_value {
  text-align: center;
}
.component_av.view_viewer {
  background-color: var(--color_black);
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.component_av.view_viewer > .content_data {
  height: unset;
  width: 100%;
  text-align: center;
}
.component_av.view_viewer > .content_data video {
  width: 100%;
  max-height: 82vh;
}
.component_av_mini {
  display: inline-block;
  vertical-align: middle;
}
.component_av_mini img {
  height: 2rem;
}
/**
* component_check_box
*
* Included from main.less file
*/
.component_check_box.view_default.edit > .content_data {
  overflow: auto;
}
.component_check_box.view_default.edit > .content_data > .content_value {
  display: flex;
  align-items: center;
  padding-bottom: 0.25rem;
}
.component_check_box.view_default.edit > .content_data > .content_value > label > input {
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: top;
}
.component_check_box.view_default.edit > .content_data > .content_value .show_on_active {
  margin-left: 0.5rem;
}
.component_check_box.view_line.edit {
  display: contents;
}
.component_check_box.view_line.edit > .content_data {
  position: relative;
  padding: 0px;
}
.component_check_box.view_line.edit > .content_data > .content_value {
  display: contents;
}
.component_check_box.view_line.edit > .content_data > .content_value > label {
  margin-left: 0.5rem;
}
.component_check_box.view_line.edit > .content_data > .content_value > label > input {
  cursor: pointer;
  margin-right: 0.5rem;
  vertical-align: middle;
  height: 1.5rem;
}
.component_check_box.view_line.edit > .content_data > .content_value .show_on_active {
  margin-left: 0.5rem;
  display: none;
}
.component_check_box.view_mini {
  background-color: transparent;
  outline: none;
  color: unset;
  box-shadow: none;
  display: flex;
}
.component_check_box.view_mini:after {
  display: none;
}
.component_check_box.view_mini .buttons_container,
.component_check_box.view_mini .developer_info,
.component_check_box.view_mini .show_on_active {
  display: none !important;
}
.component_check_box.view_mini .label {
  flex: 1 0 auto;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 1.1rem;
}
.component_check_box.view_mini .content_data {
  padding-bottom: 0px;
  padding-right: 0px;
}
.component_check_box.view_mini .content_data .content_value label {
  display: flex;
}
.component_check_box.view_mini .content_data .content_value label > input {
  margin-right: 0.33rem;
  cursor: pointer;
}
.component_check_box.view_tools > .content_data {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  padding-bottom: 2rem;
  width: calc(100% - 2.6rem);
}
.component_check_box.view_tools > .content_data .select_all {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
}
.component_check_box.view_tools > .content_data .select_all > .input_checkbox {
  margin-right: 0.33rem;
}
.component_check_box.view_tools > .content_data .select_all > span {
  vertical-align: text-top;
}
.component_check_box.view_tools > .content_data > .content_value {
  display: flex;
  align-items: stretch;
  line-height: 1.33rem;
  border-bottom: 1px solid var(--color_grey_13);
  margin-left: 1.5rem;
  padding: 0.33rem;
  align-items: flex-start;
  line-height: 1.4rem;
}
.component_check_box.view_tools > .content_data > .content_value > .tool_icon {
  height: 1.33rem;
  width: 1.33rem;
  margin-right: 0.5rem;
  margin-left: 0px;
}
.component_check_box.view_tools > .content_data > .content_value > .input_label > .input_checkbox {
  margin-right: 0.33rem;
}
.component_check_box.view_tools > .content_data > .content_value > .input_label > span {
  vertical-align: text-bottom;
}
.component_check_box.view_tools > .content_data > .content_value > .developer_info {
  margin-left: 0.33rem;
  flex: 1 1;
}
.component_check_box.search > .content_data > .q_operator {
  width: 3rem;
  margin-right: 0.5rem;
  text-align: center;
}
.component_check_box.search > .content_data > .content_value {
  display: inline-block;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  width: auto;
}
.component_check_box.search > .content_data > .content_value > .label {
  display: flex;
  padding-top: 0.33rem;
  padding-bottom: 0.33rem;
  padding-right: 0.5rem;
  cursor: pointer;
}
.component_check_box.search > .content_data > .content_value > .label > input {
  cursor: pointer;
  margin-right: 0.33rem;
  vertical-align: top;
}
:root[data-theme="dark"] .component_check_box input[type="checkbox"] {
  background-color: var(--checkbox_bg);
  border: 1px solid var(--checkbox_border);
  -webkit-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
:root[data-theme="dark"] .component_check_box input[type="checkbox"]:checked {
  background-color: var(--checkbox_checked_bg);
  border-color: var(--checkbox_checked_bg);
}
:root[data-theme="dark"] .component_check_box input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  left: 0.25em;
  top: 0.05em;
  width: 0.35em;
  height: 0.6em;
  border: solid var(--checkbox_checkmark);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/**
* component_dataframe
*
* Included from main.less file
*/
.component_dataframe > .content_data,
.component_dataframe_mini > .content_data {
  display: flex;
  align-content: center;
  padding: 0px;
}
.component_dataframe > .content_data > .content_value,
.component_dataframe_mini > .content_data > .content_value {
  height: 2rem;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.component_dataframe > .content_data > .content_value > .button,
.component_dataframe_mini > .content_data > .content_value > .button {
  width: 1.2rem;
  min-width: 1.1rem;
  height: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer !important;
}
.component_dataframe > .content_data > .content_value > .button:active,
.component_dataframe_mini > .content_data > .content_value > .button:active {
  opacity: 0.4;
}
.component_dataframe > .content_data > .content_value > .button.activate,
.component_dataframe_mini > .content_data > .content_value > .button.activate {
  border-radius: 50%;
  background-color: var(--color_white);
  font-weight: 500;
  font-size: 0.95rem;
}
.component_dataframe.list > .content_data > .content_value,
.component_dataframe_mini.list > .content_data > .content_value {
  height: 1rem;
  width: unset;
}
.component_dataframe.list > .content_data > .content_value .button.add,
.component_dataframe_mini.list > .content_data > .content_value .button.add {
  display: inline-block;
  position: relative;
  height: 1rem;
  vertical-align: top;
  top: 0.25rem;
}
.component_dataframe.component_dataframe_mini > .content_data,
.component_dataframe_mini.component_dataframe_mini > .content_data {
  display: inline-flex !important;
}
.component_dataframe.view_line .column_component_dataframe > .wrapper_component.component_input_text,
.component_dataframe_mini.view_line .column_component_dataframe > .wrapper_component.component_input_text {
  display: grid;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .component_dataframe.view_line .column_component_dataframe > .wrapper_component.component_input_text,
  .component_dataframe_mini.view_line .column_component_dataframe > .wrapper_component.component_input_text {
    padding: 0px;
  }
}
.component_dataframe.view_line .column_component_dataframe > .wrapper_component.component_input_text > span,
.component_dataframe_mini.view_line .column_component_dataframe > .wrapper_component.component_input_text > span {
  display: inline-block !important;
  line-height: 1.1rem !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  padding: 0px;
  padding-left: 0.25rem;
  position: relative;
  top: -0.1rem;
}
/**
* LITERAL MAIN + ITS FRAME = ONE DATA UNIT
*
* A literal value and the frame that qualifies it are one statement, so they
* read as one row: column 1 the main value, column 2 the frame.
*
* SCOPE. `has_dataframe` is added to `content_value` by attach_item_dataframe
* (component_common/js/dataframe.js), which is the shared glue of the REGULAR
* literals — input_text, text_area, date, number, email. `component_iri`
* never calls it (it builds its frame through get_dataframe directly), so its
* content_value never carries this class and its frame-BEFORE-main layout is
* untouched by everything below. The ordering difference between the two is
* handled by scope, not by a conditional.
*
* NO DOM WRAPPER, deliberately. The obvious implementation — wrap the main in
* a div and flex the row — silently breaks the DIRECT-CHILD selectors that
* three components rely on (`component_input_text` `>.input_value` and
* `>.input_value:focus`, `component_number` the same, `component_text_area`
* `>.content_value >.editor_container`). Grid placement gets the identical
* layout with the DOM exactly as it is.
*/
/*
* WHY THE SELECTOR IS THIS LONG (and why `has_dataframe` is repeated).
*
* The literals already own this node at 0,5,0 — measured in the browser, not
* guessed: `.component_input_text.view_default.edit > .content_data >
* .content_value { display: flex; flex-wrap: wrap }`. `component_dataframe.less`
* is imported at main.less:74, BEFORE component_input_text (84),
* component_number (88) and component_text_area (104), so ANY selector that
* merely TIES loses on source order. The repeated class buys the extra point
* (0,6,0) and wins deterministically — no `!important`, and no reordering the
* imports, which would move every other rule in this file with it.
*
* Measured before this rule, on oh1/368: `display:flex; flex-wrap:wrap`, the
* input taking the full 635px, and the 22px frame WRAPPED onto a second line
* (container 39px tall vs input 26px) — the value and its frame reading as two
* stacked things instead of one unit.
*
* Grid, not flex, on purpose: as a grid item the input's existing `width:100%`
* (set by TWO rules, incl. a bare `input[type=text]`) resolves to 100% OF ITS
* COLUMN, which is exactly what we want. Under flex that same declaration is
* what pushed the frame onto the next line, and beating it would mean an
* override per literal.
*/
.wrapper_component > .content_data > .content_value.has_dataframe.has_dataframe.has_dataframe {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: start;
  column-gap: 0.25rem;
}
.wrapper_component > .content_data > .content_value.has_dataframe.has_dataframe.has_dataframe > * {
  grid-column: 1;
}
.wrapper_component > .content_data > .content_value.has_dataframe.has_dataframe.has_dataframe > .wrapper_component.component_dataframe {
  grid-column: 2;
  grid-row: 1;
}
/**
* component_date
*
* Included from main.less file
*/
.component_date .calendar {
  height: 1.3em;
}
.component_date > .content_data {
  padding-right: 0.5rem;
}
.component_date > .content_data > .content_value {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  container-type: inline-size;
}
.component_date > .content_data > .content_value > .input-group {
  position: relative;
  width: 7.1rem;
  display: flex;
  align-items: center;
}
.component_date > .content_data > .content_value > .input-group.period {
  width: unset;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.component_date > .content_data > .content_value > .input-group.period .button_remove_container {
  right: 0px !important;
}
.component_date > .content_data > .content_value > .input-group input {
  position: relative;
  width: 7rem;
  padding: 0.4rem;
  margin: 0px;
  margin-bottom: 2px;
  text-align: center;
}
.component_date > .content_data > .content_value > .input-group input::focus {
  z-index: 1;
}
.component_date > .content_data > .content_value > .input-group input::placeholder {
  font-size: 0.86rem;
  font-style: normal;
}
.component_date > .content_data > .content_value > .input-group input.input_period {
  width: 2.4rem;
  min-width: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 960px) {
  .component_date > .content_data > .content_value > .input-group input.input_period {
    top: 2px;
  }
}
.component_date > .content_data > .content_value > .input-group input.input_date {
  letter-spacing: 0.05em;
  font-family: "date_separator", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.component_date > .content_data > .content_value > .input-group input.input_time {
  letter-spacing: 0.1em;
}
.component_date > .content_data > .content_value > .input-group label {
  display: inline-block;
  opacity: 0.6;
  padding-right: 2px;
  padding-left: 2px;
}
.component_date > .content_data > .content_value > .input-group > .pair_container {
  position: relative;
  margin-bottom: 2px;
}
.component_date > .content_data > .content_value > .input-group .button_container {
  position: absolute;
  top: -1.5rem;
  z-index: 1;
  opacity: 1;
  background-color: var(--color_white);
  outline: 1px solid var(--color_primary);
  height: 1.8rem;
  width: 1.8rem;
  border-radius: 50%;
  padding: 0.2rem;
  padding-left: 0.4rem;
}
.component_date > .content_data > .content_value > .input-group .button_container.button_calendar_container {
  right: -0.8rem;
  visibility: hidden;
}
.component_date > .content_data > .content_value > .input-group .button_container.button_calendar_container > .calendar {
  opacity: 0.6;
  margin: 0px;
  padding: 0px;
}
.component_date > .content_data > .content_value > .input-group .button_container.button_remove_container {
  right: 1.2rem;
  visibility: hidden;
}
.component_date > .content_data > .content_value > .input-group .button_container.button_remove_container > .remove {
  opacity: 0.6;
  margin: 2px;
  padding: 0px;
  margin-left: 0px;
}
.component_date > .content_data > .content_value > .input-group:focus-within .button_container.hidden_button {
  visibility: visible;
  padding: 0.2rem 0.2rem 0.2rem 0.4rem;
}
@font-face {
  font-family: 'date_separator';
  src: local("Helvetica Neue UltraLight"), local("HelveticaNeue-UltraLight");
  unicode-range: U+002F;
}
.component_date > .content_data > .content_value .dates_separator {
  font-size: 0.78rem;
  padding: 0.2rem;
  padding-right: 0px;
  line-height: 0.78rem;
}
.component_date.list {
  letter-spacing: 0.05em;
  font-family: "date_separator", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  letter-spacing: normal;
}
.component_date.search > .content_data {
  display: flex;
  flex-wrap: nowrap;
}
.component_date.search .remove {
  display: none;
}
.component_date.search .button.calendar {
  cursor: default;
}
.component_date.view_line.edit {
  display: inline-block;
  margin: 0px;
  padding: 0px;
}
.component_date.view_line.edit > .content_data {
  padding: 0px;
}
.search_component > .component_date.search > .content_data > .content_value:has(>.dates_separator) {
  flex-wrap: nowrap;
  column-gap: 0;
}
.search_component > .component_date.search > .content_data > .content_value:has(>.dates_separator) > .input-group {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
}
.search_component > .component_date.search > .content_data > .content_value:has(>.dates_separator) > .input-group input {
  width: 100%;
  min-width: 0;
  padding-inline: 0.2rem;
  font-size: clamp(0.75rem, calc((100cqi - 28px) / 12.4), 1rem);
}
.search_component > .component_date.search > .content_data > .content_value:has(>.dates_separator) > .dates_separator {
  font-size: 0.65rem;
  padding: 0 0.1rem;
  opacity: 0.6;
}
/**
* component_email
*
* Included from main.less file
*/
.component_email.view_default > .content_data > .content_value .button {
  position: absolute;
  top: 0.5em;
  z-index: 1;
}
.component_email.view_default > .content_data > .content_value .button.remove {
  right: 0.55rem;
}
.component_email.view_default > .content_data > .content_value .button.email {
  right: 2rem;
}
.component_email.view_line.edit {
  display: inline;
  margin: 0px;
  padding: 0px;
}
.component_email.view_line.edit > .content_data {
  padding: 0px;
  position: relative;
}
.component_email.view_line.edit > .content_data .button.hidden_button {
  display: none;
}
/**
* component_external
*
* Included from main.less file
*/
.component_external.search .content_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
/**
* EXTERNAL_SOURCE_STATUS
* The degradation marker (client/dedalo/core/component_external/js/external_render.js
* rule 2). A component_external's value is fetched from a third-party service at
* read time, so an empty component has two completely different meanings: "this
* work has no author" and "the source did not answer". The server never emits a
* silent blank — it emits the state — and this is what makes the state VISIBLE.
*
* (!) EACH STATE MUST LOOK DIFFERENT. Specifically stale vs unavailable: stale
* shows real (possibly out-of-date) data, unavailable shows none at all, and a
* cataloguer deciding whether to trust what is on screen needs to tell them
* apart without hovering. They are given different colours AND different
* borders, so the difference survives a monochrome print and colour-blindness.
*
* THE COLOURS ARE LITERALS, PAIRED PER RULE, PER THEME. Each state paints its own
* ink AND its own fill in one rule, so the pair is judged as a pair by
* `contrast_ratio_tripwire` and no palette inversion can split it (the bug the
* mosaic chips had: a fixed fill under a flipping ink). The cost of that choice
* is that a literal cannot follow the theme by itself: the light chips below
* were born (2026-08-06) without a dark half and rendered as 14–15:1 pastel slabs
* on the dark card — legible, but the loudest thing on the page, for a marker
* whose whole design is "visible without shouting". The `:root[data-theme="dark"]`
* block at the end carries one twin per state: a dark tint of the same hue
* under a light ink, the same border STYLE (the style is the colour-blind
* channel and does not change), and a border lifted so the edge still reads on
* the dark ground. Every dark pair was measured, not eyeballed (WCAG 2.1):
*   ink on chip ≥ 6.27:1, border on chip ≥ 3.21:1, border on --bg_surface
*   #1b1d20 ≥ 4.02:1. The palette's semantic tokens are not consumed here on
* purpose: no role token carries "stale amber" or "outage red", and pointing
* a state at `--color_hilite` / `--color_mandatory` would tie its meaning to
* whatever those are retuned for next.
*/
.external_source_status {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0 0.45em;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  font-size: 0.78em;
  line-height: 1.5;
  font-style: normal;
  white-space: nowrap;
  vertical-align: baseline;
  cursor: help;
}
.external_source_status.compact {
  padding: 0 0.25em;
  margin-left: 0.3em;
  font-size: 0.85em;
  line-height: 1;
}
.external_source_status.state_stale {
  color: #7a5200;
  background-color: #fff4d6;
  border-color: #d9a400;
  border-style: dashed;
}
.external_source_status.state_unavailable {
  color: #8a1f11;
  background-color: #fde7e4;
  border-color: #d1493a;
}
.external_source_status.state_timeout {
  color: #8a1f11;
  background-color: #fde7e4;
  border-color: #d1493a;
  border-style: dashed;
}
.external_source_status.state_circuit_open {
  color: #8a1f11;
  background-color: #fde7e4;
  border-color: #d1493a;
  border-style: double;
  border-width: 3px;
}
.external_source_status.state_not_found {
  color: #4a4a4a;
  background-color: #ededed;
  border-color: #9a9a9a;
}
.external_source_status.state_disabled {
  color: #5a5a5a;
  background-color: #f4f4f4;
  border-color: #b0b0b0;
  border-style: dotted;
}
.external_source_status.state_misconfigured {
  color: #ffffff;
  background-color: #7c1fa2;
  border-color: #58156f;
}
.external_source_status.state_ok {
  color: #2c4a7c;
  background-color: #e5eeff;
  border-color: #7d9dd1;
}
.external_source_status.state_unknown {
  color: #4a4a4a;
  background-color: #ededed;
  border-color: #9a9a9a;
  border-style: dashed;
}
:root[data-theme="dark"] .external_source_status.state_stale {
  color: #f6c95a;
  background-color: #3b2f0e;
  border-color: #c99a1e;
}
:root[data-theme="dark"] .external_source_status.state_unavailable,
:root[data-theme="dark"] .external_source_status.state_timeout,
:root[data-theme="dark"] .external_source_status.state_circuit_open {
  color: #ffab9e;
  background-color: #3f1a15;
  border-color: #d65a48;
}
:root[data-theme="dark"] .external_source_status.state_not_found,
:root[data-theme="dark"] .external_source_status.state_unknown {
  color: #cfd4dc;
  background-color: #2e3238;
  border-color: #7c838e;
}
:root[data-theme="dark"] .external_source_status.state_disabled {
  color: #aab0b8;
  background-color: #25282d;
  border-color: #767c86;
}
:root[data-theme="dark"] .external_source_status.state_misconfigured {
  color: #ffffff;
  background-color: #7c1fa2;
  border-color: #c98ae6;
}
:root[data-theme="dark"] .external_source_status.state_ok {
  color: #b0c8f5;
  background-color: #1f2d4c;
  border-color: #5b83c4;
}
/**
* component_filter
* 	&& component_filter_master
*
* Included from main.less file
*/
.component_filter.edit,
.component_filter_master.edit,
.component_filter.search,
.component_filter_master.search {
  display: block;
}
.component_filter.edit > .content_data,
.component_filter_master.edit > .content_data,
.component_filter.search > .content_data,
.component_filter_master.search > .content_data {
  display: block;
  padding: 0.5em;
  padding-bottom: 1rem;
  overflow: auto;
  max-height: 20rem;
}
.component_filter.edit > .content_data .branch,
.component_filter_master.edit > .content_data .branch,
.component_filter.search > .content_data .branch,
.component_filter_master.search > .content_data .branch {
  display: block;
  max-height: unset;
}
.component_filter.edit > .content_data .branch > .item_li,
.component_filter_master.edit > .content_data .branch > .item_li,
.component_filter.search > .content_data .branch > .item_li,
.component_filter_master.search > .content_data .branch > .item_li {
  margin-top: 0.3rem;
  margin-left: 1.25rem;
  align-items: stretch;
  line-height: 1.1rem;
}
.component_filter.edit > .content_data .branch > .item_li .item_input,
.component_filter_master.edit > .content_data .branch > .item_li .item_input,
.component_filter.search > .content_data .branch > .item_li .item_input,
.component_filter_master.search > .content_data .branch > .item_li .item_input {
  margin-right: 0.25rem;
  vertical-align: text-bottom;
  cursor: pointer;
}
.component_filter.edit > .content_data > .branch > .item_li,
.component_filter_master.edit > .content_data > .branch > .item_li,
.component_filter.search > .content_data > .branch > .item_li,
.component_filter_master.search > .content_data > .branch > .item_li {
  margin-left: 0.5rem;
  margin-top: 0.25rem;
}
.component_filter.edit > .content_data .grouper,
.component_filter_master.edit > .content_data .grouper,
.component_filter.search > .content_data .grouper,
.component_filter_master.search > .content_data .grouper {
  width: auto;
  display: block;
}
.component_filter.edit > .content_data .grouper > .item_label,
.component_filter_master.edit > .content_data .grouper > .item_label,
.component_filter.search > .content_data .grouper > .item_label,
.component_filter_master.search > .content_data .grouper > .item_label {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: calc(100% - 3rem);
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
}
.component_filter.edit > .content_data .grouper > .grouper_label,
.component_filter_master.edit > .content_data .grouper > .grouper_label,
.component_filter.search > .content_data .grouper > .grouper_label,
.component_filter_master.search > .content_data .grouper > .grouper_label {
  width: fit-content;
  padding-left: 0px;
  padding-top: 0.5em;
  padding-bottom: 0.25em;
  padding-right: 1.66rem;
  opacity: 0.7;
  font-size: 0.82em;
}
.component_filter.edit > .content_data .icon_arrow,
.component_filter_master.edit > .content_data .icon_arrow,
.component_filter.search > .content_data .icon_arrow,
.component_filter_master.search > .content_data .icon_arrow {
  position: relative;
  top: 2px;
  left: 1px;
}
.component_filter.search > .content_data,
.component_filter_master.search > .content_data {
  display: flex;
  overflow: visible;
}
.component_filter.search > .content_data > .filter_picker,
.component_filter_master.search > .content_data > .filter_picker {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.375rem;
  box-sizing: border-box;
  width: 100%;
  height: 2rem;
  padding: 0 1.75rem 0 0.5rem;
  font: inherit;
  text-align: left;
  color: var(--fg_muted);
  background-color: var(--color_grey_16);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  background-image: none;
  position: relative;
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle:after,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle:after {
  content: '';
  position: absolute;
  right: 0.5rem;
  top: 50%;
  width: 0.8rem;
  height: 0.8rem;
  margin-top: -0.4rem;
  background-color: currentColor;
  -webkit-mask: url(../../themes/default/icons/arrow_down.svg) center / contain no-repeat;
  mask: url(../../themes/default/icons/arrow_down.svg) center / contain no-repeat;
  transition: transform var(--transition-fast);
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle:hover,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle:hover,
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle:focus-visible,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle:focus-visible {
  border-color: var(--color_orange_dedalo);
  outline: none;
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_summary,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_summary {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_more,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_more {
  flex: none;
  padding: 0 0.4rem;
  font-size: 0.85em;
  font-weight: 500;
  border-radius: var(--radius-pill);
  background-color: var(--option_chip_checked_bg);
  color: var(--option_chip_checked_fg);
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_more:empty,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_toggle > .filter_picker_more:empty {
  display: none;
}
.component_filter.search > .content_data > .filter_picker.has_value > .filter_picker_toggle,
.component_filter_master.search > .content_data > .filter_picker.has_value > .filter_picker_toggle {
  color: var(--color_grey_4);
}
.component_filter.search > .content_data > .filter_picker > .filter_picker_panel,
.component_filter_master.search > .content_data > .filter_picker > .filter_picker_panel {
  display: none;
  position: absolute;
  z-index: 7;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  max-height: 16rem;
  overflow: auto;
  padding: 0.5rem;
  background-color: var(--color_white);
  border: 1px solid var(--color_grey_13);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-3);
}
.component_filter.search > .content_data > .filter_picker.open > .filter_picker_toggle,
.component_filter_master.search > .content_data > .filter_picker.open > .filter_picker_toggle {
  border-color: var(--color_orange_dedalo);
}
.component_filter.search > .content_data > .filter_picker.open > .filter_picker_toggle:after,
.component_filter_master.search > .content_data > .filter_picker.open > .filter_picker_toggle:after {
  transform: rotate(180deg);
}
.component_filter.search > .content_data > .filter_picker.open > .filter_picker_panel,
.component_filter_master.search > .content_data > .filter_picker.open > .filter_picker_panel {
  display: block;
}
.component_filter.search > .content_data > .filter_picker .branch,
.component_filter_master.search > .content_data > .filter_picker .branch {
  font-size: 0.9rem;
  line-height: 0.9rem;
}
.component_filter.search > .content_data > .filter_picker .branch .item_li,
.component_filter_master.search > .content_data > .filter_picker .branch .item_li {
  line-height: 1.2rem;
}
.component_filter.search > .content_data .icon_arrow,
.component_filter_master.search > .content_data .icon_arrow {
  position: relative;
  top: 3px;
  left: 1px;
}
.component_filter.view_collapse,
.component_filter_master.view_collapse {
  cursor: n-resize;
  line-height: 1.1rem;
}
.component_filter.view_collapse:hover,
.component_filter_master.view_collapse:hover {
  background-color: var(--color_hilite_3);
}
.component_filter.view_collapse.collapsed,
.component_filter_master.view_collapse.collapsed {
  cursor: s-resize;
  height: 2.5rem;
  overflow: hidden;
}
.component_filter.list,
.component_filter_master.list {
  max-height: 5rem;
  overflow: auto;
  font-size: 96%;
}
.wrapper_inspector .component_filter > .content_data {
  font-size: 0.85rem;
  padding-bottom: 0.5rem;
}
.wrapper_inspector .component_filter > .content_data .branch .item_li {
  margin-top: 0.25rem;
  line-height: 1rem;
}
.wrapper_inspector .component_filter > .content_data .branch .item_li > .item_label .item_input {
  margin-right: 0.25rem;
}
.wrapper_inspector .component_filter > .content_data > .branch > .item_li {
  margin-left: 0px;
}
.wrapper_inspector .component_filter.fullscreen {
  padding: 1rem;
}
.wrapper_inspector .component_filter.fullscreen > .label {
  display: block !important;
}
.wrapper_inspector .component_filter.fullscreen > .content_data {
  font-size: 1rem;
  padding: 1rem;
}
.wrapper_inspector .component_filter.fullscreen > .content_data .branch .item_li {
  line-height: 1.2rem;
}
:root[data-theme="dark"] .component_filter input[type="checkbox"],
:root[data-theme="dark"] .component_filter_master input[type="checkbox"] {
  background-color: var(--checkbox_bg);
  border: 1px solid var(--checkbox_border);
  -webkit-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
:root[data-theme="dark"] .component_filter input[type="checkbox"]:checked,
:root[data-theme="dark"] .component_filter_master input[type="checkbox"]:checked {
  background-color: var(--checkbox_checked_bg);
  border-color: var(--checkbox_checked_bg);
}
:root[data-theme="dark"] .component_filter input[type="checkbox"]:checked:after,
:root[data-theme="dark"] .component_filter_master input[type="checkbox"]:checked:after {
  content: '';
  position: absolute;
  left: 0.25em;
  top: 0.05em;
  width: 0.35em;
  height: 0.6em;
  border: solid var(--checkbox_checkmark);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/**
* component_filter_master
*
* Included from main.less file
*/
/**
* component_filter_records
*
* Included from main.less file
*/
.component_filter_records.edit > .content_data {
  display: grid;
  grid-template-columns: 1fr 2fr 10fr;
  max-height: 30rem;
  overflow: auto;
}
.component_filter_records.edit > .content_data .header_row {
  display: contents;
}
.component_filter_records.edit > .content_data .header_row > .label_item {
  background-color: var(--color_grey_5);
  color: var(--color_white);
  padding: 0.333rem;
  position: sticky;
  top: -8px;
  z-index: 1;
}
.component_filter_records.edit > .content_data > .content_value {
  display: contents;
}
.component_filter_records.edit > .content_data > .content_value .label {
  padding: 0.5rem;
  height: 100%;
  border-bottom: 1px solid var(--color_grey_13);
}
.component_filter_records.edit > .content_data > .content_value .section_tipo {
  font-weight: 600;
}
.component_filter_records.edit > .content_data > .content_value .body_item {
  padding: 0.5rem;
  height: 100%;
  background-color: var(--color_grey_15);
  border-bottom: 1px solid var(--color_grey_13);
}
.component_filter_records.edit > .content_data > .content_value .body_item.input_value {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  outline: none;
}
.component_filter_records.view_line {
  display: inline-block;
}
.component_filter_records.view_print > .content_data .header_row > .label_item {
  background-color: var(--color_grey_14);
  color: var(--fg_muted);
  padding: 0.333rem;
}
.component_filter_records.search .inputs_container > li {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.component_filter_records.search .inputs_container > li > span {
  padding-right: 0.5rem;
}
.component_filter_records.search .inputs_container > li > span.tipo:after {
  content: ':';
  margin-left: 0.5rem;
}
.component_filter_records.search .inputs_container > li > .input_value {
  width: 100%;
  margin-top: 0.33rem;
}
/**
* component_geolocation
*
* Included from main.less file
*/
.component_geolocation .leaflet_map {
  background-color: var(--color_blue_light_2);
}
.component_geolocation .leaflet_map.leaflet-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: var(--geolocation_map_min_height);
  margin: 0px;
  padding: 0px;
  padding-bottom: 5px;
  z-index: 0;
  background-color: var(--color_blue_light_2);
  max-height: 100%;
}
.component_geolocation .leaflet_map.leaflet-container .leaflet-control-zoom a {
  font-size: initial !important;
  font-weight: bold;
}
.component_geolocation.disabled_component .leaflet-pm-toolbar {
  display: none !important;
}
.component_geolocation.disabled_component .leaflet-top.leaflet-left {
  display: none !important;
}
.component_geolocation.edit > .content_data {
  height: calc(100% - var(--component_label_height));
  min-height: var(--geolocation_min_height);
  flex-direction: column;
  z-index: 0;
}
.component_geolocation.edit > .content_data > .content_value {
  flex: 1 1 auto;
  flex-direction: column;
  background-color: var(--color_blue_light_2);
  resize: vertical;
  overflow: hidden;
}
.component_geolocation.edit > .content_data > .content_value > .map_inputs {
  display: flex;
  max-width: calc(100% - 8.5rem);
}
.component_geolocation.edit > .content_data > .content_value > .map_inputs > label {
  margin-right: 0.5rem;
}
.component_geolocation.edit > .content_data > .content_value > .map_inputs > input {
  width: 7rem;
  text-align: center;
}
.component_geolocation.edit > .content_data > .content_value > .map_inputs > input.zoom {
  width: 2rem;
}
.component_geolocation.edit > .content_data > .content_value > .map_inputs > input.altitude {
  width: 2.5rem;
}
.component_geolocation.edit .geolocation_text {
  font-size: 14px;
  top: 2px;
  margin-right: 5px;
}
.component_geolocation.edit .map_inputs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 10px;
  left: 48px;
  margin-right: 3rem;
  background-color: var(--color_white);
  padding: 0.4em;
  padding-bottom: 2px;
  padding-top: 3px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  z-index: 1;
  border: 2px solid var(--color_grey_10);
  background-clip: padding-box;
  color: var(--fg_muted);
}
.component_geolocation.edit .map_inputs span:not(:nth-of-type(1)) {
  padding-left: 5px;
}
.component_geolocation.edit .map_inputs input[name="zoom"] {
  width: 28px;
  text-align: center;
}
.component_geolocation.edit .map_inputs input {
  margin-left: 3px;
  padding: 0px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-overflow: ellipsis;
}
.component_geolocation.edit .map_inputs .input_altitude {
  width: 28px;
  text-align: center;
}
.component_geolocation.edit .map_inputs .map_reload {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  opacity: 1;
  user-select: none;
  font-weight: 300;
  background: black;
  height: 1em;
  width: 1em;
  opacity: 0.7;
  -webkit-mask-image: url('../../themes/default/icons/reload.svg');
  mask-image: url('../../themes/default/icons/reload.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 1.2em;
  height: 1.2em;
}
.component_geolocation.edit .map_inputs .map_reload:hover {
  opacity: 1 !important;
}
.component_geolocation.edit .map_inputs .map_reload:active {
  opacity: 0.4 !important;
}
.buttons_container .component_geolocation.edit .map_inputs .map_reload {
  background-color: var(--color_white);
  margin-top: 0px;
}
.component_geolocation.edit .map_inputs .map_reload.white {
  background-color: var(--color_white) !important;
}
.component_geolocation.edit .map_inputs .map_reload.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.component_geolocation.edit .map_inputs .map_reload.transparent {
  background-color: transparent !important;
}
.component_geolocation.edit .map_inputs .map_reload:hover {
  opacity: 1;
}
.component_geolocation.edit .map_inputs .map_reload:active {
  opacity: 1;
  background: var(--color_orange_dedalo);
}
.component_geolocation.edit .map_inputs .map_point {
  background-color: var(--color_black);
  cursor: pointer;
  display: inline-flex;
  line-height: 1em;
  margin: 0px;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  min-width: 1em;
  opacity: 1;
  user-select: none;
  font-weight: 300;
  background: black;
  height: 1em;
  width: 1em;
  opacity: 0.7;
  -webkit-mask-image: url('../../themes/default/icons/geo.svg');
  mask-image: url('../../themes/default/icons/geo.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  width: 1.2em;
  height: 1.2em;
}
.component_geolocation.edit .map_inputs .map_point:hover {
  opacity: 1 !important;
}
.component_geolocation.edit .map_inputs .map_point:active {
  opacity: 0.4 !important;
}
.buttons_container .component_geolocation.edit .map_inputs .map_point {
  background-color: var(--color_white);
  margin-top: 0px;
}
.component_geolocation.edit .map_inputs .map_point.white {
  background-color: var(--color_white) !important;
}
.component_geolocation.edit .map_inputs .map_point.grey {
  background-color: var(--color_grey_10);
  opacity: 0.75;
}
.component_geolocation.edit .map_inputs .map_point.transparent {
  background-color: transparent !important;
}
.component_geolocation.edit .map_inputs .map_point:hover {
  opacity: 1;
}
.component_geolocation.edit .map_inputs .map_point:active {
  opacity: 1;
  background: var(--color_orange_dedalo);
}
.component_geolocation.edit .leaflet_map_player {
  padding: 0px;
  margin: 0px;
  position: relative;
  margin-top: 5px;
}
.component_geolocation.edit .leaflet_map_player .content_data {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}
.component_geolocation.edit .leaflet_map_player .leaflet_map {
  min-height: var(--geolocation_player_height);
}
.component_geolocation.edit .leaflet-top,
.component_geolocation.edit .leaflet-bottom {
  z-index: 1000;
}
.component_geolocation.edit .leaflet-control-layers {
  z-index: 1000;
}
.component_geolocation.edit .leaflet-draw-draw-circle {
  display: none !important;
}
.component_geolocation.view_line {
  display: inline-block;
  width: 100%;
  height: 30.5rem;
}
.component_geolocation.view_line > .content_data {
  display: block;
  height: 100% !important;
  overflow: hidden;
}
.component_geolocation.view_line > .content_data > .content_value {
  height: calc(30.5rem - 1rem);
}
.component_geolocation.view_print .leaflet-control-container {
  display: none;
}
:root[data-theme="dark"] .component_geolocation .leaflet-layer {
  filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.6);
}
:root[data-theme="dark"] .component_geolocation .map_inputs {
  color: var(--fg_default);
  border-color: var(--border_strong);
}
:root[data-theme="dark"] .component_geolocation .map_inputs .map_reload,
:root[data-theme="dark"] .component_geolocation .map_inputs .map_point {
  background: var(--fg_muted);
}
:root[data-theme="dark"] .component_geolocation .map_inputs .map_reload:active,
:root[data-theme="dark"] .component_geolocation .map_inputs .map_point:active {
  background: var(--color_orange_dedalo);
}
:root[data-theme="dark"] .component_geolocation .leaflet-bar a {
  background-color: var(--bg_elevated);
  color: var(--fg_default);
  border-bottom-color: var(--border_default);
}
:root[data-theme="dark"] .component_geolocation .leaflet-bar a:hover,
:root[data-theme="dark"] .component_geolocation .leaflet-bar a:focus {
  background-color: var(--bg_header);
}
:root[data-theme="dark"] .component_geolocation .leaflet-bar a.leaflet-disabled {
  background-color: var(--bg_elevated);
  color: var(--fg_muted);
}
:root[data-theme="dark"] .component_geolocation .leaflet-control-layers,
:root[data-theme="dark"] .component_geolocation .leaflet-control-layers-expanded {
  background-color: var(--bg_elevated);
  color: var(--fg_default);
  border-color: var(--border_default);
}
:root[data-theme="dark"] .component_geolocation .leaflet-control-layers-toggle {
  filter: invert(1) hue-rotate(180deg);
}
:root[data-theme="dark"] .component_geolocation .leaflet-popup-content-wrapper,
:root[data-theme="dark"] .component_geolocation .leaflet-popup-tip {
  background: var(--bg_elevated);
  color: var(--fg_default);
}
:root[data-theme="dark"] .component_geolocation .leaflet-tooltip {
  background-color: var(--bg_elevated);
  color: var(--fg_default);
  border-color: var(--border_default);
}
:root[data-theme="dark"] .component_geolocation .pm-textarea {
  background-color: var(--bg_elevated);
  color: var(--fg_default);
}
/**
* component_image
*
* Included from main.less file
*/
.component_image.disabled_component .content_data.component {
  pointer-events: initial !important;
}
.component_image.edit > .content_data > .content_value .image_container {
  height: 100%;
  max-height: 100%;
  min-height: min(var(--media_min_height), 100%);
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.component_image.edit > .content_data > .content_value .image_container .img {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.component_image.edit > .content_data > .content_value .image_container .img:focus {
  outline-offset: -1px;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
.component_image.edit > .content_data > .content_value .image_container .img body {
  display: flex;
  overflow: hidden;
  justify-content: center;
}
.component_image.edit > .content_data > .content_value .image_container .image {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.component_image.edit > .content_data > .content_value .image_container .image:focus {
  outline-offset: -1px;
  outline: 2px solid var(--focus_ring);
  box-shadow: var(--shadow-focus);
  opacity: 1;
  z-index: 1;
}
.component_image.edit > .buttons_container {
  white-space: unset !important;
}
.component_image.edit > .buttons_container .vector_editor {
  -webkit-mask-image: url('../../themes/default/icons/vector_editor.svg');
  mask-image: url('../../themes/default/icons/vector_editor.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.component_image.view_line {
  display: inline-block;
}
.component_image.view_line.list {
  height: var(--view_line_height);
  width: 6rem;
  min-width: 6rem;
}
.component_image.view_viewer {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}
.component_image.view_viewer .viewer_image {
  position: fixed;
  left: 0px;
  top: 0px;
}
.component_image.view_viewer .viewer_image.fit {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.component_image.view_mosaic.list > .content_data {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.component_image_mini {
  display: inline-block;
  vertical-align: middle;
}
.component_image_mini img {
  height: 2rem;
}
/**
* vector_editor_tools
*
* Included from component_image.less file
*/
.sgv_editor.content_value {
  display: grid;
}
.sgv_editor.content_value * {
  transform-origin: 0 0;
}
.sgv_editor.content_value .work_area.active_editor {
  display: block;
  overflow: scroll;
  text-align: center;
  background-color: var(--color_grey_9);
}
.sgv_editor.content_value .work_area.active_editor .svg_canvas {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: normal;
}
.sgv_editor.content_value .work_area.active_editor .svg_canvas #svgroot {
  user-select: none;
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper_component.component_image.fullscreen .vector_editor_tools {
  margin-top: 1.82rem;
  right: 0px;
}
.vector_editor_tools {
  background-color: var(--color_orange_dedalo);
  width: 2.25rem;
  text-align: center;
  position: absolute;
  right: -2.25rem;
}
.vector_editor_tools > .button {
  background-color: var(--color_white);
}
.vector_editor_tools > .button.open_layer_selector {
  text-align: center;
  border-radius: 2px;
  width: calc(100% - 4px);
  height: 1.6rem;
  margin: 2px !important;
  display: block;
  line-height: 1.5rem;
}
.vector_editor_tools > .button.pointer {
  -webkit-mask-image: url('../../themes/default/icons/pointer.svg');
  mask-image: url('../../themes/default/icons/pointer.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.pointer_alt {
  -webkit-mask-image: url('../../themes/default/icons/pointer_alt.svg');
  mask-image: url('../../themes/default/icons/pointer_alt.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.transform {
  -webkit-mask-image: url('../../themes/default/icons/pointer.svg');
  mask-image: url('../../themes/default/icons/pointer.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.rectangle {
  -webkit-mask-image: url('../../themes/default/icons/rectangle.svg');
  mask-image: url('../../themes/default/icons/rectangle.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.circle {
  -webkit-mask-image: url('../../themes/default/icons/circle.svg');
  mask-image: url('../../themes/default/icons/circle.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.vector {
  -webkit-mask-image: url('../../themes/default/icons/vector.svg');
  mask-image: url('../../themes/default/icons/vector.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.zoom {
  -webkit-mask-image: url('../../themes/default/icons/find.svg');
  mask-image: url('../../themes/default/icons/find.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.move {
  -webkit-mask-image: url('../../themes/default/icons/hand.svg');
  mask-image: url('../../themes/default/icons/hand.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.vector_editor_tools > .button.button_color_picker {
  border: 0.5px solid var(--color_grey_3);
}
.vector_editor_tools > .button.vector_tool_active {
  opacity: 1;
  background-color: var(--color_black) !important;
}
.vector_editor_tools > .layer_selector_container {
  display: block;
  position: absolute;
  top: 0px;
}
.vector_editor_tools > .layer_selector_container > .layer_selector {
  width: 12em;
  background-color: var(--color_orange_dedalo);
  position: absolute;
  right: 0px;
  top: 27px;
  padding: 0px;
  text-align: right;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > .button {
  margin: 0.5em;
  float: none;
  display: inline-block;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > .button.add {
  float: left;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul {
  text-align: left;
  clear: both;
  max-height: 200px;
  overflow: auto;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li {
  display: grid;
  grid-template-columns: 1.5em 1.2em auto 1.5em 1em;
  height: 30px;
  align-items: center;
  border-bottom: 1px solid var(--color_grey_7);
  border-left: 1px solid var(--color_grey_7);
  border-right: 1px solid var(--color_grey_7);
  cursor: pointer;
  background-color: var(--color_white);
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li:hover {
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li:hover.raster_layer {
  background-color: var(--color_white);
  color: initial;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li:active {
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li.active {
  background-color: var(--color_grey_13);
  color: var(--color_black);
  user-select: none;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li.active .user_layer_name {
  font-weight: bold;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li > * {
  line-height: 1.1rem;
  margin: 0px;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .layer_icon {
  background-color: var(--color_black);
  justify-self: center;
  opacity: 0.2;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .layer_icon:hover {
  opacity: 0.5 !important;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .layer_icon.active {
  opacity: 1;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .user_layer_name {
  color: var(--color_grey_5);
  font-size: 0.96rem;
  font-weight: normal;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: auto;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .layer_delete {
  background-color: var(--color_black);
  justify-self: center;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li .layer_color {
  width: 12px;
  height: 12px;
  border-radius: 12px;
}
.vector_editor_tools > .layer_selector_container > .layer_selector > ul.layer_ul > li:first-child {
  border-top: 0.5px solid var(--color_grey_7);
}
.vector_editor_tools > .color_wheel_contaniner {
  display: block;
  position: absolute;
  right: 0px;
}
@media screen and (max-width: 960px) {
  .component_image.edit.media_wrapper > .content_data > .content_value {
    height: var(--media_min_height);
  }
}
/**
* component_info
*
* Included from main.less file
*/
.component_info > .content_data {
  display: contents;
}
.component_info > .content_data > .content_value {
  contain: content;
  min-height: var(--widget_reserved_height, 0px);
}
.component_info > .content_data > .content_value.widget_item_user_activity {
  --widget_reserved_height: 27.65rem;
}
.component_info > .content_data > .content_value.widget_item_user_activity .loading_message {
  padding: 3rem;
  color: var(--color_grey_10);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  text-align: center;
  color: var(--color_grey_8);
  font-size: 0.875rem;
}
.component_info.edit {
  grid-template-rows: var(--component_label_height);
  grid-auto-rows: auto;
}
.component_info.edit > .content_data > .content_value {
  padding: 0.5em 1em 1em;
}
.component_info.edit > .content_data > .content_value.widget_item_state {
  --widget_reserved_height: calc(calc(0.8rem + 1.35 * 0.68rem) + var(--widget_ipo_outputs, 4) * calc(0.8rem + 1px + 1.35 * 0.86rem) + 2px + 1.5em);
}
.component_info .wrapper_widget {
  font-size: 0.86rem;
  width: 100%;
}
.component_info .wrapper_widget .widget_item {
  padding: 0;
}
.component_info .wrapper_widget .widget_item > div {
  padding: 0.2rem;
  flex: 1 1 100%;
}
.component_info .wrapper_widget .widget_item > div:last-of-type {
  border: none;
}
.component_info .wrapper_widget .widget_item > div > .label,
.component_info .wrapper_widget .widget_item > div > .value {
  padding: 0.25em;
}
.component_info .wrapper_widget .widget_item > div > .label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.component_info .wrapper_widget .widget_item > div > .value {
  padding-left: 0;
  line-height: 1.25rem;
}
.component_info .wrapper_widget .values_container > .widget_item label {
  padding-right: 0.5em;
}
.component_info.list > .content_data > .content_value.widget_item_tags {
  --widget_reserved_height: 8.3rem;
}
.component_info.list .wrapper_widget .values_container {
  display: contents;
}
.component_info.list .wrapper_widget .values_container > .widget_item {
  display: flex;
  flex-wrap: wrap;
}
.component_info.list .wrapper_widget .values_container > .widget_item.tags {
  height: var(--widget_reserved_height);
}
.component_info.list .wrapper_widget .values_container > .widget_item > .state_icon {
  display: inline-block;
}
/**
* component_input_text
*
* Included from main.less file
*/
.component_input_text.edit > .content_data > .content_value {
  position: relative;
  width: 100%;
  min-height: 1rem;
}
.component_input_text.edit > .content_data > .content_value > .input_value {
  width: 100%;
  margin: 0px;
  position: relative;
  text-overflow: ellipsis;
  padding-right: 0.5rem;
  margin-right: 0px;
}
.component_input_text.edit > .content_data > .content_value > .input_value:focus {
  z-index: 1;
}
.component_input_text.edit > .content_data > .content_value:not(:first-of-type) > .input_value:focus {
  transition: none;
  width: calc(100% - 2rem);
}
.component_input_text.edit > .content_data > .content_value > .button.remove {
  margin-top: 0.5em;
  margin-left: 0.75rem;
}
.component_input_text.edit > .content_data > .content_value .transliterate_value {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  color: var(--color_orange_dedalo);
  opacity: 0.65;
  width: 100%;
  padding-bottom: 0.5rem;
}
.component_input_text.view_ip {
  display: flex !important;
  align-items: center;
}
.component_input_text.view_ip .link {
  text-decoration: none;
  color: var(--color_orange_dedalo);
  margin-left: 0.25rem;
  font-size: 1.25rem;
}
.component_input_text.view_ip .link.raspa_flag {
  filter: invert(0.3);
}
/**
* view_default_input_text
*
* Included from component_input_text.less file
*/
.component_input_text.view_default.edit > .content_data > .content_value {
  display: flex;
  flex-wrap: wrap;
}
/**
* view_mini_input_text
*
* (!) with suffix _mini like 'component_input_text_mini'
*
* Included from component_input_text.less file
*/
/**
* view_mini_input_text
*
* (!) with suffix _mini like 'component_input_text_line'
*
* Included from component_input_text.less file
*/
.component_input_text.view_line .content_data {
  display: contents;
}
.component_input_text.view_line .content_data .content_value > input {
  height: auto;
  padding: 0.27rem;
  padding-left: 0.3rem;
}
/**
* component_input_text view_colorpicker
*
* Included from component_input_text.less file
*/
.component_input_text.view_colorpicker > .content_data > .content_value {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.component_input_text.view_colorpicker > .content_data > .content_value > .input_value:focus {
  padding-right: 0;
}
.component_input_text.view_colorpicker > .content_data > .content_value .color_read {
  width: 3rem;
  height: 1.5rem;
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
  margin-right: 0.5rem;
}
.component_input_text.view_colorpicker > .content_data > .content_value .color_picker {
  width: 3rem;
  height: 2.5rem;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.component_input_text.view_colorpicker > .content_data > .content_value .color_picker::-webkit-color-swatch {
  border: none;
  border-top-left-radius: 0.7rem;
  border-bottom-left-radius: 0.7rem;
}
.component_input_text.view_colorpicker > .content_data > .content_value .color_picker::-moz-color-swatch {
  border: none;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
/**
* component_inverse
*
* Included from main.less file
*/
.component_inverse.edit {
  box-shadow: inset -1px 0px 0 var(--color_grey_14);
}
.component_inverse.edit > .content_data {
  max-height: 30rem;
  overflow: auto;
}
.component_inverse.edit > .content_data > .label {
  color: var(--color_white);
  text-align: left;
}
.component_inverse.edit > .content_data > .content_value > .inverse_show_section_id {
  font-weight: 700;
  font-size: larger;
  letter-spacing: 0.05em;
  color: var(--color_white);
  width: 100%;
  text-align: center;
}
.component_inverse.search > .content_data {
  max-height: 12rem;
  overflow: auto;
}
.component_inverse.search > .content_data > .content_value {
  cursor: default;
}
.component_inverse.search > .content_data > .content_value > .inverse_show_section_id {
  font-weight: 700;
  letter-spacing: 0.05em;
}
.component_inverse.view_line {
  display: inline-block;
}
/**
* component_iri
*
* Included from main.less file
*/
.component_iri.edit .component_dataframe .column_section_id,
.component_iri.edit .component_dataframe .column_remove,
.component_iri.edit > .content_data > .content_value > .button.remove,
.component_iri.edit > .content_data > .content_value > .button.link {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-fast);
}
.component_iri.edit > .content_data > .content_value > .input_value:not(:focus) {
  outline-color: transparent;
}
.component_iri.edit .component_dataframe .section_record > .column_section_id {
  order: 2;
  margin-left: auto;
}
.component_iri.edit .component_dataframe .section_record > .column_remove {
  order: 3;
}
.component_iri.edit:hover .component_dataframe .column_section_id,
.component_iri.edit.active .component_dataframe .column_section_id,
.component_iri.edit:hover .component_dataframe .column_remove,
.component_iri.edit.active .component_dataframe .column_remove,
.component_iri.edit:hover > .content_data > .content_value > .button.remove,
.component_iri.edit.active > .content_data > .content_value > .button.remove,
.component_iri.edit:hover > .content_data > .content_value > .button.link,
.component_iri.edit.active > .content_data > .content_value > .button.link {
  opacity: 1;
  pointer-events: auto;
}
.component_iri.edit:hover > .content_data > .content_value > .input_value:not(:focus),
.component_iri.edit.active > .content_data > .content_value > .input_value:not(:focus) {
  outline-color: var(--color_grey_14);
}
.component_iri.edit.disabled_component .component_dataframe > .content_data .column_section_id,
.component_iri.edit.disabled_component .component_dataframe > .content_data .column_remove {
  display: none !important;
}
.component_iri.edit > .content_data {
  padding-right: 0.6rem;
}
.component_iri.edit > .content_data > .content_value {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.component_iri.edit > .content_data > .content_value.read_only > .iri {
  padding-left: 0.5rem;
}
.component_iri.edit > .content_data > .content_value > .component_dataframe {
  width: calc(30% - 0.5rem);
  height: 2rem;
}
.component_iri.edit > .content_data > .content_value > .component_dataframe > .content_data > .section_record {
  flex-wrap: nowrap;
}
.component_iri.edit > .content_data > .content_value > .component_dataframe > .content_data > .section_record .column.column_section_id {
  min-height: 1.6rem;
}
@media screen and (max-width: 960px) {
  .component_iri.edit > .content_data > .content_value > .component_dataframe {
    height: unset;
    min-height: unset;
  }
  .component_iri.edit > .content_data > .content_value > .component_dataframe > .content_data {
    padding: 0px;
    padding-left: 0.5rem;
  }
  .component_iri.edit > .content_data > .content_value > .component_dataframe > .content_data > .section_record .column.column_section_id {
    min-height: 1.2rem;
  }
}
.component_iri.edit > .content_data > .content_value > .input_value {
  padding-right: 0.5rem;
}
.component_iri.edit > .content_data > .content_value > .input_value.title {
  width: calc(20% - 0.5rem);
  padding-left: 0.5rem;
}
.component_iri.edit > .content_data > .content_value > .input_value.url {
  width: 50%;
}
.component_iri.edit > .content_data > .content_value > .input_value.url:focus {
  padding-right: 3.15rem;
}
@media screen and (max-width: 960px) {
  .component_iri.edit > .content_data > .content_value > .input_value {
    margin-right: 1px;
  }
  .component_iri.edit > .content_data > .content_value > .input_value.title {
    width: 100%;
  }
  .component_iri.edit > .content_data > .content_value > .input_value.url {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.component_iri.edit > .content_data > .content_value > .button {
  position: absolute;
  top: 0.5rem;
  right: 0.7rem;
  z-index: 1;
}
.component_iri.edit > .content_data > .content_value > .button.active_check {
  margin-right: 1.5rem;
}
.component_iri.edit > .content_data > .content_value > .button:hover {
  background-color: var(--color_orange_dark);
}
.component_iri.edit > .content_data > .content_value > .button.link {
  right: 2.25rem;
}
.component_iri.edit > .content_data > .content_value > .button.remove {
  right: 0.66rem;
}
@media screen and (max-width: 960px) {
  .component_iri.edit > .content_data > .content_value > .button {
    top: 5.2rem;
  }
  .component_iri.edit > .content_data > .content_value > .button.remove {
    right: 0.45rem;
  }
  .component_iri.edit > .content_data > .content_value > .button.link {
    right: 2.2rem;
  }
}
.component_iri.edit > .content_data > .content_value .transliterate_value {
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1rem;
  text-align: right;
  color: var(--color_orange_dedalo);
  opacity: 0.65;
}
.component_iri.edit > .content_data > .content_value .transliterate_value .title::after {
  content: " - ";
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.component_iri.search > .content_data > .q_operator {
  width: 3rem;
  text-align: center;
}
.component_iri.search > .content_data > .content_value {
  width: calc(100% - 3.5rem);
}
.component_iri.view_line {
  display: block;
}
.component_iri.view_line > .content_data {
  display: contents;
}
.component_iri.view_line > .content_data > .content_value {
  flex-wrap: wrap;
}
.component_iri.view_line > .content_data > .content_value > .input_value {
  flex: 1 1 100%;
}
.component_iri.view_line > .content_data > .content_value > .input_value.url {
  padding-right: 0px;
}
.component_iri.view_line > .content_data > .content_value .button.hidden_button {
  display: none;
}
.component_iri.view_print .content_value > .title {
  padding-right: 1rem;
}
.component_iri_mini a {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}
/**
* component_json
*
* Included from main.less file
*/
.component_json .button_save {
  position: absolute;
  right: 0px;
  top: 1px;
  z-index: 1;
  height: 30px;
  margin: 0;
  background-color: transparent;
  border-color: transparent;
  color: var(--color_white);
}
.component_json .button_save:hover {
  background-color: var(--color_grey_5);
  border-color: var(--color_grey_5);
}
.component_json.edit {
  padding-bottom: 1.5rem;
}
.component_json.edit > .content_data {
  height: var(--media_min_height);
  max-height: var(--media_max_height);
  min-height: calc(var(--media_min_height) + 1.5rem);
  justify-content: center;
}
@media screen and (max-width: 960px) {
  .component_json.edit > .content_data {
    min-height: unset;
  }
}
.component_json.edit > .content_data > .content_value {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
  min-height: var(--media_min_height);
}
.component_json.edit > .content_data > .content_value.read_only {
  overflow: auto;
  pointer-events: initial;
}
.component_json.list > .content_data {
  padding: 0px;
}
.component_json.list > .content_data > span {
  word-break: break-all;
  white-space: pre-wrap;
}
.component_json.search > .content_data > .q_operator {
  width: 3rem;
  text-align: center;
  margin-right: 0.5rem;
}
.component_json.search > .content_data > .content_value {
  width: calc(100% - 3.5rem);
}
.component_json.search > .content_data > .content_value > .input_value {
  width: 100%;
}
.component_json.view_line {
  display: block;
}
.component_json.view_line > .content_data {
  min-height: unset;
}
.component_json.view_print .content_value .value {
  background-color: transparent;
}
.component_json.view_collapse {
  cursor: n-resize;
  line-height: 1.1rem;
  position: relative;
}
.component_json.view_collapse:hover {
  background-color: var(--color_hilite_3);
}
.component_json.view_collapse.collapsed {
  cursor: s-resize;
  height: 2.5rem;
  overflow: hidden;
}
.component_json.view_collapse .activity_record_button {
  position: absolute;
  top: 0.5rem;
  right: 0.6rem;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  background-color: var(--color_primary);
  cursor: pointer;
  opacity: 0.75;
  -webkit-mask-image: url('../../themes/default/icons/arrow_link.svg');
  mask-image: url('../../themes/default/icons/arrow_link.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.component_json.view_collapse .activity_record_button:hover {
  opacity: 1;
}
.component_json.view_collapse .activity_record_button:visited {
  background-color: var(--color_grey_10);
}
.component_json.view_collapse .activity_record_button.visited {
  background-color: var(--color_grey_10);
  opacity: 0.4;
}
.component_json.view_collapse .activity_record_button.visited:hover {
  opacity: 0.7;
}
:root[data-theme="dark"] .component_json .button_save {
  color: var(--fg_default);
}
:root[data-theme="dark"] .component_json .content_value {
  --jse-background-color: var(--bg_input);
  --jse-text-color: var(--fg_default);
  --jse-text-color-inverse: #ffffff;
  --jse-text-readonly: var(--fg_muted);
  --jse-main-border: 1px solid var(--border_default);
  --jse-controls-box-shadow: var(--shadow-2);
  --jse-edit-outline: 2px solid var(--border_strong);
  --jse-input-background: var(--bg_input);
  --jse-input-background-readonly: transparent;
  --jse-input-border: 1px solid var(--border_strong);
  --jse-input-color: var(--fg_default);
  --jse-svelte-select-background: var(--bg_input);
  --jse-svelte-select-border: 1px solid var(--border_strong);
  --jse-panel-background: var(--color_grey_14);
  --jse-panel-color: var(--fg_default);
  --jse-panel-color-readonly: var(--fg_muted);
  --jse-panel-border: 1px solid var(--border_default);
  --jse-panel-button-background: transparent;
  --jse-panel-button-background-highlight: var(--color_grey_13);
  --jse-panel-button-color: var(--fg_default);
  --jse-navigation-bar-background: var(--bg_elevated);
  --jse-navigation-bar-background-highlight: var(--color_grey_13);
  --jse-navigation-bar-dropdown-color: var(--fg_muted);
  --jse-theme-color: var(--color_primary);
  --jse-theme-color-highlight: var(--color_blue_2);
  --jse-item-is-active-bg: var(--color_primary);
  --jse-menu-color: var(--menu_link_fg);
  --jse-context-menu-background: var(--color_grey_12);
  --jse-context-menu-background-highlight: var(--color_grey_11);
  --jse-context-menu-color: var(--fg_default);
  --jse-context-menu-color-disabled: var(--fg_muted);
  --jse-context-menu-separator-color: var(--border_default);
  --jse-context-menu-pointer-hover-background: var(--color_grey_10);
  --jse-button-background: var(--color_grey_13);
  --jse-button-background-highlight: var(--color_grey_12);
  --jse-button-color: var(--fg_default);
  --jse-button-secondary-background: var(--color_grey_12);
  --jse-button-secondary-background-highlight: var(--color_grey_11);
  --jse-button-secondary-background-disabled: var(--color_grey_10);
  --jse-button-secondary-color: var(--fg_default);
  --jse-hover-background-color: rgba(255, 255, 255, 0.06);
  --jse-selection-background-color: var(--color_grey_11);
  --jse-selection-background-inactive-color: var(--color_grey_13);
  --jse-active-line-background-color: rgba(255, 255, 255, 0.04);
  --jse-key-color: var(--fg_default);
  --jse-delimiter-color: var(--fg_muted);
  --jse-value-color-string: #7ec98a;
  --jse-value-color-number: #f08070;
  --jse-value-color-boolean: #f0a860;
  --jse-value-color-null: #6aacff;
  --jse-value-color-url: var(--color_primary);
  --jse-collapsed-items-background-color: var(--color_grey_14);
  --jse-collapsed-items-selected-background-color: var(--color_grey_11);
  --jse-collapsed-items-link-color: rgba(255, 255, 255, 0.4);
  --jse-collapsed-items-link-color-highlight: var(--color_danger);
  --jse-modal-background: var(--bg_elevated);
  --jse-modal-code-background: rgba(0, 0, 0, 0.2);
  --jse-modal-editor-theme-color: var(--fg_muted);
  --jse-modal-editor-theme-color-highlight: var(--fg_default);
  --jse-overlay-background: rgba(0, 0, 0, 0.5);
  --jse-tag-background: rgba(255, 255, 255, 0.15);
  --jse-tag-color: var(--fg_default);
  --jse-tooltip-background: var(--bg_elevated);
  --jse-tooltip-border: 1px solid var(--border_default);
  --jse-tooltip-color: var(--fg_default);
  --jse-tooltip-action-button-background: var(--color_grey_12);
  --jse-tooltip-action-button-color: var(--fg_default);
  --jse-search-match-background-color: rgba(74, 158, 255, 0.25);
  --jse-search-match-color: #ffd54f;
  --jse-search-match-active-color: #ffeb3b;
  --jse-search-match-outline: 2px solid var(--color_primary);
  --jse-table-header-background: var(--color_grey_14);
  --jse-table-header-background-highlight: var(--color_grey_13);
  --jse-table-row-odd-background: rgba(255, 255, 255, 0.03);
  --jse-color-picker-background: var(--color_grey_14);
  --jse-color-picker-border-box-shadow: var(--border_strong) 0 0 0 1px;
  --jse-a-color: var(--color_primary);
  --jse-a-color-highlight: var(--color_blue);
  --jse-error-color: var(--color_danger);
  --jse-warning-color: var(--color_warning);
  --jse-info-color: var(--color_info);
}
:root[data-theme="dark"] .component_json .jse-main .jse-menu {
  background: var(--bg_header);
  color: var(--menu_link_fg);
  border-bottom: 1px solid var(--border_default);
}
:root[data-theme="dark"] .component_json .jse-main .jse-menu .jse-button:hover,
:root[data-theme="dark"] .component_json .jse-main .jse-menu .jse-button:focus {
  background: var(--color_grey_12);
}
:root[data-theme="dark"] .component_json .jse-main .jse-menu .jse-button.jse-group-button {
  border-color: var(--border_strong);
}
:root[data-theme="dark"] .component_json .jse-main .jse-menu .jse-button.jse-group-button.jse-selected {
  background: var(--color_grey_11);
  color: var(--fg_default);
}
:root[data-theme="dark"] .component_json .jse-main .jse-menu .jse-separator {
  background: var(--border_strong);
  opacity: 1;
}
/**
* component_number
*
* Included from main.less file
*/
.component_number.view_default > .content_data > .content_value {
  position: relative;
  width: 100%;
  min-height: 1rem;
  margin-bottom: 1px;
}
.component_number.view_default > .content_data > .content_value > .input_value {
  width: 100%;
  margin: 0px;
  position: relative;
  text-overflow: ellipsis;
  padding-right: 0.5rem;
}
.component_number.view_default > .content_data > .content_value > .input_value:focus {
  z-index: 1;
}
.component_number.view_default > .content_data > .content_value:not(:first-of-type) > .input_value:focus {
  transition: none;
  width: calc(100% - 2rem);
}
.component_number.view_default > .content_data > .content_value > .button.remove {
  margin-top: 0.5em;
  margin-left: 0.75rem;
}
.component_number.view_default.edit > .content_data > .content_value {
  display: flex;
  flex-wrap: wrap;
}
.component_number.view_line {
  position: relative;
  display: block;
}
.component_number.view_line > .content_data {
  display: contents;
}
.component_number.view_line > .content_data > .content_value > .input_value {
  margin: 0px;
  height: auto;
  padding: 0.27rem;
  padding-top: 0.25rem;
  padding-left: 0.3rem;
}
/**
* component_password
*
* Included from main.less file
*
* Edit view = the password editor (view_default_edit_password.js):
* field + show/hide toggle, confirm field, live policy checklist, explicit
* Save/Cancel and a status line. The checklist shows on focus or while a draft
* exists; confirm + actions only while a draft exists.
*/
.component_password.view_line {
  display: block;
}
.component_password .password_editor {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  max-width: 32rem;
}
.component_password .password_editor .password_field {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.component_password .password_editor .password_field > input {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.component_password .password_editor .password_field > input::placeholder {
  color: var(--fg_muted);
  font-style: normal;
}
.component_password .password_editor .password_field > .password_toggle {
  flex: 0 0 auto;
  margin: 0;
  opacity: 0.55;
}
.component_password .password_editor .password_field > .password_toggle.active,
.component_password .password_editor .password_field > .password_toggle:hover {
  opacity: 1;
}
.component_password .password_editor .password_confirm {
  display: none;
  padding-right: calc(1.5rem + var(--space-2));
}
.component_password .password_editor .password_rules {
  display: none;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border_default);
  border-radius: var(--radius-md);
  background-color: var(--bg_surface_alt);
  font-size: 0.875rem;
}
.component_password .password_editor .password_rules .password_rules_title {
  color: var(--fg_muted);
  margin-bottom: var(--space-2);
}
.component_password .password_editor .password_rules ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--space-1);
}
.component_password .password_editor .password_rules .password_rule {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
  color: var(--fg_default);
}
.component_password .password_editor .password_rules .password_rule::before {
  flex: 0 0 1rem;
  text-align: center;
  font-weight: 700;
}
.component_password .password_editor .password_rules .password_rule[data-state="pending"] {
  color: var(--fg_muted);
}
.component_password .password_editor .password_rules .password_rule[data-state="pending"]::before {
  content: '○';
}
.component_password .password_editor .password_rules .password_rule[data-state="ok"]::before {
  content: '✓';
  color: var(--color_success);
}
.component_password .password_editor .password_rules .password_rule[data-state="fail"] {
  color: var(--color_danger);
}
.component_password .password_editor .password_rules .password_rule[data-state="fail"]::before {
  content: '✗';
}
.component_password .password_editor .password_actions {
  display: none;
  gap: var(--space-3);
}
.component_password .password_editor .password_actions > button {
  margin: 0;
}
.component_password .password_editor .password_actions > button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.component_password .password_editor .password_status {
  font-size: 0.875rem;
}
.component_password .password_editor .password_status:empty {
  display: none;
}
.component_password .password_editor .password_status::before {
  font-weight: 700;
  margin-right: var(--space-2);
}
.component_password .password_editor .password_status[data-state="idle"] {
  color: var(--fg_muted);
}
.component_password .password_editor .password_status[data-state="draft"] {
  color: var(--color_warning);
}
.component_password .password_editor .password_status[data-state="draft"]::before {
  content: '●';
}
.component_password .password_editor .password_status[data-state="saved"] {
  color: var(--color_success);
}
.component_password .password_editor .password_status[data-state="saved"]::before {
  content: '✓';
}
.component_password .password_editor .password_status[data-state="error"] {
  color: var(--color_danger);
}
.component_password .password_editor .password_status[data-state="error"]::before {
  content: '✗';
}
.component_password .password_editor:focus-within .password_rules,
.component_password .password_editor.has_draft .password_rules {
  display: block;
}
.component_password .password_editor.has_draft .password_confirm {
  display: flex;
}
.component_password .password_editor.has_draft .password_actions {
  display: flex;
}
/**
* component_pdf
*
* Included from main.less file
*/
.component_pdf.disabled_component > .content_data {
  pointer-events: initial !important;
}
.component_pdf.edit > .content_data > .content_value > img {
  height: 100%;
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container.loading {
  min-height: var(--media_min_height);
  background: var(--color_grey_3) url('../../themes/default/icons/spinner.svg') no-repeat center center;
  background-size: 2em;
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container > .pdf_viewer_frame {
  display: block;
  flex: 1 1 auto;
  min-height: 0;
  order: 1;
  width: 100%;
  border-right: 1px solid var(--color_grey_3);
  background-color: var(--color_grey_3);
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container > .fields {
  height: 30px;
  flex: 0 0 auto;
  width: 100%;
  order: 2;
  background-color: var(--color_grey_3);
  padding: 0px;
  padding-left: 1.25em;
  margin: 0px;
  display: flex;
  align-items: center;
  font-size: 1em;
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container > .fields span {
  color: var(--color_white);
  text-transform: capitalize;
}
.component_pdf.edit > .content_data > .content_value > .pdf_viewer_container > .fields input {
  width: 5em;
  margin-left: 1em;
  text-align: center;
  height: 20px;
  background-color: var(--bg_fill_inverse);
  outline-color: var(--color_grey_10_dark);
  color: var(--fg_inverse);
}
.component_pdf.view_viewer .content_data {
  height: 100vh;
}
.component_pdf.view_viewer .content_data .content_value {
  height: 100%;
}
.component_pdf.view_player {
  display: block;
  height: 100%;
}
.component_pdf.view_line {
  display: block;
}
.component_pdf.view_line > .content_data {
  min-height: unset;
}
.component_pdf.view_text {
  display: inline-block;
}
.component_pdf.view_text > img {
  height: 100%;
}
.component_pdf_mini {
  display: inline-block;
  vertical-align: middle;
}
.component_pdf_mini img {
  height: 2rem;
}
/**
* component_portal
* (and similar)
*
* Included from main.less file
*/
.component_portal > .paginator_container,
.portal > .paginator_container {
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
  padding-right: 0.5rem;
}
.component_portal > .content_data,
.portal > .content_data {
  min-height: var(--content_data_min_height);
}
.component_portal > .content_data ul,
.portal > .content_data ul {
  flex: 0 0 100%;
}
.search.component_portal > .content_data ul,
.search.portal > .content_data ul {
  flex: 1 1 auto;
}
.component_portal > .content_data ul > li,
.portal > .content_data ul > li {
  display: flex;
  align-items: center;
}
.component_portal > .content_data .references,
.portal > .content_data .references {
  margin-top: 0.75em;
  margin-left: 1rem;
}
.component_portal > .content_data .references > *,
.portal > .content_data .references > * {
  width: 100%;
}
.component_portal > .content_data .references > div,
.portal > .content_data .references > div {
  margin-bottom: 0.5em;
  opacity: 0.55;
}
.component_portal > .content_data .references > li,
.portal > .content_data .references > li {
  padding-left: 2em;
  line-height: 1.25rem;
}
.component_portal:not(.active) > .autocomplete_search_wrapper,
.portal:not(.active) > .autocomplete_search_wrapper {
  display: none;
}
.component_portal .drag.icon,
.portal .drag.icon {
  margin: 0px;
  padding: 0.5em;
  background-image: url('../../themes/default/icons/move.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  height: auto;
  min-height: 2rem;
  min-width: 2rem;
  opacity: 0.1;
  cursor: move;
  position: absolute;
  top: 0;
  left: -2.2rem;
  width: 2.2rem;
  height: 2.5rem;
  opacity: 1;
  background-color: var(--color_grey_15);
  display: block;
  z-index: 2;
  border-top-left-radius: 0.33rem;
  border-bottom-left-radius: 0.33rem;
}
.component_portal .drag.icon:hover,
.portal .drag.icon:hover {
  background-color: var(--color_orange_dedalo);
}
.component_portal .drag.icon.dragging,
.portal .drag.icon.dragging {
  background-color: var(--color_hilite_yellow);
  cursor: move;
  border-radius: 0.33rem;
}
.component_portal.dragover,
.portal.dragover {
  background-color: var(--color_white);
  outline: 4px dotted var(--color_orange_dedalo);
  z-index: 3;
  opacity: 0.5;
}
.component_portal .drop,
.portal .drop {
  z-index: 1;
  display: block;
  position: absolute;
  left: 0px;
}
.component_portal .drop.dragover,
.portal .drop.dragover {
  background-color: rgba(204, 204, 204, 0.3);
  outline: 3px dotted var(--color_orange_dedalo);
  z-index: 3;
  width: 100%;
}
.component_portal .drag_section_id,
.portal .drag_section_id {
  width: 100%;
  text-align: left;
  color: var(--color_black);
  font-size: 1.3em;
  padding-left: 2px;
}
.component_portal .draggable.dragover,
.portal .draggable.dragover {
  background-color: var(--color_white);
  outline: 4px dotted var(--color_orange_dedalo) !important;
  z-index: 3;
  opacity: 0.5;
}
.component_portal.search .content_data,
.portal.search .content_data {
  min-height: 3.15rem;
}
.component_portal.search .content_data .section_record,
.portal.search .content_data .section_record {
  width: calc(100% - 50px);
  display: contents;
}
.component_portal.search .input_value,
.portal.search .input_value {
  width: calc(100% - 4rem);
  background: var(--color_white) var(--search_icon_url);
  background-position: bottom 6px right 8px;
  background-repeat: no-repeat;
  background-size: auto 60%;
}
.component_portal.search .input_value.input_disable,
.portal.search .input_value.input_disable {
  visibility: hidden;
  opacity: 0;
}
.component_portal.search .input_value.no_operator,
.portal.search .input_value.no_operator {
  margin-left: 3.5rem;
  width: calc(100% - 5.5rem);
}
.component_portal.search .section_record.list,
.portal.search .section_record.list {
  display: flex;
  align-items: center;
  white-space: pre-wrap;
}
/**
* view_default_portal
*
* Included from component_portal.less file
*/
.component_portal.view_default.edit > .list_body,
.portal.view_default.edit > .list_body {
  position: relative;
  display: grid;
  grid-template-rows: auto auto;
  height: fit-content;
  min-height: var(--content_data_min_height);
}
.component_portal.view_default.edit > .list_body .column_section_id,
.portal.view_default.edit > .list_body .column_section_id {
  padding: unset;
}
.component_portal.view_default.edit > .list_body > .header_wrapper_list > .head_column:not(.with_sub_header),
.portal.view_default.edit > .list_body > .header_wrapper_list > .head_column:not(.with_sub_header) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  align-items: center;
}
.component_portal.view_default.edit > .list_body > .header_wrapper_list > .head_column:not(.with_sub_header) > .name,
.portal.view_default.edit > .list_body > .header_wrapper_list > .head_column:not(.with_sub_header) > .name {
  margin-top: 0px;
  margin-bottom: 0px;
}
.component_portal.view_default.edit > .list_body .button_edit,
.portal.view_default.edit > .list_body .button_edit {
  position: relative;
}
.component_portal.view_default.edit > .list_body .component_portal .section_record.view_text .button_edit,
.portal.view_default.edit > .list_body .component_portal .section_record.view_text .button_edit {
  margin-left: 0px;
}
/**
* view_mosaic_portal
*
* Included from component_portal.less file
*/
.component_portal.view_mosaic > .label,
.portal.view_mosaic > .label {
  max-width: 10.5rem;
}
.component_portal.view_mosaic > .paginator_container,
.portal.view_mosaic > .paginator_container {
  right: 0px;
  top: 0px;
  width: auto;
  position: absolute;
  padding-right: 0.5rem;
}
.component_portal.view_mosaic > .paginator_container > .wrapper_paginator > .content_data,
.portal.view_mosaic > .paginator_container > .wrapper_paginator > .content_data {
  padding-top: 0.2rem;
  color: var(--color_grey_6);
}
.component_portal.view_mosaic > .list_body,
.portal.view_mosaic > .list_body {
  width: 100%;
  display: grid;
  min-width: var(--media_min_width);
}
.component_portal.view_mosaic > .list_body > .content_data,
.portal.view_mosaic > .list_body > .content_data {
  cursor: pointer;
}
.component_portal.view_mosaic > .list_body > .content_data .section_record .column_section_id,
.portal.view_mosaic > .list_body > .content_data .section_record .column_section_id {
  position: absolute;
}
.component_portal.view_mosaic > .list_body > .content_data > .hover_body,
.portal.view_mosaic > .list_body > .content_data > .hover_body {
  position: relative;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover {
  position: absolute;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 73px auto 73px;
  grid-template-rows: minmax(3rem, auto) 2fr minmax(3rem, auto);
  overflow: hidden;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column {
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  background-color: var(--mosaic_chip_bg) !important;
  z-index: 2;
  grid-column-start: 3;
  grid-row-start: 1;
  border-bottom-left-radius: 0.5rem;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column > .wrapper_component.active,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column > .wrapper_component.active {
  background-color: transparent;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  border-radius: unset;
  border-bottom-right-radius: 0.5rem;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id .button_edit,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id .button_edit {
  position: absolute;
  left: 0;
  top: 0;
  height: inherit;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id .drag.icon,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_section_id .drag.icon {
  top: 2.7rem;
  left: 0;
  width: 100%;
  position: relative;
  border-radius: unset;
  border-bottom-right-radius: 0.5rem;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_remove,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_remove {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 3;
  grid-row-end: 4;
  border-radius: unset;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_remove > .button_remove,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .column_remove > .button_remove {
  width: 100%;
  justify-content: center;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container {
  cursor: pointer;
  z-index: 2;
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 3;
  grid-row-end: 4;
  background-color: var(--mosaic_chip_bg);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.15s ease;
  border-radius: unset;
  border-top-left-radius: 0.5rem;
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container:hover,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container:hover {
  background-color: var(--color_orange_dedalo);
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container:hover > .button.info,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container:hover > .button.info {
  background-color: var(--color_white);
}
.component_portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container > .button.info,
.portal.view_mosaic > .list_body > .content_data .sr_mosaic_hover > .button_alt_container > .button.info {
  pointer-events: none;
}
.component_portal.view_mosaic > .list_body > .content_data > .section_record,
.portal.view_mosaic > .list_body > .content_data > .section_record {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  min-height: var(--content_data_min_height);
}
.component_portal.view_mosaic > .list_body > .content_data > .section_record .wrapper_component,
.portal.view_mosaic > .list_body > .content_data > .section_record .wrapper_component {
  padding: 0px;
  margin: 0px;
}
.component_portal.view_mosaic > .list_body > .content_data > .section_record .wrapper_component .content_value,
.portal.view_mosaic > .list_body > .content_data > .section_record .wrapper_component .content_value {
  margin: 0px;
  padding: 0.25rem;
}
.component_portal.view_mosaic > .list_body > .content_data > .section_record .button_exit_edit,
.portal.view_mosaic > .list_body > .content_data > .section_record .button_exit_edit {
  display: none;
}
.component_portal.view_mosaic > .list_body .dragging,
.portal.view_mosaic > .list_body .dragging {
  background-color: var(--color_white);
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record {
  outline: 1px solid var(--color_grey_14);
  overflow: hidden;
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record .button.info,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record .button.info {
  height: 1.5rem;
  width: 1.5rem;
  background-color: var(--color_black);
  margin: 0.33rem;
  z-index: 1;
  opacity: 1;
  /* smartphones, touchscreens */
}
@media (hover: none) and (pointer: coarse) {
  .component_portal.view_mosaic.edit > .list_body > .content_data > .section_record .button.info,
  .portal.view_mosaic.edit > .list_body > .content_data > .section_record .button.info {
    opacity: 1;
  }
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record:hover .button,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record:hover .button {
  opacity: 1;
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record > .column,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record > .column {
  height: inherit;
  padding: 0px;
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record .column,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record .column {
  outline: unset;
  width: 100%;
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record .column > .wrapper_component,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record .column > .wrapper_component {
  height: inherit;
}
.component_portal.view_mosaic.edit > .list_body > .content_data > .section_record.mosaic_over,
.portal.view_mosaic.edit > .list_body > .content_data > .section_record.mosaic_over {
  outline: 1px solid var(--color_orange_dedalo);
  z-index: 2;
}
.component_portal.view_mosaic.list > .list_body > .content_data > .component_image,
.portal.view_mosaic.list > .list_body > .content_data > .component_image {
  max-height: 5rem;
}
@media screen and (max-width: 1024px) {
  .component_portal.view_mosaic.list > .list_body,
  .portal.view_mosaic.list > .list_body {
    display: flex;
  }
}
.component_portal.view_mosaic.list > .list_body > .section_record > .column > .wrapper_component,
.portal.view_mosaic.list > .list_body > .section_record > .column > .wrapper_component {
  height: 80px;
}
.column .component_portal.view_mosaic.list,
.column .portal.view_mosaic.list {
  height: var(--view_line_height);
}
/**
* view_line_portal
*
* Included from component_portal.less file
*/
.component_portal.view_line,
.portal.view_line {
  display: block;
}
.column .component_portal.view_line .label,
.column .portal.view_line .label {
  display: none;
}
.component_portal.view_line > .content_data > .component_placeholder,
.portal.view_line > .content_data > .component_placeholder {
  padding-left: 0.5rem;
  color: var(--color_grey_10);
  font-style: italic;
  margin-top: -0.55rem;
}
.component_portal.view_line > .content_data .section_record:first-child,
.portal.view_line > .content_data .section_record:first-child {
  margin-top: 0.25rem;
}
.component_portal.view_line > .content_data .section_record .column,
.portal.view_line > .content_data .section_record .column {
  height: inherit;
  width: auto;
  display: inline-block;
  vertical-align: middle;
  align-items: center;
  word-break: break-word;
  line-height: unset;
}
.component_portal.view_line > .content_data .section_record .column *:not(.icon, button, .button, .wrapper_component),
.portal.view_line > .content_data .section_record .column *:not(.icon, button, .button, .wrapper_component) {
  display: inline;
  word-break: break-word;
  line-height: unset;
}
.component_portal.view_line > .content_data .section_record .column.column_component_dataframe,
.portal.view_line > .content_data .section_record .column.column_component_dataframe {
  padding: 0px;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id,
.portal.view_line > .content_data .section_record .column.column_section_id {
  width: 1rem;
  padding-top: 0px;
  margin-right: 0.25rem;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id,
.portal.view_line > .content_data .section_record .column.column_section_id,
.component_portal.view_line > .content_data .section_record .column.column_remove,
.portal.view_line > .content_data .section_record .column.column_remove {
  background-color: unset;
  display: inline-block;
  flex-grow: 0;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove {
  width: 1rem;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover {
  background-color: unset;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .pen,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .pen,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .pen,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .pen,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .pen,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .pen,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .pen,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .pen,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .edit,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .edit,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .edit,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .edit,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .edit,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .edit,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .edit,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .edit {
  background-color: var(--color_green_success);
  opacity: 1;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .delete_bold,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .delete_bold,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .delete_bold,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .delete_bold,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .delete_bold,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .delete_bold,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .delete_bold,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .delete_bold,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .delete_light,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit:hover .delete_light,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .delete_light,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit:hover .delete_light,
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .delete_light,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove:hover .delete_light,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .delete_light,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove:hover .delete_light {
  background-color: var(--color_danger);
  opacity: 1;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_edit,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_edit,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_edit,
.portal.view_line > .content_data .section_record .column.column_remove > .button_edit {
  margin-right: 0.25rem;
}
.component_portal.view_line > .content_data .section_record .column.column_section_id > .button_remove,
.portal.view_line > .content_data .section_record .column.column_section_id > .button_remove,
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove {
  margin-left: 0.5rem;
}
.component_portal.view_line > .content_data .section_record .column.column_remove,
.portal.view_line > .content_data .section_record .column.column_remove {
  padding-top: 0px;
}
.component_portal.view_line > .content_data .section_record .column.column_remove > .button_remove,
.portal.view_line > .content_data .section_record .column.column_remove > .button_remove {
  opacity: 0.75;
}
.component_portal.view_line > .content_data .section_record .column .ddinfo_value,
.portal.view_line > .content_data .section_record .column .ddinfo_value {
  padding: 0px;
  display: contents;
}
.component_portal.view_line > .content_data .section_record .column .ddinfo_value *,
.portal.view_line > .content_data .section_record .column .ddinfo_value * {
  display: contents;
}
.component_portal.view_line.list > .content_data,
.portal.view_line.list > .content_data {
  display: flex;
  padding: 0px;
  display: contents;
}
.component_portal.view_line.list > .content_data > .section_record,
.portal.view_line.list > .content_data > .section_record {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  flex: 0 0 100%;
  margin-left: 0.5rem;
  margin-bottom: 0.25rem;
  padding-right: 1.25rem;
}
.component_portal.view_line.list > .content_data > .section_record.view_text,
.portal.view_line.list > .content_data > .section_record.view_text {
  line-height: 1.3rem;
  flex: 0 0 100%;
  display: block;
  margin-left: 0rem;
  padding: 0px;
  padding-right: 0.5rem;
  padding-bottom: 0px;
  margin: 0px;
}
.component_portal.view_line.list > .content_data > .section_record.view_text span,
.portal.view_line.list > .content_data > .section_record.view_text span {
  display: inline;
}
.component_portal.view_line.list > .content_data > .section_record.view_text .view_text,
.portal.view_line.list > .content_data > .section_record.view_text .view_text {
  display: inline;
  padding: 0px;
  margin: 0px;
}
.component_portal.view_line.list > .content_data > .section_record.view_text .separator,
.portal.view_line.list > .content_data > .section_record.view_text .separator {
  display: inline;
  padding: 0px;
  margin: 0px;
}
.component_portal.view_line.list > .content_data > .section_record.view_text .separator.column_separator,
.portal.view_line.list > .content_data > .section_record.view_text .separator.column_separator {
  color: inherit;
}
.component_portal.view_line.list > .content_data > .section_record.view_text .ddinfo_value,
.portal.view_line.list > .content_data > .section_record.view_text .ddinfo_value {
  display: inline;
  color: var(--color_grey_7);
}
.component_portal.view_line.edit,
.portal.view_line.edit {
  display: block;
}
.component_portal.view_line.edit:hover > .content_data > .section_record.view_text > .button_edit.button_view_line,
.portal.view_line.edit:hover > .content_data > .section_record.view_text > .button_edit.button_view_line,
.component_portal.view_line.edit.active > .content_data > .section_record.view_text > .button_edit.button_view_line,
.portal.view_line.edit.active > .content_data > .section_record.view_text > .button_edit.button_view_line,
.component_portal.view_line.edit:hover > .content_data > .section_record.view_text > .button_remove,
.portal.view_line.edit:hover > .content_data > .section_record.view_text > .button_remove,
.component_portal.view_line.edit.active > .content_data > .section_record.view_text > .button_remove,
.portal.view_line.edit.active > .content_data > .section_record.view_text > .button_remove {
  opacity: 1;
  pointer-events: auto;
}
.component_portal.view_line.edit > .content_data,
.portal.view_line.edit > .content_data {
  display: flex;
  padding: 0px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.33rem;
}
.component_portal.view_line.edit > .content_data .section_record,
.portal.view_line.edit > .content_data .section_record {
  padding-left: 0.5rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_text,
.portal.view_line.edit > .content_data > .section_record.view_text {
  display: flex;
  flex: 0 0 100%;
  flex-wrap: nowrap;
  justify-content: flex-start;
  line-height: 1.2rem;
  margin-left: 0rem;
  margin-bottom: 1px;
  padding-right: 0.5rem;
  padding-left: 0.6rem;
  --default_height: 1.1rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .column,
.portal.view_line.edit > .content_data > .section_record.view_text .column {
  display: contents;
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .ddinfo_value,
.portal.view_line.edit > .content_data > .section_record.view_text .ddinfo_value {
  display: contents;
  color: var(--color_grey_7);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_edit,
.portal.view_line.edit > .content_data > .section_record.view_text .button_edit {
  order: 2;
  width: 0.75rem;
  margin-left: auto;
  margin-right: 0px;
  height: var(--default_height);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-fast);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_edit:hover .icon,
.portal.view_line.edit > .content_data > .section_record.view_text .button_edit:hover .icon {
  background-color: var(--color_green_success);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_edit .icon,
.portal.view_line.edit > .content_data > .section_record.view_text .button_edit .icon {
  margin: 0px;
  margin-top: 0.15rem;
  transition: background-color var(--transition-fast);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button.tree,
.portal.view_line.edit > .content_data > .section_record.view_text .button.tree {
  opacity: 0.3;
  margin-top: 1px;
  margin-right: 0.33rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_remove,
.portal.view_line.edit > .content_data > .section_record.view_text .button_remove {
  order: 3;
  height: var(--default_height);
  width: 1rem;
  padding: 0.25rem;
  padding-right: 0.33rem;
  padding-left: 0.33rem;
  margin-left: 0.25rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-fast);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_remove:hover .icon,
.portal.view_line.edit > .content_data > .section_record.view_text .button_remove:hover .icon {
  background-color: var(--color_danger);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text .button_remove .icon,
.portal.view_line.edit > .content_data > .section_record.view_text .button_remove .icon {
  margin-top: 0.1rem;
  margin-right: 0px;
  transition: background-color var(--transition-fast);
}
.component_portal.view_line.edit > .content_data > .section_record.view_text span:not(.button),
.portal.view_line.edit > .content_data > .section_record.view_text span:not(.button),
.component_portal.view_line.edit > .content_data > .section_record.view_text mark,
.portal.view_line.edit > .content_data > .section_record.view_text mark,
.component_portal.view_line.edit > .content_data > .section_record.view_text div,
.portal.view_line.edit > .content_data > .section_record.view_text div {
  display: contents;
}
.component_portal.view_line.edit > .content_data > .section_record.view_text > .column:first-of-type,
.portal.view_line.edit > .content_data > .section_record.view_text > .column:first-of-type {
  margin-left: -1.33rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_line,
.portal.view_line.edit > .content_data > .section_record.view_line {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex: 0 0 100%;
  margin-left: 0.5rem;
  margin-bottom: 0.25rem;
  padding-left: 2rem;
  padding-right: 1.25rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_line .component_portal .section_record,
.portal.view_line.edit > .content_data > .section_record.view_line .component_portal .section_record {
  padding: 0;
  padding-left: 0.25rem;
}
.component_portal.view_line.edit > .content_data > .section_record.view_mini,
.portal.view_line.edit > .content_data > .section_record.view_mini {
  display: flex;
  align-items: center;
}
.component_portal.view_line.edit > .content_data > .section_record.view_mini > .column:first-of-type,
.portal.view_line.edit > .content_data > .section_record.view_mini > .column:first-of-type {
  margin-right: 0.33rem;
}
.component_portal.view_line.edit > .content_data .references > li,
.portal.view_line.edit > .content_data .references > li {
  padding-left: 0rem;
}
.component_portal.view_line.search > .content_data,
.portal.view_line.search > .content_data {
  display: flex;
  align-items: baseline;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  min-height: 1.7rem;
  margin: 0px 0px 1px 0px;
  padding: 0.1rem 0.4rem 0.1rem 0.35rem;
  gap: 0.5rem;
  border-radius: 0.25rem;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line:hover {
  background-color: var(--color_grey_15);
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column.column_section_id {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  min-width: 0px;
  min-height: 0px;
  margin: 0px;
  padding: 0px;
  gap: 0.15rem;
  flex: 0 0 auto;
  order: 1;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column.column_section_id > .button_edit {
  width: auto;
  margin: 0px;
  padding: 0px;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column.column_section_id .button.tree {
  margin: 0px;
  margin-left: 0.25rem;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column:not(.column_section_id):not(.column_remove):not(.column_component_dataframe) {
  flex: 1 1 auto;
  order: 2;
  display: flex;
  align-items: baseline;
  gap: 0.3rem;
  min-width: 0px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column:not(.column_section_id):not(.column_remove):not(.column_component_dataframe) > .wrapper_component {
  flex: 0 0 auto;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column:not(.column_section_id):not(.column_remove):not(.column_component_dataframe) > .component_portal {
  flex: 0 0 auto;
  margin-left: auto;
  padding-left: 0.5rem;
}
.wrapper_component.edit.view_line.portal > .content_data > .section_record.view_line > .column.column_remove {
  order: 3;
  flex: 0 0 auto;
  margin-left: auto;
  min-height: 0px;
  padding: 0px;
  background-color: transparent;
}
/**
* view_tree_portal
*
* Included from component_portal.less file
*/
.component_portal.view_tree.edit,
.portal.view_tree.edit {
  display: block;
}
.component_portal.view_tree.edit > .content_data,
.portal.view_tree.edit > .content_data {
  display: grid;
  grid-template-columns: 1fr auto;
  overflow: auto;
  padding: 0px;
}
.component_portal.view_tree.edit > .content_data > .column,
.portal.view_tree.edit > .content_data > .column {
  padding: 0.12rem;
}
/**
* view_indexation_portal
*
* Included from component_portal.less file
*/
.component_portal.view_indexation > .content_data,
.portal.view_indexation > .content_data {
  display: flex;
  overflow: auto;
  padding-right: 0.33rem;
}
.component_portal.view_indexation > .content_data .section_record.list,
.portal.view_indexation > .content_data .section_record.list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--color_grey_13);
  width: 100%;
  margin: 0px;
  margin-bottom: 1px;
  overflow: hidden;
}
.component_portal.view_indexation > .content_data .section_record.list:hover,
.portal.view_indexation > .content_data .section_record.list:hover {
  background-color: var(--color_grey_16);
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES {
  display: flex;
  flex: 0 0 auto;
  outline: none;
  width: auto;
  align-items: center;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 2px;
  padding-right: 0px;
  padding-left: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES::empty,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES::empty {
  padding: 0px;
  width: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_remove,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_remove,
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id {
  background-color: unset;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_remove > .icon,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_remove > .icon,
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id > .icon,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id > .icon {
  height: 1.25rem;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_section_id {
  padding-right: 0.25rem;
  padding-top: 0.15rem;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info {
  color: var(--color_grey_8);
  text-align: right;
  flex: 2 1 auto;
  display: block;
  padding-right: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info .button_remove,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info .button_remove {
  padding-left: 0px;
  padding-right: 0px;
  vertical-align: middle;
  margin-right: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info .button_remove > .icon,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_info .button_remove > .icon {
  margin-right: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > button,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > button {
  padding: 0px;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 2px;
  justify-content: center;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > button.edit_button > .icon,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > button.edit_button > .icon {
  margin-right: 1px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag {
  padding: 1px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags {
  margin-left: 0.25rem;
  margin-right: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.index,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.index {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_on_accent);
  cursor: pointer;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.index:active,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.index:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.reference,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.reference {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/link_white.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.reference:active,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.reference:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.draw,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.draw {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/eye.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.draw:active,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES.column_tag > .tags.draw:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > .no_tag,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > .no_tag {
  background-color: var(--color_blue_2);
  color: var(--fg_inverse);
  margin-left: 0.25rem;
  border-radius: 3px;
  padding: 0.25rem;
  line-height: 0.96rem;
  font-size: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  cursor: pointer;
}
.component_portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > .no_tag:active,
.portal.view_indexation > .content_data .section_record.list.view_default > .column_DES > .no_tag:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .button_edit,
.portal.view_indexation > .content_data .section_record.list.view_text > .button_edit {
  width: 1rem;
  margin: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags {
  margin-left: 0.25rem;
  margin-right: 0px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.index,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.index {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_on_accent);
  cursor: pointer;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.index:active,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.index:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.reference,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.reference {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/link_white.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.reference:active,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.reference:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.draw,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.draw {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/eye.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .tags.draw:active,
.portal.view_indexation > .content_data .section_record.list.view_text > .tags.draw:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .note.italic,
.portal.view_indexation > .content_data .section_record.list.view_text > .note.italic {
  color: var(--color_grey_9);
  text-align: right;
  flex: 2 1 auto;
  display: block;
  padding-right: 0;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .note.italic mark,
.portal.view_indexation > .content_data .section_record.list.view_text > .note.italic mark {
  opacity: unset;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .note.italic > button,
.portal.view_indexation > .content_data .section_record.list.view_text > .note.italic > button {
  width: 1.25rem;
  height: 1.25rem;
  padding: 0px;
  margin-right: 0;
  vertical-align: sub;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .note.italic > button.edit_button > .icon,
.portal.view_indexation > .content_data .section_record.list.view_text > .note.italic > button.edit_button > .icon {
  margin-right: 1px;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .no_tag,
.portal.view_indexation > .content_data .section_record.list.view_text > .no_tag {
  background-color: var(--color_blue_2);
  color: var(--fg_inverse);
  margin-left: 0.25rem;
  border-radius: 3px;
  padding: 0.25rem;
  line-height: 0.96rem;
  font-size: 0.8rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  cursor: pointer;
}
.component_portal.view_indexation > .content_data .section_record.list.view_text > .no_tag:active,
.portal.view_indexation > .content_data .section_record.list.view_text > .no_tag:active {
  opacity: 0.5;
}
.component_portal.view_indexation > .content_data .list_footer,
.portal.view_indexation > .content_data .list_footer {
  width: 100%;
  padding: 0.5rem;
  padding-right: 0px;
  padding-top: 0.75rem;
}
.component_portal.view_indexation > .content_data .list_footer > .button_remove_filter,
.portal.view_indexation > .content_data .list_footer > .button_remove_filter {
  float: right;
}
.component_portal.view_indexation.list,
.portal.view_indexation.list {
  display: flex;
  align-content: center;
  align-items: center;
}
.component_portal.view_indexation.list > span,
.portal.view_indexation.list > span {
  background-color: var(--color_orange_dedalo);
  opacity: 0.6;
  border: 0px;
  padding-left: 3px;
  padding-right: 2.5px;
  color: var(--fg_on_brand);
  border-radius: 3px;
  margin: 0px;
  height: 17px;
  width: initial;
  font-size: 12px;
  margin-right: 5px;
  line-height: 1.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 3rem;
  flex: none;
}
/**
* indexation_delete_info
*
* The row-unlink confirmation modal (view_indexation_edit_portal
* render_column_remove_indexation) is attached to the PAGE modal container, outside the
* portal node, so it inherits none of the chip rules nested above. It repaints the row's
* own tag chips with the same mixins so the dialog shows exactly the set the row shows —
* which is exactly the set the deletion removes.
*/
.indexation_delete_info > .indexation_delete_tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.indexation_delete_info > .indexation_delete_tags > .tags {
  margin: 0px;
}
.indexation_delete_info > .indexation_delete_tags > .tags.index {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_on_accent);
  cursor: pointer;
}
.indexation_delete_info > .indexation_delete_tags > .tags.index:active {
  opacity: 0.5;
}
.indexation_delete_info > .indexation_delete_tags > .tags.reference {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/link_white.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.indexation_delete_info > .indexation_delete_tags > .tags.reference:active {
  opacity: 0.5;
}
.indexation_delete_info > .indexation_delete_tags > .tags.draw {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 2.7rem;
  font-size: 1rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  border-radius: 9px;
  color: var(--fg_on_accent);
  cursor: pointer;
  background-image: url(../../themes/default/icons/eye.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: right 5px top 2px;
  padding-right: 1.3rem;
  flex-wrap: nowrap;
}
.indexation_delete_info > .indexation_delete_tags > .tags.draw:active {
  opacity: 0.5;
}
.indexation_delete_info > .indexation_delete_tags > .no_tag {
  background-color: var(--color_blue_2);
  color: var(--fg_inverse);
  border-radius: 3px;
  padding: 0.1rem 0.25rem;
  font-size: 0.8rem;
  line-height: 0.96rem;
}
.indexation_delete_info > .indexation_delete_scope {
  margin: 0px 0px 0.25rem 0px;
}
.indexation_delete_info > .indexation_delete_note {
  margin: 0px;
}
/**
* view_mini_portal
*
* (!) suffix '_mini' as 'component_portal_mini'
*
* Included from component_portal.less file
*/
.component_portal_mini .column,
.portal_mini .column {
  outline: none;
  padding-right: 0.33rem;
}
/**
* view_content_portal
*
* Included from component_portal.less file
*/
.component_portal.view_content.edit > .list_body,
.portal.view_content.edit > .list_body {
  display: grid;
  grid-template-rows: 1.8rem auto;
  min-height: var(--content_data_min_height);
  position: relative;
  padding: unset;
}
/**
* view_text_portal
*
* Included from component_portal.less file
*/
/**
* component_publication
*
* Included from main.less file
*/
.component_publication .switcher_publication {
  cursor: pointer;
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 45px !important;
}
.component_publication .switcher_publication > i {
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  width: 45px;
  height: 26px;
  background-color: var(--color_grey_13);
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: background-color 0.3s linear;
}
:root[data-theme="dark"] .component_publication .switcher_publication > i {
  background-color: var(--color_grey_10);
}
.component_publication .switcher_publication > i:before {
  content: '';
  left: 0px;
  position: absolute;
  width: 42px;
  height: 22px;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: transform 0.25s linear;
}
.component_publication .switcher_publication > i:after {
  content: '';
  left: 0px;
  position: absolute;
  height: 22px;
  width: 22px;
  background-color: var(--color_white);
  border-radius: 11px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24);
  transform-origin: left center;
  transform: translate3d(2px, 2px, 0);
  transition: transform 0.2s ease-in-out;
}
.component_publication .switcher_publication:active i::after {
  transform: translate3d(2px, 2px, 0) scaleX(1.273);
}
.component_publication .switcher_publication:active input:checked + i::after {
  transform: translate3d(16px, 2px, 0);
}
.component_publication .switcher_publication input {
  display: none;
}
.component_publication .switcher_publication input:checked + i {
  background-color: var(--color_green_success);
}
:root[data-theme="dark"] .component_publication .switcher_publication input:checked + i {
  background-color: var(--color_green_success);
}
.component_publication .switcher_publication input:checked + i::before {
  transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0);
}
.component_publication .switcher_publication input:checked + i::after {
  transform: translate3d(22px, 2px, 0);
}
@media screen and (min-width: 1024px) {
  .component_publication.view_default {
    box-shadow: none;
  }
}
.component_publication.view_line {
  display: inline-block;
}
.component_publication.view_line > .content_data {
  display: contents;
}
.component_publication.view_line > .content_data > .content_value {
  margin: 0.25rem;
}
.component_publication.view_line > .content_data > .content_value .switcher_publication > i {
  zoom: 80%;
}
.component_publication.search > .content_data > .q_operator {
  width: 3rem;
  margin-right: 0.5rem;
  text-align: center;
}
.component_publication.search > .content_data > .content_value {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.25rem;
  width: auto;
}
.component_publication.search > .content_data > .content_value > .label {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.66rem;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.component_publication.search > .content_data > .content_value > .label:hover:not(:has(input:checked)) {
  background-color: var(--field_hover_bg);
}
.component_publication.search > .content_data > .content_value > .label:has(input:checked) {
  background-color: var(--option_chip_checked_bg);
  color: var(--option_chip_checked_fg);
}
.component_publication.search > .content_data > .content_value > .label:has(input:focus-visible) {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.component_publication.search > .content_data > .content_value > .label > input {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 0px;
  border: none;
  pointer-events: none;
}
/**
* component_radio_button
*
* Included from main.less file
*/
.component_radio_button.edit > .content_data > .content_value {
  display: inline-block;
  margin-right: 0.25rem;
  width: auto;
}
.component_radio_button.edit > .content_data > .content_value:last-of-type {
  margin-right: 0px;
}
.component_radio_button.edit > .content_data > .content_value > .label {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 0.25rem 0.66rem;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.component_radio_button.edit > .content_data > .content_value > .label:hover:not(.checked):not(:has(input:checked)) {
  background-color: var(--field_hover_bg);
}
.component_radio_button.edit > .content_data > .content_value > .label.checked,
.component_radio_button.edit > .content_data > .content_value > .label:has(input:checked) {
  background-color: var(--option_chip_checked_bg);
  color: var(--option_chip_checked_fg);
}
.component_radio_button.edit > .content_data > .content_value > .label:has(input:focus-visible) {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.component_radio_button.edit > .content_data > .content_value > .label > input {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 0px;
  border: none;
  pointer-events: none;
}
.component_radio_button.view_line > .content_data {
  display: contents;
}
.component_radio_button.view_line > .content_data > .content_value {
  margin-left: 0.25rem;
}
.component_radio_button.view_rating:not(.search) > .content_data {
  padding-bottom: 0.5em;
}
.component_radio_button.view_rating:not(.search) > .content_data > .content_value {
  mask-image: url('../../themes/default/icons/star_filled.svg');
  -webkit-mask-image: url('../../themes/default/icons/star_filled.svg');
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-image: none;
  background-color: var(--color_grey_11);
  width: 1.5rem;
  height: 1.5rem;
}
.component_radio_button.view_rating:not(.search) > .content_data > .content_value.rated {
  background-color: var(--color_orange_dedalo);
}
.component_radio_button.view_rating:not(.search) > .content_data > .content_value input[type="radio"] {
  opacity: 0;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.component_radio_button.search > .content_data > .q_operator {
  width: 3rem;
  margin-right: 0.5rem;
  text-align: center;
}
.component_radio_button.search > .content_data > .content_value {
  display: inline-block;
  margin: 0px;
  width: auto;
  min-width: 0;
}
.component_radio_button.search > .content_data > .content_value > .label {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.66rem;
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition: background-color var(--transition-fast), color var(--transition-fast);
}
.component_radio_button.search > .content_data > .content_value > .label:hover:not(:has(input:checked)) {
  background-color: var(--field_hover_bg);
}
.component_radio_button.search > .content_data > .content_value > .label:has(input:checked) {
  background-color: var(--option_chip_checked_bg);
  color: var(--option_chip_checked_fg);
}
.component_radio_button.search > .content_data > .content_value > .label:has(input:focus-visible) {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.component_radio_button.search > .content_data > .content_value > .label > input {
  position: absolute;
  opacity: 0;
  width: 0px;
  height: 0px;
  margin: 0px;
  border: none;
  pointer-events: none;
}
.component_radio_button input[type="radio"] {
  background-color: var(--checkbox_bg);
  border: 1px solid var(--checkbox_border);
  -webkit-appearance: none;
  appearance: none;
  width: 1.05em;
  height: 1.05em;
  flex: 0 0 auto;
  align-self: center;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transition: border-color var(--transition-fast), background-color var(--transition-fast);
}
.component_radio_button input[type="radio"]:hover {
  border-color: var(--color_orange_dedalo);
}
.component_radio_button input[type="radio"]:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 1px;
}
.component_radio_button input[type="radio"]:checked {
  background-color: var(--color_orange_dedalo);
  border-color: var(--color_orange_dedalo);
}
.component_radio_button input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.4em;
  height: 0.4em;
  background: var(--checkbox_checkmark);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.search_component > .component_radio_button.search > .content_data {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
  gap: 0.25rem 0.5rem;
  align-items: center;
}
.search_component > .component_radio_button.search > .content_data > .content_value > .label {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: fit-content;
}
/**
* component_relation_children
*
* Included from main.less file
*/
/**
* component_relation_index
*
* Included from main.less file
*/
/**
* component_relation_model
*
* Included from main.less file
*/
.component_relation_model.view_default > .content_data select {
  max-width: 80%;
}
.component_relation_model.view_default > .content_data .button.remove {
  position: absolute;
  right: 0.5em;
  top: 0.5em;
  z-index: 1;
}
.component_relation_model.view_line {
  display: block;
}
/**
* component_relation_parent
*
* Included from main.less file
*/
/**
* component_relation_related
*
* Included from main.less file
*/
/**
* component_section_id
*
* Included from main.less file
*/
.component_section_id.edit {
  box-shadow: none;
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
  border-bottom-right-radius: 1rem;
  max-height: 5.5rem;
}
.component_section_id.edit > .label {
  color: var(--color_white);
}
.component_section_id.edit > .content_data {
  flex: 0 0 3em;
}
.component_section_id.edit > .content_data > .section_id {
  font-weight: bold;
  font-size: larger;
  letter-spacing: 0.05em;
  color: var(--color_white);
  width: 100%;
  text-align: center;
}
:root[data-theme="dark"] .component_section_id.edit {
  background-color: var(--bg_header);
}
:root[data-theme="dark"] .component_section_id.edit > .label,
:root[data-theme="dark"] .component_section_id.edit > .content_data > .section_id {
  color: var(--fg_default);
}
.component_section_id.search {
  color: initial;
  flex-grow: initial !important;
}
.component_section_id.search > .label {
  flex: initial;
  color: var(--color_grey_10);
}
.component_section_id.search > .content_data {
  flex: auto;
}
.component_section_id.view_line {
  display: block;
}
/**
* component_security_access
*
* Included from main.less file
*/
.component_security_access.edit > .content_data {
  display: flex;
  min-height: 12rem;
  pointer-events: unset !important;
}
@media screen and (max-width: 1024px) {
  .component_security_access.edit > .content_data {
    display: block;
  }
}
.component_security_access.edit > .content_data > .button_save {
  top: 5rem;
  position: sticky;
  float: right;
  flex: none;
  white-space: nowrap;
}
.component_security_access.edit > .content_data > .button_save.disable {
  visibility: hidden;
}
.component_security_access.edit > .content_data > .changes_container {
  display: flex;
  flex-direction: column;
  max-height: 95vh;
  padding-right: 0.66rem;
  flex-basis: 25rem;
  transition: opacity 1s linear;
  padding-bottom: 1.5rem;
  overflow: auto;
  position: sticky;
  top: 5rem;
}
@media screen and (max-width: 1024px) {
  .component_security_access.edit > .content_data > .changes_container {
    flex-basis: 100%;
  }
}
.component_security_access.edit > .content_data > .changes_container .changes_files_selector {
  margin-top: 0.5rem;
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container {
  margin-top: 1.1rem;
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container .change.selected {
  background-color: var(--color_hilite);
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container .change .parents_labels {
  border-top: 0.1rem solid var(--color_grey_14);
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container .change .section_label {
  margin: 0.5rem;
  font-weight: bold;
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container .change .section_label:hover {
  cursor: pointer;
}
.component_security_access.edit > .content_data > .changes_container .changes_data_container .change .children_container {
  color: var(--color_grey_7);
  margin: 0.5rem;
  margin-left: 1rem;
  line-height: 1.1rem;
}
.component_security_access.edit > .content_data > .tree_root {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: inherit;
  max-height: inherit;
  font-size: 13px;
  border-left: 0.1rem solid var(--color_grey_14);
}
@media screen and (max-width: 1024px) {
  .component_security_access.edit > .content_data > .tree_root {
    border-left: none;
    padding-bottom: 1.5rem;
  }
}
.component_security_access.edit > .content_data > .tree_root .ul_item {
  width: 100%;
  display: block;
}
@media screen and (max-width: 1024px) {
  .component_security_access.edit > .content_data > .tree_root > .li_item {
    margin-left: 0rem !important;
  }
}
.component_security_access.edit > .content_data > .tree_root .li_item {
  display: flex;
  flex: 1 1 50%;
  flex-wrap: wrap;
  line-height: 1em;
  align-items: center;
  max-height: inherit;
  margin-left: 1.5rem;
}
.component_security_access.edit > .content_data > .tree_root .li_item.permissions {
  color: var(--color_grey_5);
  font-weight: 300;
}
.component_security_access.edit > .content_data > .tree_root .li_item.permissions > .radio_buttons_container {
  margin-left: 1.25rem;
}
.component_security_access.edit > .content_data > .tree_root .li_item.grouper {
  flex-wrap: wrap;
  padding-bottom: 0.25em;
  margin-left: 0px;
  padding: 0px;
}
.component_security_access.edit > .content_data > .tree_root .li_item.grouper li {
  flex: 0 0 100%;
  padding: 0.25em;
  width: 100%;
  height: inherit;
  font-size: 0.9em;
}
.component_security_access.edit > .content_data > .tree_root .li_item.grouper > .grouper_label {
  width: auto;
  padding-left: 0px;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-right: 1.66rem;
  opacity: 0.7;
  font-size: 0.8em;
}
.component_security_access.edit > .content_data > .tree_root .li_item.grouper input {
  vertical-align: text-top;
}
.component_security_access.edit > .content_data > .tree_root .li_item input {
  margin-right: 0.33em;
  cursor: pointer;
}
.component_security_access.edit > .content_data > .tree_root .li_item > input.q_operator {
  width: 3em;
  text-align: center;
}
.component_security_access.edit > .content_data > .tree_root > .li_item {
  position: relative;
  flex: 1 1 100%;
  align-items: baseline;
  z-index: 0;
}
.component_security_access.edit > .content_data > .tree_root .area_label {
  position: relative;
  padding: 0.22rem;
  padding-left: 0px;
  line-height: 1.1rem;
  vertical-align: bottom;
}
.component_security_access.edit > .content_data > .tree_root .area_label.selected {
  font-weight: bold;
  background-color: var(--color_hilite);
}
.component_security_access.edit > .content_data > .tree_root .area_label.component {
  color: var(--color_tag_indexation_normal);
}
.component_security_access.edit > .content_data > .tree_root .area_label .info_text {
  color: var(--color_grey_10);
  padding-left: 0.5rem;
  padding-right: 0.25rem;
  font-weight: 300;
  font-size: 14px;
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container,
.component_security_access.edit > .content_data > .tree_root .permissions_global {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container label,
.component_security_access.edit > .content_data > .tree_root .permissions_global label {
  display: block;
  margin-right: 0.25rem;
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container label input,
.component_security_access.edit > .content_data > .tree_root .permissions_global label input {
  margin-right: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 0.95rem;
  height: 0.95rem;
  padding: 1px;
  background-clip: content-box;
  border: 1px solid var(--color_grey_11);
  background-color: var(--color_grey_16);
  border-radius: 50%;
  vertical-align: bottom;
  /* appearance for checked radiobutton */
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container label input:checked,
.component_security_access.edit > .content_data > .tree_root .permissions_global label input:checked {
  background-color: var(--color_green_success);
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container label input:checked.val_0,
.component_security_access.edit > .content_data > .tree_root .permissions_global label input:checked.val_0 {
  background-color: var(--color_danger);
}
.component_security_access.edit > .content_data > .tree_root .radio_buttons_container label input:checked.val_1,
.component_security_access.edit > .content_data > .tree_root .permissions_global label input:checked.val_1 {
  background-color: var(--color_orange);
}
.component_security_access.edit > .content_data > .tree_root .icon_arrow {
  margin-right: 1.5rem;
}
.component_security_access.edit > .content_data > .tree_root .icon_arrow:after {
  cursor: pointer;
  background-color: var(--color_primary);
  right: -1.45rem;
  height: 1.2rem;
  transform: rotate(270deg);
}
.component_security_access.edit > .content_data > .tree_root .icon_arrow.has_child_section:after {
  background-color: var(--color_grey_10);
}
.component_security_access.edit > .content_data > .tree_root .icon_arrow.up:after {
  transform: rotate(360deg);
  opacity: 0.5;
}
.component_security_access.list > span {
  display: block;
  max-height: 10rem;
  overflow: auto;
  white-space: pre-wrap;
  font-size: 13px;
}
.component_security_access.view_line {
  display: block;
}
.component_security_access.view_line > span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
}
/**
* component_select
* 	&& component_select_lang
*
* Included from main.less file
*/
.component_select > .content_data > .content_value,
.component_select_lang > .content_data > .content_value,
.component_relation_model > .content_data > .content_value {
  width: 100%;
  display: flex;
  align-items: center;
}
.component_select > .content_data > .content_value .q_operator,
.component_select_lang > .content_data > .content_value .q_operator,
.component_relation_model > .content_data > .content_value .q_operator {
  width: 3rem;
  text-align: center;
}
.component_select > .content_data > .content_value > .select,
.component_select_lang > .content_data > .content_value > .select,
.component_relation_model > .content_data > .content_value > .select {
  width: 100%;
  max-width: 24rem;
  background-color: field;
  text-overflow: ellipsis;
  padding-left: 0.5rem;
}
.component_select > .content_data > .content_value .show_on_active,
.component_select_lang > .content_data > .content_value .show_on_active,
.component_relation_model > .content_data > .content_value .show_on_active {
  margin-left: 0.5rem;
  margin-right: 0px;
}
.component_select.view_mini.edit,
.component_select_lang.view_mini.edit,
.component_relation_model.view_mini.edit {
  background-color: transparent;
  outline: none;
  color: unset;
  box-shadow: none;
  display: flex;
}
.component_select.view_mini.edit:after,
.component_select_lang.view_mini.edit:after,
.component_relation_model.view_mini.edit:after {
  display: none;
}
.component_select.view_mini.edit .buttons_container,
.component_select_lang.view_mini.edit .buttons_container,
.component_relation_model.view_mini.edit .buttons_container,
.component_select.view_mini.edit .developer_info,
.component_select_lang.view_mini.edit .developer_info,
.component_relation_model.view_mini.edit .developer_info,
.component_select.view_mini.edit .show_on_active,
.component_select_lang.view_mini.edit .show_on_active,
.component_relation_model.view_mini.edit .show_on_active {
  display: none !important;
}
.component_select.view_mini.edit .label,
.component_select_lang.view_mini.edit .label,
.component_relation_model.view_mini.edit .label {
  flex: 1 0 auto;
  padding-left: 0px;
  padding-right: 0px;
}
.component_select.view_mini.edit .content_data,
.component_select_lang.view_mini.edit .content_data,
.component_relation_model.view_mini.edit .content_data {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.component_select.view_mini.edit .content_data .select,
.component_select_lang.view_mini.edit .content_data .select,
.component_relation_model.view_mini.edit .content_data .select {
  width: auto;
}
.component_select.view_line,
.component_select_lang.view_line,
.component_relation_model.view_line {
  display: inline-block;
}
.component_select.view_line > .content_data > .content_value > .select,
.component_select_lang.view_line > .content_data > .content_value > .select,
.component_relation_model.view_line > .content_data > .content_value > .select {
  height: 1.5rem;
  margin-left: 1px;
  margin-right: 0px;
  margin-top: 0.1rem;
  padding-left: 0.25rem;
}
.component_select.edit > .content_data > .content_value > .select:not(:focus),
.component_select_lang.edit > .content_data > .content_value > .select:not(:focus) {
  outline-color: transparent;
  background-image: none;
}
.component_select.edit:hover > .content_data > .content_value > .select:not(:focus),
.component_select_lang.edit:hover > .content_data > .content_value > .select:not(:focus),
.component_select.edit.active > .content_data > .content_value > .select:not(:focus),
.component_select_lang.edit.active > .content_data > .content_value > .select:not(:focus) {
  outline-color: var(--color_grey_13);
  background-image: var(--select_icon_url);
}
:root[data-theme="dark"] .component_select > .content_data > .content_value > .select,
:root[data-theme="dark"] .component_select_lang > .content_data > .content_value > .select,
:root[data-theme="dark"] .component_relation_model > .content_data > .content_value > .select {
  background-color: var(--select_bg);
  color: var(--select_fg);
  outline: var(--select_outline);
  -webkit-appearance: none;
  appearance: none;
}
/**
* component_select_lang
*
* Included from main.less file
*/
/**
* component_svg
*
* Included from main.less file
*/
.component_svg.edit > .content_data > .content_value > .image_container {
  height: 100%;
  max-height: 100%;
  min-height: min(var(--media_min_height), 100%);
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
.component_svg.edit > .content_data > .content_value > .image.svg_element {
  padding: 0px;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.component_svg.edit.media_wrapper > .content_data > .content_value > .image_container > .image.svg_element {
  padding: 0px;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
@media screen and (max-width: 960px) {
  .component_svg.edit.media_wrapper > .content_data > .content_value {
    height: var(--media_min_height);
  }
}
.component_svg.list > .content_data > img {
  padding: 0.33rem !important;
}
.component_svg.view_viewer .content_data .content_value {
  height: var(--media_viewer_height);
}
.component_svg.view_line.list {
  height: var(--view_text_height);
}
.component_svg.view_line.edit {
  max-height: 15rem;
  display: inline-block;
}
.component_svg.view_line.edit img {
  height: 100%;
  max-height: 15rem;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}
.component_svg_mini {
  display: inline-block;
  vertical-align: middle;
}
.component_svg_mini img {
  height: var(--view_text_height);
}
.component_svg.view_tag img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/**
* component_text_area
*
* Included from main.less file
*/
.component_text_area.edit {
  align-content: unset;
}
.component_text_area.edit.fullscreen .ck-content {
  width: calc(100vw - 3rem);
}
.component_text_area.edit > .content_data {
  display: block;
  min-height: var(--text_area_min_height);
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.component_text_area.edit > .content_data > .content_value {
  display: contents;
  height: inherit;
  z-index: inherit;
  position: relative;
  line-height: 1.3rem;
}
.component_text_area.edit > .content_data > .content_value.editor_container,
.component_text_area.edit > .content_data > .content_value > .editor_container {
  display: block;
  margin: var(--field_box_bleed);
  margin-bottom: 1.5rem;
  padding: var(--field_box_bleed);
  padding-top: var(--field_value_pad_t);
  padding-bottom: 0px;
  height: calc(100% - 1.5rem);
  overflow: auto;
  border: 0px;
  outline: 0px;
  box-shadow: none;
}
@media screen and (max-width: 1024px) {
  .component_text_area.edit > .content_data > .content_value.editor_container,
  .component_text_area.edit > .content_data > .content_value > .editor_container {
    padding-top: 1.5rem;
  }
}
.component_text_area.edit > .content_data > .content_value.editor_container .image-inline,
.component_text_area.edit > .content_data > .content_value > .editor_container .image-inline {
  contain: content;
  vertical-align: text-bottom;
}
.component_text_area.edit > .content_data > .content_value.editor_container p,
.component_text_area.edit > .content_data > .content_value > .editor_container p {
  min-height: 1.3rem;
}
.component_text_area.edit > .content_data > .content_value.editor_container h1,
.component_text_area.edit > .content_data > .content_value > .editor_container h1,
.component_text_area.edit > .content_data > .content_value.editor_container h2,
.component_text_area.edit > .content_data > .content_value > .editor_container h2 {
  font-size: 2em;
  margin: 0.67em 0;
}
.component_text_area.edit > .content_data > .content_value.editor_container .person,
.component_text_area.edit > .content_data > .content_value > .editor_container .person,
.component_text_area.edit > .content_data > .content_value.editor_container .lang,
.component_text_area.edit > .content_data > .content_value > .editor_container .lang,
.component_text_area.edit > .content_data > .content_value.editor_container .note,
.component_text_area.edit > .content_data > .content_value > .editor_container .note,
.component_text_area.edit > .content_data > .content_value.editor_container .index,
.component_text_area.edit > .content_data > .content_value > .editor_container .index,
.component_text_area.edit > .content_data > .content_value.editor_container .tc,
.component_text_area.edit > .content_data > .content_value > .editor_container .tc,
.component_text_area.edit > .content_data > .content_value.editor_container .tc2,
.component_text_area.edit > .content_data > .content_value > .editor_container .tc2,
.component_text_area.edit > .content_data > .content_value.editor_container .svg,
.component_text_area.edit > .content_data > .content_value > .editor_container .svg,
.component_text_area.edit > .content_data > .content_value.editor_container .draw,
.component_text_area.edit > .content_data > .content_value > .editor_container .draw,
.component_text_area.edit > .content_data > .content_value.editor_container .page,
.component_text_area.edit > .content_data > .content_value > .editor_container .page,
.component_text_area.edit > .content_data > .content_value.editor_container .geo,
.component_text_area.edit > .content_data > .content_value > .editor_container .geo,
.component_text_area.edit > .content_data > .content_value.editor_container .dd_tag > img,
.component_text_area.edit > .content_data > .content_value > .editor_container .dd_tag > img {
  cursor: pointer;
  width: auto;
  height: 15px;
  vertical-align: text-bottom;
}
.component_text_area.edit > .content_data > .content_value.editor_container .note,
.component_text_area.edit > .content_data > .content_value > .editor_container .note,
.component_text_area.edit > .content_data > .content_value.editor_container .lang,
.component_text_area.edit > .content_data > .content_value > .editor_container .lang,
.component_text_area.edit > .content_data > .content_value.editor_container .person,
.component_text_area.edit > .content_data > .content_value > .editor_container .person {
  margin-left: 2px;
  margin-right: 2px;
}
.component_text_area.edit > .content_data > .content_value.editor_container .tc,
.component_text_area.edit > .content_data > .content_value > .editor_container .tc {
  margin-right: 3px;
}
.component_text_area.edit > .content_data > .content_value.editor_container .tc2,
.component_text_area.edit > .content_data > .content_value > .editor_container .tc2 {
  filter: invert(80%);
  margin-right: 3px;
}
.component_text_area.edit > .content_data > .content_value.editor_container .reference,
.component_text_area.edit > .content_data > .content_value > .editor_container .reference {
  text-decoration: underline;
  color: var(--color_orange_dedalo);
}
.component_text_area.edit > .content_data > .content_value.editor_container .large_value_preview,
.component_text_area.edit > .content_data > .content_value > .editor_container .large_value_preview {
  cursor: pointer;
}
.component_text_area.edit > .content_data > .content_value.editor_container .large_value_preview > p:first-child,
.component_text_area.edit > .content_data > .content_value > .editor_container .large_value_preview > p:first-child {
  color: var(--color_grey_7);
}
.component_text_area.edit > .content_data > .content_value.editor_container .large_value_preview > .large_value_notice,
.component_text_area.edit > .content_data > .content_value > .editor_container .large_value_preview > .large_value_notice {
  color: var(--color_orange_dedalo);
  font-weight: bold;
}
.component_text_area.edit > .content_data > .content_value > .ck-source-editing-area {
  background-color: var(--color_grey_15);
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  margin: 0.5rem;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.33rem;
  z-index: 0;
}
.component_text_area.edit > .content_data > .content_value > .ck-source-editing-area > textarea {
  overflow: auto;
  line-height: 1.1rem;
  font-size: 0.9rem;
  transition: none;
  border: 0;
  padding: 0px;
  padding-top: 0.5rem;
  box-shadow: none;
}
.component_text_area.edit > .content_data > .content_value .create_fragment {
  position: absolute;
  right: -5px;
  bottom: 0px;
  box-shadow: var(--shadow-2);
  height: 33px;
}
.component_text_area.edit > .content_data > .content_value .ck.ck-editor__editable_inline > p:first-of-type {
  margin-top: unset;
}
.component_text_area.edit > .content_data > .content_value .ck .ck-placeholder {
  opacity: 0.15;
}
.component_text_area.edit .layer_selector {
  min-width: 12.27rem;
  background-color: var(--color_grey_13);
  position: absolute;
  right: -1px;
  top: 1px;
  padding: 0px;
  text-align: right;
  z-index: 3;
}
.component_text_area.edit .layer_selector > .layer_selector_header {
  margin: 0.5rem;
}
.component_text_area.edit .layer_selector > .layer_selector_header > .layer_icon,
.component_text_area.edit .layer_selector > .layer_selector_header > .button {
  display: inline-block;
  margin: 0.5rem;
  margin-bottom: 0.1rem;
  vertical-align: middle;
}
.component_text_area.edit .layer_selector > .layer_selector_header > .layer_icon {
  color: var(--color_grey_1);
}
.component_text_area.edit .layer_selector > .layer_selector_header > .button.add {
  float: left;
}
.component_text_area.edit .layer_selector > .layer_ul {
  text-align: left;
  clear: both;
  margin-top: 0.5rem;
  width: 100%;
}
.component_text_area.edit .layer_selector > .layer_ul > li {
  display: grid;
  grid-template-columns: 1em 1em auto 1em;
  align-items: center;
  border-bottom: 1px solid var(--color_grey_13);
  border-left: 1px solid var(--color_grey_13);
  border-right: 1px solid var(--color_grey_13);
  cursor: pointer;
  background-color: var(--color_white);
  height: 30px;
  background-color: var(--color_grey_16);
}
.component_text_area.edit .layer_selector > .layer_ul > li:hover {
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
}
.component_text_area.edit .layer_selector > .layer_ul > li:active {
  background-color: var(--color_white);
  color: initial;
}
.component_text_area.edit .layer_selector > .layer_ul > li:first-child {
  border-top: 0.5px solid var(--color_grey_13);
}
.component_text_area.edit .layer_selector > .layer_ul > li .layer_id {
  justify-self: center;
  padding-left: 0.5rem;
}
.component_text_area.edit.disabled_component .content_data.component {
  pointer-events: initial !important;
}
.component_text_area.list {
  overflow: hidden;
}
.component_text_area.list > .content_data {
  padding: 0px;
  max-height: 5.3rem;
}
.component_text_area.list img {
  height: 0.9rem;
  vertical-align: bottom;
}
.component_text_area.search .content_data {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.component_text_area.view_note .button.note {
  height: 1.1rem;
  width: 1.1rem;
  cursor: pointer;
  background-color: var(--color_grey_10);
}
.component_text_area.view_note .button.note.green {
  background-color: var(--color_green_success);
}
.component_text_area.view_line {
  display: block;
}
.component_text_area.view_line .toolbar_container {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  background-color: var(--color_white);
  outline: 1px solid var(--color_orange_dedalo);
  left: 0px;
  top: -21px;
  height: auto;
  width: auto;
  padding: 0.05rem;
  z-index: 1;
}
.component_text_area.view_line .toolbar_container > .toolbar_button.button_save {
  padding: 1px;
  padding-right: 0.5rem;
}
.component_text_area.view_line > .content_data {
  min-height: 3em;
  max-height: 6em;
  overflow: auto;
}
.component_text_area.view_line > .content_data > .content_value > .editor_container {
  padding: 0.4em;
  margin: 0px;
}
.component_text_area_mini img {
  height: 1em;
  vertical-align: middle;
}
.component_text_area_mini p {
  display: contents;
}
dd-modal > .text_area_persons_list_container {
  color: initial;
  line-height: 1.6rem;
}
dd-modal > .text_area_persons_list_container .section_container {
  border-bottom: 1px solid var(--color_grey_14);
  line-height: 2rem;
}
dd-modal > .text_area_persons_list_container .section_container > .label {
  font-weight: 500;
  font-size: 1.12rem;
}
dd-modal > .text_area_persons_list_container .section_container > .person_container {
  padding-left: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
dd-modal > .text_area_persons_list_container .section_container > .person_container:hover {
  background-color: var(--color_grey_13);
}
dd-modal > .text_area_persons_list_container .section_container > .person_container:active {
  opacity: 0.5;
}
dd-modal > .text_area_persons_list_container .section_container > .person_container > img.person {
  height: 1.2rem;
  margin-right: 0.5rem;
}
dd-modal > .text_area_persons_list_container .section_container > .person_container > span.label {
  margin-right: 0.5rem;
}
dd-modal > .text_area_project_langs_container {
  color: initial;
  line-height: 1.6rem;
}
dd-modal > .text_area_project_langs_container > .lang_container {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1rem 20% 1fr;
  grid-gap: 1rem;
  padding: 0.2rem;
  padding-left: 0.5rem;
}
dd-modal > .text_area_project_langs_container > .lang_container:hover {
  background-color: var(--color_grey_13);
}
dd-modal > .text_area_project_langs_container > .lang_container:active {
  opacity: 0.5;
}
dd-modal > .text_area_project_langs_container > .lang_container > .icon {
  height: 1.5rem;
}
dd-modal > .text_area_project_langs_container > .lang_container > .lang_label {
  padding-right: 1rem;
}
dd-modal > .text_area_project_langs_container > .lang_container > .label_keyboard {
  color: var(--color_grey_7);
}
dd-modal > .text_area_reference_selector {
  display: grid;
  grid-template-columns: 1fr 1fr;
  font-size: 1.4rem;
  padding-top: 2rem !important;
}
dd-modal > .text_area_reference_selector .new_tags_container .label {
  padding-bottom: 1rem;
}
dd-modal > .text_area_reference_selector .new_tags_container .wrapper_component {
  font-size: 1rem;
}
dd-modal > .text_area_reference_selector .existing_tags_container {
  display: flex;
  flex-direction: column;
}
dd-modal > .text_area_reference_selector .existing_tags_container .label {
  margin-left: 2rem;
  padding-bottom: 1rem;
}
dd-modal > .text_area_reference_selector .existing_tags_container .value {
  font-size: 1.2rem;
  margin-left: 2.3rem;
  border-top: 1px var(--color_grey_13) solid;
  line-height: 1.7rem;
}
dd-modal > .text_area_reference_selector .existing_tags_container .value.selected_tag {
  background-color: var(--color_hilite_2);
}
dd-modal > .text_area_reference_selector .existing_tags_container .value:hover {
  background-color: var(--color_grey_13);
}
dd-modal > .text_area_draw_selector {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  font-size: 1.4rem;
  padding-top: 2rem !important;
}
dd-modal > .text_area_draw_selector .new_tags_container .label {
  padding-bottom: 1rem;
}
dd-modal > .text_area_draw_selector .new_tags_container .wrapper_component {
  font-size: 1rem;
}
dd-modal > .text_area_draw_selector .existing_tags_container {
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--color_grey_13);
}
dd-modal > .text_area_draw_selector .existing_tags_container .label {
  margin-left: 2rem;
  padding-bottom: 1rem;
}
dd-modal > .text_area_draw_selector .existing_tags_container .value {
  overflow: auto;
  font-size: 1.2rem;
  margin-left: 2.3rem;
  border-top: 1px solid var(--color_grey_13);
  line-height: 1.7rem;
  height: 2rem;
}
dd-modal > .text_area_draw_selector .existing_tags_container .value.selected_tag {
  background-color: var(--color_hilite_2);
}
dd-modal > .text_area_draw_selector .existing_tags_container .value:hover {
  background-color: var(--color_grey_13);
}
dd-modal > .text_area_draw_selector .layer_selector_container {
  margin-left: 2rem;
  border-left: 1px solid var(--color_grey_13);
}
dd-modal > .text_area_draw_selector .layer_selector_container .label {
  margin-left: 2rem;
  padding-bottom: 1rem;
}
dd-modal > .text_area_draw_selector .layer_selector_container .layer_icon {
  display: none;
}
dd-modal > .text_area_draw_selector .layer_selector_container .close {
  display: none;
}
dd-modal > .text_area_draw_selector .layer_selector_container .layer_ul {
  margin-left: 2.3rem;
  border-top: 1px solid var(--color_grey_13);
  overflow: auto;
}
dd-modal > .text_area_draw_selector .layer_selector_container .layer_ul > li {
  font-size: 1.2rem;
  line-height: 1.7rem;
  display: grid;
  grid-template-columns: 1em 1em auto 1em;
  align-items: center;
  border-bottom: 1px solid var(--color_grey_13);
  cursor: pointer;
  background-color: var(--color_white);
  height: 2rem;
}
dd-modal > .text_area_draw_selector .layer_selector_container .layer_ul > li:hover {
  background-color: var(--color_grey_13);
}
/**
* widget calculation
*
* Included from main.less file
*/
.wrapper_widget.calculation > .content_data {
  font-size: 1rem;
}
.wrapper_widget.calculation > .content_data .value {
  letter-spacing: 0.05em;
  font-family: "date_separator", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
/**
* widget get_archive_weights
*
* Included from main.less file
*/
.wrapper_widget.get_archive_weights .content_data .get_archive_weights {
  display: flex;
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .archive_weights {
  padding: unset;
  display: flex;
  flex-direction: column;
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .sum_weights {
  font-size: 1.2rem;
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .sum_diameter {
  font-size: 1.2rem;
  padding-left: 0.5rem;
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .weights_values {
  padding-top: 0.5rem;
  color: var(--color_grey_5);
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .archive_diameter {
  padding: unset;
  display: flex;
  flex-direction: column;
  border-left: 1px solid var(--color_grey_11);
}
.wrapper_widget.get_archive_weights .content_data .get_archive_weights .diameter_values {
  padding-left: 0.5rem;
  padding-top: 0.5rem;
}
/**
* widget get_coins_by_period
*
* Included from main.less file
*/
.wrapper_widget.get_coins_by_period .content_data .values_container {
  display: grid;
  grid-template-columns: max-content 7rem;
  grid-column-gap: 1rem;
  grid-row-gap: 0.3rem;
}
.wrapper_widget.get_coins_by_period .content_data .values_container .get_coins_by_period {
  display: contents;
}
.wrapper_widget.get_coins_by_period .content_data .values_container .get_coins_by_period .label {
  text-align: right;
  font-size: 1.1rem;
}
.wrapper_widget.get_coins_by_period .content_data .values_container .get_coins_by_period .value {
  font-weight: bold;
  font-size: 1.1rem;
}
/**
* widget av_duration
*
* Included from main.less file
*/
.wrapper_widget.av_duration {
  margin-top: 4px;
  -webkit-user-select: none;
  user-select: none;
  width: 58px;
  float: left;
}
.wrapper_widget.av_duration .widget_av_duration li {
  display: table;
  font-size: 92%;
}
.wrapper_widget.av_duration .widget_av_duration li .label_first,
.wrapper_widget.av_duration .widget_av_duration li .label_second {
  display: table-cell;
  background-color: var(--color_grey_15);
  border-top: 1px solid var(--color_grey_13);
  padding-top: 2px;
  padding-bottom: 2px;
}
.wrapper_widget.av_duration .widget_av_duration li .label_first {
  margin-right: 5px;
  white-space: nowrap;
  text-align: right;
  padding-right: 10px;
  min-width: 40px;
  width: 10%;
}
.wrapper_widget.av_duration .widget_av_duration li .label_second {
  width: 90%;
}
.wrapper_widget.av_duration .widget_av_duration li .header {
  border-top: 1px solid var(--color_grey_13);
  font-weight: normal;
  text-transform: capitalize;
}
.wrapper_widget.av_duration .widget_av_duration li .label_second.header {
  cursor: pointer;
}
.wrapper_widget.av_duration ul.widget_av_duration .tab_content {
  display: none;
}
/**
* widget descriptors
*
* Included from main.less file
*/
.wrapper_widget.descriptors {
  display: block;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.wrapper_widget.descriptors > .content_data {
  padding: 0px;
  position: relative;
}
.wrapper_widget.descriptors .button_display {
  padding: 0px;
  padding-left: 0.5rem;
}
.wrapper_widget.descriptors .spinner {
  position: relative;
  margin: 1rem;
  margin-top: 0;
}
.wrapper_widget.descriptors.edit .values_container > .label {
  padding: 0.5rem;
  text-align: right;
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
}
.wrapper_widget.descriptors.edit .values_container > .descriptors_list_container {
  padding: 0px;
  margin: 0px;
  margin-bottom: 1rem;
  outline: 1px solid var(--color_grey_13);
}
.wrapper_widget.descriptors.edit .values_container > .descriptors_list_container > .wrapper_dd_grid {
  columns: 16rem;
  column-gap: 1.5rem;
}
.wrapper_widget.descriptors.edit .values_container > .descriptors_list_container > .wrapper_dd_grid .descriptors_item {
  padding: 0.25rem;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.24);
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  break-inside: avoid;
}
.wrapper_widget.descriptors.edit .values_container > .descriptors_list_container > .wrapper_dd_grid .descriptors_item:hover {
  background-color: var(--color_grey_13);
}
.wrapper_widget.descriptors.edit .values_container > .descriptors_list_container > .wrapper_dd_grid .descriptors_item .descriptors_item_total {
  text-align: right;
  flex: 0 0 auto;
}
/**
* widget media_icons
*
* Included from main.less file
*/
.wrapper_widget.media_icons {
  font-family: 'Menlo', monospace;
  font-size: 12px;
  display: block;
  width: 100%;
}
.wrapper_widget.media_icons > .content_data > .values_container {
  display: contents;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 2rem;
  margin-bottom: 0rem;
  margin-top: 0.25rem;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value {
  margin: 0px;
  padding: 0px;
  line-height: 1rem;
  flex: 0 1 auto;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.id {
  flex: 0 0 2rem;
  text-align: end;
  margin-right: 2px;
  margin-left: -1.95rem;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.av {
  flex: 0 0 1.2rem;
  padding: 0px;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.av .file_av {
  position: relative;
  margin: 0px;
  padding: 0px;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.tr,
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.in,
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.tl {
  flex: 0 0 1.2rem;
  margin-left: 1px;
  margin-right: 1px;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.tc {
  padding: 0px;
  min-width: 5rem;
}
.wrapper_widget.media_icons > .content_data > .values_container > .widget_item.media_icons > .value.link:hover {
  opacity: 1 !important;
  cursor: pointer;
  background-color: var(--color_orange_dedalo);
  color: var(--fg_on_brand);
}
/**
* widget tags
*
* Included from main.less file
*/
.wrapper_widget.tags > .content_data > .values_container {
  display: contents;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div {
  border-bottom: 1px solid var(--color_grey_15);
  display: grid;
  grid-gap: 0.25rem;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 0px;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .label,
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .value {
  display: block;
  padding: 0.2rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  font-size: 10.2px;
}
.edit .wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .label,
.edit .wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .value {
  font-size: inherit;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .label {
  padding-left: 0.33rem;
  text-transform: uppercase;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div > .value {
  padding-right: 0.33rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div .tag_label {
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_tc > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000000;
  border-radius: 4.5px;
  color: #00e500;
  font-size: 0.85rem;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 20px;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_index > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_normal);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_on_accent);
  cursor: pointer;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_index > .value:active {
  opacity: 0.5;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_missing_tags > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_removed);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_inverse);
  cursor: pointer;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_missing_tags > .value:active {
  opacity: 0.5;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_to_review_tags > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.6rem;
  font-size: 0.85rem;
  margin-right: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 0.65rem;
  background-color: var(--color_tag_indexation_to_review);
  mask-image: radial-gradient(42% 56% ellipse at 129% 50%, transparent 0%, transparent 11px, #ffffff 0.5px);
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--fg_inverse);
  cursor: pointer;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_to_review_tags > .value:active {
  opacity: 0.5;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_private_notes > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--color_tag_indexation_normal);
  color: var(--fg_on_accent);
  font-size: 0.85rem;
  border-radius: 2px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 20px;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_private_notes > .value::before {
  position: absolute;
  content: "";
  border: 4px solid transparent;
  border-bottom-width: 0px;
  right: 0px;
  border-top-color: var(--color_tag_indexation_normal);
  top: 10px;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_public_notes > .value {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: var(--color_green_success);
  color: var(--fg_inverse);
  font-size: 0.85rem;
  border-radius: 2px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 20px;
  margin: 2px;
  margin-right: 4px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.wrapper_widget.tags > .content_data > .values_container > .widget_item.tags > div.total_public_notes > .value::before {
  position: absolute;
  content: "";
  border: 4px solid transparent;
  border-bottom-width: 0px;
  right: 0px;
  border-top-color: var(--color_green_success);
  top: 10px;
}
.wrapper_widget.tags.edit .label,
.wrapper_widget.tags.edit .value {
  font-size: inherit;
}
/**
* widget state
*
* Included from main.less file
*
* Design language: the area_maintenance widget kit (.dd_table / .dd_bar /
* .dd_badge in core/area_maintenance/css/widget_kit.less) — card surface,
* uppercase micro-header, hairline row rules, tabular numerals, meter track.
* The kit is NOT imported: it emits its own .dd_* class rules and belongs to an
* area, and a core widget must not depend on one. Same tokens, same rems, same
* color-mix() tint formula, scoped names — no leak in either direction.
*
* (!) Every colour goes through a semantic custom property (--bg_*, --fg_*,
* --border_*, --color_*). The LESS @color_* vars this file used before are
* LIGHT-PALETTE LITERALS: they painted a white popover over the dark theme.
*/
.wrapper_widget.state {
  width: auto;
}
.wrapper_widget.state.edit .widget_item {
  display: grid;
  grid-template-columns: minmax(7rem, max-content) 1fr 1fr;
  grid-gap: 0;
  border: 1px solid var(--border_default);
  border-radius: 8px;
  background-color: var(--bg_surface);
}
.wrapper_widget.state.edit .widget_item > .li_item {
  display: contents;
}
.wrapper_widget.state.edit .widget_item > .li_item > label,
.wrapper_widget.state.edit .widget_item > .li_item > .situation,
.wrapper_widget.state.edit .widget_item > .li_item > .state {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0.4rem 0.7rem;
  border-top: 1px solid var(--border_default);
  line-height: 1.35;
}
.wrapper_widget.state.edit .widget_item > .li_item > label {
  padding-right: 0.7rem;
  color: var(--fg_default);
  word-break: normal;
  overflow-wrap: normal;
}
.wrapper_widget.state.edit .widget_item > .li_item.header {
  font-weight: 600;
}
.wrapper_widget.state.edit .widget_item > .li_item.header > label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
  background-color: var(--bg_surface_alt);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.wrapper_widget.state.edit .widget_item > .li_item.header > label {
  border-top: 0;
}
.wrapper_widget.state.edit .widget_item > .li_item.header > label:first-child {
  border-top-left-radius: 8px;
}
.wrapper_widget.state.edit .widget_item > .li_item.header > label:last-child {
  border-top-right-radius: 8px;
}
.wrapper_widget.state.edit .widget_item > .li_item.container:last-child > label {
  border-bottom-left-radius: 8px;
}
.wrapper_widget.state.edit .widget_item > .li_item.container:last-child > .state,
.wrapper_widget.state.edit .widget_item > .li_item.container:last-child > .situation:last-child {
  border-bottom-right-radius: 8px;
}
.wrapper_widget.state.edit .widget_item > .li_item.container:hover > label,
.wrapper_widget.state.edit .widget_item > .li_item.container:hover > .situation,
.wrapper_widget.state.edit .widget_item > .li_item.container:hover > .state {
  background-color: var(--field_hover_bg);
}
.wrapper_widget.state.edit .widget_item > .li_item .situation,
.wrapper_widget.state.edit .widget_item > .li_item .state {
  position: relative;
}
.wrapper_widget.state.edit .widget_item > .li_item .situation.empty,
.wrapper_widget.state.edit .widget_item > .li_item .state.empty {
  justify-content: flex-end;
}
.wrapper_widget.state.edit .widget_item > .li_item .situation.empty:after,
.wrapper_widget.state.edit .widget_item > .li_item .state.empty:after {
  content: '—';
  min-width: 2.75rem;
  font-size: 0.8rem;
  text-align: right;
  color: var(--fg_muted);
}
.wrapper_widget.state.edit .widget_item > .li_item .total {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
  cursor: help;
  border-radius: 3px;
}
.wrapper_widget.state.edit .widget_item > .li_item .total:before {
  content: '';
  flex: 1 1 auto;
  min-width: 1.5rem;
  height: 4px;
  border-radius: 3px;
  background-color: var(--bg_surface_alt);
  background-image: linear-gradient(to right, var(--meter_fill, transparent) calc(var(--pct, 0) * 1%), transparent 0);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--border_default) 80%, transparent);
}
.wrapper_widget.state.edit .widget_item > .li_item .total[data-state='ok'] {
  --meter_fill: var(--color_success);
}
.wrapper_widget.state.edit .widget_item > .li_item .total[data-state='partial'] {
  --meter_fill: var(--color_orange_dedalo);
}
.wrapper_widget.state.edit .widget_item > .li_item .total:focus-visible {
  outline: 2px solid var(--focus_ring);
  outline-offset: 2px;
}
.wrapper_widget.state.edit .widget_item > .li_item .total > .value {
  flex: 0 0 auto;
  min-width: 2.75rem;
  padding: 0;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
  color: var(--fg_default);
}
.wrapper_widget.state.edit .widget_item > .li_item .total[data-state='empty'] > .value {
  color: var(--fg_muted);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail {
  position: absolute;
  top: calc(100% + 4px);
  left: 0.4rem;
  right: auto;
  z-index: 5;
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  align-items: center;
  grid-gap: 0.25rem 0.5rem;
  min-width: max-content;
  max-width: 22rem;
  overflow-y: auto;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--border_default);
  border-radius: 6px;
  background-color: var(--bg_elevated);
  box-shadow: var(--shadow-3);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail label {
  padding: 0;
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg_muted);
  white-space: nowrap;
}
.wrapper_widget.state.edit .widget_item > .li_item .detail .value {
  padding: 0;
  padding-right: 0.33rem;
  font-size: 0.8rem;
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
  color: var(--fg_default);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail .total_label,
.wrapper_widget.state.edit .widget_item > .li_item .detail .total_value {
  margin-top: 0.15rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail .total_value {
  color: var(--fg_default);
  font-weight: 600;
}
.wrapper_widget.state.edit .widget_item > .li_item .detail .total_value ~ label:last-child {
  margin-top: 0.15rem;
  padding-top: 0.35rem;
  border-top: 1px solid var(--border_default);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail label:nth-child(3n) {
  justify-self: start;
  padding: 0.1rem 0.6rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--fg_muted);
  background-color: color-mix(in srgb, var(--fg_muted) 12%, transparent);
}
.wrapper_widget.state.edit .widget_item > .li_item .detail label:nth-child(3n):empty {
  padding: 0;
  background-color: transparent;
}
.wrapper_widget.state.edit .widget_item > .li_item.container span.value {
  display: inline-block;
  z-index: 1;
}
.wrapper_widget.state.list .state_icon {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: var(--color_grey_10_light);
  width: 1.5rem;
  height: 1.5rem;
  margin: 0.25rem;
  margin-right: 0px;
  cursor: help;
}
.wrapper_widget.state.list .state_icon.digitization {
  -webkit-mask-image: url('../../widgets/state/img/di.svg');
}
.wrapper_widget.state.list .state_icon.transcription {
  -webkit-mask-image: url('../../widgets/state/img/tr.svg');
}
.wrapper_widget.state.list .state_icon.indexation {
  -webkit-mask-image: url('../../widgets/state/img/in.svg');
}
.wrapper_widget.state.list .state_icon.translation {
  -webkit-mask-image: url('../../widgets/state/img/tl.svg');
}
.wrapper_widget.state.list .state_icon.active {
  background-color: var(--color_orange_dedalo);
  cursor: pointer;
}
.wrapper_widget.state.list .state_tooltip {
  font-size: 80%;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%;
  display: block;
  letter-spacing: -0.3px;
}
.wrapper_widget.state.list .state_tooltip .output_label {
  padding: 0px;
}
/**
* widget user_activity
*
* Included from main.less file
*/
.wrapper_widget.user_activity > .content_data > .values_container {
  display: contents;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .raw_value {
  margin: 1rem;
  background-color: var(--color_grey_15);
  border-radius: 3px;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_charts {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_charts_empty {
  padding: 2rem;
  text-align: center;
  color: var(--color_grey_8);
  font-size: 0.875rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 0.75rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_summary_tile {
  background: var(--color_grey_15);
  border: 1px solid var(--color_grey_13);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_summary_tile .user_activity_summary_label {
  font-size: 0.75rem;
  color: var(--color_grey_8);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 0.25rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_summary_tile .user_activity_summary_value {
  font-size: 1.4rem;
  font-weight: 600;
  color: var(--color_grey_3);
  line-height: 1.15;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_summary_tile .user_activity_summary_hint {
  margin-top: 0.2rem;
  font-size: 0.75rem;
  color: var(--color_grey_8);
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_charts_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart {
  background: var(--color_grey_15);
  border: 1px solid var(--color_grey_13);
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart_title {
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color_grey_3);
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart_body {
  min-height: 100px;
  min-width: 0;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart_loading {
  padding: 2.5rem 0;
  text-align: center;
  color: var(--color_grey_8);
  font-size: 0.8125rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart_fallback {
  margin: 0;
  padding: 0.75rem;
  background: var(--color_grey_15);
  border-radius: 0.25rem;
  font-size: 0.75rem;
  color: var(--color_grey_3);
  max-height: 240px;
  overflow: auto;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_slice {
  transition: opacity 0.12s ease;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_donut_total {
  font-size: 1.4rem;
  font-weight: 600;
  fill: var(--color_grey_3);
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_donut_total_label {
  font-size: 0.7rem;
  fill: var(--color_grey_8);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_legend {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-top: 0.75rem;
  max-height: 140px;
  overflow-y: auto;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_legend .user_activity_legend_item {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8125rem;
  padding: 0.15rem 0.25rem;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_legend .user_activity_legend_item .user_activity_legend_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_legend .user_activity_legend_item .user_activity_legend_label {
  color: var(--color_grey_3);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_legend .user_activity_legend_item .user_activity_legend_value {
  color: var(--color_grey_8);
  font-variant-numeric: tabular-nums;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_row {
  transition: opacity 0.12s ease;
  outline: none;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_row:hover {
  opacity: 0.85;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_row:focus-visible rect:first-of-type {
  stroke: var(--color_grey_8);
  stroke-width: 1;
  stroke-dasharray: 2 2;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_label {
  fill: var(--color_grey_3);
  font-size: 11px;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_value {
  fill: var(--color_grey_3);
  font-size: 11px;
  font-weight: 500;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_where_more {
  margin-top: 0.4rem;
  font-size: 0.75rem;
  color: var(--color_grey_8);
  text-align: right;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_when_bar {
  transition: opacity 0.12s ease;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_when_bar:hover {
  opacity: 1 !important;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_axis_label {
  fill: var(--color_grey_8);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}
.wrapper_widget.user_activity > .content_data > .values_container > .widget_item.user_activity .user_activity_chart_empty {
  padding: 1.5rem 0;
  text-align: center;
  color: var(--color_grey_8);
  font-size: 0.8125rem;
}
.wrapper_widget.user_activity.edit .label,
.wrapper_widget.user_activity.edit .value {
  font-size: inherit;
}
/**
* widget get_archive_states
*
* Included from main.less file
*/
.wrapper_widget.get_archive_states .content_data {
  display: flex;
  flex-direction: row;
}
.wrapper_widget.get_archive_states .content_data .states_label {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.wrapper_widget.get_archive_states .content_data .widget_item.get_archive_states {
  display: grid;
  grid-template-columns: auto auto;
  column-gap: 3em;
}
/**
* widget sum_dates
*
* Included from main.less file
*/
.wrapper_widget.sum_dates .content_data .sum_dates_period_notes {
  font-family: "Arial";
  color: var(--color_grey_8);
}
/**
* redesign
*
* Entry point for the "Calm Scholarly" design line (`data-design="redesign"`).
* Imported LAST from main.less so its token redefinitions and scoped structural
* rules win over the base tokens, the dark-theme layer, and all component CSS.
*
* The whole line is inert unless `<html>` carries `data-design="redesign"`
* (set by core/page/js/design.js + design-init.js), so classic is unaffected.
*
* See core/page/js/design.js for the runtime controller and the design-line
* rationale; docs/core/ui/themes.md documents the axis.
*/
/**
* redesign / _tokens
*
* Token layer for the "Calm Scholarly" design line (`data-design="redesign"`).
*
* Redefines Dédalo's real design tokens under `:root[data-design="redesign"]`
* and its dark twin `&[data-theme="dark"]`, plus an optional pine accent under
* `&[data-accent="pine"]`. Because every component reads its colours through
* `var(--…)`, redefining the tokens here restyles ~90% of the app for free —
* exactly how `theme_dark.less` works, one axis over. This file NEVER touches
* base `:root`; classic stays byte-for-byte untouched.
*
* Palette source of truth: the validated 2026-06-15 mockup
* (dev/mockups/dedalo_redesign_mockup.html — not in this tree; reachable on the
* `v7_php_frozen` branch tip). Warm paper/ink neutrals, surfaces over borders,
* one accent (Dédalo orange) split into fill + legible text.
*
* TWO LAWS THIS FILE OBEYS (CSS coherence audit 2026-09, clauses 2.b + 2.c):
*
* 1. THE LINE OWNS EVERY COLOUR IT PAINTS. `redesign.less` is imported LAST
*    from main.less, so `:root[data-design="redesign"]` (0,2,0) beats
*    `:root[data-theme="dark"]` (0,2,0) by source order. A token declared in the
*    light block below and NOT in the dark twin therefore leaks its LIGHT value
*    into redesign+dark — that is how `button.light:hover` shipped at 1.17:1
*    (near-white ink on the light hover fill). Every colour the light block
*    declares is declared again in the twin. Conversely, a base token this line
*    consumes but never declares moves whenever the base retunes it: the accent
*    fill inherited the P1-18 retune of `--color_orange_dedalo` and its
*    hard-coded dark ink fell to 3.46:1 without a line here changing. So the
*    accent is declared HERE, per theme, and the ink that lands on it too.
*
* 2. EVERY PAIR IS AT AA. The base contrast gate excludes this design line by
*    name, so nothing judged it: 35 declared pairs failed in light, 13 in dark.
*    Values below are chosen against the surfaces the ink actually lands on
*    (surface, surface_alt, the selected-row tint, the orange tint) — ≥ 4.5:1
*    for text, ≥ 3:1 for a ring or an edge that IS the mark. The ratio a value
*    was chosen for is noted beside it. The split of the accent is preserved:
*    `--color_orange_dedalo` / `--accent` is a FILL (bright, under dark ink),
*    `--accent-text` is the deepened variant for text, rings and edges on a
*    light surface — the bright fill is 2.42:1 on paper and can never be a
*    legible line there.
*/
:root[data-design="redesign"] {
  --color_white: #fffefc;
  --color_grey_16: #fffefc;
  --color_grey_15: #f7f6f4;
  --color_grey_14: #f1efea;
  --color_grey_13: #e7e4df;
  --color_grey_12: #ddd9d1;
  --color_grey_11: #cfcabf;
  --color_grey_10: #b4afa5;
  --color_grey_9: #a39d91;
  --color_grey_8: #6f6b64;
  --color_grey_7: #6a655b;
  --color_grey_6: #565149;
  --color_grey_5: #46423b;
  --color_grey_4: #23211e;
  --color_grey_3: #201e1b;
  --color_grey_2: #1b1a17;
  --color_grey_1: #181715;
  --color_black: #000000;
  --color_hilite_3: #faf6ea;
  --color_hilite: #fbe7cf;
  --bg_app: #f7f6f4;
  --bg_surface: #fffefc;
  --bg_surface_alt: #f1efea;
  --bg_elevated: #fffefc;
  --bg_input: #f1efea;
  --bg_header: #f1efea;
  --bg_menu: #fffefc;
  --fg_default: #23211e;
  --fg_muted: #6a655b;
  --fg_inverse: #fffefc;
  --bg_fill_inverse: #6a655b;
  --border_default: #e7e4df;
  --border_strong: #cfcabf;
  --shadow_default: rgba(35, 33, 30, 0.1);
  --focus_ring: #4c7fb5;
  --focus_ring_weak: rgba(76, 127, 181, 0.38);
  --color_orange_dedalo: #f78a1c;
  --accent: var(--color_orange_dedalo);
  --fg_on_brand: #181715;
  --accent-text: #98510a;
  --accent-hover: #e07d12;
  --accent-soft: #fbe7cf;
  --color_success: #467d52;
  --color_green_success: #467d52;
  --color_danger: #b25c50;
  --color_warning: #8a6b22;
  --fg_on_warning: #fffefc;
  --color_primary: #4574a8;
  --color_info: #56789c;
  --color_input_focus: #4c7fb5;
  --color_tag_indexation_normal: #cf8a3e;
  --color_tag_indexation_removed: #52759d;
  --color_tag_indexation_to_review: #b85341;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --checkbox_bg: #f1efea;
  --checkbox_border: #857e6f;
  --checkbox_checked_bg: var(--accent-text);
  --input_bg: #f1efea;
  --input_fg: #23211e;
  --field_rest_bg: var(--input_bg);
  --select_bg: #f1efea;
  --select_fg: #23211e;
  --toolbar_btn_hover_bg: #ddd9d1;
  --debug_info_bar_bg: #ecebe7;
  --debug_info_bar_text: #6a655b;
  --menu_dropdown_text: #23211e;
  --menu_dropdown_bg: #fffefc;
  --menu_dropdown_border: #cfcabf;
  --menu_link_fg: #23211e;
  --menu_selector_fg: #23211e;
  --modal_header_bg: #fffefc;
  --modal_header_color: #23211e;
  --modal_btn_color: #6a655b;
  --modal_btn_hover_color: #23211e;
  --modal_mini_header_bg: #fffefc;
  --color_primary_border: #3f6b9b;
  --color_primary_hover_bg: #3f6b9b;
  --color_primary_hover_border: #396290;
  --color_secondary_border: #605149;
  --color_secondary_hover_bg: #4f4a42;
  --color_secondary_hover_border: #47433c;
  --color_success_border: #3f7049;
  --color_success_hover_bg: #3f7049;
  --color_success_hover_border: #3a6843;
  --color_danger_border: #a4544a;
  --color_danger_hover_bg: #9c4f46;
  --color_danger_hover_border: #944a42;
  --color_danger_dark: #7d4038;
  --color_orange_border: #ef8312;
  --color_orange_hover_bg: #e57d10;
  --color_orange_hover_border: #d8760f;
  --color_orange_dark: var(--accent-text);
  --color_orange_light: #fdf6ee;
  --color_info_border: #4f6e8f;
  --color_info_hover_bg: #4a6788;
  --color_info_hover_border: #456080;
  --color_light_border: #eeece7;
  --color_light_hover_bg: #e7e4de;
  --color_light_hover_border: #e1ded7;
  --color_dark_border: #201e1b;
  --color_dark_hover_bg: #1c1b18;
  --color_dark_hover_border: #181715;
}
:root[data-design="redesign"][data-theme="dark"] {
  --color_white: #26241f;
  --color_grey_16: #211f1b;
  --color_grey_15: #26241f;
  --color_grey_14: #2c2a24;
  --color_grey_13: #34322c;
  --color_grey_12: #3d3a33;
  --color_grey_11: #47443c;
  --color_grey_10: #5a564d;
  --color_grey_9: #6a655c;
  --color_grey_8: #948f84;
  --color_grey_7: #a29c8f;
  --color_grey_6: #b0a99b;
  --color_grey_5: #c7bfae;
  --color_grey_4: #e8e5df;
  --color_grey_3: #eeebe4;
  --color_grey_2: #f3f0e9;
  --color_grey_1: #f8f5ee;
  --color_black: #ffffff;
  --color_hilite_3: #383325;
  --color_hilite: #3a332a;
  --bg_app: #1c1b19;
  --bg_surface: #26241f;
  --bg_surface_alt: #211f1b;
  --bg_elevated: #2c2a24;
  --bg_input: #211f1b;
  --bg_header: #211f1b;
  --bg_menu: #26241f;
  --fg_default: #e8e5df;
  --fg_muted: #a29c8f;
  --fg_inverse: #ffffff;
  --bg_fill_inverse: #5a564d;
  --border_default: #34322c;
  --border_strong: #47443c;
  --shadow_default: rgba(0, 0, 0, 0.55);
  --focus_ring: #6f9cc9;
  --focus_ring_weak: rgba(111, 156, 201, 0.45);
  --color_orange_dedalo: #ffa54a;
  --accent: var(--color_orange_dedalo);
  --fg_on_brand: #181715;
  --accent-text: #ffb968;
  --accent-hover: #ffb968;
  --accent-soft: #3a2c18;
  --color_success: #5aa06e;
  --color_green_success: #457b56;
  --color_danger: #cf7a70;
  --color_warning: #d0a24e;
  --fg_on_warning: #181715;
  --color_primary: #4f76a0;
  --color_info: #7d9cbd;
  --color_input_focus: #6f9cc9;
  --color_tag_indexation_normal: #d69a52;
  --color_tag_indexation_removed: #4373b2;
  --color_tag_indexation_to_review: #c44a37;
  --checkbox_bg: #34322c;
  --checkbox_border: #7a7568;
  --checkbox_checked_bg: var(--accent-text);
  --input_bg: #211f1b;
  --input_fg: #e8e5df;
  --field_rest_bg: var(--input_bg);
  --select_bg: #211f1b;
  --select_fg: #e8e5df;
  --toolbar_btn_hover_bg: #47443c;
  --debug_info_bar_bg: #201e1b;
  --debug_info_bar_text: #948f84;
  --menu_dropdown_text: #e8e5df;
  --menu_dropdown_bg: #2c2a24;
  --menu_dropdown_border: #47443c;
  --menu_link_fg: #e8e5df;
  --menu_selector_fg: #e8e5df;
  --modal_header_bg: #26241f;
  --modal_header_color: #e8e5df;
  --modal_btn_color: #a29c8f;
  --modal_btn_hover_color: #e8e5df;
  --modal_mini_header_bg: #26241f;
  --color_primary_border: #46699a;
  --color_primary_hover_bg: #476c93;
  --color_primary_hover_border: #3f6088;
  --color_secondary_border: #9d968a;
  --color_secondary_hover_bg: #bfb8aa;
  --color_secondary_hover_border: #ada699;
  --color_success_border: #4f8f60;
  --color_success_hover_bg: #6aad7c;
  --color_success_hover_border: #4f8f60;
  --color_danger_border: #bd6d63;
  --color_danger_hover_bg: #da8479;
  --color_danger_hover_border: #bd6d63;
  --color_danger_dark: #8c4a41;
  --color_orange_border: #ee9740;
  --color_orange_hover_bg: #ffb35f;
  --color_orange_hover_border: #ee9740;
  --color_orange_dark: var(--accent-text);
  --color_orange_light: #2a2218;
  --color_info_border: #6f8db0;
  --color_info_hover_bg: #8fabc9;
  --color_info_hover_border: #7d9cbd;
  --color_light_border: #34322c;
  --color_light_hover_bg: #34322c;
  --color_light_hover_border: #3d3a33;
  --color_dark_border: #d0cdc7;
  --color_dark_hover_bg: #e0ddd7;
  --color_dark_hover_border: #d8d5cf;
}
:root[data-design="redesign"][data-accent="pine"] {
  --color_orange_dedalo: #2f6b63;
  --accent: #2f6b63;
  --fg_on_brand: #fffefc;
  --ut_on_accent: var(--fg_on_brand);
  --accent-text: #2f6b63;
  --accent-hover: #28594f;
  --accent-soft: #e3ece9;
  --color_hilite: #e3ece9;
  --color_orange_border: #2a6058;
  --color_orange_hover_bg: #28594f;
  --color_orange_hover_border: #235049;
  --color_orange_dark: #2f6b63;
  --color_orange_light: #e3ece9;
  --option_chip_checked_bg: var(--color_orange_dedalo);
  --option_chip_checked_fg: var(--fg_on_brand);
}
:root[data-design="redesign"][data-accent="pine"][data-theme="dark"] {
  --color_orange_dedalo: #5aa399;
  --accent: #5aa399;
  --fg_on_brand: #181715;
  --ut_on_accent: var(--fg_on_brand);
  --accent-text: #6fb3a9;
  --accent-hover: #6fb3a9;
  --accent-soft: #21302d;
  --color_hilite: #21302d;
  --color_orange_border: #4f9089;
  --color_orange_hover_bg: #6fb3a9;
  --color_orange_hover_border: #4f9089;
  --color_orange_dark: #6fb3a9;
  --color_orange_light: #21302d;
}
/**
* redesign / _structure
*
* Structural rules for the "Calm Scholarly" design line that go beyond token
* values. EVERY selector is nested under `:root[data-design="redesign"]` so the
* rules are inert for classic and win over base rules by specificity — no
* `!important` needed except where the base rule itself uses one.
*
* Stage 2 — surfaces-over-borders + list / toolbar:
*   - demoted toolbar (quiet buttons; New is the one accent primary)
*   - list header as small muted uppercase labels, calm hover, accent selection
*   - section headers as quiet letterspaced labels (not ink-dark shouting)
*   - editable fields read as gently sunken on the surface card
*
* ACCENT INK LAW (CSS coherence audit 2026-09, C5). No rule here paints a colour
* literal on the accent: text on the accent FILL is `var(--fg_on_brand)`, and a
* mark that sits ON a surface — a ring, a dot, an edge, a hover word — is
* `var(--accent-text)`, the deepened orange. Both are declared per theme (and per
* accent) in _tokens.less, so a base retune cannot reach a pair painted here:
* the last one did, and the hard-coded dark ink fell to 3.46:1 on every primary
* button. The bright fill stays for the two decorative top-edges (modal, tool
* header) — an identity stripe nothing has to read.
*/
:root[data-design="redesign"] button.warning,
:root[data-design="redesign"] .button.warning {
  background-color: var(--bg_surface);
  border-color: var(--border_strong);
  color: var(--fg_default);
  --button-bg-color: var(--fg_muted);
}
:root[data-design="redesign"] button.warning:hover,
:root[data-design="redesign"] .button.warning:hover {
  background-color: var(--bg_surface_alt);
  border-color: var(--color_grey_9);
}
:root[data-design="redesign"] button.warning.new,
:root[data-design="redesign"] .button.warning.new {
  background-color: var(--color_orange_dedalo);
  border-color: var(--color_orange_border);
  color: var(--fg_on_brand);
  --button-bg-color: var(--fg_on_brand);
}
:root[data-design="redesign"] button.warning.new:hover,
:root[data-design="redesign"] .button.warning.new:hover {
  background-color: var(--color_orange_hover_bg);
}
:root[data-design="redesign"] .header_wrapper_list .head_column {
  color: var(--fg_muted);
  font-weight: 500;
}
:root[data-design="redesign"] .header_wrapper_list .head_column > .name {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
:root[data-design="redesign"] .content_data.list .section_record {
  transition: background-color var(--transition-fast, 120ms ease);
}
:root[data-design="redesign"] .content_data.list .section_record:hover {
  background-color: var(--bg_surface_alt);
}
:root[data-design="redesign"] .content_data.list .section_record.selected,
:root[data-design="redesign"] .content_data.list .section_record.active {
  background-color: var(--accent-soft);
  box-shadow: inset 3px 0 0 var(--accent-text);
}
:root[data-design="redesign"] .wrapper_grouper.section_group > .label {
  color: var(--fg_muted);
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
}
:root[data-design="redesign"] .wrapper_grouper.section_group {
  margin-bottom: var(--space-5, 1rem);
}
:root[data-design="redesign"] .wrapper_component .input_value {
  border-radius: var(--radius-sm);
  transition: background-color var(--transition-fast, 120ms ease), box-shadow var(--transition-fast, 120ms ease);
}
:root[data-design="redesign"] .wrapper_component .input_value:focus,
:root[data-design="redesign"] .wrapper_component .input_value:focus-within {
  background-color: var(--bg_surface);
  box-shadow: inset 0 0 0 1px var(--focus_ring);
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button {
  background-color: var(--bg_surface);
  color: var(--fg_default);
  border-color: var(--border_strong);
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button:hover {
  background-color: var(--bg_surface_alt);
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button.reload {
  background-color: var(--fg_muted);
  border-color: transparent;
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button.reload:hover {
  background-color: var(--fg_default);
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button.submit {
  background-color: var(--color_orange_dedalo);
  border-color: var(--color_orange_border);
  color: var(--fg_on_brand);
}
:root[data-design="redesign"] .search_global_container .search_container_selection .search_group_container .search_buttons_container .button.submit:hover {
  background-color: var(--color_orange_hover_bg);
}
:root[data-design="redesign"] .wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.and,
:root[data-design="redesign"] .wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.or {
  background-color: var(--bg_fill_inverse);
  color: var(--fg_inverse);
  opacity: 1;
}
:root[data-design="redesign"] .wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.and:hover,
:root[data-design="redesign"] .wrapper_search > .search_global_container > .search_container_selection .search_group_container .search_group > .operator.or:hover {
  opacity: 1;
}
:root[data-design="redesign"] input[type='radio'] {
  -webkit-appearance: none;
  appearance: none;
  width: 1.05em;
  height: 1.05em;
  margin: 0 0.3em 0 0;
  background-color: transparent;
  border: 1.5px solid var(--checkbox_border);
  border-radius: 50%;
  cursor: pointer;
  vertical-align: text-bottom;
  display: inline-grid;
  place-content: center;
  transition: border-color var(--transition-fast, 120ms ease), box-shadow var(--transition-fast, 120ms ease);
}
:root[data-design="redesign"] input[type='radio']::before {
  content: '';
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: var(--accent-text);
  transform: scale(0);
  transition: transform var(--transition-fast, 120ms ease);
}
:root[data-design="redesign"] input[type='radio']:hover {
  border-color: var(--accent-text);
}
:root[data-design="redesign"] input[type='radio']:checked {
  border-color: var(--accent-text);
}
:root[data-design="redesign"] input[type='radio']:checked::before {
  transform: scale(1);
}
:root[data-design="redesign"] input[type='radio']:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}
:root[data-design="redesign"] input[type='radio']:disabled {
  opacity: 0.5;
  cursor: default;
}
:root[data-design="redesign"] input[type='checkbox'] {
  accent-color: var(--accent-text);
}
:root[data-design="redesign"] .wrapper_component > .label,
:root[data-design="redesign"] .wrapper_component > .content_data > .label {
  color: var(--fg_muted);
  font-weight: 500;
}
:root[data-design="redesign"] .component_portal.view_line > .content_data > .component_placeholder,
:root[data-design="redesign"] .portal.view_line > .content_data > .component_placeholder {
  color: var(--fg_muted);
}
:root[data-design="redesign"] .wrapper_inspector .selection_info_label {
  font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, 'Times New Roman', serif;
  color: var(--accent-text);
  font-size: 1rem;
  letter-spacing: 0.01em;
}
:root[data-design="redesign"] .wrapper_inspector > .inspector_content_data > .selection_info {
  color: var(--accent-text);
  background-color: var(--color_orange_light);
}
:root[data-design="redesign"] .wrapper_inspector [class*="_head"] {
  color: var(--fg_muted);
  font-size: 0.66rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
:root[data-design="redesign"] .wrapper_inspector .element_info .key {
  color: var(--fg_muted);
}
:root[data-design="redesign"] .wrapper_inspector .element_info .value {
  color: var(--fg_default);
  font-variant-numeric: tabular-nums;
}
:root[data-design="redesign"] .wrapper_inspector .element_info_wrap,
:root[data-design="redesign"] .wrapper_inspector .project_wrap,
:root[data-design="redesign"] .wrapper_inspector .relation_list_container,
:root[data-design="redesign"] .wrapper_inspector .time_machine_list,
:root[data-design="redesign"] .wrapper_inspector .component_history,
:root[data-design="redesign"] .wrapper_inspector .activity_info {
  margin-bottom: var(--space-4, 0.75rem);
}
:root[data-design="redesign"] .menu {
  box-shadow: inset 0 -1px 0 var(--border_default);
}
:root[data-design="redesign"] .menu > .content_data {
  color: var(--fg_default);
}
:root[data-design="redesign"] .menu > .content_data .menu_hierarchy a {
  color: var(--fg_default);
}
:root[data-design="redesign"] .menu > .content_data .menu_hierarchy .menu_li_active > a {
  background: transparent !important;
  color: var(--fg_default) !important;
  box-shadow: inset 0 -2px 0 var(--accent-text);
}
:root[data-design="redesign"] .menu > .content_data > .logged_user_name.is_root {
  color: var(--accent-text);
}
:root[data-design="redesign"] .menu > .content_data > .dedalo_aplication_langs_selector {
  background-image: var(--select_icon_url);
  background-size: 0.8rem;
}
:root[data-design="redesign"] dd-modal .header {
  border-top: 2px solid var(--color_orange_dedalo);
}
:root[data-design="redesign"] dd-modal.danger .header,
:root[data-design="redesign"] dd-modal.tool_propagate_component_data .header,
:root[data-design="redesign"] dd-modal.remove .header {
  border-top-color: var(--color_danger);
}
:root[data-design="redesign"] .tool_header {
  background-color: var(--bg_surface) !important;
  background-image: none;
  color: var(--fg_default);
  border-top: 2px solid var(--color_orange_dedalo);
  box-shadow: inset 0 -1px 0 var(--border_default);
}
:root[data-design="redesign"] .tool_header .tool_name_container > .label {
  color: var(--fg_default);
}
:root[data-design="redesign"] .tool_header .tool_name_container > .label > .button {
  background-color: var(--fg_muted) !important;
}
:root[data-design="redesign"] .tool_header .tool_name_container > .description {
  color: var(--fg_muted);
}
:root[data-design="redesign"] .tool_header > .button.close,
:root[data-design="redesign"] .tool_header > .button.minimize,
:root[data-design="redesign"] .tool_header > .button.mini {
  background-color: var(--fg_muted) !important;
}
:root[data-design="redesign"] .tool_header.tool_propagate_component_data,
:root[data-design="redesign"] .tool_header.tool_hierarchy,
:root[data-design="redesign"] .tool_header.tool_user_admin,
:root[data-design="redesign"] .tool_header.tool_media_versions {
  border-top-color: var(--color_danger);
}
:root[data-design="redesign"] .tool_header > .tool_buttons_container > .button {
  background-color: var(--bg_surface) !important;
  color: var(--fg_default) !important;
  border: 1px solid var(--border_strong);
}
:root[data-design="redesign"] .wrapper_tool .buttons_container > button,
:root[data-design="redesign"] .wrapper_tool .buttons_container > .button {
  background-color: var(--bg_surface_alt) !important;
  color: var(--fg_default) !important;
  border: 1px solid var(--border_strong);
  --button-bg-color: var(--fg_muted);
}
:root[data-design="redesign"] .wrapper_tool .buttons_container > button.button_replace,
:root[data-design="redesign"] .wrapper_tool .buttons_container > .button.button_replace {
  background-color: var(--color_orange_dedalo) !important;
  color: var(--fg_on_brand) !important;
  border-color: var(--color_orange_border);
  --button-bg-color: var(--fg_on_brand);
}
:root[data-design="redesign"] .wrapper_tool .buttons_container > button.button_delete,
:root[data-design="redesign"] .wrapper_tool .buttons_container > .button.button_delete,
:root[data-design="redesign"] .wrapper_tool .buttons_container > button.delete,
:root[data-design="redesign"] .wrapper_tool .buttons_container > .button.delete {
  background-color: var(--color_danger) !important;
  color: var(--color_white) !important;
  border-color: var(--color_danger);
  --button-bg-color: var(--color_white);
}
:root[data-design="redesign"] .wrapper_tool .search_selection,
:root[data-design="redesign"] .wrapper_tool .selection_search,
:root[data-design="redesign"] .wrapper_tool .tool_selection_search {
  background-color: var(--bg_input) !important;
  border: 1px solid var(--border_strong) !important;
}
:root[data-design="redesign"] .elements_container .button_show_indexations,
:root[data-design="redesign"] .elements_container .default {
  background-color: transparent !important;
  border: 1px solid var(--border_strong) !important;
  color: var(--fg_muted) !important;
  opacity: 1 !important;
}
:root[data-design="redesign"] .elements_container .button_show_indexations:hover,
:root[data-design="redesign"] .elements_container .default:hover {
  border-color: var(--accent-text) !important;
  color: var(--accent-text) !important;
}
:root[data-design="redesign"] .elements_container .link_children {
  border-left-color: var(--color_grey_9) !important;
}
:root[data-design="redesign"] .elements_container .link_children:hover {
  border-left-color: var(--accent-text) !important;
}
:root[data-design="redesign"] .elements_container .link_children.open {
  border-left-color: transparent !important;
  border-top-color: var(--accent-text) !important;
}
:root[data-design="redesign"] .indexation .tag_id,
:root[data-design="redesign"] .column.indexation .tag_id {
  background-color: transparent !important;
  border: 1px solid var(--border_strong) !important;
  color: var(--fg_muted) !important;
}
:root[data-design="redesign"] .column.caption.section {
  background-color: var(--bg_surface_alt) !important;
}
:root[data-design="redesign"] .column.caption.section * {
  background-color: transparent !important;
  color: var(--fg_muted) !important;
}
:root[data-design="redesign"] .column.caption.section > label {
  background-color: var(--bg_surface) !important;
  box-shadow: inset 3px 0 0 var(--base_color, var(--border_strong)) !important;
  border-bottom: 1px solid var(--border_default) !important;
}
:root[data-design="redesign"] .indexations_container .top_container {
  box-shadow: none !important;
}
:root[data-design="redesign"] .area_ontology .typology_name {
  background-color: var(--bg_surface_alt) !important;
  color: var(--fg_muted) !important;
  box-shadow: inset 3px 0 0 var(--color_green_ontology) !important;
}
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .quit,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .menu_mobile_icon,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .theme_toggle,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .design_toggle,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .ai_assistant_button {
  filter: brightness(0);
  opacity: 0.6;
}
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .quit:hover,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .menu_mobile_icon:hover,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .theme_toggle:hover,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .design_toggle:hover,
:root[data-design="redesign"]:not([data-theme="dark"]) .menu > .content_data > .ai_assistant_button:hover {
  opacity: 1;
}
/*# sourceMappingURL=main.css.map */