$checklist-border: #919197;

.stolen-checklist-wrap {
  padding-bottom: 0;
  ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
  }
  li {
    display: block;
    padding: 0 0 0 2rem;
    margin: 0.5rem 0 0;
    position: relative;
    line-height: 1.5;

    .checklist-checkbox,
    .checklist-uncheckbox {
      display: block;
      position: absolute;
      background: #fff;
      left: 0.25em;
      top: 0.25em;
      border: 2px solid $checklist-border;
      border-radius: 50%;
      min-width: 1.5em;
      min-height: 1.5em;
      vertical-align: middle;
      line-height: 1;
      padding: 0.1em;
    }
    .checklist-uncheckbox {
      top: 0.75rem;
      border-radius: 0;
      background: $checklist-border;
      min-height: 0.2em;
    }
    &.completed-item {
      opacity: 0.75;
      & > .checklist-text {
        text-decoration: line-through;
      }
      .checklist-checkbox {
        color: $checklist-border;
        font-family: "zp-icons";
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-rendering: optimizeLegibility;
        text-transform: none;
      }
    }
  }

  @include media-breakpoint-up(lg) {
    .stolen-checklist, .also-give-me-padding-x {
      padding-right: $vertical-height;
      padding-left: $vertical-height;
    }
  }
}
