@material/web 0.1.0-alpha.0 → 0.1.0-alpha.2

package/checkbox/lib/checkbox-styles.css.js

@@ -4,6 +4,6 @@
   * SPDX-License-Identifier: Apache-2.0
   */
 import { css } from 'lit';
-export const styles = css `:host{--md-ripple-hover-state-layer-color:var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-focus-state-layer-color:var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-pressed-state-layer-color:var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);--md-focus-ring-container-outer-padding-vertical:-2px;--md-focus-ring-container-outer-padding-horizontal:-2px;display:inline-flex}:host .md3-checkbox{height:var(--md-checkbox-state-layer-size, 40px);width:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox .md3-checkbox__background{height:var(--md-checkbox-icon-size, 18px)}:host .md3-checkbox .md3-checkbox__background{width:var(--md-checkbox-icon-size, 18px)}:host .md3-checkbox .md3-checkbox__background{height:var(--md-checkbox-container-height, 18px)}:host .md3-checkbox .md3-checkbox__background{width:var(--md-checkbox-container-width, 18px)}:host .md3-checkbox .md3-checkbox__background{border-radius:var(--md-checkbox-container-shape, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{background-color:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-color:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{background-color:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-color:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{background-color:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-color:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{background-color:var(--md-checkbox-selected-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-color:var(--md-checkbox-selected-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}@keyframes md3-checkbox-fade-in-background{0%{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));background-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}50%{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}}@keyframes md3-checkbox-fade-out-background{0%,80%{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}100%{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));background-color:rgba(0,0,0,0)}}:host .md3-checkbox .md3-checkbox--anim-unchecked-checked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-in-background}:host .md3-checkbox .md3-checkbox--anim-checked-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-out-background}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-width:var(--md-checkbox-selected-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-width:var(--md-checkbox-selected-hover-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-width:var(--md-checkbox-selected-focus-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-width:var(--md-checkbox-selected-pressed-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-width:var(--md-checkbox-selected-disabled-container-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-hover-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-focus-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-pressed-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-disabled-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe))}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe))}:host .md3-checkbox .md3-checkbox__ripple{height:var(--md-checkbox-state-layer-size, 40px);width:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox .md3-checkbox__native-control{width:var(--md-checkbox-state-layer-size, 40px);height:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox--touch{height:var(--md-checkbox-_touch-target-size, 48px);width:var(--md-checkbox-_touch-target-size, 48px)}:host .md3-checkbox--touch .md3-checkbox__native-control{width:var(--md-checkbox-_touch-target-size, 48px);height:var(--md-checkbox-_touch-target-size, 48px)}:host .md3-checkbox__native-control:checked:enabled~.md3-checkbox__ripple,:host .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__ripple,:host .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__ripple{--md-ripple-hover-state-layer-color:var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-hover-state-layer-opacity:var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}@keyframes md3-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes md3-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes md3-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes md3-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes md3-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes md3-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:md3-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes md3-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes md3-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}:host .md3-checkbox--anim-unchecked-checked .md3-checkbox__background,:host .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__background,:host .md3-checkbox--anim-checked-unchecked .md3-checkbox__background,:host .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__background{animation-duration:180ms;animation-timing-function:linear}:host .md3-checkbox--anim-unchecked-checked .md3-checkbox__checkmark-path{animation:md3-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}:host .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__mixedmark{animation:md3-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-unchecked .md3-checkbox__checkmark-path{animation:md3-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-indeterminate .md3-checkbox__checkmark{animation:md3-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-indeterminate .md3-checkbox__mixedmark{animation:md3-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-checked .md3-checkbox__checkmark{animation:md3-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-checked .md3-checkbox__mixedmark{animation:md3-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__mixedmark{animation:md3-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}:host .md3-checkbox{display:inline-flex;position:relative;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;z-index:0;align-items:center;justify-content:center;flex-direction:column}:host .md3-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;background-color:rgba(0,0,0,0);pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,border-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__checkmark{padding:2.8px;position:absolute;inset:0;box-sizing:border-box;width:100%;border:none;transition:opacity 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__checkmark-path{transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;stroke:currentColor;stroke-width:4px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host .md3-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;background-color:currentColor;border-color:currentColor;opacity:0;transition:opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;margin:4px}:host .md3-checkbox__native-control:checked~.md3-checkbox__background,:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background{transition:border-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms,background-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__checkmark-path,:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__checkmark-path,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__checkmark-path{stroke-dashoffset:0}:host .md3-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}:host .md3-checkbox--disabled,:host .md3-checkbox__native-control:disabled{cursor:default;pointer-events:none}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__checkmark{transition:opacity 180ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 180ms cubic-bezier(0, 0, 0.2, 1) 0ms;opacity:1}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__checkmark,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__mixedmark,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}:host .md3-checkbox__ripple{position:absolute;display:inline-flex;z-index:-1}@media(forced-colors: active){:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-color:GrayText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{background-color:GrayText}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-color:GrayText}@keyframes md3-checkbox-fade-in-background{0%{border-color:CanvasText;background-color:CanvasText}50%{border-color:CanvasText;background-color:CanvasText}}@keyframes md3-checkbox-fade-out-background{0%,80%{border-color:CanvasText;background-color:CanvasText}100%{border-color:CanvasText;background-color:rgba(0,0,0,0)}}:host .md3-checkbox .md3-checkbox--anim-unchecked-checked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-in-background}:host .md3-checkbox .md3-checkbox--anim-checked-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-out-background}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}}/*# sourceMappingURL=checkbox-styles.css.map */
+export const styles = css `:host{--_container-height: var(--md-checkbox-container-height, 18px);--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-width: var(--md-checkbox-container-width, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-focus-outline-width: var(--md-checkbox-unselected-error-focus-outline-width, 2px);--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-width: var(--md-checkbox-unselected-error-hover-outline-width, 2px);--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-width: var(--md-checkbox-unselected-error-pressed-outline-width, 2px);--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px}input{appearance:none;inset:0;margin:0;outline:none;position:absolute}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-height);width:var(--_container-width)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:9999px;--md-focus-ring-shape-start-end:9999px;--md-focus-ring-shape-end-end:9999px;--md-focus-ring-shape-end-start:9999px;--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-state-layer-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-state-layer-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-state-layer-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-state-layer-color:var(--_error-focus-state-layer-color);--md-ripple-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color);border-width:var(--_unselected-error-hover-outline-width)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color);border-width:var(--_unselected-error-focus-outline-width)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color);border-width:var(--_unselected-error-pressed-outline-width)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */
 `;
 //# sourceMappingURL=checkbox-styles.css.js.map

package/checkbox/lib/checkbox-styles.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-styles.css.js","sourceRoot":"","sources":["checkbox-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--md-ripple-hover-state-layer-color:var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-focus-state-layer-color:var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-pressed-state-layer-color:var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);--md-focus-ring-container-outer-padding-vertical:-2px;--md-focus-ring-container-outer-padding-horizontal:-2px;display:inline-flex}:host .md3-checkbox{height:var(--md-checkbox-state-layer-size, 40px);width:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox .md3-checkbox__background{height:var(--md-checkbox-icon-size, 18px)}:host .md3-checkbox .md3-checkbox__background{width:var(--md-checkbox-icon-size, 18px)}:host .md3-checkbox .md3-checkbox__background{height:var(--md-checkbox-container-height, 18px)}:host .md3-checkbox .md3-checkbox__background{width:var(--md-checkbox-container-width, 18px)}:host .md3-checkbox .md3-checkbox__background{border-radius:var(--md-checkbox-container-shape, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-color:var(--md-checkbox-unselected-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{background-color:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-color:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{background-color:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-color:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{background-color:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-color:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{background-color:var(--md-checkbox-selected-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-color:var(--md-checkbox-selected-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}@keyframes md3-checkbox-fade-in-background{0%{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));background-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f))}50%{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}}@keyframes md3-checkbox-fade-out-background{0%,80%{border-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}100%{border-color:var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface, #1c1b1f));background-color:rgba(0,0,0,0)}}:host .md3-checkbox .md3-checkbox--anim-unchecked-checked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-in-background}:host .md3-checkbox .md3-checkbox--anim-checked-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-out-background}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-width:var(--md-checkbox-selected-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-width:var(--md-checkbox-selected-hover-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-width:var(--md-checkbox-selected-focus-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-width:var(--md-checkbox-selected-pressed-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-width:var(--md-checkbox-selected-disabled-container-outline-width, 0)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-hover-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-focus-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-pressed-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-width:var(--md-checkbox-unselected-disabled-outline-width, 2px)}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__checkmark{color:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe))}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__mixedmark{color:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe))}:host .md3-checkbox .md3-checkbox__ripple{height:var(--md-checkbox-state-layer-size, 40px);width:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox .md3-checkbox__native-control{width:var(--md-checkbox-state-layer-size, 40px);height:var(--md-checkbox-state-layer-size, 40px)}:host .md3-checkbox--touch{height:var(--md-checkbox-_touch-target-size, 48px);width:var(--md-checkbox-_touch-target-size, 48px)}:host .md3-checkbox--touch .md3-checkbox__native-control{width:var(--md-checkbox-_touch-target-size, 48px);height:var(--md-checkbox-_touch-target-size, 48px)}:host .md3-checkbox__native-control:checked:enabled~.md3-checkbox__ripple,:host .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__ripple,:host .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__ripple{--md-ripple-hover-state-layer-color:var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--md-ripple-hover-state-layer-opacity:var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}@keyframes md3-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes md3-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes md3-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes md3-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes md3-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes md3-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:md3-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes md3-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes md3-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}:host .md3-checkbox--anim-unchecked-checked .md3-checkbox__background,:host .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__background,:host .md3-checkbox--anim-checked-unchecked .md3-checkbox__background,:host .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__background{animation-duration:180ms;animation-timing-function:linear}:host .md3-checkbox--anim-unchecked-checked .md3-checkbox__checkmark-path{animation:md3-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}:host .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__mixedmark{animation:md3-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-unchecked .md3-checkbox__checkmark-path{animation:md3-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-indeterminate .md3-checkbox__checkmark{animation:md3-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-checked-indeterminate .md3-checkbox__mixedmark{animation:md3-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-checked .md3-checkbox__checkmark{animation:md3-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-checked .md3-checkbox__mixedmark{animation:md3-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}:host .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__mixedmark{animation:md3-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}:host .md3-checkbox{display:inline-flex;position:relative;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom;z-index:0;align-items:center;justify-content:center;flex-direction:column}:host .md3-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;border-style:solid;background-color:rgba(0,0,0,0);pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,border-color 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__checkmark{padding:2.8px;position:absolute;inset:0;box-sizing:border-box;width:100%;border:none;transition:opacity 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__checkmark-path{transition:stroke-dashoffset 180ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;stroke:currentColor;stroke-width:4px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}:host .md3-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;background-color:currentColor;border-color:currentColor;opacity:0;transition:opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;margin:4px}:host .md3-checkbox__native-control:checked~.md3-checkbox__background,:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background{transition:border-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms,background-color 90ms cubic-bezier(0, 0, 0.2, 1) 0ms}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__checkmark-path,:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__checkmark-path,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__checkmark-path{stroke-dashoffset:0}:host .md3-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}:host .md3-checkbox--disabled,:host .md3-checkbox__native-control:disabled{cursor:default;pointer-events:none}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__checkmark{transition:opacity 180ms cubic-bezier(0, 0, 0.2, 1) 0ms,transform 180ms cubic-bezier(0, 0, 0.2, 1) 0ms;opacity:1}:host .md3-checkbox__native-control:checked~.md3-checkbox__background .md3-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__checkmark,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms,transform 90ms cubic-bezier(0.4, 0, 0.6, 1) 0ms}:host .md3-checkbox__native-control:indeterminate~.md3-checkbox__background .md3-checkbox__mixedmark,:host .md3-checkbox__native-control[data-indeterminate=true]~.md3-checkbox__background .md3-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}:host .md3-checkbox__ripple{position:absolute;display:inline-flex;z-index:-1}@media(forced-colors: active){:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:hover~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:focus~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):enabled:active~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:not(:checked):not(:indeterminate):not([data-indeterminate=true]):disabled~.md3-checkbox__background{border-color:GrayText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:hover~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:hover~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:focus~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:focus~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{background-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:enabled:active~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:enabled:active~.md3-checkbox__background{border-color:CanvasText}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{background-color:GrayText}:host .md3-checkbox .md3-checkbox__native-control:checked:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control:indeterminate:disabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox__native-control[data-indeterminate=true]:disabled~.md3-checkbox__background{border-color:GrayText}@keyframes md3-checkbox-fade-in-background{0%{border-color:CanvasText;background-color:CanvasText}50%{border-color:CanvasText;background-color:CanvasText}}@keyframes md3-checkbox-fade-out-background{0%,80%{border-color:CanvasText;background-color:CanvasText}100%{border-color:CanvasText;background-color:rgba(0,0,0,0)}}:host .md3-checkbox .md3-checkbox--anim-unchecked-checked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-unchecked-indeterminate .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-in-background}:host .md3-checkbox .md3-checkbox--anim-checked-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background,:host .md3-checkbox .md3-checkbox--anim-indeterminate-unchecked .md3-checkbox__native-control:enabled~.md3-checkbox__background{animation-name:md3-checkbox-fade-out-background}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:hover~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:focus~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:active~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__checkmark{color:Canvas}:host .md3-checkbox .md3-checkbox__native-control:disabled~.md3-checkbox__background .md3-checkbox__mixedmark{color:Canvas}}/*# sourceMappingURL=checkbox-styles.css.map */\n`;\n "]}
+{"version":3,"file":"checkbox-styles.css.js","sourceRoot":"","sources":["checkbox-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{--_container-height: var(--md-checkbox-container-height, 18px);--_container-shape: var(--md-checkbox-container-shape, 2px);--_container-width: var(--md-checkbox-container-width, 18px);--_error-focus-state-layer-color: var(--md-checkbox-error-focus-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-color: var(--md-checkbox-error-hover-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-hover-state-layer-opacity: var(--md-checkbox-error-hover-state-layer-opacity, 0.08);--_error-pressed-state-layer-color: var(--md-checkbox-error-pressed-state-layer-color, var(--md-sys-color-error, #b3261e));--_error-pressed-state-layer-opacity: var(--md-checkbox-error-pressed-state-layer-opacity, 0.12);--_icon-size: var(--md-checkbox-icon-size, 18px);--_selected-container-color: var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4));--_selected-disabled-container-color: var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-disabled-container-opacity: var(--md-checkbox-selected-disabled-container-opacity, 0.38);--_selected-disabled-icon-color: var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fffbfe));--_selected-error-container-color: var(--md-checkbox-selected-error-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-container-color: var(--md-checkbox-selected-error-focus-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-focus-icon-color: var(--md-checkbox-selected-error-focus-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-hover-container-color: var(--md-checkbox-selected-error-hover-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-hover-icon-color: var(--md-checkbox-selected-error-hover-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-icon-color: var(--md-checkbox-selected-error-icon-color, var(--md-sys-color-on-error, #fff));--_selected-error-pressed-container-color: var(--md-checkbox-selected-error-pressed-container-color, var(--md-sys-color-error, #b3261e));--_selected-error-pressed-icon-color: var(--md-checkbox-selected-error-pressed-icon-color, var(--md-sys-color-on-error, #fff));--_selected-focus-container-color: var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-icon-color: var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-focus-state-layer-color: var(--md-checkbox-selected-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-focus-state-layer-opacity: var(--md-checkbox-selected-focus-state-layer-opacity, 0.12);--_selected-hover-container-color: var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-icon-color: var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-hover-state-layer-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_selected-hover-state-layer-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--_selected-icon-color: var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-container-color: var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4));--_selected-pressed-icon-color: var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_selected-pressed-state-layer-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_selected-pressed-state-layer-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12);--_state-layer-shape: var(--md-checkbox-state-layer-shape, 9999px);--_state-layer-size: var(--md-checkbox-state-layer-size, 40px);--_unselected-disabled-container-opacity: var(--md-checkbox-unselected-disabled-container-opacity, 0.38);--_unselected-disabled-outline-color: var(--md-checkbox-unselected-disabled-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-disabled-outline-width: var(--md-checkbox-unselected-disabled-outline-width, 2px);--_unselected-error-focus-outline-color: var(--md-checkbox-unselected-error-focus-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-focus-outline-width: var(--md-checkbox-unselected-error-focus-outline-width, 2px);--_unselected-error-hover-outline-color: var(--md-checkbox-unselected-error-hover-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-hover-outline-width: var(--md-checkbox-unselected-error-hover-outline-width, 2px);--_unselected-error-outline-color: var(--md-checkbox-unselected-error-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-color: var(--md-checkbox-unselected-error-pressed-outline-color, var(--md-sys-color-error, #b3261e));--_unselected-error-pressed-outline-width: var(--md-checkbox-unselected-error-pressed-outline-width, 2px);--_unselected-focus-outline-color: var(--md-checkbox-unselected-focus-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-outline-width: var(--md-checkbox-unselected-focus-outline-width, 2px);--_unselected-focus-state-layer-color: var(--md-checkbox-unselected-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-focus-state-layer-opacity: var(--md-checkbox-unselected-focus-state-layer-opacity, 0.12);--_unselected-hover-outline-color: var(--md-checkbox-unselected-hover-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-outline-width: var(--md-checkbox-unselected-hover-outline-width, 2px);--_unselected-hover-state-layer-color: var(--md-checkbox-unselected-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-hover-state-layer-opacity: var(--md-checkbox-unselected-hover-state-layer-opacity, 0.08);--_unselected-outline-color: var(--md-checkbox-unselected-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_unselected-outline-width: var(--md-checkbox-unselected-outline-width, 2px);--_unselected-pressed-outline-color: var(--md-checkbox-unselected-pressed-outline-color, var(--md-sys-color-on-surface, #1c1b1f));--_unselected-pressed-outline-width: var(--md-checkbox-unselected-pressed-outline-width, 2px);--_unselected-pressed-state-layer-color: var(--md-checkbox-unselected-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_unselected-pressed-state-layer-opacity: var(--md-checkbox-unselected-pressed-state-layer-opacity, 0.12);border-radius:var(--_container-shape);display:inline-flex;height:48px;position:relative;vertical-align:top;width:48px}input{appearance:none;inset:0;margin:0;outline:none;position:absolute}.container{border-radius:inherit;height:100%;position:relative;width:100%}.outline,.background,md-ripple,.icon{inset:0;margin:auto;position:absolute}.outline,.background{border-radius:inherit;height:var(--_container-height);width:var(--_container-width)}.outline{border-color:var(--_unselected-outline-color);border-style:solid;border-width:var(--_unselected-outline-width);box-sizing:border-box}.background{background-color:var(--_selected-container-color)}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}.selected .background,.selected .icon{opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-focus-ring{--md-focus-ring-shape-start-start:9999px;--md-focus-ring-shape-start-end:9999px;--md-focus-ring-shape-end-end:9999px;--md-focus-ring-shape-end-start:9999px;--md-focus-ring-offset-vertical:-2px;--md-focus-ring-offset-horizontal:-2px}md-ripple{height:var(--_state-layer-size);width:var(--_state-layer-size);--md-ripple-focus-state-layer-color:var(--_unselected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_unselected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_unselected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_unselected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_unselected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_unselected-pressed-state-layer-opacity);--md-ripple-state-layer-shape:var(--_state-layer-shape)}.selected md-ripple{--md-ripple-focus-state-layer-color:var(--_selected-focus-state-layer-color);--md-ripple-focus-state-layer-opacity:var(--_selected-focus-state-layer-opacity);--md-ripple-hover-state-layer-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_selected-pressed-state-layer-opacity)}.error md-ripple{--md-ripple-focus-state-layer-color:var(--_error-focus-state-layer-color);--md-ripple-hover-state-layer-color:var(--_error-hover-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_error-hover-state-layer-opacity);--md-ripple-pressed-state-layer-color:var(--_error-pressed-state-layer-color);--md-ripple-pressed-state-layer-opacity:var(--_error-pressed-state-layer-opacity)}.icon{fill:var(--_selected-icon-color);height:var(--_icon-size);width:var(--_icon-size)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}.error .outline{border-color:var(--_unselected-error-outline-color)}.error .background{background:var(--_selected-error-container-color)}.error .icon{fill:var(--_selected-error-icon-color)}:host(:hover) .outline{border-color:var(--_unselected-hover-outline-color);border-width:var(--_unselected-hover-outline-width)}:host(:hover) .background{background:var(--_selected-hover-container-color)}:host(:hover) .icon{fill:var(--_selected-hover-icon-color)}:host(:hover) .error .outline{border-color:var(--_unselected-error-hover-outline-color);border-width:var(--_unselected-error-hover-outline-width)}:host(:hover) .error .background{background:var(--_selected-error-hover-container-color)}:host(:hover) .error .icon{fill:var(--_selected-error-hover-icon-color)}:host(:focus-within) .outline{border-color:var(--_unselected-focus-outline-color);border-width:var(--_unselected-focus-outline-width)}:host(:focus-within) .background{background:var(--_selected-focus-container-color)}:host(:focus-within) .icon{fill:var(--_selected-focus-icon-color)}:host(:focus-within) .error .outline{border-color:var(--_unselected-error-focus-outline-color);border-width:var(--_unselected-error-focus-outline-width)}:host(:focus-within) .error .background{background:var(--_selected-error-focus-container-color)}:host(:focus-within) .error .icon{fill:var(--_selected-error-focus-icon-color)}:host(:active) .outline{border-color:var(--_unselected-pressed-outline-color);border-width:var(--_unselected-pressed-outline-width)}:host(:active) .background{background:var(--_selected-pressed-container-color)}:host(:active) .icon{fill:var(--_selected-pressed-icon-color)}:host(:active) .error .outline{border-color:var(--_unselected-error-pressed-outline-color);border-width:var(--_unselected-error-pressed-outline-width)}:host(:active) .error .background{background:var(--_selected-error-pressed-container-color)}:host(:active) .error .icon{fill:var(--_selected-error-pressed-icon-color)}:host([disabled]) .background,:host([disabled]) .icon,:host([disabled]) .mark,.prev-disabled .background,.prev-disabled .icon,.prev-disabled .mark{animation-duration:0s;transition-duration:0s}:host([disabled]) .outline{border-color:var(--_unselected-disabled-outline-color);border-width:var(--_unselected-disabled-outline-width);opacity:var(--_unselected-disabled-container-opacity)}:host([disabled]) .selected .outline{visibility:hidden}:host([disabled]) .selected .background{background:var(--_selected-disabled-container-color);opacity:var(--_selected-disabled-container-opacity)}:host([disabled]) .icon{fill:var(--_selected-disabled-icon-color)}/*# sourceMappingURL=checkbox-styles.css.map */\n`;\n "]}

package/checkbox/lib/checkbox-styles.scss

@@ -4,12 +4,5 @@
 //
 
 @use './checkbox';
-@use './checkbox-theme';
-@use '@material/web/tokens';
 
-:host {
-  @include checkbox-theme.theme-styles(tokens.md-comp-checkbox-values());
-  @include checkbox.static-styles();
-
-  display: inline-flex;
-}
+@include checkbox.styles;

package/checkbox/lib/checkbox.d.ts

@@ -3,54 +3,39 @@
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import '@material/web/focus/focus-ring.js';
-import '@material/web/ripple/ripple.js';
-import { ActionElement, BeginPressConfig, EndPressConfig } from '@material/web/actionelement/action-element.js';
-import { MdRipple } from '@material/web/ripple/ripple.js';
-import { PropertyValues, TemplateResult } from 'lit';
-/** @soyCompatible */
-export declare class Checkbox extends ActionElement {
-    protected formElement: HTMLInputElement;
+import '../../focus/focus-ring.js';
+import '../../ripple/ripple.js';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { getFormValue } from '../../controller/form-controller.js';
+/**
+ * A checkbox component.
+ */
+export declare class Checkbox extends LitElement {
+    static formAssociated: boolean;
     checked: boolean;
-    indeterminate: boolean;
     disabled: boolean;
-    name: string;
+    error: boolean;
+    indeterminate: boolean;
     value: string;
-    /** @soyPrefixAttribute */
+    name: string;
+    get form(): HTMLFormElement;
     ariaLabel: string;
-    /** @soyPrefixAttribute */
-    ariaLabelledBy: undefined | string;
-    /** @soyPrefixAttribute */
-    ariaDescribedBy: undefined | string;
-    /**
-     * Touch target extends beyond visual boundary of a component by default.
-     * Set to `true` to remove touch target added to the component.
-     * @see https://material.io/design/usability/accessibility.html
-     */
-    reducedTouchTarget: boolean;
-    protected animationClass: string;
-    protected showFocusRing: boolean;
-    ripple: MdRipple;
-    protected update(changedProperties: PropertyValues): void;
-    protected calculateAnimationStateName(checked: boolean, indeterminate: boolean, disabled: boolean): string;
-    /** @soyTemplate */
-    protected renderRipple(): TemplateResult;
-    /** @soyTemplate */
-    protected renderFocusRing(): TemplateResult;
-    /**
-     * @soyTemplate
-     * @soyAttributes checkboxAttributes: input
-     * @soyClasses checkboxClasses: .md3-checkbox
-     */
+    private prevChecked;
+    private prevDisabled;
+    private prevIndeterminate;
+    private readonly ripple;
+    private readonly input;
+    private showFocusRing;
+    private showRipple;
+    constructor();
+    focus(): void;
+    [getFormValue](): string;
+    protected update(changed: PropertyValues<Checkbox>): void;
     protected render(): TemplateResult;
-    protected setFormData(formData: FormData): void;
-    beginPress({ positionEvent }: BeginPressConfig): void;
-    endPress({ cancelled }: EndPressConfig): void;
-    protected handleFocus(): void;
-    protected handleBlur(): void;
-    protected handlePointerEnter(e: PointerEvent): void;
-    handlePointerLeave(e: PointerEvent): void;
-    handlePointerDown(e: PointerEvent): void;
-    protected handleChange(): void;
-    protected resetAnimationClass(): void;
+    private handleBlur;
+    private handleChange;
+    private handleFocus;
+    private handlePointerDown;
+    private readonly getRipple;
+    private readonly renderRipple;
 }