.instrument-card,
.instrument-card.current,
.instrument-card:hover,
.instrument-card:focus-visible,
.perform-slot.has-image,
.perform-slot.has-image:hover,
.perform-slot.has-image:focus-visible {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  opacity: 1;
  filter: none;
}

.instrument-card .art,
.instrument-card .art:hover,
.instrument-card .art:active,
.perform-slot.has-image .visual,
.perform-slot.has-image .visual-art {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  filter: none;
}

.instrument {
  position: relative;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  user-select: none;
  touch-action: none;
  cursor: grab;
}

.instrument:active,
.instrument.dragging {
  cursor: grabbing;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

.instrument img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
}

.bank-item,
.bank-item.selected,
.bank-item.used {
  background: transparent;
  opacity: 1;
}

.bank-item .instrument:hover,
.bank-item .instrument:focus-visible {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
}

.perform-slot.has-image::after {
  background: rgba(178, 53, 44, .16);
  pointer-events: none;
}
