.dock__point {
  @media (hover: hover) {
    &:hover:not(&--selected):not(:disabled) &__background {
      background-color: var(--wds-color-black-700);
    }
  }

  &:focus-visible:not(&--selected) &__background {
    background-color: var(--wds-color-black-700);
  }

  &--selected &__background {
    background-color: var(--wds-color-fill-dark-primary);
  }
}