.checkbox{align-items:center;cursor:pointer;display:flex;position:relative}.checkbox input[type=checkbox]{display:none}.checkbox__box{align-items:center;border:2px solid var(--md-sys-color-on-surface-variant);border-radius:2px;display:flex;height:20px;justify-content:center;position:relative;width:20px}.checkbox input[type=checkbox]:checked+.checkbox__box:after{border-bottom:4px solid var(--md-sys-color-primary);border-left:4px solid var(--md-sys-color-primary);border-radius:1px;content:"";height:10px;position:absolute;top:2px;transform:rotate(-45deg);width:10px}