@material/chips
Version:
The Material Components for the Web chips component
1 lines • 162 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///./packages/mdc-chips/deprecated/mdc-chips.scss","webpack:///mdc-chips.scss","webpack:///./packages/mdc-chips/deprecated/trailingaction/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_gss.scss","webpack:///./packages/mdc-chips/deprecated/trailingaction/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_css.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_ripple.scss","webpack:///./packages/material-components-web/node_modules/@material/animation/_animation.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_ripple-theme.scss","webpack:///./packages/mdc-chips/deprecated/_mixins.scss","webpack:///./packages/mdc-chips/deprecated/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/rtl/_rtl.scss","webpack:///./packages/material-components-web/node_modules/@material/elevation/_elevation.scss","webpack:///./packages/material-components-web/node_modules/@material/typography/_typography.scss","webpack:///./packages/material-components-web/node_modules/@material/elevation/_elevation-theme.scss","webpack:///./packages/material-components-web/node_modules/@material/checkbox/_checkbox.scss"],"names":[],"mappings":";;;;;;;AAqCE;EAOM;AC1CR;;ACmKE;EFnGE;EACA;EACA,YAtCK;EG6BL;EAAc;EHeZ;EACA,WA7CG;EA8CH;UAAA;AC/DN;;ACkCE;EAMI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAIA;ADvCN;ACqGE;EAEI,YE5GC;EF6GD,WE7GC;EF8GD,eE9GC;AHUP;ACoFE;EGlDI;EFZF;EEwBA;AJzCJ;ACsHE;EAEI,WEpIe;AHerB;ACgCI;EAEI;EACA;AD/BR;;AKoQE;EACE;IACE,+DC3R2B;YD2R3B,uDC3R2B;IDgS3B;YAAA;ELrQJ;EKwQE;IACE;YAAA;ELtQJ;AACF;;AK0PE;EACE;IACE,+DC3R2B;YD2R3B,uDC3R2B;IDgS3B;YAAA;ELrQJ;EKwQE;IACE;YAAA;ELtQJ;AACF;AK0QE;EACE;IACE;YAAA;IACA;ELxQJ;EK2QE;IACE;ELzQJ;AACF;AKiQE;EACE;IACE;YAAA;IACA;ELxQJ;EK2QE;IACE;ELzQJ;AACF;AK4QE;EACE;IACE;YAAA;IACA;EL1QJ;EK6QE;IACE;EL3QJ;AACF;AKmQE;EACE;IACE;YAAA;IACA;EL1QJ;EK6QE;IACE;EL3QJ;AACF;ACaE;EI6BE;EACA;EACA;EACA;EACA;EACA;EAEA;EAGE;AL1CN;AK8CE;;EAGI;EACA;EACA;EACA;EACA;AL7CN;AKiDE;EAGI;ED5EA;EFZF;EEwBA;AJkBJ;AK2DE;EDzFI;EFZF;EEwBA;AJuBJ;AKkEI;EAEI;UAAA;ALjER;AKqEI;EAEI;EHpHJ;EAAc;EGsHV;EACA;UAAA;EACA;UAAA;ALnER;AKyEI;EAEI;EHhIJ;EAAc;EGkIV;ALvER;AK6EI;EAEI;UAAA;AL5ER;AKoFI;EAEI;UAAA;EAKA;UAAA;ALvFR;AKiIE;;EAGI;EHtMF;EAAc;EGwMZ;EACA,WAZK;EAaL,YAbK;ALlHX;AKoII;;EAGI;EHlNJ;EAAc;EGoNV;EACA;EACA;ALlIR;AKsII;EAEI;EACA;ALrIR;AOOI;EHxFE;EFZF;EEwBA;AJ0EJ;AO2YE;EHjeI;EFZF;EEwBA;AJ+EJ;AOsYE;EA9QI;EHnNA;EFZF;EEwBA;AJqFJ;AO4IM;EAEI;AP3IV;AOgJQ;EAEI,yBAhRO;EH0Bb;EFZF;EEwBA;AJ8FJ;AOuJI;EHrPA;AJiGJ;AC9EI;EAEI;EAGA;EACA;EACA;EACA;AD6ER;;AQkYE;EAEI;ARhYN;;ACtEE;EGtCE;AJgHJ;;AQ6YE;EAEI;AR3YN;AQ8YI;EAEI;AR7YR;AQiZI;EAEI;ARhZR;;AQ2ZE;EAkBE,WCjkBgB;EDkkBhB,YClkBgB;EDmkBhB,eCnkBgB;AT0JpB;;AC9EE;EAEI,YQ7Ee;ER8Ef,WQ9Ee;ER+Ef,eQ/Ee;AT+JrB;;AQwZE;EASE,WChkBiB;EDikBjB,YCjkBiB;EDkkBjB,eClkBiB;ATqKrB;;AC3EE;ECpFE;EAAc;EEmBd;EFnBA;EAAc;EEmBd;AJqJJ;AUnJM;EACE;ERtBJ;EAAc;EEmBd;EFnBA;EAAc;EEmBd;EMKI;AV0JR;;AQ2aE;EN7lBE;EAAc;EEmBd;EFnBA;EAAc;EEmBd;AJwKJ;AUtKM;EACE;ERtBJ;EAAc;EEmBd;EFnBA;EAAc;EEmBd;EMKI;AV6KR;;AWpME;EAGM;EACA;EACA;EPCF;EFZF;EEwBA;EOFI;EPVF;EFZF;EEwBA;AJ+LJ;;AQzME;EJUE;EAAA;EAAA;EQ0PA;EACA;ERvQE;EFZF;EEwBA;EAZE;EFZF;EEwBA;EAZE;EFZF;EEwBA;EAZE;EFZF;EEwBA;EAZE;EFZF;EEwBA;EAZE;EFZF;EEwBA;UAAA;EAZE;EFZF;EEwBA;EI0cA,YA6JO;EKjYP;EACA;ELnOE;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;AR2NN;AQ0DE;EJjSE;AJ0OJ;AQuGE;EJjVE;AJ6OJ;AQuUE;;ENvkBE;EAAc;EEmBd;EFnBA;EAAc;EEmBd;AJsPJ;AUpPM;EACE;ERtBJ;EAAc;EEmBd;EFnBA;EAAc;EEmBd;EMKI;AV2PR;;AaNE;ET1PE;EAAA;ESgQI;EXnRJ;EAAc;EWqRV;AbOR;AQ3PM;EACE;EACA;AR6PR;AQzPI;EJhCE;EFZF;EEwBA;AJkRJ;AQxPI;ETtCA;EACA;EACA,YAtCK;EAkDH;EACA;EACA;UAAA;ACsRN;;AQ3PE;EAEI,wIC1CY;ED8CZ;AR0PN;;AQtPE;EAEI;EACA;ARwPN;;AQpPE;EAEI;ARsPN;;AQlPE;EAEI;EACA;EACA;ARoPN;;AQhPE;EAEI,YC1Fc;AT4UpB;;AQ9OE;EAEI;EAQA;EACA,6BMsYc;ENrYd,4BMqYc;Ad5JpB;;AQrOE;EAEI;ARuON;;AQnOE;EAEI;ARqON;;AQjOE;;EAMI;ARgON;;AQmCE;EJrXI;EFZF;EEwBA;AJ4UJ;AQ8JE;EAEI;AR7JN;AQiCI;EJ5XE;EFZF;EEwBA;AJoVJ;AQmCE;EJnYI;EFZF;EEwBA;AJyVJ;AQxOI;EJ7HE;EFZF;EEwBA;AJ8VJ;;AQpOE;EAEI;EACA,YCvJc;ED2Jd;ARmON;;AQ9NE;EAEI,WClKc;ATkYpB;;AQzNI;EAEI;EACA,uBCzKa;ED6Kb;ARwNR;AQrNM;EAEI;EAGA,sBCpL0B;EDwL1B;ARiNV;AQ9MQ;EAEI;AR+MZ;AQzMI;EAEI;AR0MR;AQvMM;EAGI;EACA;ARuMV;AQlMI;EAEI;EAKA;AR+LR;AQ5LM;EAEI,WCjOU;AT8ZpB;;AQlLE;EH9KE;EACA;EACA;EACA;EACA;EACA;EAEA;EAGE;ALiWN;AK7VE;;EAGI;EACA;EACA;EACA;EACA;AL8VN;AK1VE;EAGI;ED5EA;EFZF;EEwBA;AJ6ZJ;AKhVE;EDzFI;EFZF;EEwBA;AJkaJ;AKzUI;EAEI;UAAA;AL0UR;AKtUI;EAEI;EHpHJ;EAAc;EGsHV;EACA;UAAA;EACA;UAAA;ALwUR;AKlUI;EAEI;EHhIJ;EAAc;EGkIV;ALoUR;AK9TI;EAEI;UAAA;AL+TR;AKvTI;EAEI;UAAA;EAKA;UAAA;ALoTR;AKtSE;;EAGI;EH1KF;EAAc;EG4KZ;EACA;EACA;ALwSN;AKnSI;EAEI;EACA;ALoSR;AO3XI;EHxFE;EFZF;EEwBA;AJ4cJ;AOSE;EHjeI;EFZF;EEwBA;AJidJ;AOIE;EA9QI;EHnNA;EFZF;EEwBA;AJudJ;AOtPM;EAEI;APuPV;AOlPQ;EAEI,yBAhRO;EH0Bb;EFZF;EEwBA;AJgeJ;AO3OI;EHrPA;AJmeJ;AQzQI;EHJA;EACA;EACA;EACA;EACA;EAGA;EGCI;AR8QR;;AOvBE;EHjeI;EFZF;EEwBA;AJkfJ;AOtaI;EHxFE;EFZF;EEwBA;AJufJ;AOlCE;EHjeI;EFZF;EEwBA;AJ4fJ;AOvCE;EA9QI;EHnNA;EFZF;EEwBA;AJkgBJ;AOjSM;EAEI;APkSV;AO7RQ;EAEI,yBAhRO;EH0Bb;EFZF;EEwBA;AJ2gBJ;AOtRI;EHrPA;AJ8gBJ;;AQ/RI;EACE;IACE;YAAA;IACA;ERkSN;EQ/RI;IACE;YAAA;IACA;ERiSN;AACF;;AQ1SI;EACE;IACE;YAAA;IACA;ERkSN;EQ/RI;IACE;YAAA;IACA;ERiSN;AACF;AQ7RE;EAsNE;EAlNE;EACA;EACA;AR6RN;AQ1EE;EAEI;AR2EN;AQvEE;ETpcE,eAHsB;EAItB,kBAJsB;ACkhB1B;;AQhSE;EAEI;UAAA;ARkSN,C","file":"mdc.chips.css","sourcesContent":["//\n// Copyright 2019 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:math';\n@use '@material/base/mixins' as base-mixins;\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/rtl/rtl';\n\n$height: 48px !default;\n$width: $height !default;\n\n/// Styles applied to the component's touch target wrapper element.\n@mixin wrapper($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-touch-target-wrapper {\n @include feature-targeting.targets($feat-structure) {\n // Ensure that styles are only emitted once across all components that\n // have increased touch targets.\n @include base-mixins.emit-once('mdc-touch-target/wrapper') {\n // NOTE: Will change to `inline-block` in the future, but keeping as is\n // temporarily for backwards-compatibility.\n display: inline;\n }\n }\n }\n}\n\n/// Styles applied to the component's inner touch target element.\n/// By default, only sets the inner element height to the minimum touch target\n/// height ($mdc-touch-target-height).\n/// @param {Boolean} $set-width [false] - Sets the inner element width to the\n/// minimum touch target width ($mdc-touch-target-width).\n/// @param $height [$mdc-touch-target-height] - Touch target height.\n/// @param $width [$mdc-touch-target-width] - Touch target width.\n@mixin touch-target(\n $set-width: false,\n $query: feature-targeting.all(),\n $height: $height,\n $width: $width\n) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-structure) {\n position: absolute;\n top: 50%;\n height: $height;\n }\n\n @if $set-width {\n @include feature-targeting.targets($feat-structure) {\n @include rtl.ignore-next-line();\n left: 50%;\n width: $width;\n transform: translate(-50%, -50%);\n }\n } @else {\n @include feature-targeting.targets($feat-structure) {\n left: 0;\n right: 0;\n transform: translateY(-50%);\n }\n }\n}\n\n/// Applies margin to the component with the increased touch target,\n/// to compensate for the touch target.\n@mixin margin(\n $component-height,\n $component-width: null,\n $touch-target-height: $height,\n $touch-target-width: $width,\n $query: feature-targeting.all()\n) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n $vertical-margin-value: math.div($touch-target-height - $component-height, 2);\n\n @include feature-targeting.targets($feat-structure) {\n margin-top: $vertical-margin-value;\n margin-bottom: $vertical-margin-value;\n }\n\n @if $component-width {\n $horizontal-margin-value: math.div(\n $touch-target-width - $component-width,\n 2\n );\n\n @include feature-targeting.targets($feat-structure) {\n margin-right: $horizontal-margin-value;\n margin-left: $horizontal-margin-value;\n }\n }\n}\n",".mdc-touch-target-wrapper {\n display: inline;\n}\n\n.mdc-deprecated-chip-trailing-action__touch {\n position: absolute;\n top: 50%;\n height: 48px;\n /* @noflip */\n /*rtl:ignore*/\n left: 50%;\n width: 48px;\n transform: translate(-50%, -50%);\n}\n\n.mdc-deprecated-chip-trailing-action {\n border: none;\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n outline: none;\n cursor: pointer;\n -webkit-appearance: none;\n background: none;\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon {\n height: 18px;\n width: 18px;\n font-size: 18px;\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__touch {\n width: 26px;\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__icon {\n fill: currentColor;\n color: inherit;\n}\n\n@keyframes mdc-ripple-fg-radius-in {\n from {\n animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n }\n to {\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n }\n}\n@keyframes mdc-ripple-fg-opacity-in {\n from {\n animation-timing-function: linear;\n opacity: 0;\n }\n to {\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n}\n@keyframes mdc-ripple-fg-opacity-out {\n from {\n animation-timing-function: linear;\n opacity: var(--mdc-ripple-fg-opacity, 0);\n }\n to {\n opacity: 0;\n }\n}\n.mdc-deprecated-chip-trailing-action {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\";\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before {\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {\n top: 0;\n /* @noflip */\n /*rtl:ignore*/\n left: 0;\n transform: scale(0);\n transform-origin: center center;\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-deprecated-chip-trailing-action__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n /*rtl:ignore*/\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-chip-trailing-action__ripple::after {\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-chip-trailing-action__ripple::after {\n animation: mdc-ripple-fg-opacity-out 150ms;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before,\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {\n top: calc(50% - 50%);\n /* @noflip */\n /*rtl:ignore*/\n left: calc(50% - 50%);\n width: 100%;\n height: 100%;\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::before,\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {\n top: var(--mdc-ripple-top, calc(50% - 50%));\n /* @noflip */\n /*rtl:ignore*/\n left: var(--mdc-ripple-left, calc(50% - 50%));\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded .mdc-deprecated-chip-trailing-action__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple::after {\n background-color: #000;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));\n}\n.mdc-deprecated-chip-trailing-action:hover .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action.mdc-ripple-surface--hover .mdc-deprecated-chip-trailing-action__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-deprecated-chip-trailing-action__ripple::before, .mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-deprecated-chip-trailing-action__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-deprecated-chip-trailing-action__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-deprecated-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-deprecated-chip-trailing-action__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-deprecated-chip-trailing-action.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-deprecated-chip-trailing-action .mdc-deprecated-chip-trailing-action__ripple {\n position: absolute;\n box-sizing: content-box;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.mdc-chip__icon--leading {\n color: rgba(0, 0, 0, 0.54);\n}\n\n.mdc-deprecated-chip-trailing-action {\n color: #000;\n}\n\n.mdc-chip__icon--trailing {\n color: rgba(0, 0, 0, 0.54);\n}\n.mdc-chip__icon--trailing:hover {\n color: rgba(0, 0, 0, 0.62);\n}\n.mdc-chip__icon--trailing:focus {\n color: rgba(0, 0, 0, 0.87);\n}\n\n.mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {\n width: 20px;\n height: 20px;\n font-size: 20px;\n}\n\n.mdc-deprecated-chip-trailing-action__icon {\n height: 18px;\n width: 18px;\n font-size: 18px;\n}\n\n.mdc-chip__icon.mdc-chip__icon--trailing {\n width: 18px;\n height: 18px;\n font-size: 18px;\n}\n\n.mdc-deprecated-chip-trailing-action {\n /* @noflip */\n /*rtl:ignore*/\n margin-left: 4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: -4px;\n}\n[dir=rtl] .mdc-deprecated-chip-trailing-action, .mdc-deprecated-chip-trailing-action[dir=rtl] {\n /*rtl:begin:ignore*/\n /* @noflip */\n /*rtl:ignore*/\n margin-left: -4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: 4px;\n /*rtl:end:ignore*/\n}\n\n.mdc-chip__icon--trailing {\n /* @noflip */\n /*rtl:ignore*/\n margin-left: 4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: -4px;\n}\n[dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {\n /*rtl:begin:ignore*/\n /* @noflip */\n /*rtl:ignore*/\n margin-left: -4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: 4px;\n /*rtl:end:ignore*/\n}\n\n.mdc-elevation-overlay {\n position: absolute;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n /* @alternate */\n opacity: var(--mdc-elevation-overlay-opacity, 0);\n transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-elevation-overlay-color, #fff);\n}\n\n.mdc-chip {\n border-radius: 16px;\n background-color: #e0e0e0;\n color: rgba(0, 0, 0, 0.87);\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-family: Roboto, sans-serif;\n /* @alternate */\n font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));\n font-size: 0.875rem;\n /* @alternate */\n font-size: var(--mdc-typography-body2-font-size, 0.875rem);\n line-height: 1.25rem;\n /* @alternate */\n line-height: var(--mdc-typography-body2-line-height, 1.25rem);\n font-weight: 400;\n /* @alternate */\n font-weight: var(--mdc-typography-body2-font-weight, 400);\n letter-spacing: 0.0178571429em;\n /* @alternate */\n letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);\n text-decoration: inherit;\n /* @alternate */\n text-decoration: var(--mdc-typography-body2-text-decoration, inherit);\n text-transform: inherit;\n /* @alternate */\n text-transform: var(--mdc-typography-body2-text-transform, inherit);\n height: 32px;\n /* @alternate */\n position: relative;\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n padding: 0 12px;\n border-width: 0;\n outline: none;\n cursor: pointer;\n -webkit-appearance: none;\n}\n.mdc-chip .mdc-chip__ripple {\n border-radius: 16px;\n}\n.mdc-chip:hover {\n color: rgba(0, 0, 0, 0.87);\n}\n.mdc-chip.mdc-chip--selected .mdc-chip__checkmark,\n.mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {\n /* @noflip */\n /*rtl:ignore*/\n margin-left: -4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: 4px;\n}\n[dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden), .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl], .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {\n /*rtl:begin:ignore*/\n /* @noflip */\n /*rtl:ignore*/\n margin-left: 4px;\n /* @noflip */\n /*rtl:ignore*/\n margin-right: -4px;\n /*rtl:end:ignore*/\n}\n\n.mdc-chip .mdc-elevation-overlay {\n width: 100%;\n height: 100%;\n top: 0;\n /* @noflip */\n /*rtl:ignore*/\n left: 0;\n}\n.mdc-chip::-moz-focus-inner {\n padding: 0;\n border: 0;\n}\n.mdc-chip:hover {\n color: #000;\n /* @alternate */\n color: var(--mdc-theme-on-surface, #000);\n}\n.mdc-chip .mdc-chip__touch {\n position: absolute;\n top: 50%;\n height: 48px;\n left: 0;\n right: 0;\n transform: translateY(-50%);\n}\n\n.mdc-chip--exit {\n transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;\n opacity: 0;\n}\n\n.mdc-chip__overflow {\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\n.mdc-chip__text {\n white-space: nowrap;\n}\n\n.mdc-chip__icon {\n border-radius: 50%;\n outline: none;\n vertical-align: middle;\n}\n\n.mdc-chip__checkmark {\n height: 20px;\n}\n\n.mdc-chip__checkmark-path {\n transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);\n stroke-width: 2px;\n stroke-dashoffset: 29.7833385;\n stroke-dasharray: 29.7833385;\n}\n\n.mdc-chip__primary-action:focus {\n outline: none;\n}\n\n.mdc-chip--selected .mdc-chip__checkmark-path {\n stroke-dashoffset: 0;\n}\n\n.mdc-chip__icon--leading,\n.mdc-chip__icon--trailing {\n position: relative;\n}\n\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {\n color: rgba(98, 0, 238, 0.54);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {\n color: #6200ee;\n /* @alternate */\n color: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {\n stroke: #6200ee;\n /* @alternate */\n stroke: var(--mdc-theme-primary, #6200ee);\n}\n.mdc-chip-set--choice .mdc-chip--selected {\n background-color: #fff;\n /* @alternate */\n background-color: var(--mdc-theme-surface, #fff);\n}\n\n.mdc-chip__checkmark-svg {\n width: 0;\n height: 20px;\n transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.mdc-chip--selected .mdc-chip__checkmark-svg {\n width: 20px;\n}\n\n.mdc-chip-set--filter .mdc-chip__icon--leading {\n transition: opacity 75ms linear;\n transition-delay: -50ms;\n opacity: 1;\n}\n.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {\n transition: opacity 75ms linear;\n transition-delay: 80ms;\n opacity: 0;\n}\n.mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {\n transition: width 0ms;\n}\n.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {\n opacity: 0;\n}\n.mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {\n width: 0;\n opacity: 1;\n}\n.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {\n width: 0;\n opacity: 0;\n}\n.mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {\n width: 20px;\n}\n\n.mdc-chip {\n --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n will-change: transform, opacity;\n}\n.mdc-chip .mdc-chip__ripple::before,\n.mdc-chip .mdc-chip__ripple::after {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: \"\";\n}\n.mdc-chip .mdc-chip__ripple::before {\n transition: opacity 15ms linear, background-color 15ms linear;\n z-index: 1;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 1);\n}\n.mdc-chip .mdc-chip__ripple::after {\n z-index: 0;\n /* @alternate */\n z-index: var(--mdc-ripple-z-index, 0);\n}\n.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before {\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {\n top: 0;\n /* @noflip */\n /*rtl:ignore*/\n left: 0;\n transform: scale(0);\n transform-origin: center center;\n}\n.mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {\n top: var(--mdc-ripple-top, 0);\n /* @noflip */\n /*rtl:ignore*/\n left: var(--mdc-ripple-left, 0);\n}\n.mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {\n animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;\n}\n.mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after {\n animation: mdc-ripple-fg-opacity-out 150ms;\n transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n}\n.mdc-chip .mdc-chip__ripple::before,\n.mdc-chip .mdc-chip__ripple::after {\n top: calc(50% - 100%);\n /* @noflip */\n /*rtl:ignore*/\n left: calc(50% - 100%);\n width: 200%;\n height: 200%;\n}\n.mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {\n width: var(--mdc-ripple-fg-size, 100%);\n height: var(--mdc-ripple-fg-size, 100%);\n}\n.mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after {\n background-color: rgba(0, 0, 0, 0.87);\n /* @alternate */\n background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));\n}\n.mdc-chip:hover .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before {\n opacity: 0.04;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.04);\n}\n.mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.12);\n}\n.mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {\n transition-duration: 75ms;\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-chip.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);\n}\n.mdc-chip .mdc-chip__ripple {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n}\n\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before {\n opacity: 0.08;\n /* @alternate */\n opacity: var(--mdc-ripple-selected-opacity, 0.08);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after {\n background-color: #6200ee;\n /* @alternate */\n background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before {\n opacity: 0.12;\n /* @alternate */\n opacity: var(--mdc-ripple-hover-opacity, 0.12);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-focus-opacity, 0.2);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {\n transition: opacity 150ms linear;\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {\n transition-duration: 75ms;\n opacity: 0.2;\n /* @alternate */\n opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n.mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {\n --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);\n}\n\n@keyframes mdc-chip-entry {\n from {\n transform: scale(0.8);\n opacity: 0.4;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n.mdc-chip-set {\n padding: 4px;\n display: flex;\n flex-wrap: wrap;\n box-sizing: border-box;\n}\n.mdc-chip-set .mdc-chip {\n margin: 4px;\n}\n.mdc-chip-set .mdc-chip--touch {\n margin-top: 8px;\n margin-bottom: 8px;\n}\n\n.mdc-chip-set--input .mdc-chip {\n animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);\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// stylelint-disable selector-class-pattern --\n// Selector '.mdc-*' should only be used in this project.\n\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/ripple/ripple';\n@use '@material/ripple/ripple-theme';\n@use '@material/rtl/mixins' as rtl;\n@use '@material/theme/theme';\n@use '@material/touch-target/mixins' as touch;\n@use './variables';\n\n$ripple-target: '.mdc-deprecated-chip-trailing-action__ripple';\n\n@mixin core-styles($query: feature-targeting.all()) {\n @include without-ripple($query: $query);\n @include ripple($query: $query);\n}\n\n@mixin without-ripple($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n $feat-color: feature-targeting.create-target($query, color);\n\n @include touch.wrapper($query); // COPYBARA_COMMENT_THIS_LINE\n @include _touch-target-base($query);\n\n .mdc-deprecated-chip-trailing-action {\n @include size(variables.$size, $query);\n @include color(variables.$color, $query);\n @include touch-target-width(variables.$touch-target-width, $query);\n\n @include feature-targeting.targets($feat-structure) {\n border: none;\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n padding: 0;\n outline: none;\n cursor: pointer;\n -webkit-appearance: none;\n }\n\n @include feature-targeting.targets($feat-color) {\n background: none;\n }\n\n // Nested to increase specificity, ensuring SVG and font icon\n // color is affected regardless of load order without needing\n // !important or HTML tag targetting.\n .mdc-deprecated-chip-trailing-action__icon {\n @include feature-targeting.targets($feat-color) {\n fill: currentColor;\n color: inherit;\n }\n }\n }\n}\n\n@mixin ripple($query: feature-targeting.all()) {\n @include ripple.common($query); // COPYBARA_COMMENT_THIS_LINE\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-deprecated-chip-trailing-action {\n @include ripple.surface($query: $query, $ripple-target: $ripple-target);\n @include ripple.radius-unbounded(\n $query: $query,\n $ripple-target: $ripple-target\n );\n @include ripple-theme.states(\n variables.$ripple-color,\n $query: $query,\n $ripple-target: $ripple-target\n );\n\n #{$ripple-target} {\n @include feature-targeting.targets($feat-structure) {\n position: absolute;\n // Ripple needs content-box as the box sizing and box-sizing: border-box\n // is often set as a default, so we override that here.\n box-sizing: content-box;\n width: 100%;\n height: 100%;\n overflow: hidden;\n }\n }\n }\n}\n\n/// Set the color of the trailing action\n/// @param {Color} $color The trailing action color\n@mixin color($color, $query: feature-targeting.all()) {\n $feat-color: feature-targeting.create-target($query, color);\n\n .mdc-deprecated-chip-trailing-action {\n @include feature-targeting.targets($feat-color) {\n @include theme.property(color, $color);\n }\n }\n}\n\n/// Set the size of the trailing action\n/// @param {Number} $number The size of the trailing action\n@mixin size($size, $query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-deprecated-chip-trailing-action__icon {\n @include feature-targeting.targets($feat-structure) {\n height: $size;\n width: $size;\n font-size: $size;\n }\n }\n}\n\n/// Set the horizontal spacing of the trailing action\n/// @param {Number} $left The left spacing\n/// @param {Number} $right The right spacing\n@mixin horizontal-spacing($left, $right, $query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-deprecated-chip-trailing-action {\n @include feature-targeting.targets($feat-structure) {\n @include rtl.reflexive-property(margin, $left, $right);\n }\n }\n}\n\n/// Set the width of the touch target\n/// @param {Number} $width The width of the touch target\n@mixin touch-target-width($width, $query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-deprecated-chip-trailing-action__touch {\n @include feature-targeting.targets($feat-structure) {\n width: $width;\n }\n }\n}\n\n/// Private mixins\n\n@mixin _touch-target-base($query: feature-targeting.all()) {\n .mdc-deprecated-chip-trailing-action__touch {\n @include touch.touch-target($set-width: true, $query: $query);\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\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","//\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$size: 18px !default;\n$margin-right: -4px !default;\n$margin-left: 4px !default;\n$touch-target-width: 26px !default;\n$color: on-surface !default;\n$ripple-color: on-surface !default;\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 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:math';\n@use 'sass:color';\n@use 'sass:map';\n@use '@material/animation/functions' as functions2;\n@use '@material/animation/variables' as variables2;\n@use '@material/base/mixins' as base-mixins;\n@use '@material/theme/custom-properties';\n@use '@material/feature-targeting/feature-targeting';\n@use '@material/rtl/rtl';\n@use '@material/theme/theme';\n@use './ripple-theme';\n\n@mixin core-styles($query: feature-targeting.all()) {\n @include static-styles($query: $query);\n\n .mdc-ripple-surface {\n @include ripple-theme.states($query: $query);\n }\n}\n\n@mixin static-styles($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n .mdc-ripple-surface {\n @include surface($query: $query);\n @include radius-bounded($query: $query);\n @include surface-styles($query: $query);\n }\n\n .mdc-ripple-surface[data-mdc-ripple-is-unbounded],\n .mdc-ripple-upgraded--unbounded {\n @include radius-unbounded($query: $query);\n @include unbounded-styles($query: $query);\n }\n}\n\n/// Sets all states (including hover, focus, press, activated and selected) with\n/// given color as base color.\n///\n/// This mixin is for internal use only. Use `ripple-theme.states($color)` mixin\n/// to set interactive states (hover, focus & press) color.\n///\n/// @param {Color|String} $color - Target base color. Can be valid CSS color or\n/// a color string literal (i.e., `primary`, `secondary`, etc).\n@mixin states-for-color($color, $query: feature-targeting.all()) {\n @include ripple-theme.states($color, $query: $query);\n @include ripple-theme.states-activated($color, $query: $query);\n @include ripple-theme.states-selected($color, $query: $query);\n}\n\n@mixin surface-styles($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n\n @include feature-targeting.targets($feat-structure) {\n position: relative;\n outline: none;\n overflow: hidden;\n }\n}\n\n@mixin unbounded-styles($query: feature-targeting.all()) {\n $feat-structure: feature-targeting.create-target($query, structure);\n @include feature-targeting.targets($feat-structure) {\n overflow: visible;\n }\n}\n\n@mixin common($query: feature-targeting.all()) {\n $feat-animation: feature-targeting.create-target($query, animation);\n\n // Ensure that styles needed by any component using MDC Ripple are emitted, but only once.\n // (Every component using MDC Ripple imports these mixins, but doesn't necessarily import\n // mdc-ripple.scss.)\n @include feature-targeting.targets($feat-animation) {\n @include base-mixins.emit-once('mdc-ripple/common/animation') {\n @include keyframes_;\n }\n }\n}\n\n@mixin surface(\n $query: feature-targeting.all(),\n $ripple-target: '&',\n $include-will-change: true // TODO(b/151931961): Remove once resolved\n) {\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 --mdc-ripple-fg-size: 0;\n --mdc-ripple-left: 0;\n --mdc-ripple-top: 0;\n --mdc-ripple-fg-scale: 1;\n --mdc-ripple-fg-translate-end: 0;\n --mdc-ripple-fg-translate-start: 0;\n\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n // TODO(b/151931961): Remove the following block once resolved\n @if $include-will-change {\n will-change: transform, opacity;\n }\n }\n\n #{$ripple-target}::before,\n #{$ripple-target}::after {\n @include feature-targeting.targets($feat-structure) {\n position: absolute;\n border-radius: 50%;\n opacity: 0;\n pointer-events: none;\n content: '';\n }\n }\n\n #{$ripple-target}::before {\n @include feature-targeting.targets($feat-animation) {\n // Also transition background-color to avoid unnatural color flashes when toggling activated/selected state\n transition: opacity ripple-theme.$states-wash-duration linear,\n background-color ripple-theme.$states-wash-duration linear;\n }\n\n @include feature-targeting.targets($feat-structure) {\n // Ensure that the ripple wash for hover/focus states is displayed on top of positioned child elements\n @include theme.property(\n z-index,\n custom-properties.create(--mdc-ripple-z-index, 1)\n );\n }\n }\n\n #{$ripple-target}::after {\n @include feature-targeting.targets($feat-structure) {\n @include theme.property(\n z-index,\n custom-properties.create(--mdc-ripple-z-index, 0)\n );\n }\n }\n\n // Common styles for upgraded surfaces (some of these depend on custom properties set via JS or other mixins)\n\n &.mdc-ripple-upgraded {\n #{$ripple-target}::before {\n @include feature-targeting.targets($feat-structure) {\n transform: scale(var(--mdc-ripple-fg-scale, 1));\n }\n }\n\n #{$ripple-target}::after {\n @include feature-targeting.targets($feat-structure) {\n top: 0;\n @include rtl.ignore-next-line();\n left: 0;\n transform: scale(0);\n transform-origin: center center;\n }\n }\n }\n\n &.mdc-ripple-upgraded--unbounded {\n #{$ripple-target}::after {\n @include feature-targeting.targets($feat-structure) {\n top: var(--mdc-ripple-top, 0);\n @include rtl.ignore-next-line();\n left: var(--mdc-ripple-left, 0);\n }\n }\n }\n\n &.mdc-ripple-upgraded--foreground-activation {\n #{$ripple-target}::after {\n @include feature-targeting.targets($feat-animation) {\n animation: mdc-ripple-fg-radius-in ripple-theme.$translate-duration\n forwards,\n mdc-ripple-fg-opacity-in ripple-theme.$fade-in-duration forwards;\n }\n }\n }\n\n &.mdc-ripple-upgraded--foreground-deactivation {\n #{$ripple-target}::after {\n @include feature-targeting.targe