@material/checkbox
Version:
The Material Components for the web checkbox component
1 lines • 126 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///./packages/mdc-checkbox/mdc-checkbox.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_css.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_gss.scss","webpack:///mdc-checkbox.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_ripple-theme.scss","webpack:///./packages/mdc-checkbox/_checkbox-theme.scss","webpack:///./packages/material-components-web/node_modules/@material/touch-target/_touch-target.scss","webpack:///./packages/material-components-web/node_modules/@material/animation/_animation.scss","webpack:///./packages/material-components-web/node_modules/@material/focus-ring/_focus-ring.scss","webpack:///./packages/material-components-web/node_modules/@material/dom/_dom.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_ripple.scss"],"names":[],"mappings":";;;;;;;AA0NE;ECxJI;ECZF;EDwBA;EAZE;ECZF;EDwBA;AEvEJ;ACmJI;EHxFE;ECZF;EDwBA;AElEJ;ACuhBE;EHjeI;ECZF;EDwBA;AE7DJ;ACkhBE;EA9QI;EHnNA;ECZF;EDwBA;AEvDJ;ACwRM;EAEI;ADvRV;AC4RQ;EAEI,yBAhRO;EH0Bb;ECZF;EDwBA;AE9CJ;ACmSI;EHrPA;AE3CJ;ACuHI;EHxFE;ECZF;EDwBA;AEtCJ;AC2fE;EHjeI;ECZF;EDwBA;AEjCJ;ACsfE;EA9QI;EHnNA;ECZF;EDwBA;AE3BJ;AC4PM;EAEI;AD3PV;ACgQQ;EAEI,yBAhRO;EH0Bb;ECZF;EDwBA;AElBJ;ACuQI;EHrPA;AEfJ;AC2FI;;EHxFE;ECZF;EDwBA;AETJ;AEyRE;EJ5RI;ECZF;EDwBA;EAZE;ECZF;EDwBA;AEDJ;AEyTM;EJpUA;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;AEgBJ;AEqqBE;EJjsBI;ECZF;EDwBA;EAAA;AEsBJ;AE+pBE;;;EJjsBI;ECZF;EDwBA;EAZE;ECZF;EDwBA;AEgCJ;AE4rBE;EACE;IJzuBE;ICZF;IDwBA;IAAA;EEuCF;EE2rBE;IJ9uBE;ICZF;IDwBA;IAZE;ICZF;IDwBA;EE+CF;AACF;AE4qBE;EACE;IJzuBE;ICZF;IDwBA;IAAA;EEuCF;EE2rBE;IJ9uBE;ICZF;IDwBA;IAZE;ICZF;IDwBA;EE+CF;AACF;AEwrBE;EACE;IJrvBE;ICZF;IDwBA;IAZE;ICZF;IDwBA;EEyDF;EEsrBE;IJ3vBE;ICZF;IDwBA;IAAA;EE+DF;AACF;AEwqBE;EACE;IJrvBE;ICZF;IDwBA;IAZE;ICZF;IDwBA;EEyDF;EEsrBE;IJ3vBE;ICZF;IDwBA;IAAA;EE+DF;AACF;AEkXQ;EAEI;UAAA;AFjXZ;AEwXQ;EAEI;UAAA;AFvXZ;AE+mBE;EJjsBI;ECZF;EDwBA;EAAA;AE4EJ;AEymBE;;;EJrrBE;EAZE;ECZF;EDwBA;AEoFJ;AEmnBI;EJntBE;ECZF;EDwBA;AEyFJ;AEonBI;EJztBE;ECZF;EDwBA;AE8FJ;AEymBI;EJntBE;ECZF;EDwBA;AEmGJ;AE0mBI;EJztBE;ECZF;EDwBA;AEwGJ;;AGjJE;EAOM;AH8IR;;AH6WE;EACE;IAEE,6BAPc;EGpWlB;EH8WE;IACE,6DOxhB+B;YPwhB/B,qDOxhB+B;EJ4KnC;EH+WE;IACE;EG7WJ;AACF;;AHiWE;EACE;IAEE,6BAPc;EGpWlB;EH8WE;IACE,6DOxhB+B;YPwhB/B,qDOxhB+B;EJ4KnC;EH+WE;IACE;EG7WJ;AACF;AHgXE;EACE;IAEE;YAAA;EG/WJ;EHkXE;IACE;YAAA;EGhXJ;EHmXE;IACE;YAAA;EGjXJ;AACF;AHqWE;EACE;IAEE;YAAA;EG/WJ;EHkXE;IACE;YAAA;EGhXJ;EHmXE;IACE;YAAA;EGjXJ;AACF;AHoXE;EACE;IACE,6DO/iB+B;YP+iB/B,qDO/iB+B;IPgjB/B;IACA;EGlXJ;EHqXE;IACE;IACA;EGnXJ;AACF;AHyWE;EACE;IACE,6DO/iB+B;YP+iB/B,qDO/iB+B;IPgjB/B;IACA;EGlXJ;EHqXE;IACE;IACA;EGnXJ;AACF;AHsXE;EACE;IACE,6DO9jB+B;YP8jB/B,qDO9jB+B;IP+jB/B;YAAA;IACA;EGpXJ;EHuXE;IACE;YAAA;IACA;EGrXJ;AACF;AH2WE;EACE;IACE,6DO9jB+B;YP8jB/B,qDO9jB+B;IP+jB/B;YAAA;IACA;EGpXJ;EHuXE;IACE;YAAA;IACA;EGrXJ;AACF;AHwXE;EACE;IACE,8DA7DmC;YA6DnC,sDA7DmC;IA8DnC;YAAA;IACA;EGtXJ;EHyXE;IACE;YAAA;IACA;EGvXJ;AACF;AH6WE;EACE;IACE,8DA7DmC;YA6DnC,sDA7DmC;IA8DnC;YAAA;IACA;EGtXJ;EHyXE;IACE;YAAA;IACA;EGvXJ;AACF;AH0XE;EACE;IACE;YAAA;IACA;YAAA;IACA;EGxXJ;EH2XE;IACE;YAAA;IACA;EGzXJ;AACF;AH+WE;EACE;IACE;YAAA;IACA;YAAA;IACA;EGxXJ;EH2XE;IACE;YAAA;IACA;EGzXJ;AACF;AH4XE;EACE;IACE,8DAvFmC;YAuFnC,sDAvFmC;IAwFnC;YAAA;IACA;EG1XJ;EH6XE;IACE;YAAA;IACA;EG3XJ;AACF;AHiXE;EACE;IACE,8DAvFmC;YAuFnC,sDAvFmC;IAwFnC;YAAA;IACA;EG1XJ;EH6XE;IACE;YAAA;IACA;EG3XJ;AACF;AH8XE;EACE;IACE;YAAA;IACA;YAAA;IACA;EG5XJ;EH+XE;IAEE;YAAA;IACA;EG9XJ;AACF;AHmXE;EACE;IACE;YAAA;IACA;YAAA;IACA;EG5XJ;EH+XE;IAEE;YAAA;IACA;EG9XJ;AACF;AHxME;EAqLA;EACA;EACA;EACA;EACA,WKpNU;ELqNV,YKrNU;ELsNV;EACA;EACA;EACA;AGsBF;AH9MM;EQXF;EACA;EACA;EACA;EACA;EACA;ENhBA;EAAc;EMkBd;ENlBA;EAAc;EMoBd;UAAA;EACA,YA3BwB;EA4BxB,WAtB0B;ALoP9B;AMjNI;ETbE;IQGA;EL+NJ;AACF;AK7NI;EACE;EACA;EACA,kBAhEgB;EAiEhB;EACA;EACA;ENlCF;EAAc;EMoCZ;ENpCF;EAAc;EMsCZ;UAAA;EACA,wBA/BgB;EAgChB,uBAhCgB;ALiQtB;AMtOI;EDPA;IAeI;ELkON;AACF;AH7OI;EACE;IACE;EG+ON;AACF;;AM5OI;ETEA;IAEI;EG6ON;AACF;AHxOE;EAiKA;EACA;AG0EF;;AHtOE;EA4PE;EACA;EACA;EACA;EACA;EACA,WKnUQ;ELoUR,YKpUQ;ELsUR;EACA;EACA;EACA;EACA;EAIA;AGtBJ;;AHlPE;EAwSE;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;AGrDJ;AH4DE;EAEI;AG3DN;;AH5PE;EAwWE;EAQA;EACA;EACA,6BAuDgB;EAtDhB,4BAsDgB;AGrKpB;;AHhQE;EA8XE;EACA;EACA;UAAA;EACA;EACA;EACA;EAIA;EAAA;EAAA;AG7HJ;;AHxGI;EACE;UAAA;EACA;UAAA;AG2GN;AHtGI;EAIE;UAAA;EAEA;AGoGN;AH/FI;EACE;UAAA;EAEA;AGgGN;AH3FI;EACE;UAAA;EAEA;AG4FN;AHvFI;EACE;UAAA;EAEA;AGwFN;AHrFI;EACE;UAAA;EAEA;AGsFN;AHjFI;EACE;UAAA;EAEA;AGkFN;AH/EI;EACE;UAAA;EAEA;AGgFN;AH3EI;EACE;UAAA;EAEA;AG4EN;;AHrSE;;;EA2PA;AGgDF;AHnSI;;;EAkWF;AG1DF;;AHjSE;EAyPA;EACA;EACA;EACA;EACA;AG4CF;AHpSI;EAiHF;EACA;AGsLF;;AHjSE;ECjGI;ECZF;EDwBA;AE4XJ;AEpEM;EJpUA;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;EAZE;ECZF;EDwBA;AE6YJ;;AHzSI;EAyQA;EAAA;EAAA;EASA;AG4BJ;AH1SI;EAoVF;UAAA;AGvCF;;AHpSI;;EA8QA;UAAA;EACA;EAIA;EAAA;EAAA;AGwBJ;AHvSI;;EA2UF;UAAA;EACA;AGhCF;;AHnSI;;;;EAsEF;AGoOF;;AOtME;EACE;IACE,+DH3R2B;YG2R3B,uDH3R2B;IGgS3B;YAAA;EPqMJ;EOlME;IACE;YAAA;EPoMJ;AACF;;AOhNE;EACE;IACE,+DH3R2B;YG2R3B,uDH3R2B;IGgS3B;YAAA;EPqMJ;EOlME;IACE;YAAA;EPoMJ;AACF;AOhME;EACE;IACE;YAAA;IACA;EPkMJ;EO/LE;IACE;EPiMJ;AACF;AOzME;EACE;IACE;YAAA;IACA;EPkMJ;EO/LE;IACE;EPiMJ;AACF;AO9LE;EACE;IACE;YAAA;IACA;EPgMJ;EO7LE;IACE;EP+LJ;AACF;AOvME;EACE;IACE;YAAA;IACA;EPgMJ;EO7LE;IACE;EP+LJ;AACF;AHvSE;EUzHE;EACA;EACA;EACA;EACA;EACA;EAEA;EAGE;APgaN;AO5ZE;;EAGI;EACA;EACA;EACA;EACA;AP6ZN;AOzZE;EAGI;ET5EA;ECZF;EDwBA;AE4dJ;AO/YE;ETzFI;ECZF;EDwBA;AEieJ;AOxYI;EAEI;UAAA;APyYR;AOrYI;EAEI;ERpHJ;EAAc;EQsHV;EACA;UAAA;EACA;UAAA;APuYR;AOjYI;EAEI;ERhIJ;EAAc;EQkIV;APmYR;AO7XI;EAEI;UAAA;AP8XR;AOtXI;EAEI;UAAA;EAKA;UAAA;APmXR;AOzUE;;EAGI;ERtMF;EAAc;EQwMZ;EACA,WAZK;EAaL,YAbK;APwVX;AOtUI;;EAGI;ERlNJ;EAAc;EQoNV;EACA;EACA;APwUR;AOpUI;EAEI;EACA;APqUR;AC3FE;EAEI;AD4FN;ACxFE;;EHtcI;ECZF;EDwBA;AEwhBJ;;AH5WE;EU0CE;EACA;EACA;EACA;EACA;EAGA;APoUJ;;AM7gBI;EJiqBF;IJjsBI;ICZF;IDwBA;IAAA;EEyiBF;EE4IA;;;IJrrBE;IAZE;ICZF;IDwBA;EEijBF;EEsJE;IJntBE;ICZF;IDwBA;EEsjBF;EEuJE;IJztBE;ICZF;IDwBA;EE2jBF;EE4IE;IJntBE;ICZF;IDwBA;EEgkBF;EE6IE;IJztBE;ICZF;IDwBA;EEqkBF;AACF,C","file":"mdc.checkbox.css","sourcesContent":["//\n// Copyright 2016 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n// stylelint-disable selector-class-pattern --\n// Selector '.mdc-*' should only be used in this project.\n\n@use 'sass:map';\n@use 'sass:math';\n@use '@material/animation/functions' as functions2;\n@use '@material/animation/variables' as animation-variables;\n@use '@material/density/functions' as density-functions;\n@use '@material/dom/dom';\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/focus-ring/focus-ring';\n@use '@material/ripple/ripple';\n@use '@material/ripple/ripple-theme';\n@use '@material/touch-target/mixins' as touch-target-mixins;\n@use '@material/theme/theme-color';\n@use './checkbox-custom-properties';\n@use '@material/theme/theme';\n@use '@material/theme/color-custom-properties';\n@use '@material/theme/custom-properties';\n@use '@material/touch-target/variables' as touch-target-variables;\n@use './checkbox-theme';\n\n///\n/// Checkbox and ripple styles.\n///\n@mixin core-styles($query: feature-targeting.all()) {\n @include without-ripple($query);\n @include ripple-styles($query);\n}\n\n/// Checkbox styles (Excluding ripple styles).\n///\n/// NOTE: This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n/// checkbox styles. It is recommended that most users use `mdc-checkbox-core-styles` instead.\n// TODO(b/162887560): Rename to `checkbox-without-ripple-styles()`\n@mixin without-ripple($query: feature-targeting.all()) {\n // TODO(b/165005345): Include theme-styles() after static-styles().\n @include theme-styles($query: $query);\n @include static-styles($query: $query);\n}\n\n/// Checkbox static styles.\n/// Checkbox styles that are not customizable should go here.\n@mixin static-styles($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include touch-target-mixins.wrapper($query); // COPYBARA_COMMENT_THIS_LINE\n\n @include feature-targeting.targets($feat-animation) {\n @include mark-keyframes_;\n }\n\n .mdc-checkbox {\n @include feature-targeting.targets($feat-structure) {\n @include base_;\n }\n\n @include ripple-theme.focus {\n .mdc-checkbox__focus-ring {\n @include focus-ring.focus-ring(\n $query: $query,\n $container-outer-padding-vertical: 0,\n $container-outer-padding-horizontal: 0\n );\n }\n }\n\n // Turn off focus ring for IE when HCM is turn off. For some reason this\n // adds space to the bottom on the focused checkbox inside a dialog.\n @media all and (-ms-high-contrast: none) {\n .mdc-checkbox__focus-ring {\n display: none;\n }\n }\n }\n\n @include dom.forced-colors-mode {\n .mdc-checkbox__mixedmark {\n @include feature-targeting.targets($feat-structure) {\n margin: 0 1px; // Extra horizontal space around mixedmark symbol.\n }\n }\n }\n\n // Needed to disable hover effects on CSS-only (non-JS) checkboxes\n .mdc-checkbox--disabled {\n @include feature-targeting.targets($feat-structure) {\n @include disabled_;\n }\n }\n\n .mdc-checkbox__background {\n @include background_($query);\n }\n\n .mdc-checkbox__checkmark {\n @include checkmark_($query);\n }\n\n .mdc-checkbox__checkmark-path {\n @include checkmark-path_($query);\n }\n\n .mdc-checkbox__mixedmark {\n @include mixedmark_($query);\n }\n\n .mdc-checkbox--anim {\n @include feature-targeting.targets($feat-animation) {\n @include anim_;\n }\n }\n\n .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,\n .mdc-checkbox__native-control[data-indeterminate='true']\n ~ .mdc-checkbox__background {\n @include feature-targeting.targets($feat-animation) {\n @include background--marked_;\n }\n\n .mdc-checkbox__checkmark-path {\n @include feature-targeting.targets($feat-structure) {\n @include checkmark-path--marked_;\n }\n }\n }\n\n .mdc-checkbox__native-control {\n @include feature-targeting.targets($feat-structure) {\n @include native-control_;\n }\n\n &:disabled {\n @include feature-targeting.targets($feat-structure) {\n @include disabled_;\n }\n }\n }\n\n .mdc-checkbox--touch {\n @include checkbox-theme.touch-target(\n custom-properties.create(\n checkbox-state-layer-size,\n touch-target-variables.$height\n ),\n custom-properties.create(\n checkbox-state-layer-size,\n checkbox-theme.$ripple-size\n ),\n $query: $query\n );\n }\n\n .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {\n .mdc-checkbox__checkmark {\n @include checkmark--checked_($query);\n }\n\n .mdc-checkbox__mixedmark {\n @include feature-targeting.targets($feat-structure) {\n @include mixedmark--checked_;\n }\n }\n }\n .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,\n .mdc-checkbox__native-control[data-indeterminate='true']\n ~ .mdc-checkbox__background {\n .mdc-checkbox__checkmark {\n @include checkmark--indeterminate_($query);\n }\n\n .mdc-checkbox__mixedmark {\n @include feature-targeting.targets($feat-structure) {\n @include mixedmark--indeterminate_;\n }\n }\n }\n\n // JS checkbox\n .mdc-checkbox.mdc-checkbox--upgraded {\n .mdc-checkbox__background,\n .mdc-checkbox__checkmark,\n .mdc-checkbox__checkmark-path,\n .mdc-checkbox__mixedmark {\n @include feature-targeting.targets($feat-animation) {\n @include child--upgraded_;\n }\n }\n }\n}\n\n/// Checkbox theme styles.\n/// Checkbox styles that are customizable should go here.\n@mixin theme-styles($query: feature-targeting.all()) {\n .mdc-checkbox {\n @include checkbox-theme.theme-deprecated(\n checkbox-theme.$light-theme-deprecated,\n $query: $query\n );\n }\n}\n\n/// Checkbox's ripple styles.\n///\n/// NOTE: This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n/// checkbox styles. It is recommended that most users use `mdc-checkbox-core-styles` instead.\n@mixin ripple-styles($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include ripple.common($query); // COPYBARA_COMMENT_THIS_LINE\n\n .mdc-checkbox {\n @include ripple.surface(\n $query: $query,\n $ripple-target: checkbox-theme.$ripple-target\n );\n @include ripple.radius-unbounded(\n $query: $query,\n $ripple-target: checkbox-theme.$ripple-target\n );\n @include ripple-theme.behind-content(\n checkbox-theme.$ripple-target,\n $query: $query\n );\n }\n\n #{checkbox-theme.$ripple-target} {\n @include ripple.target-common($query: $query);\n }\n}\n\n@mixin base_ {\n display: inline-block;\n position: relative;\n flex: 0 0 checkbox-theme.$icon-size;\n box-sizing: content-box;\n width: checkbox-theme.$icon-size;\n height: checkbox-theme.$icon-size;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n}\n\n@mixin disabled_ {\n cursor: default;\n pointer-events: none;\n}\n\n@mixin child--upgraded_ {\n transition: none;\n}\n\n// Animation\n\n@mixin anim_ {\n $mdc-checkbox-indeterminate-change-duration_: 500ms;\n\n // stylelint-disable no-unknown-animations -- allow unknown animations\n\n &-unchecked-checked,\n &-unchecked-indeterminate,\n &-checked-unchecked,\n &-indeterminate-unchecked {\n .mdc-checkbox__background {\n animation-duration: checkbox-theme.$transition-duration * 2;\n animation-timing-function: linear;\n }\n }\n\n &-unchecked-checked {\n .mdc-checkbox__checkmark-path {\n // Instead of delaying the animation, we simply multiply its length by 2 and begin the\n // animation at 50% in order to prevent a flash of styles applied to a checked checkmark\n // as the background is fading in before the animation begins.\n animation: mdc-checkbox-unchecked-checked-checkmark-path\n checkbox-theme.$transition-duration * 2 linear 0s;\n transition: none;\n }\n }\n\n &-unchecked-indeterminate {\n .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-unchecked-indeterminate-mixedmark\n checkbox-theme.$transition-duration linear 0s;\n transition: none;\n }\n }\n\n &-checked-unchecked {\n .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-checked-unchecked-checkmark-path\n checkbox-theme.$transition-duration linear 0s;\n transition: none;\n }\n }\n\n &-checked-indeterminate {\n .mdc-checkbox__checkmark {\n animation: mdc-checkbox-checked-indeterminate-checkmark\n checkbox-theme.$transition-duration linear 0s;\n transition: none;\n }\n\n .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-checked-indeterminate-mixedmark\n checkbox-theme.$transition-duration linear 0s;\n transition: none;\n }\n }\n\n &-indeterminate-checked {\n .mdc-checkbox__checkmark {\n animation: mdc-checkbox-indeterminate-checked-checkmark\n $mdc-checkbox-indeterminate-change-duration_ linear 0s;\n transition: none;\n }\n\n .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-checked-mixedmark\n $mdc-checkbox-indeterminate-change-duration_ linear 0s;\n transition: none;\n }\n }\n\n &-indeterminate-unchecked {\n .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-unchecked-mixedmark\n $mdc-checkbox-indeterminate-change-duration_ * 0.6 linear 0s;\n transition: none;\n }\n }\n\n // stylelint-enable no-unknown-animations\n}\n\n@mixin background_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n $feat-color: feature-targeting.create-target($query, color);\n\n @include feature-targeting.targets($feat-structure) {\n display: inline-flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: checkbox-theme.$icon-size;\n height: checkbox-theme.$icon-size;\n // border-color is overridden by the mdc-checkbox-unmarked-stroke-color() mixin\n border: checkbox-theme.$border-width solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color;\n }\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-exit(background-color), transition-exit(border-color);\n }\n}\n\n@mixin background--marked_ {\n transition: transition-enter(border-color), transition-enter(background-color);\n}\n\n// stylelint-disable block-no-empty -- For backward compatibility.\n@mixin focus-indicator_($query: feature-targeting.all()) {\n}\n@mixin focus-indicator--focused_($query: feature-targeting.all()) {\n}\n// stylelint-enable block-no-empty\n\n// Native input\n\n@mixin native-control_ {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n}\n\n// Check mark\n\n@mixin checkmark_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-structure) {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n }\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-exit(\n opacity,\n 0ms,\n checkbox-theme.$transition-duration * 2\n );\n }\n\n .mdc-checkbox--upgraded & {\n @include feature-targeting.targets($feat-structure) {\n opacity: 1;\n }\n }\n}\n\n@mixin checkmark--checked_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-enter(\n opacity,\n 0ms,\n checkbox-theme.$transition-duration * 2\n ),\n transition-enter(transform, 0ms, checkbox-theme.$transition-duration * 2);\n }\n\n @include feature-targeting.targets($feat-structure) {\n opacity: 1;\n }\n}\n\n@mixin checkmark--indeterminate_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-structure) {\n transform: rotate(45deg);\n opacity: 0;\n }\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-exit(\n opacity,\n 0ms,\n checkbox-theme.$transition-duration\n ),\n transition-exit(transform, 0ms, checkbox-theme.$transition-duration);\n }\n}\n\n// Check mark path\n\n@mixin checkmark-path_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-exit(\n stroke-dashoffset,\n 0ms,\n checkbox-theme.$transition-duration * 2\n );\n }\n\n @include feature-targeting.targets($feat-structure) {\n stroke: currentColor;\n stroke-width: checkbox-theme.$mark-stroke-size * 1.3;\n stroke-dashoffset: $mark-path-length_;\n stroke-dasharray: $mark-path-length_;\n }\n}\n\n@mixin checkmark-path--marked_ {\n stroke-dashoffset: 0;\n}\n\n// Mixed mark\n\n@mixin mixedmark_($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-structure) {\n width: 100%;\n height: 0;\n transform: scaleX(0) rotate(0deg);\n border-width: math.div(math.floor(checkbox-theme.$mark-stroke-size), 2);\n border-style: solid;\n opacity: 0;\n }\n\n @include feature-targeting.targets($feat-animation) {\n transition: transition-exit(opacity), transition-exit(transform);\n }\n}\n\n@mixin mixedmark--checked_ {\n transform: scaleX(1) rotate(-45deg);\n}\n\n@mixin mixedmark--indeterminate_ {\n transform: scaleX(1) rotate(0deg);\n opacity: 1;\n}\n\n@function transition-enter(\n $property,\n $delay: 0ms,\n $duration: checkbox-theme.$transition-duration\n) {\n @return functions2.enter($property, $duration, $delay);\n}\n\n@function transition-exit(\n $property,\n $delay: 0ms,\n $duration: checkbox-theme.$transition-duration\n) {\n @return functions2.exit-temporary($property, $duration, $delay);\n}\n\n// Manual calculation done on SVG\n$mark-path-length_: 29.7833385 !default;\n$indeterminate-checked-easing-function_: cubic-bezier(0.14, 0, 0, 1) !default;\n\n@mixin mark-keyframes_ {\n @keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%,\n 50% {\n stroke-dashoffset: $mark-path-length_;\n }\n\n 50% {\n animation-timing-function: animation-variables.$deceleration-curve-timing-function;\n }\n\n 100% {\n stroke-dashoffset: 0;\n }\n }\n\n @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%,\n 68.2% {\n transform: scaleX(0);\n }\n\n 68.2% {\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n\n 100% {\n transform: scaleX(1);\n }\n }\n\n @keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n animation-timing-function: animation-variables.$acceleration-curve-timing-function;\n opacity: 1;\n stroke-dashoffset: 0;\n }\n\n to {\n opacity: 0;\n stroke-dashoffset: $mark-path-length_ * -1;\n }\n }\n\n @keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n animation-timing-function: animation-variables.$deceleration-curve-timing-function;\n transform: rotate(0deg);\n opacity: 1;\n }\n\n to {\n transform: rotate(45deg);\n opacity: 0;\n }\n }\n\n @keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n animation-timing-function: $indeterminate-checked-easing-function_;\n transform: rotate(45deg);\n opacity: 0;\n }\n\n to {\n transform: rotate(360deg);\n opacity: 1;\n }\n }\n\n @keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n transform: rotate(-45deg);\n opacity: 0;\n }\n\n to {\n transform: rotate(0deg);\n opacity: 1;\n }\n }\n\n @keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n animation-timing-function: $indeterminate-checked-easing-function_;\n transform: rotate(0deg);\n opacity: 1;\n }\n\n to {\n transform: rotate(315deg);\n opacity: 0;\n }\n }\n\n @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n animation-timing-function: linear;\n transform: scaleX(1);\n opacity: 1;\n }\n\n 32.8%,\n 100% {\n transform: scaleX(0);\n opacity: 0;\n }\n }\n}\n","//\n// Copyright 2020 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:meta';\n@use './gss';\n\n/// When true, add an additional property/value declaration before declarations\n/// that use advanced features such as custom properties or CSS functions. This\n/// adds fallback support for older browsers such as IE11 that do not support\n/// these features at the cost of additional CSS. Set this variable to false to\n/// disable generating fallback declarations.\n$enable-fallback-declarations: true !default;\n\n/// Writes a CSS property/value declaration. This mixin is used throughout the\n/// theme package for consistency for dynamically setting CSS property values.\n///\n/// This mixin may optionally take a fallback value. For advanced features such\n/// as custom properties or CSS functions like min and max, a fallback value is\n/// recommended to support older browsers.\n///\n/// @param {String} $property - The CSS property of the declaration.\n/// @param {*} $value - The value of the CSS declaration. The value should be\n/// resolved by other theme functions first (i.e. custom property Maps and\n/// Material theme keys are not supported in this mixin). If the value is\n/// null, no declarations will be emitted.\n/// @param {*} $fallback - An optional fallback value for older browsers. If\n/// provided, a second property/value declaration will be added before the\n/// main property/value declaration.\n/// @param {Map} $gss - An optional Map of GSS annotations to add.\n/// @param {Bool} $important - If true, add `!important` to the declaration.\n@mixin declaration(\n $property,\n $value,\n $fallback-value: null,\n $gss: (),\n $important: false\n) {\n // Normally setting a null value to a property will not emit CSS, so mixins\n // wouldn't need to check this. However, Sass will throw an error if the\n // interpolated property is a custom property.\n @if $value != null {\n $important-rule: if($important, ' !important', '');\n\n @if $fallback-value and $enable-fallback-declarations {\n @include gss.annotate($gss);\n #{$property}: #{$fallback-value} #{$important-rule};\n\n // Add @alternate to annotations.\n $gss: map.merge(\n $gss,\n (\n alternate: true,\n )\n );\n }\n\n @include gss.annotate($gss);\n #{$property}: #{$value}#{$important-rule};\n }\n}\n\n/// Unpacks shorthand values for CSS properties (i.e. lists of 1-3 values).\n/// If a list of 4 values is given, it is returned as-is.\n///\n/// Examples:\n///\n/// unpack-value(4px) => 4px 4px 4px 4px\n/// unpack-value(4px 2px) => 4px 2px 4px 2px\n/// unpack-value(4px 2px 2px) => 4px 2px 2px 2px\n/// unpack-value(4px 2px 0 2px) => 4px 2px 0 2px\n///\n/// @param {Number | Map | List} $value - List of 1 to 4 value numbers.\n/// @return {List} a List of 4 value numbers.\n@function unpack-value($value) {\n @if meta.type-of($value) == 'map' or list.length($value) == 1 {\n @return $value $value $value $value;\n } @else if list.length($value) == 4 {\n @return $value;\n } @else if list.length($value) == 3 {\n @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 3)\n list.nth($value, 2);\n } @else if list.length($value) == 2 {\n @return list.nth($value, 1) list.nth($value, 2) list.nth($value, 1)\n list.nth($value, 2);\n }\n\n @error \"Invalid CSS property value: '#{$value}' is more than 4 values\";\n}\n","//\n// Copyright 2020 Google Inc.\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to deal\n// in the Software without restriction, including without limitation the rights\n// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n// copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n// THE SOFTWARE.\n//\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'sass:meta';\n\n/// Adds optional GSS annotation comments. Useful for theme mixins where one or\n/// more properties are set indirectly.\n///\n/// Annotations may be provided as a Map of annotations or as named arguments.\n///\n/// @example - scss\n/// @include annotate((noflip: true));\n/// left: 0;\n///\n/// @example - scss\n/// @include annotate($noflip: true);\n/// left: 0;\n///\n/// @example - css\n/// /* @noflip */ /*rtl:ignore*/\n/// left: 0;\n///\n/// @param {Map} $annotations - Map of annotations. Values must be set to `true`\n/// for an annotation to be added.\n@mixin annotate($annotations...) {\n $keywords: meta.keywords($annotations);\n @if list.length($annotations) > 0 {\n $annotations: list.nth($annotations, 1);\n } @else {\n $annotations: $keywords;\n }\n\n @if (map.get($annotations, alternate) == true) {\n /* @alternate */\n }\n\n // noflip must be the last tag right before the property\n @if (map.get($annotations, noflip) == true) {\n /* @noflip */ /*rtl:ignore*/\n }\n}\n",".mdc-checkbox {\n padding: calc((40px - 18px) / 2);\n /* @alternate */\n padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n margin: calc((40px - 40px) / 2);\n /* @alternate */\n margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);\n}\n.mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, #000);\n}\n.mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,\n.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));\n}\n.mdc-checkbox .mdc-checkbox__background {\n top: calc((40px - 18px) / 2);\n /* @alternate */\n top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n left: calc((40px - 18px) / 2);\n /* @alternate */\n left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);\n}\n.mdc-checkbox .mdc-checkbox__native-control {\n top: calc((40px - 40px) / 2);\n /* @alternate */\n top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);\n right: calc((40px - 40px) / 2);\n /* @alternate */\n right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);\n left: calc((40px - 40px) / 2);\n /* @alternate */\n left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);\n width: 40px;\n /* @alternate */\n width: var(--mdc-checkbox-touch-target-size, 40px);\n height: 40px;\n /* @alternate */\n height: var(--mdc-checkbox-touch-target-size, 40px);\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n}\n@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {\n 0% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n 50% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n}\n@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {\n 0%, 80% {\n border-color: #018786;\n /* @alternate */\n border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n background-color: #018786;\n /* @alternate */\n background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));\n }\n 100% {\n border-color: rgba(0, 0, 0, 0.54);\n /* @alternate */\n border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));\n background-color: transparent;\n }\n}\n.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;\n}\n.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;\n}\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {\n border-color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));\n background-color: transparent;\n}\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {\n border-color: transparent;\n background-color: rgba(0, 0, 0, 0.38);\n /* @alternate */\n background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n color: #fff;\n /* @alternate */\n color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n border-color: #fff;\n /* @alternate */\n border-color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n color: #fff;\n /* @alternate */\n color: var(--mdc-checkbox-ink-color, #fff);\n}\n.mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n border-color: #fff;\n /* @alternate */\n border-color: var(--mdc-checkbox-ink-color, #fff);\n}\n\n.mdc-touch-target-wrapper {\n display: inline;\n}\n\n@keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n 0%, 50% {\n stroke-dashoffset: 29.7833385;\n }\n 50% {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {\n 0%, 68.2% {\n transform: scaleX(0);\n }\n 68.2% {\n animation-timing-function: cubic-bezier(0, 0, 0, 1);\n }\n 100% {\n transform: scaleX(1);\n }\n}\n@keyframes mdc-checkbox-checked-unchecked-checkmark-path {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 1, 1);\n opacity: 1;\n stroke-dashoffset: 0;\n }\n to {\n opacity: 0;\n stroke-dashoffset: -29.7833385;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-checkmark {\n from {\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(45deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-checkmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(45deg);\n opacity: 0;\n }\n to {\n transform: rotate(360deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-checked-indeterminate-mixedmark {\n from {\n animation-timing-function: mdc-animation-deceleration-curve-timing-function;\n transform: rotate(-45deg);\n opacity: 0;\n }\n to {\n transform: rotate(0deg);\n opacity: 1;\n }\n}\n@keyframes mdc-checkbox-indeterminate-checked-mixedmark {\n from {\n animation-timing-function: cubic-bezier(0.14, 0, 0, 1);\n transform: rotate(0deg);\n opacity: 1;\n }\n to {\n transform: rotate(315deg);\n opacity: 0;\n }\n}\n@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {\n 0% {\n animation-timing-function: linear;\n transform: scaleX(1);\n opacity: 1;\n }\n 32.8%, 100% {\n transform: scaleX(0);\n opacity: 0;\n }\n}\n.mdc-checkbox {\n display: inline-block;\n position: relative;\n flex: 0 0 18px;\n box-sizing: content-box;\n width: 18px;\n height: 18px;\n line-height: 0;\n white-space: nowrap;\n cursor: pointer;\n vertical-align: bottom;\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {\n pointer-events: none;\n border: 2px solid transparent;\n border-radius: 6px;\n box-sizing: content-box;\n position: absolute;\n top: 50%;\n /* @noflip */\n /*rtl:ignore*/\n left: 50%;\n /* @noflip */\n /*rtl:ignore*/\n transform: translate(-50%, -50%);\n height: 100%;\n width: 100%;\n}\n@media screen and (forced-colors: active) {\n .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring {\n border-color: CanvasText;\n }\n}\n.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {\n content: \"\";\n border: 2px solid transparent;\n border-radius: 8px;\n display: block;\n position: absolute;\n top: 50%;\n /* @noflip */\n /*rtl:ignore*/\n left: 50%;\n /* @noflip */\n /*rtl:ignore*/\n transform: translate(-50%, -50%);\n height: calc(100% + 4px);\n width: calc(100% + 4px);\n}\n@media screen and (forced-colors: active) {\n .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after {\n border-color: CanvasText;\n }\n}\n@media all and (-ms-high-contrast: none) {\n .mdc-checkbox .mdc-checkbox__focus-ring {\n display: none;\n }\n}\n\n@media screen and (forced-colors: active), (-ms-high-contrast: active) {\n .mdc-checkbox__mixedmark {\n margin: 0 1px;\n }\n}\n.mdc-checkbox--disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-checkbox__background {\n display: inline-flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 18px;\n height: 18px;\n border: 2px solid currentColor;\n border-radius: 2px;\n background-color: transparent;\n pointer-events: none;\n will-change: background-color, border-color;\n transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.mdc-checkbox__checkmark {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n opacity: 0;\n transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-checkbox--upgraded .mdc-checkbox__checkmark {\n opacity: 1;\n}\n\n.mdc-checkbox__checkmark-path {\n transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke: currentColor;\n stroke-width: 3.12px;\n stroke-dashoffset: 29.7833385;\n stroke-dasharray: 29.7833385;\n}\n\n.mdc-checkbox__mixedmark {\n width: 100%;\n height: 0;\n transform: scaleX(0) rotate(0deg);\n border-width: 1px;\n border-style: solid;\n opacity: 0;\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {\n animation-duration: 180ms;\n animation-timing-function: linear;\n}\n.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {\n animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {\n animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {\n animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;\n transition: none;\n}\n.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {\n animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;\n transition: none;\n}\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {\n transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);\n}\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {\n stroke-dashoffset: 0;\n}\n\n.mdc-checkbox__native-control {\n position: absolute;\n margin: 0;\n padding: 0;\n opacity: 0;\n cursor: inherit;\n}\n.mdc-checkbox__native-control:disabled {\n cursor: default;\n pointer-events: none;\n}\n\n.mdc-checkbox--touch {\n margin: calc((48px - 40px) / 2);\n /* @alternate */\n margin: calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2);\n}\n.mdc-checkbox--touch .mdc-checkbox__native-control {\n top: calc((40px - 48px) / 2);\n /* @alternate */\n top: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);\n right: calc((40px - 48px) / 2);\n /* @alternate */\n right: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);\n left: calc((40px - 48px) / 2);\n /* @alternate */\n left: calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);\n width: 48px;\n /* @alternate */\n width: var(--mdc-checkbox-state-layer-size, 48px);\n height: 48px;\n /* @alternate */\n height: var(--mdc-checkbox-state-layer-size, 48px);\n}\n\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);\n opacity: 1;\n}\n.mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(-45deg);\n}\n\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {\n transform: rotate(45deg);\n opacity: 0;\n transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n.mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,\n.mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {\n transform: scaleX(1) rotate(0deg);\n opacity: 1;\n}\n\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,\n.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {\n