/* stylelint-disable scss/at-import-no-partial-leading-underscore */
/* stylelint-disable-next-line number-max-precision */
.linker-overlay .linker-link {
  position: absolute;
  width: 100%;
  height: 100%;
}
.linker-overlay .linker-link .link-dot,
.linker-overlay .linker-link .link-triangle {
  fill: var(--dh-color-visual-cyan);
}
.linker-overlay .linker-link path {
  stroke-width: 3;
  fill: transparent;
  stroke: var(--dh-color-cyan-700);
  pointer-events: none;
  transition: stroke 0.15s ease-out;
}
.linker-overlay .linker-link path.link-foreground {
  stroke: var(--dh-color-visual-cyan);
  stroke-dasharray: 10;
  animation: dash-forward 1.5s linear infinite;
}
.linker-overlay .linker-link path.link-select {
  stroke-width: 20;
  fill: transparent;
  stroke: transparent;
  pointer-events: stroke;
  cursor: pointer;
}
.linker-overlay .linker-link.link-is-selected {
  z-index: 20;
}
.linker-overlay .linker-link.link-is-selected .link-dot,
.linker-overlay .linker-link.link-is-selected .link-triangle {
  fill: var(--dh-color-accent-bg);
}
.linker-overlay .linker-link.link-is-selected path {
  stroke-width: 3;
  stroke: var(--dh-color-accent-400);
}
.linker-overlay .linker-link.link-is-selected path.link-select {
  stroke-width: 20;
  stroke: transparent;
}
.linker-overlay .linker-link.link-is-selected path.link-foreground {
  stroke: var(--dh-color-accent-bg);
}
.linker-overlay .linker-link.link-filter-source .link-dot,
.linker-overlay .linker-link.link-filter-source .link-triangle {
  fill: var(--dh-color-visual-purple);
}
.linker-overlay .linker-link.link-filter-source path {
  stroke-width: 3;
  stroke: var(--dh-color-purple-500);
}
.linker-overlay .linker-link.link-filter-source path.link-select {
  stroke-width: 20;
  stroke: transparent;
}
.linker-overlay .linker-link.link-filter-source path.link-foreground {
  stroke: var(--dh-color-visual-purple);
}
.linker-overlay .linker-link.link-invalid .link-dot,
.linker-overlay .linker-link.link-invalid .link-triangle {
  fill: var(--dh-color-gray-700);
}
.linker-overlay .linker-link.link-invalid path {
  stroke-width: 3;
  stroke: var(--dh-color-gray-400);
}
.linker-overlay .linker-link.link-invalid path.link-select {
  stroke-width: 20;
  stroke: transparent;
}
.linker-overlay .linker-link.link-invalid path.link-foreground {
  stroke: var(--dh-color-gray-700);
}
.linker-overlay .linker-link.disabled path.link-select {
  pointer-events: none;
}
.linker-overlay .linker-link.hovering {
  z-index: 10;
}
.linker-overlay .linker-link path.link-select:hover ~ path.link-background {
  stroke: var(--dh-color-accent-hover-bg);
}
.linker-overlay .linker-link path.link-select:hover ~ path.link-foreground,
.linker-overlay .linker-link path.link-select:hover ~ .link-dot,
.linker-overlay .linker-link path.link-select:hover ~ .link-triangle {
  stroke: var(--dh-color-accent-bg);
}
.linker-overlay .linker-link path.link-select:hover ~ .link-dot,
.linker-overlay .linker-link path.link-select:hover ~ .link-triangle {
  fill: var(--dh-color-accent-bg);
}
.linker-overlay .linker-link.danger-delete path.link-select {
  cursor: url("../../assets/svg/cursor-unlinker.svg") 8 8, pointer;
}
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ path.link-background {
  stroke: var(--dh-color-negative-down-bg);
}
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ path.link-foreground,
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ .link-dot,
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ .link-triangle {
  stroke: var(--dh-color-visual-negative);
}
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ .link-dot,
.linker-overlay .linker-link.danger-delete path.link-select:hover ~ .link-triangle {
  fill: var(--dh-color-visual-negative);
}
.linker-overlay .btn-fab {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all;
  min-width: calc(1.3em + 0.8429rem + 2px);
  min-height: calc(1.3em + 0.8429rem + 2px);
  height: calc(1.3em + 0.8429rem + 2px);
  width: calc(1.3em + 0.8429rem + 2px);
  line-height: 1.25rem;
  padding: 0;
  margin: 0;
  z-index: 30;
  box-shadow: 0 0.1rem 1rem var(--dh-color-dropshadow);
}
.linker-overlay .btn-fab .fa-layers {
  display: inline-flex;
  justify-content: center;
}
.linker-overlay .btn-fab .fa-layers b {
  font-size: 1.25rem;
}
.linker-overlay .btn-fab.btn-delete:hover {
  background-color: var(--dh-color-visual-negative);
  border-color: var(--dh-color-visual-negative);
}

@keyframes dash-forward {
  to {
    stroke-dashoffset: -20;
  }
}

/*# sourceMappingURL=LinkerLink.css.map */