.Plot
  $colorGenericHighlight: rgba(255, 255, 255, 0.8)
  $colorRedDanger: rgba(255, 0, 0, 0.5)
  $colorBlueWater: rgba(125, 245, 255, 0.6)
  $colorBrownFertilize: rgba(125, 56, 0, .75)
  $colorGreenOk: rgba(0, 255, 0, 0.5)
  $colorYellow: rgba(255, 255, 0, 0.75)

  background-repeat: no-repeat
  background-size: cover
  border: solid 1px #000
  flex-grow: 1
  image-rendering: pixelated

  &:hover
    background-color: $colorGenericHighlight
    cursor: pointer

  &.is-in-hover-range
    border-color: $colorGenericHighlight

  .water-mode &.crop:hover
    background-color: $colorBlueWater
    cursor: pointer

  .water-mode &.is-in-hover-range
    background-color: $colorBlueWater

  .fertilize-mode &.can-be-fertilized
    background-color: $colorBrownFertilize

    &:hover
      cursor: pointer

  .harvest-mode &.can-be-harvested
    background-color: $colorGreenOk

    &:hover
      cursor: pointer

  .mine-mode &.can-be-mined
    background-color: $colorGreenOk

    &:hover
      cursor: pointer
      border-color: $colorYellow

    &.is-in-hover-range
      border-color: $colorYellow

  .cleanup-mode &.crop
    background-color: $colorYellow
    cursor: pointer

  .harvest-mode.is-inventory-full &.crop.can-be-harvested,
  .cleanup-mode.is-inventory-full &.is-replantable
    background-color: $colorRedDanger
    cursor: not-allowed

  .cleanup-mode &.is-replantable
    background-color: $colorGreenOk
    cursor: pointer

  .cleanup-mode &.can-be-harvested
    background-color: $colorGreenOk
    cursor: auto

  .set-sprinkler-mode:hover &:hover,
  .set-scarecrow-mode:hover &:hover

    &.is-empty img
      cursor: pointer
      opacity: 0.5

    &:not(.is-empty)
      background-color: $colorRedDanger
      background-image: none
      cursor: not-allowed

  .set-sprinkler-mode:hover &:hover

    &.is-empty img
      background-image: url(../../img/items/sprinkler.png)

  .set-scarecrow-mode:hover &:hover

    &.is-empty img
      background-image: url(../../img/items/scarecrow.png)


  .was-just-shoveled
    animation-name: fadeAwayShoveledContent

  @keyframes fadeAwayShoveledContent
    from
      opacity: 1
      transform: translate3d(0, 0, 0) scale(1)

    to
      opacity: 0
      visibility: hidden
      transform: translate3d(0, -100%, 0) scale(0.75)