@layer m3-components{.m3-cb{--_t:var(--md-sys-size-touch);--_layer:var(--md-sys-size-state-layer);--_c-box:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 78%, var(--md-sys-color-surface));--_c-fill:var(--md-sys-color-primary);--_c-mark:var(--md-sys-color-on-primary);--_c-layer:var(--md-sys-color-on-surface);cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;align-items:center;gap:4px;display:inline-flex}.m3-cb__target{width:max(var(--_t),var(--_layer));height:max(var(--_t),var(--_layer));flex:none;place-items:center;display:grid;position:relative}.m3-cb__input{appearance:none;opacity:0;width:100%;height:100%;cursor:inherit;z-index:1;margin:0;position:absolute;inset:0}.m3-cb__layer{width:var(--_layer);height:var(--_layer);background:var(--_c-layer);opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-t-state);border-radius:50%;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}@media (hover:hover){.m3-cb:hover .m3-cb__layer{opacity:var(--md-sys-state-hover-opacity)}.m3-cb:hover{--_c-box:var(--md-sys-color-on-surface)}}.m3-cb__input:focus-visible~.m3-cb__layer{opacity:var(--md-sys-state-focus-opacity);outline:var(--md-sys-focus-width) solid var(--md-sys-focus-color);outline-offset:0}.m3-cb:active .m3-cb__layer{opacity:var(--md-sys-state-pressed-opacity)}.m3-cb:has(.m3-cb__input:checked,.m3-cb__input:indeterminate){--_c-layer:var(--md-sys-color-primary)}.m3-cb__box{width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--_c-box);transition:box-shadow var(--md-sys-motion-t-fx-micro),scale var(--md-sys-motion-t-micro);background:0 0;border-radius:6px;display:block;position:relative}.m3-cb:active .m3-cb__box{scale:calc(1 - .12 * var(--md-sys-motion-travel))}.m3-cb__fill{border-radius:inherit;background:var(--_c-fill);opacity:0;scale:calc(1 - .6 * var(--md-sys-motion-travel));transition:scale var(--md-sys-motion-dur-micro-out) var(--md-sys-motion-exit),opacity var(--md-sys-motion-dur-micro-out) linear;position:absolute;inset:0}.m3-cb:has(.m3-cb__input:checked,.m3-cb__input:indeterminate) .m3-cb__fill{opacity:1;transition:scale var(--md-sys-motion-dur-small) var(--md-sys-motion-spatial-playful),opacity var(--md-sys-motion-t-fx-micro);scale:1}.m3-cb:has(.m3-cb__input:checked,.m3-cb__input:indeterminate) .m3-cb__box{box-shadow:inset 0 0 0 2px #0000}.m3-cb__box svg{fill:none;width:100%;height:100%;stroke:var(--_c-mark);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.m3-cb__check,.m3-cb__dash{stroke-dasharray:1 2;stroke-dashoffset:1px;opacity:0;transition:opacity var(--md-sys-motion-dur-micro-out) linear,stroke-dashoffset 0s linear var(--md-sys-motion-dur-micro-out)}.m3-cb__input:checked~.m3-cb__box .m3-cb__check,.m3-cb__input:indeterminate~.m3-cb__box .m3-cb__dash{stroke-dashoffset:0;opacity:1;transition:opacity 0s,stroke-dashoffset var(--md-sys-motion-dur-micro) var(--md-sys-motion-ease-standard) calc(var(--md-sys-motion-dur-small) / 3)}.m3-cb__input:indeterminate~.m3-cb__box .m3-cb__check{opacity:0;stroke-dashoffset:1px}.m3-cb[data-error]{--_c-box:var(--md-sys-color-error);--_c-fill:var(--md-sys-color-error);--_c-mark:var(--md-sys-color-on-error)}.m3-cb[data-error]:has(.m3-cb__input:checked,.m3-cb__input:indeterminate){--_c-layer:var(--md-sys-color-error)}.m3-cb[data-disabled]{cursor:default;pointer-events:none;--_c-box:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent);--_c-mark:var(--md-sys-color-surface);--_c-fill:color-mix(in srgb, var(--md-sys-color-on-surface) 38%, transparent)}.m3-cb[data-disabled] .m3-cb__label{color:color-mix(in srgb,var(--md-sys-color-on-surface) 38%,transparent)}.m3-cb__label{font:inherit;color:var(--md-sys-color-on-surface)}@media (forced-colors:active){.m3-cb__box{box-shadow:none;border:2px solid canvastext}.m3-cb__box svg{stroke:canvas;width:calc(100% + 4px);height:calc(100% + 4px);inset:-2px}.m3-cb__fill{background:canvastext}}}