@layer components {
  .drag-and-drop__dragged-item {
    box-shadow: none;
    filter: grayscale(1) brightness(0.97);
    opacity: 0.6;
    outline: 2px dashed var(--color-selected-dark);
  }

  .drag-and-drop__hover-container {
    background-color: var(--color-selected-light);
    outline: 2px dashed var(--color-selected-dark);
    transition: background-color 200ms;
    z-index: 1;

    .cards__heading {
      background-color: transparent;
    }
  }
}