<style include="settings-shared">
/* add padding so that checkbox ripple is not cut off */
.ripple-padding {
padding-inline-start: 20px;
padding-inline-end: 20px;
}
cr-checkbox::part(label-container) {
min-width: 0;
}
</style>
<cr-checkbox id="checkbox" class="list-item no-outline ripple-padding"
tab-index="-1" checked="{{checked}}" part="checkbox">
<slot></slot>
</cr-checkbox>