.act-canvas-mode-switcher{
  display:flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border:1px solid color-mix(in srgb,currentColor 14%,transparent);
  border-radius:999px;
  background:color-mix(in srgb,var(--fo-panel,#111) 88%,transparent);
  backdrop-filter:blur(16px);
}
.act-canvas-mode-switcher__button{
  appearance:none;
  border:0;
  border-radius:999px;
  padding:7px 11px;
  background:transparent;
  color:inherit;
  font:600 12px/1 system-ui,-apple-system,sans-serif;
  cursor:pointer;
}
.act-canvas-mode-switcher__button:hover,
.act-canvas-mode-switcher__button:focus-visible{
  background:color-mix(in srgb,currentColor 10%,transparent);
}
.act-canvas-mode-switcher__button.is-active,
.act-canvas-mode-switcher__button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--fo-accent,currentColor) 20%,transparent);
  color:var(--fo-accent,currentColor);
}

.canvas.is-cassette-drop-target{
  outline:2px dashed color-mix(in srgb,var(--fo-accent,currentColor) 70%,transparent);
  outline-offset:-10px;
}
.act-canvas-mode-switcher__button[draggable="true"]{cursor:grab}
.act-canvas-mode-switcher__button[draggable="true"]:active{cursor:grabbing}