.mapped-cabinet:hover .cabinet-silhouette,
.mapped-cabinet:focus-visible .cabinet-silhouette,
.mapped-cabinet.selected .cabinet-silhouette {
  fill: transparent;
  stroke: transparent;
  filter: none;
}

.mapped-cabinet.future:hover .cabinet-silhouette,
.mapped-cabinet.future:focus-visible .cabinet-silhouette,
.mapped-cabinet.future.selected .cabinet-silhouette {
  fill: transparent;
  stroke: transparent;
  filter: none;
}

.cabinet-focus {
  fill: transparent;
  stroke: transparent;
  pointer-events: none;
  transition: fill 180ms ease;
}

.mapped-cabinet:hover .cabinet-focus,
.mapped-cabinet:focus-visible .cabinet-focus,
.mapped-cabinet.selected .cabinet-focus {
  fill: rgb(255 255 255 / 11%);
}

.mapped-cabinet.future:hover .cabinet-focus,
.mapped-cabinet.future:focus-visible .cabinet-focus,
.mapped-cabinet.future.selected .cabinet-focus {
  fill: rgb(255 255 255 / 8%);
}

#cabinet-4:hover .cabinet-silhouette,
#cabinet-4:focus-visible .cabinet-silhouette,
#cabinet-4.selected .cabinet-silhouette {
  fill: rgb(255 117 188 / 3%);
  stroke: rgb(255 151 204 / 18%);
  stroke-width: 2;
  filter: drop-shadow(0 0 7px rgb(255 117 188 / 58%));
}

#cabinet-5:hover .cabinet-silhouette,
#cabinet-5:focus-visible .cabinet-silhouette,
#cabinet-5.selected .cabinet-silhouette {
  fill: rgb(124 201 255 / 3%);
  stroke: rgb(157 218 255 / 18%);
  stroke-width: 2;
  filter: drop-shadow(0 0 7px rgb(92 181 244 / 58%));
}