/* Tool slots mounted on the Christmas-tree carrier. The tree itself is non-interactive. */
.workbench-tree-tools {
  position: absolute;
  left: -2%;
  bottom: 200px;
  z-index: 5;
  width: 380px;
  height: 580px;
  pointer-events: none;
}

.workbench-tree-tool {
  position: absolute;
  margin: 0;
  padding: 0;
  appearance: none;
  pointer-events: auto;
}

.workbench-handoff-card {
  left: 337px;
  top: 310px;
  width: 48px;
  height: 44px;
  overflow: visible;
  border: 1.5px solid rgba(58, 70, 77, .58);
  border-radius: 4px;
  background: rgba(255, 253, 248, .94);
  box-shadow: none;
  color: #d85d57;
  cursor: pointer;
  transform: rotate(6deg);
  transform-origin: 0 50%;
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), border-color .18s ease;
}

.workbench-handoff-card-logo {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}

.workbench-handoff-card-logo svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.workbench-handoff-card:hover,
.workbench-handoff-card:focus-visible {
  border-color: rgba(58, 70, 77, .82);
  outline: none;
  transform: rotate(6deg) scale(1.06);
}

html.theme-dark .workbench-handoff-card {
  border-color: rgba(223, 231, 229, .56);
  background: rgba(245, 242, 235, .94);
  box-shadow: none;
}