#snippetor-modal.snippetor-checkboxes-modal {
  /* This is a list that contains preview AND settings */
  ul.contains-task-list {
    li.task-list-item {
      display: flex;
      align-items: stretch;
      justify-content: space-between;
      flex-wrap: nowrap;
      margin-bottom: 5px;
      position: relative;
      text-decoration: none;
      color: unset;
      background-color: unset;

      .header {
        font-weight: bold;
      }

      .header,
      .snippetor-settings {
        flex-grow: 2;
        border-left: 1px solid var(--background-secondary);
        border-right: 1px solid var(--background-secondary);
        border-radius: 4px;
        padding-left: 5px;
        padding-right: 5px;
      }

      .snippetor-preview {
        width: 100px;
        max-width: 100px;
        min-width: 100px;
        pointer-events: none;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--snippetor-fg);
        background-color: var(--snippetor-bg);

        input[type=checkbox]:checked {
          color: var(--checkbox-color);
          border-color: var(--checkbox-border-color);
          background: var(--checkbox-bg);
        }

        input[type=checkbox]:checked::after {
          transform: none;
          -webkit-mask-image: none;
          background: unset;
          position: absolute;
          text-align: center;
          font-weight: 500;
          font-size: var(--snippetor-box-font-size);
          font-family: var(--snippetor-box-font);
          line-height: var(--snippetor-box-font-size);
          top: var(--snippetor-box-top);
          left: var(--snippetor-box-left);
          margin-left: var(--snippetor-box-margin-left);
          color: var(--checkbox-color);
          content: attr(data);
        }

        /* Task list item settings */
        .example {
          font-size: var(--snippetor-text-font-size);
          font-family: var(--snippetor-text-font);
          font-weight: var(--snippetor-text-weight);
          font-style: var(--snippetor-text-style);
          text-decoration: var(--snippetor-text-decoration);
        }
      }
    }
  }
}
