/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Styles for custom indentation and tree item visibility for view access.
 */

/**
 * Indentation.
 */

.indentation {
  position: relative;
  left: calc(var(--space-xs) * -0.5); /* LTR */
  float: left; /* LTR */
  width: calc(25rem / 16); /* 25px */
  height: calc(25rem / 16); /* 25px */
  background: none !important;
  line-height: 0;
}

[dir="rtl"] .indentation {
  right: calc(var(--space-xs) * -0.5);
  left: auto;
  float: right;
}

/**
 * Tree is the visual representation for the simultaneously moved draggable
 * rows.
 *
 * These rules are styling the inline SVG that is placed inside the .indentation
 * element.
 */

.tree {
  width: calc(25rem / 16); /* 25px */
  height: calc(25rem / 16); /* 25px */
}

.tree__item {
  display: none;
}

/* LTR tree child. */

.tree-child path:not(.tree__item-child-ltr) {
  display: none;
}

.tree-child path.tree__item-child-ltr {
  display: block;
}

/* RTL tree child. */

[dir="rtl"] .tree-child path:not(.tree__item-child-rtl) {
  display: none;
}

[dir="rtl"] .tree-child path.tree__item-child-rtl {
  display: block;
}

/* Last LTR tree child. */

.tree-child-last path:not(.tree__item-child-last-ltr) {
  display: none;
}

.tree-child-last path.tree__item-child-last-ltr {
  display: block;
}

/* Last RTL tree child. */

[dir="rtl"] .tree-child-last path:not(.tree__item-child-last-rtl) {
  display: none;
}

[dir="rtl"] .tree-child-last path.tree__item-child-last-rtl {
  display: block;
}

/* Horizontal line. */

.tree-child-horizontal path:not(.tree__item-horizontal) {
  display: none;
}

.tree-child-horizontal path.tree__item-horizontal {
  display: block;
}