button{all:unset}.CheckboxRoot{background-color:var(--m-100);width:20px;height:20px;border-radius:var(--br-6);display:flex;align-items:center;justify-content:center;box-shadow:none;border:1px solid var(--gray-400);box-sizing:border-box}.CheckboxRoot>span{display:block;width:16px;height:20px}.CheckboxRoot:hover{background-color:transparent}.CheckboxRoot:focus{position:relative;box-shadow:none;outline:none}.CheckboxRoot:focus:before{content:"";width:24px;height:24px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px solid var(--m-navy02);border-radius:7px}.CheckboxRoot:disabled{background-color:var(--gray-200)}.CheckboxRoot[data-state=checked],.CheckboxRoot[data-state=indeterminate]{background-color:var(--m-navy02);border:1px solid var(--m-navy02)}.CheckboxRoot[data-state=checked] svg,.CheckboxRoot[data-state=indeterminate] svg{color:var(--m-100)}.CheckboxRoot[data-state=checked]:hover,.CheckboxRoot[data-state=indeterminate]:hover{background-color:var(--m-navy02)}.CheckboxRoot[data-state=checked]:disabled,.CheckboxRoot[data-state=indeterminate]:disabled{background-color:var(--gray-200);border:1px solid var(--gray-400)}.CheckboxRoot[data-state=checked]:disabled svg,.CheckboxRoot[data-state=indeterminate]:disabled svg{color:var(--gray-500)}.Label{padding-left:.6rem;font-size:var(--fs-16);line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;clip:rect(0 0 0 0)}