.shovel-radio-option-fieldset {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
}

.shovel-radio-option-container {
  display: inline-flex;
}

.shovel-radio-option {
  display: grid;
}

.shovel-radio-option__input,
.shovel-radio-option__label {
  grid-row: 1;
  grid-column: 1;

  display: grid !important;
  place-content: center;
  height: 75px;
  width: 75px;
}

.shovel-radio-option__label {
  font-size: 16px;
  font-family: mega, sans-serif;
}

.shovel-radio-option__input {
  appearance: none;
  background-color: #fff;
  margin: 0;
  padding: 15px;
  border: none;


  &:hover {
    background-image: url('./shovel-radio-hover.svg');
  }

  &:checked,
  &:hover,
  &.shovel-sold-out {
    background-size: 75px 75px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .shovel-radio-option-container:nth-child(5n+1) & {
    &:checked {
      background-image: url('./shovel-radio-selected-pink.png');
    }
  }

  .shovel-radio-option-container:nth-child(5n+2) & {
    &:checked {
      background-image: url('./shovel-radio-selected-purple.png');
    }
  }

  .shovel-radio-option-container:nth-child(5n+3) & {
    &:checked {
      background-image: url('./shovel-radio-selected-blue.png');
    }
    &:checked + .shovel-radio-option__label {
      color: black;
    }
  }

  .shovel-radio-option-container:nth-child(5n+4) & {
    &:checked {
      background-image: url('./shovel-radio-selected-green.png');
    }
    &:checked + .shovel-radio-option__label {
      color: black;
    }
  }

  .shovel-radio-option-container:nth-child(5n+5) & {
    &:checked {
      background-image: url('./shovel-radio-selected-orange.png');
    }
    &:checked + .shovel-radio-option__label {
      color: black;
    }
  }

  &.shovel-sold-out {
    background-image: url('./shovel-radio-sold-out.svg');
    cursor: not-allowed;
    background-color: transparent;
    background-size: 32px 32px;
    z-index: 1;
    & + .shovel-radio-option__label {
      z-index: 0;
    }
  }
}