.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);display:inline-flex;flex-direction:column;gap:4px;font-family:var(--md-sys-typescale-label-large-font-family)}.m3-checkbox__label{display:inline-flex;align-items:center;gap:16px;cursor:pointer;-webkit-tap-highlight-color:transparent}.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{position:relative;width:var(--m3-checkbox-size);height:var(--m3-checkbox-size);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.m3-checkbox__input{appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;z-index:1}.m3-checkbox__visual{position:relative;width:var(--m3-checkbox-size);height:var(--m3-checkbox-size);display:flex;align-items:center;justify-content:center;border-radius:50%;pointer-events:none}.m3-checkbox__background{position:relative;z-index:1;width:var(--m3-checkbox-icon-size);height:var(--m3-checkbox-icon-size);border:2px solid var(--m3-checkbox-border);border-radius:2px;background-color:var(--m3-checkbox-fill);display:flex;align-items:center;justify-content:center;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}.m3-checkbox__icon{width:18px;height:18px;opacity:0;transform:scale(.5);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)}.m3-checkbox__mark{stroke:var(--m3-checkbox-mark);stroke-width:2.5}.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);font-size:12px;line-height:16px;letter-spacing:.4px}.m3-checkbox__supporting-text--error{color:var(--md-sys-color-error)}