n8n-editor-ui/dist/assets/RunDataJson-LufoUTRy.css

Workflow Editor UI for n8n

/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
._jsonDisplay_eimnw_123 {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: var(--spacing--sm);
  right: 0;
  overflow-y: hidden;
  line-height: 1.5;
  word-break: normal;
  height: 100%;
}
._jsonDisplay_eimnw_123:hover {
  /* Shows .actionsGroup element from <run-data-json-actions /> child component */
}
._jsonDisplay_eimnw_123:hover > div:first-child {
  opacity: 1;
}
._jsonDisplay_eimnw_123 ._mappable_eimnw_140 {
  cursor: grab;
}
._jsonDisplay_eimnw_123 ._mappable_eimnw_140:hover {
  background-color: var(--json--highlight--color);
}
._jsonDisplay_eimnw_123._highlight_eimnw_146 ._mappable_eimnw_140, ._jsonDisplay_eimnw_123._highlight_eimnw_146 ._mappable_eimnw_140:hover,
._jsonDisplay_eimnw_123 ._dragged_eimnw_147,
._jsonDisplay_eimnw_123 ._dragged_eimnw_147:hover {
  background-color: var(--color--primary--tint-2);
  color: var(--color--primary);
}
._jsonDisplay_eimnw_123._compact_eimnw_152 {
  padding-left: var(--spacing--2xs);
}/* BEM support Func
 -------------------------- */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Outline
-------------------------- */
/* Box shadow
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.vjs-tree {
  color: var(--json--color);
  --line-break--color: var(--code--line-break--color);
  font-size: var(--font-size--2xs);
}
.vjs-tree-node:hover {
  background-color: transparent;
}
.vjs-tree-node.is-highlight {
  background-color: var(--json--highlight--color);
}
.vjs-key > span,
.vjs-value > span {
  color: var(--color--text--shade-1);
  line-height: 1.7;
  border-radius: var(--radius);
}
.vjs-value > span {
  padding: 0 var(--spacing--5xs) 0 var(--spacing--5xs);
  margin-left: var(--spacing--5xs);
  white-space: pre-wrap;
}
.vjs-tree .vjs-value-null,
.vjs-tree .vjs-value-null span {
  color: var(--json--null--color);
}
.vjs-tree .vjs-value-boolean,
.vjs-tree .vjs-value-boolean span {
  color: var(--json--boolean--color);
}
.vjs-tree .vjs-value-number,
.vjs-tree .vjs-value-number span {
  color: var(--json--number--color);
}
.vjs-tree .vjs-value-string,
.vjs-tree .vjs-value-string span {
  color: var(--json--string--color);
}
.vjs-tree .vjs-key {
  color: var(--json--key--color);
}
.vjs-tree .vjs-tree__brackets {
  color: var(--json--brackets--color);
}
.vjs-tree .vjs-tree__brackets:hover {
  color: var(--json--brackets--color--hover);
}
.vjs-tree .vjs-tree__content.has-line {
  border-left: 1px dotted var(--json--line--color);
}
.vjs-tree .vjs-tree-list-holder-inner {
  padding-bottom: var(--spacing--3xl);
}