uwc-input[type="checkbox"] {
  vertical-align: text-bottom;

  [disabled] & {
    pointer-events: none;
  }

  & > [part="root"] {
    width: 13px;
    height: 13px;
    margin: 3px 3px 3px 4px;
    border: 1px solid gray;
    border-radius: 2px;
    padding: 1px;
    box-sizing: border-box;
    display: flex;

    [disabled] & {
      background: var(--disabled-background);
    }

    [part="checkmark"] {
      width: 100%;
      height: 100%;
      border-radius: inherit;

      [checked] & {
        background: selectedItem;
      }

      [aria-checked="mixed"] & {
        height: 20%;
        align-self: center;
      }
    }
  }
}