@import '../../../styles/common.scss';

.container {
  .value {
    display: grid;
    grid-template-columns: 35px auto;
    color: var(--input-color, $input-color);
    font-size: var(--label-font-size, $label-font-size);
    align-items: center;

    .false {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath vector-effect='non-scaling-stroke' fill='none' stroke='%23B7B7B7' stroke-width='2' d='M20,2c9.9,0,18,8.1,18,18s-8.1,18-18,18S2,29.9,2,20S10.1,2,20,2z M11,20h18'/%3E%3C/svg%3E");
      height: 20px;
      width: 20px;
    }

    .true {
      background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath vector-effect='non-scaling-stroke' fill='none' stroke='%23707070' stroke-width='2' d='M20,2c9.9,0,18,8.1,18,18s-8.1,18-18,18S2,29.9,2,20S10.1,2,20,2z M29,13.5 L17.8,26.3L11,19.1'/%3E%3C/svg%3E%0A");
      height: 20px;
      width: 20px;
    }
  }
}
