.m3-checkbox{--m3-checkbox-size:40px;--m3-checkbox-icon-size:18px;--m3-checkbox-border:var(--md-sys-color-on-surface-variant);--m3-checkbox-fill:transparent;--m3-checkbox-mark:transparent;--md-ripple-color:var(--md-sys-color-primary);font-family:var(--md-sys-typescale-label-large-font-family);flex-direction:column;gap:4px;display:inline-flex}.m3-checkbox__label{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:16px;display:inline-flex}.m3-checkbox__label-text{color:var(--md-sys-color-on-surface);font-weight:var(--md-sys-typescale-label-large-font-weight);font-size:var(--md-sys-typescale-label-large-font-size);line-height:var(--md-sys-typescale-label-large-line-height);letter-spacing:var(--md-sys-typescale-label-large-letter-spacing)}.m3-checkbox__container{width:var(--m3-checkbox-size);height:var(--m3-checkbox-size);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.m3-checkbox__input{appearance:none;opacity:0;width:100%;height:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.m3-checkbox__visual{width:var(--m3-checkbox-size);height:var(--m3-checkbox-size);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.m3-checkbox__background{z-index:1;width:var(--m3-checkbox-icon-size);height:var(--m3-checkbox-icon-size);border:2px solid var(--m3-checkbox-border);background-color:var(--m3-checkbox-fill);transition:background-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);box-sizing:border-box;border-radius:2px;justify-content:center;align-items:center;display:flex;position:relative}.m3-checkbox__icon{opacity:0;width:18px;height:18px;transition:opacity var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short2) var(--md-sys-motion-easing-standard);transform:scale(.5)}.m3-checkbox__mark{stroke:var(--m3-checkbox-mark);stroke-width:2.5px}.m3-checkbox__input:focus-visible~.m3-checkbox__visual{outline:2px solid var(--md-sys-color-secondary);outline-offset:2px}.m3-checkbox__input:hover:not(:disabled)~.m3-checkbox__visual{--m3-checkbox-border:var(--md-sys-color-on-surface)}.m3-checkbox__input:checked~.m3-checkbox__visual{--m3-checkbox-border:var(--md-sys-color-primary);--m3-checkbox-fill:var(--md-sys-color-primary);--m3-checkbox-mark:var(--md-sys-color-on-primary)}.m3-checkbox__input:checked~.m3-checkbox__visual .m3-checkbox__icon{opacity:1;transform:scale(1)}.m3-checkbox--error{--m3-checkbox-border:var(--md-sys-color-error);--md-ripple-color:var(--md-sys-color-error)}.m3-checkbox--error .m3-checkbox__input:checked~.m3-checkbox__visual{--m3-checkbox-border:var(--md-sys-color-error);--m3-checkbox-fill:var(--md-sys-color-error);--m3-checkbox-mark:var(--md-sys-color-on-error)}.m3-checkbox--error .m3-checkbox__input:hover:not(:disabled)~.m3-checkbox__visual{--m3-checkbox-border:var(--md-sys-color-on-error-container)}.m3-checkbox--error .m3-checkbox__label-text{color:var(--md-sys-color-error)}.m3-checkbox--disabled .m3-checkbox__label{cursor:not-allowed}.m3-checkbox--disabled .m3-checkbox__label-text{color:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-checkbox--disabled{--m3-checkbox-border:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--md-ripple-color:transparent}.m3-checkbox--disabled .m3-checkbox__input:checked~.m3-checkbox__visual{--m3-checkbox-border:transparent;--m3-checkbox-fill:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--m3-checkbox-mark:var(--md-sys-color-surface)}.m3-checkbox__supporting-text{margin:0;margin-left:calc(var(--m3-checkbox-size) + 16px);color:var(--md-sys-color-on-surface-variant);letter-spacing:.4px;font-size:12px;line-height:16px}.m3-checkbox__supporting-text--error{color:var(--md-sys-color-error)}