body.lazarus.task_templates {
  .card.is-select {
    padding: calc(var(--base-spacing) * 2) var(--base-spacing);
    display: flex;
    align-items: center;
    color: black;
    cursor: pointer;
    user-select: none;
    &:before {
      font-size: 1.5rem;
      margin-right: var(--base-spacing);  
      content: "◎";
    }
    &:hover,
    &:focus {
      border-color: black;
    }

    &.is-active {
      border-color: black;
      &:before {
        content: "◉";
      }
    }
  }

  input[type='checkbox']:checked,
  input[type='radio']:checked
   + label > .card.is-select {
    border-color: black;
    &:before {
      content: "◉";
    }
  }
}