:root{--md-checkbox-mark-width:6px;--md-checkbox-mark-height:10px}.checkbox{align-items:center;gap:var(--md-spacing-3);cursor:pointer;display:inline-flex}.checkbox__input{appearance:none;width:var(--md-spacing-5);height:var(--md-spacing-5);border:var(--md-divider-thickness) solid var(--md-outline);border-radius:var(--md-shape-extra-small);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard), border-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background-color:#0000;flex-shrink:0;position:relative}.checkbox:hover .checkbox__input:not(:checked):not(:disabled){border-color:var(--md-on-surface)}.checkbox__input:checked{background-color:var(--md-primary);border-color:var(--md-primary)}.checkbox__input:checked:after{content:"";width:var(--md-checkbox-mark-width);height:var(--md-checkbox-mark-height);border:solid var(--md-on-primary);border-width:0 calc(var(--md-divider-thickness) * 2) calc(var(--md-divider-thickness) * 2) 0;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)rotate(45deg)}.checkbox__input:focus-visible{outline:calc(var(--md-divider-thickness) * 2) solid var(--md-primary);outline-offset:calc(var(--md-spacing-1) / 2)}.checkbox__input:indeterminate{background-color:var(--md-primary);border-color:var(--md-primary)}.checkbox__input:indeterminate:after{content:"";width:calc(var(--md-spacing-5) / 2);height:calc(var(--md-divider-thickness) * 2);background-color:var(--md-on-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox__label{font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line);color:var(--md-on-surface);-webkit-user-select:none;user-select:none}.checkbox__input:disabled,.checkbox__input:disabled~.checkbox__label{opacity:var(--md-opacity-disabled);cursor:default}