{"version":3,"sources":["webpack:///./packages/material-components-web/material-components-web.scss","webpack:///./packages/material-components-web/node_modules/@material/typography/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/shape/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/rtl/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/button/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/elevation/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/card/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/card/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/checkbox/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/checkbox/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/animation/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/checkbox/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/chips/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/chips/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/data-table/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/data-table/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/dialog/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/dialog/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/drawer/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/list/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/drawer/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/elevation/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/fab/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/fab/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/floating-label/mdc-floating-label.scss","webpack:///./packages/material-components-web/node_modules/@material/floating-label/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/form-field/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/form-field/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/grid-list/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/grid-list/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/icon-button/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/icon-button/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/image-list/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/image-list/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/layout-grid/mdc-layout-grid.scss","webpack:///./packages/material-components-web/node_modules/@material/layout-grid/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/line-ripple/mdc-line-ripple.scss","webpack:///./packages/material-components-web/node_modules/@material/linear-progress/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/linear-progress/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/menu/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/menu/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/menu-surface/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/mdc-notched-outline.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/radio/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/radio/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/select/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/select/icon/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/select/icon/mdc-select-icon.scss","webpack:///./packages/material-components-web/node_modules/@material/select/helper-text/mdc-select-helper-text.scss","webpack:///./packages/material-components-web/node_modules/@material/select/mdc-select.scss","webpack:///./packages/material-components-web/node_modules/@material/select/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/select/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/select/helper-text/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/slider/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/slider/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/snackbar/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/snackbar/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/switch/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/switch/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/tab/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-indicator/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-bar/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-scroller/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/helper-text/mdc-text-field-helper-text.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/character-counter/mdc-text-field-character-counter.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/icon/mdc-text-field-icon.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/mdc-text-field.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/helper-text/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/character-counter/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/textfield/icon/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/top-app-bar/mdc-top-app-bar.scss","webpack:///./packages/material-components-web/node_modules/@material/top-app-bar/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/top-app-bar/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/typography/_variables.scss"],"names":[],"mappings":"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CA,6DAEA,yBDtBe,qECuBb,WACA,wBDxBa,qECmBf,yBACA,+DAEA,yBDtBe,qECuBb,WACA,wBDxBa,qECmBf,uBACA,6DAEA,yBDtBe,qECuBb,WACA,wBDxBa,qECmBf,yBACA,+DAEA,yBDtBe,qECuBb,WACA,wBDxBa,qECmBf,wBACA,8DAEA,yBDtBe,qECuBb,WACA,wBDxBa,qECmBf,wBACA,8DAEA,yBDtBe,qECuBb,WACA,wBDxBa,uECmBf,wBACA,8DAEA,yBDtBe,uECuBb,WACA,wBDxBa,uECmBf,wBACA,8DAEA,yBDtBe,uECuBb,WACA,wBDxBa,uECmBf,wBACA,8DAEA,yBDtBe,uECuBb,WACA,yBAnCA,yBDFJ,uBCgCE,wBACA,6DAmDA,sBACA,WACA,2DAnDA,yBDnCF,uBCoCI,WACA,wBAmDF,yBDxFF,uBCyFI,UD5Ea,oECmBf,uBACA,4DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,uBACA,4DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,uBACA,4DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,oECmBf,wBACA,6DAEA,yBDtBe,oECuBb,WACA,wBDxBa,sECmBf,wBACA,6DAEA,yBDtBe,sECuBb,WACA,wBDxBa,sECmBf,wBACA,6DAEA,yBDtBe,sECuBb,WACA,wBDxBa,sECmBf,wBACA,6DAEA,yBDtBe,sECuBb,WACA,yBDbA,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,gCCsEF,ODvEa,CACX,iCCsEF,QDvEa,C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II,yBAIA,W6ClM8B,CCwHlC,qInDjFI,qBoDtDiB,CD2CrB,2DnDWI,oBoDnDmB,CD+IvB,qInD5FI,mCoDjD8B,CCGlC,+DrD8CI,oBoD/CyB,CDkE7B,wCpDjEE,0BoD4GF,4EnD7BI,yBAoBE,mDmDzFJ,+EnDoCE,wBmDnCsC,CAM1C,yEnD6BI,mCoDhD+B,C3BsBnC,6CAQI,sF0B8JJ,gClD2DA,wBkDxDE,SACA,oBlDpJE,mFA2MJ,wBkDnDE,8DlDmDF,wBA3MI,+IA2MJ,wBkD7CE,qDlD6CF,uBkD1CI,SlDjKA,6HA2MJ,uBkDtCI,mFlDsCJ,wBA3MI,yLA2MJ,wBkDnCM,gGlDmCN,wBA3MI,mNA2MJ,wBiDtNA,2BCgIA,+elDsFA,oBiDlNE,kBACA,YACA,WACA,YACA,sOACA,oBjDEE,yEA2MJ,oBiD3ME,gDCqHF,8eACE,CDlHA,kDACE,4FACA,sOAIJ,4BACE,iBAIA,wDACE,oDACA,UCoTF,oCACE,kBACA,iBAGF,8CACE,kBACA,iBAKJ,0FACE,UA7IF,2BACE,gBACA,iBAGF,uDlDCA,qCHjOI,+NqDmPF,sBACA,WACA,YACA,iBACA,mBACA,YACA,wBACA,aACA,6BACA,cACA,mBACA,eACA,6DlDzOE,oJA2MJ,qCkDIE,+EACE,aAGF,6EACE,6BACA,cAIF,8BAfF,uDAgBI,kBDjMN,sBC4QE,YACA,iBA7UA,iDnD2CI,4BmDuRqC,CG9UzC,4OtDuDI,4BoDlC4B,CErBhC,27BtDuDI,4BoDjC6B,CEdjC,uWAGE,gBHiH0C,CG5H5C,uWtDwFI,qBAoBE,+CyBjEN,iDACE,8J6BnBF,yEvDhBE,0BE0CE,qKFrCE,0BuDyBN,0EvD9BE,0BE0CE,uKFrCE,0BoD8EN,kDpDnFE,kBMuJF,2DAQM,a8C5JN,iDnD2CI,4BmD8RqC,C1BxTzC,uDAQI,kF6BUJ,uDACE,iB7BnBF,2KAQI,wF6BoBF,2KACE,eHiSJ,mGlD7FA,qCkDiGE,aACA,iBACA,oBACA,YACA,6BACA,UlDjTE,4OA2MJ,qCkDyGA,iDACE,iBAGF,wCACE,UAGF,0CACE,oBACA,oBArUF,oEnD4CI,cAoBE,sCmDuCN,u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E1D4B,CC4jBhC,0IvElgBI,mCsE3D6B,CCmkBjC,iCvEveI,yBAoBE,mDuEicN,8EvEtfI,mCsE9DuC,CEiB3C,uGxE6CI,oBsEtD6B,CGgBjC,8LzEsCI,oBsEtD6B,CIwCjC,qE1EcI,qBsErDsB,CC6B1B,+CvEwBI,wBsE7CsB,CCiN1B,oCtEmCA,wBsEhCE,SACA,oBtE5KE,2FA2MJ,wBsE3BE,8CtE2BF,uBA3MI,+GA2MJ,uBsErBE,8CtEqBF,uBsElBI,StEzLA,+GA2MJ,uBsEdI,iEtEcJ,wBA3MI,qJA2MJ,wBsEXM,8EtEWN,wBA3MI,+KA2MJ,wBoE9MF,uBvEnBM,+NuEsBJ,oBACA,sBACA,WACA,YACA,sBACA,sDACA,YACA,wBACA,gBACA,gBACA,6DAEA,kDACE,qDACA,UACA,qBC9DmC,CD2DrC,6CACE,qDACA,UACA,qBC9DmC,CD2DrC,8CACE,qDACA,UACA,qBC9DmC,CD2DrC,oCACE,qDACA,UACA,qBC9DmC,CDmErC,6CACE,iCAIF,oOAGE,sBACA,0BACA,UALF,qNAGE,sBACA,0BACA,UALF,wNAGE,sBACA,0BACA,UALF,0LAGE,sBACA,0BACA,UAGF,6BACE,aAIF,+BACE,gBAIF,wCACE,wBAIF,+GACE,iBACA,oBAKJ,4DACE,sFACA,YAGF,0BEqME,YACA,iBjBrTA,oQtDuDI,4BsEzCgC,ChBdpC,q+BtDuDI,4BsEvCiC,ChBhBrC,4UtDwFI,qBAoBE,+CyBjEN,qDACE,8J6BnBF,6EvDhBE,0BE0CE,6KFrCE,0BuDyBN,8EvD9BE,0BE0CE,+KFrCE,0B0BeN,2DAQI,kF6BUJ,2DACE,iB7BnBF,mLAQI,wF6BoBF,mLACE,ejDsGJ,mEAQM,akEzIN,yDvEwBI,4BuE2P+B,CAKnC,iDACE,aACA,uBACA,uBACA,6BACA,UAGF,gDACE,UjBxTF,+OAGE,gBiBqQwC,CFzJ5C,mDrEhEM,4BuE2MgC,CjBlQpC,kPtDuDI,4BsExCoC,CCqPxC,0EACE,mBF1IJ,gDEgKE,Y9C9PA,iFAQI,kF6BUJ,iFACE,gB7BnBF,+NAQI,sF6BoBF,+NACE,e7BfJ,2EACE,0K8CiPF,uEACE,sBAGF,oEACE,SAGF,sEACE,SGlSF,yDzE0PA,wBA3MI,qIA2MJ,wByEpPE,0DzEoPF,qCA3MI,uIA2MJ,qCsEkGA,uDtElGA,wBA3MI,iIA2MJ,wByE1PA,kFzE0PA,wBA3MI,uLA2MJ,wByEpPE,mFzEoPF,qCA3MI,yLA2MJ,qCwBjOA,6FAEI,sHxBoBA,6MwBjBE,oH6BaN,6FACE,iB7BnBF,uPAEI,4HxBoBA,ohBwBjBE,0H6BuBJ,uPACE,e7BfJ,uFACE,wLADF,iMACE,gM8CoVF,gFtElIA,wBA3MI,mLA2MJ,wBwBjOA,mHAEI,sHxBoBA,yPwBjBE,oH6BaN,mHACE,gB7BnBF,mSAEI,0HxBoBA,4mBwBjBE,wH6BuBJ,mSACE,e7BfJ,6GACE,oMADF,6OACE,4M8CqWF,sGtEnJA,wBA3MI,+NA2MJ,wByE1PA,0DzE0PA,wBA3MI,uIA2MJ,wByEhPE,2DzEgPF,qCA3MI,yIA2MJ,qCyE1PA,mFzE0PA,wBA3MI,yLA2MJ,wByEhPE,oFzEgPF,qCA3MI,2LA2MJ,qCyEpOA,4FzEoOA,qBA3MI,2MA2MJ,qByEjOE,kHzEiOF,qBA3MI,uPA2MJ,qByE3NA,6FzE2NA,qCA3MI,6MA2MJ,qCoE1GF,+JAEE,YACA,kDKnJA,+EzE0PA,wBA3MI,iLA2MJ,wByEpPE,gFzEoPF,qCA3MI,mLA2MJ,qCsE+GA,6EtE/GA,wBA3MI,6KA2MJ,wByE1PA,gFzE0PA,wBA3MI,mLA2MJ,wByEhPE,iFzEgPF,qCA3MI,qLA2MJ,qCyEpOA,kHzEoOA,qBA3MI,uPA2MJ,qByEjOE,wIzEiOF,qBA3MI,mSA2MJ,qByE3NA,mHzE2NA,qCA3MI,yPA2MJ,qCwBjOA,wDAQI,oFAMJ,kDACE,wJ8CiIF,8CACE,oBAGF,2CACE,kBAEA,wDACE,kBAOF,2IFhBF,gBACA,YAGF,0BEwUE,oBACA,WACA,YACA,gBACA,iBjB5fA,oQtDuDI,4BsEzCgC,ChBdpC,q+BtDuDI,4BsEvCiC,ChBhBrC,4UtDwFI,qBAoBE,+CyBjEN,qDACE,8J6BnBF,6EvDhBE,0BE0CE,6KFrCE,0BuDyBN,8EvD9BE,0BE0CE,+KFrCE,0BMkJN,mEAQM,akEzIN,yDvEwBI,4BuE2b+B,C9CrdnC,2DAQI,kF6BUJ,2DACE,iB7BnBF,mLAQI,wF6BoBF,mLACE,emBtDJ,4DxE0PA,wBwEvPE,kBACA,WF4euD,CtEjcrD,2IA2MJ,wBsEgQA,iDACE,gBACA,sBACA,YACA,qBACA,oBACA,YAGF,mFACE,mBACA,iBAGF,8CACE,SACA,YACA,WACA,oBjBxgBF,+OAGE,gBiBqQwC,CF5F5C,2BEkRE,WAEA,0DAIE,clE5SF,mIAQM,akEzIN,yFvEwBI,4BuEmZiC,CAInC,iFACE,UAIJ,2EACE,gBAyFF,iHvErdI,4BAoBE,oDqEkFR,4BACE,aACA,8BACA,sBAEA,mDACE,kBAGF,4CACE,mBACA,iBCtKiC,CD8KrC,sCACE,sBEmXA,4EvE9gBI,wBsEpD+B,CCyLjC,6LvErIE,wBsEpD+B,CC6JnC,kIACE,UjBjKF,4UtDwFI,qBAoBE,+CuEucN,6IvE3dI,4BAoBE,oDuE6cN,mJvEjeI,4BAoBE,oDuEmdN,yEvEveI,yBAoBE,iDuEydN,4EvE7eI,cAoBE,sCwE5FN,wJxEwEI,cAoBE,sCuEXN,gDvETI,oBAoBE,4CuEgFJ,2PvEpGE,cAoBE,sC0EnEN,yJ1E+CI,cAoBE,sC0EhEF,yK1E4CA,cAoBE,sCuEwCN,iGACE,UjBrJF,4UtDwFI,qBAoBE,6CsD5GN,qnCtDwFI,qBAoBE,6CsD5GN,oZtDwFI,qBAoBE,6CsD5GN,4UtDwFI,qBAoBE,6CsD5GN,qnCtDwFI,qBAoBE,6CsD5GN,oZtDwFI,qBAoBE,6CqE8HR,0BrEnLM,yBuE6DJ,mBACA,oBA8bA,iDvE5fI,mCsE7D2B,CCiiB/B,iDvEpeI,qBsEhD8B,CC8jBlC,8CvE9gBI,qBsEjDgC,CEIpC,kFxE6CI,qBsE/CsC,CGS1C,oJzEsCI,qBsE/CsC,CIiC1C,gD1EcI,oBsE5DyB,CCkjB7B,yDvEtfI,mCsE9DuC,CC8H3C,8CACE,eFsHJ,mDrEvLM,qDsEhC6B,ChBvBjC,kPtDuDI,4BsExCoC,CCqPxC,0EACE,mB9C9PF,yEACE,GACE,sIAGF,IACE,8IACA,wIAGF,IACE,8JACA,0IAGF,KA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","file":"material-components-web.min.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@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"./variables\";\n\n@mixin mdc-button-core-styles($query: mdc-feature-all()) {\n  @include mdc-button-without-ripple($query);\n  @include mdc-button-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// button styles. It is recommended that most users use `mdc-button-core-styles` instead.\n@mixin mdc-button-without-ripple($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define button\n  .mdc-button {\n    @include mdc-button-base_($query);\n    @include mdc-button-shape-radius(small, $query: $query);\n    @include mdc-button-container-fill-color(transparent, $query);\n\n    // The icon CSS class overrides styles defined in the .material-icons CSS\n    // class, which is loaded separately so the order of CSS definitions is not\n    // guaranteed. Therefore, increase specifity by nesting this class to ensure\n    // overrides apply.\n    .mdc-button__icon {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-button__icon_;\n      }\n    }\n\n    @include mdc-button-ink-color(primary, $query);\n  }\n\n  .mdc-button__label + .mdc-button__icon {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-button__icon-trailing_;\n    }\n  }\n\n  // stylelint-disable-next-line selector-no-qualifying-type\n  svg.mdc-button__icon {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-button__icon-svg_;\n    }\n  }\n\n  .mdc-button--raised,\n  .mdc-button--unelevated,\n  .mdc-button--outlined {\n    .mdc-button__icon {\n      @include mdc-feature-targets($feat-structure) {\n        // Icons inside contained buttons have different styles due to increased button padding\n        @include mdc-button__icon-contained_;\n      }\n    }\n\n    .mdc-button__label + .mdc-button__icon {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-button__icon-contained-trailing_;\n      }\n    }\n  }\n\n  .mdc-button--raised,\n  .mdc-button--unelevated {\n    @include mdc-button--filled_($query);\n    @include mdc-button-container-fill-color(primary, $query);\n    @include mdc-button-ink-color(on-primary, $query);\n  }\n\n  .mdc-button--raised {\n    @include mdc-button--raised_($query);\n  }\n\n  .mdc-button--outlined {\n    @include mdc-button--outlined_($query);\n    @include mdc-button-outline-width($mdc-button-outlined-border-width, $query: $query);\n    @include mdc-button-outline-color(primary, $query);\n  }\n\n  .mdc-button--dense {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-button--dense_;\n    }\n  }\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// button styles. It is recommended that most users use `mdc-button-core-styles` instead.\n@mixin mdc-button-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-button {\n    @include mdc-ripple-surface($query);\n    @include mdc-ripple-radius-bounded($query: $query);\n    @include mdc-states(primary, false, $query);\n  }\n\n  .mdc-button--raised,\n  .mdc-button--unelevated {\n    @include mdc-states(on-primary, false, $query);\n  }\n}\n\n@mixin mdc-button-filled-accessible($container-fill-color, $query: mdc-feature-all()) {\n  $fill-tone: mdc-theme-tone($container-fill-color);\n\n  @include mdc-button-container-fill-color($container-fill-color, $query);\n\n  @if ($fill-tone == \"dark\") {\n    @include mdc-button-ink-color(text-primary-on-dark, $query);\n    @include mdc-states(text-primary-on-dark, $query: $query);\n  } @else {\n    @include mdc-button-ink-color(text-primary-on-light, $query);\n    @include mdc-states(text-primary-on-light, $query: $query);\n  }\n}\n\n@mixin mdc-button-container-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // :not(:disabled) is used to support link styled as button\n  // as link does not support :enabled style\n  &:not(:disabled) {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n    }\n  }\n}\n\n@mixin mdc-button-outline-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(:disabled) {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-button-icon-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(:disabled) .mdc-button__icon {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-button-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(:disabled) {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-button-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius(\n    mdc-shape-resolve-percentage-radius($mdc-button-height, $radius),\n    $rtl-reflexive,\n    $query: $query\n  );\n\n  &.mdc-button--dense {\n    @include mdc-shape-radius(\n      mdc-shape-resolve-percentage-radius($mdc-dense-button-height, $radius),\n      $rtl-reflexive,\n      $query: $query\n    );\n  }\n}\n\n@mixin mdc-button-horizontal-padding($padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // $padding should be a single value; enforce it by specifying all 4 sides in the output\n    padding: 0 $padding 0 $padding;\n  }\n}\n\n@mixin mdc-button-outline-width(\n  $outline-width,\n  $padding: $mdc-button-contained-horizontal-padding,\n  $query: mdc-feature-all()\n) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  // Note: Adjust padding to maintain consistent width with non-outlined buttons\n  $padding-value: max($padding - $outline-width, 0);\n\n  @include mdc-button-horizontal-padding($padding-value, $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    border-width: $outline-width;\n  }\n}\n\n@mixin mdc-button-base_($query) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-typography(button, $query);\n  @include mdc-button-horizontal-padding($mdc-button-horizontal-padding, $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    min-width: 64px;\n    height: $mdc-button-height;\n    border: none;\n    outline: none;\n    /* @alternate */\n    line-height: inherit;\n    user-select: none;\n    -webkit-appearance: none;\n    overflow: hidden;\n    vertical-align: middle;\n  }\n\n  &::-moz-focus-inner {\n    @include mdc-feature-targets($feat-structure) {\n      padding: 0;\n      border: 0;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  &:active {\n    @include mdc-feature-targets($feat-structure) {\n      outline: none;\n    }\n  }\n\n  &:hover {\n    @include mdc-feature-targets($feat-structure) {\n      cursor: pointer;\n    }\n  }\n\n  &:disabled {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, transparent);\n\n      color: $mdc-button-disabled-ink-color;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      cursor: default;\n      pointer-events: none;\n    }\n  }\n}\n\n@mixin mdc-button__icon_ {\n  @include mdc-rtl-reflexive-box(margin, right, 8px);\n\n  display: inline-block;\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  vertical-align: top;\n}\n\n@mixin mdc-button__icon-trailing_ {\n  @include mdc-rtl-reflexive-box(margin, left, 8px);\n}\n\n@mixin mdc-button__icon-svg_ {\n  fill: currentColor;\n}\n\n@mixin mdc-button__icon-contained_ {\n  @include mdc-rtl-reflexive-property(margin, -4px, 8px);\n}\n\n@mixin mdc-button__icon-contained-trailing_ {\n  @include mdc-rtl-reflexive-property(margin, 8px, -4px);\n}\n\n@mixin mdc-button--outlined_($query) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    border-style: solid;\n  }\n\n  &:disabled {\n    @include mdc-feature-targets($feat-color) {\n      border-color: $mdc-button-disabled-ink-color;\n    }\n  }\n}\n\n@mixin mdc-button--filled_($query) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-button-horizontal-padding($mdc-button-contained-horizontal-padding, $query);\n\n  &:disabled {\n    @include mdc-feature-targets($feat-color) {\n      background-color: rgba(mdc-theme-prop-value(on-surface), .12);\n      color: $mdc-button-disabled-ink-color;\n    }\n  }\n}\n\n@mixin mdc-button--raised_($query) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-elevation(2, $query: $query);\n\n  &:hover,\n  &:focus {\n    @include mdc-elevation(4, $query: $query);\n  }\n\n  &:active {\n    @include mdc-elevation(8, $query: $query);\n  }\n\n  &:disabled {\n    @include mdc-elevation(0, $query: $query);\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: mdc-elevation-transition-value();\n  }\n}\n\n@mixin mdc-button--dense_() {\n  height: $mdc-dense-button-height;\n  font-size: .8125rem; // 13sp\n}\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n\n@mixin mdc-typography-core-styles($query: mdc-feature-all()) {\n  .mdc-typography {\n    @include mdc-typography-base($query: $query);\n  }\n\n  @each $style in map-keys($mdc-typography-styles) {\n    .mdc-typography--#{$style} {\n      @include mdc-typography($style, $query: $query);\n    }\n  }\n}\n\n@mixin mdc-typography-base($query: mdc-feature-all()) {\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  @include mdc-feature-targets($feat-typography) {\n    @each $key, $value in $mdc-typography-base {\n      #{$key}: $value;\n    }\n  }\n}\n\n@mixin mdc-typography($style, $query: mdc-feature-all()) {\n  $feat-typography: mdc-feature-create-target($query, typography);\n  $style-props: map-get($mdc-typography-styles, $style);\n\n  @if not map-has-key($mdc-typography-styles, $style) {\n    @error \"Invalid style specified! #{$style} doesn't exist. Choose one of #{map-keys($mdc-typography-styles)}\";\n  }\n\n  @include mdc-feature-targets($feat-typography) {\n    @each $key, $value in $style-props {\n      #{$key}: $value;\n    }\n  }\n}\n\n// Element must be `display: block` or `display: inline-block` for this to work.\n@mixin mdc-typography-overflow-ellipsis($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n}\n\n@mixin mdc-typography-baseline-top($distance, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: block;\n    margin-top: 0;\n    /* @alternate */\n    line-height: normal;\n  }\n\n  &::before {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-typography-baseline-strut_($distance);\n\n      vertical-align: 0;\n    }\n  }\n}\n\n@mixin mdc-typography-baseline-bottom($distance, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    margin-bottom: -1 * $distance;\n  }\n\n  &::after {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-typography-baseline-strut_($distance);\n\n      vertical-align: -1 * $distance;\n    }\n  }\n}\n\n@mixin mdc-typography-baseline-strut_($distance) {\n  display: inline-block;\n  width: 0;\n  height: $distance;\n  content: \"\";\n}\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    // Even if $rtl-reflexive is true, only emit RTL styles if we can't easily tell that the given radius is symmetrical\n    $needs-flip: $rtl-reflexive and length($radius) > 1;\n\n    @if ($needs-flip) {\n      /* @noflip */\n    }\n\n    border-radius: mdc-shape-prop-value($radius);\n\n    @if ($needs-flip) {\n      @include mdc-rtl {\n        /* @noflip */\n        border-radius: mdc-shape-flip-radius(mdc-shape-prop-value($radius));\n      }\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-theme-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  :root {\n    @include mdc-feature-targets($feat-color) {\n      @each $style in map-keys($mdc-theme-property-values) {\n        --mdc-theme-#{$style}: #{map-get($mdc-theme-property-values, $style)};\n      }\n    }\n  }\n\n  @each $style in map-keys($mdc-theme-property-values) {\n    @if $style != \"background\" and $style != \"surface\" {\n      .mdc-theme--#{$style} {\n        @include mdc-feature-targets($feat-color) {\n          @include mdc-theme-prop(color, $style, true);\n        }\n      }\n    } @else {\n      .mdc-theme--#{$style} {\n        @include mdc-feature-targets($feat-color) {\n          @include mdc-theme-prop(background-color, $style);\n        }\n      }\n    }\n  }\n\n  // CSS rules for using primary and secondary (plus light/dark variants) as background colors.\n  @each $style in (\"primary\", \"secondary\") {\n    .mdc-theme--#{$style}-bg {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(background-color, $style, true);\n      }\n    }\n  }\n}\n\n// Applies the correct theme color style to the specified property.\n// $property is typically color or background-color, but can be any CSS property that accepts color values.\n// $style should be one of the map keys in $mdc-theme-property-values (_variables.scss), or a color value.\n// $edgeOptOut controls whether to feature-detect around Edge to avoid emitting CSS variables for it,\n// intended for use in cases where interactions with pseudo-element styles cause problems due to Edge bugs.\n@mixin mdc-theme-prop($property, $style, $important: false, $edgeOptOut: false) {\n  @if mdc-theme-is-var-with-fallback_($style) {\n    @if $important {\n      #{$property}: mdc-theme-get-var-fallback_($style) !important;\n      /* @alternate */\n      #{$property}: mdc-theme-var_($style) !important;\n    } @else {\n      #{$property}: mdc-theme-get-var-fallback_($style);\n      /* @alternate */\n      #{$property}: mdc-theme-var_($style);\n    }\n  } @else if mdc-theme-is-valid-theme-prop-value_($style) {\n    @if $important {\n      #{$property}: $style !important;\n    } @else {\n      #{$property}: $style;\n    }\n  } @else {\n    @if not map-has-key($mdc-theme-property-values, $style) {\n      @error \"Invalid style: '#{$style}'. Choose one of: #{map-keys($mdc-theme-property-values)}\";\n    }\n\n    $value: map-get($mdc-theme-property-values, $style);\n\n    @if $important {\n      #{$property}: $value !important;\n\n      @if $edgeOptOut {\n        // stylelint-disable max-nesting-depth\n        @at-root {\n          // IE 11 doesn't understand this syntax and ignores the entire block.\n          // Edge understands this syntax and skips the entire block to avoid a nasty :before/:after pseudo-element bug.\n          // All other browsers apply the styles within the block.\n          @supports not (-ms-ime-align: auto) {\n            // stylelint-disable scss/selector-no-redundant-nesting-selector\n            & {\n              /* @alternate */\n              #{$property}: var(--mdc-theme-#{$style}, $value) !important;\n            }\n            // stylelint-enable scss/selector-no-redundant-nesting-selector\n          }\n        }\n        // stylelint-enable max-nesting-depth\n      } @else {\n        /* @alternate */\n        #{$property}: var(--mdc-theme-#{$style}, $value) !important;\n      }\n    } @else {\n      #{$property}: $value;\n\n      @if $edgeOptOut {\n        // stylelint-disable max-nesting-depth\n        @at-root {\n          // IE 11 doesn't understand this syntax and ignores the entire block.\n          // Edge understands this syntax and skips the entire block to avoid a nasty :before/:after pseudo-element bug.\n          // All other browsers apply the styles within the block.\n          @supports not (-ms-ime-align: auto) {\n            // stylelint-disable scss/selector-no-redundant-nesting-selector\n            & {\n              /* @alternate */\n              #{$property}: var(--mdc-theme-#{$style}, $value);\n            }\n            // stylelint-enable scss/selector-no-redundant-nesting-selector\n          }\n        }\n        // stylelint-enable max-nesting-depth\n      } @else {\n        /* @alternate */\n        #{$property}: var(--mdc-theme-#{$style}, $value);\n      }\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"./variables\";\n\n// Creates a rule that will be applied when an MDC Web component is within the context of an RTL layout.\n//\n// Usage Example:\n//\n// ```scss\n// .mdc-foo {\n//   position: absolute;\n//   left: 0;\n//\n//   @include mdc-rtl {\n//     left: auto;\n//     right: 0;\n//   }\n//\n//   &__bar {\n//     margin-left: 4px;\n//     @include mdc-rtl(\".mdc-foo\") {\n//       margin-left: auto;\n//       margin-right: 4px;\n//     }\n//   }\n// }\n//\n// .mdc-foo--mod {\n//   padding-left: 4px;\n//\n//   @include mdc-rtl {\n//     padding-left: auto;\n//     padding-right: 4px;\n//   }\n// }\n// ```\n//\n// Note that this mixin works by checking for an ancestor element with `[dir=\"rtl\"]`.\n// As a result, nested `dir` values are not supported:\n//\n// ```html\n// <html dir=\"rtl\">\n//   <!-- ... -->\n//   <div dir=\"ltr\">\n//     <div class=\"mdc-foo\">Styled incorrectly as RTL!</div>\n//   </div>\n// </html>\n// ```\n//\n// In the future, selectors such as the `:dir` pseudo-class (http://mdn.io/css/:dir) will help us mitigate this.\n@mixin mdc-rtl($root-selector: null) {\n  @if ($mdc-rtl-include) {\n    @if ($root-selector) {\n      @at-root {\n        #{$root-selector}[dir=\"rtl\"] &,\n        [dir=\"rtl\"] #{$root-selector} & {\n          @content;\n        }\n      }\n    } @else {\n      [dir=\"rtl\"] &,\n      &[dir=\"rtl\"] {\n        @content;\n      }\n    }\n  }\n}\n\n// Takes a base box-model property name (`margin`, `border`, `padding`, etc.) along with a\n// default direction (`left` or `right`) and value, and emits rules which apply the given value to the\n// specified direction by default and the opposite direction in RTL.\n//\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-box(margin, left, 8px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: 8px;\n//   margin-right: 0;\n//\n//   @include mdc-rtl {\n//     margin-left: 0;\n//     margin-right: 8px;\n//   }\n// }\n// ```\n//\n// whereas:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-box(margin, right, 8px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: 0;\n//   margin-right: 8px;\n//\n//   @include mdc-rtl {\n//     margin-left: 8px;\n//     margin-right: 0;\n//   }\n// }\n// ```\n//\n// You can also pass an optional 4th `$root-selector` argument which will be forwarded to `mdc-rtl`,\n// e.g. `@include mdc-rtl-reflexive-box(margin, left, 8px, \".mdc-component\")`.\n//\n// Note that this function will always zero out the original value in an RTL context.\n// If you're trying to flip the values, use `mdc-rtl-reflexive-property()` instead.\n@mixin mdc-rtl-reflexive-box($base-property, $default-direction, $value, $root-selector: null) {\n  @if (index((right, left), $default-direction) == null) {\n    @error \"Invalid default direction: '#{$default-direction}'. Please specifiy either 'right' or 'left'.\";\n  }\n\n  $left-value: $value;\n  $right-value: 0;\n\n  @if ($default-direction == right) {\n    $left-value: 0;\n    $right-value: $value;\n  }\n\n  @include mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector);\n}\n\n// Takes a base property and emits rules that assign <base-property>-left to <left-value> and\n// <base-property>-right to <right-value> in a LTR context, and vice versa in a RTL context.\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-property(margin, auto, 12px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   margin-left: auto;\n//   margin-right: 12px;\n//\n//   @include mdc-rtl {\n//     margin-left: 12px;\n//     margin-right: auto;\n//   }\n// }\n// ```\n//\n// An optional 4th `$root-selector` argument can be given, which will be passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive-property($base-property, $left-value, $right-value, $root-selector: null) {\n  $prop-left: #{$base-property}-left;\n  $prop-right: #{$base-property}-right;\n\n  @include mdc-rtl-reflexive($prop-left, $left-value, $prop-right, $right-value, $root-selector);\n}\n\n// Takes an argument specifying a horizontal position property (either \"left\" or \"right\") as well\n// as a value, and applies that value to the specified position in a LTR context, and flips it in a\n// RTL context. For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive-position(left, 0);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   left: 0;\n//   right: initial;\n//\n//   @include mdc-rtl {\n//     left: initial;\n//     right: 0;\n//   }\n// }\n// ```\n//\n// An optional third $root-selector argument may also be given, which is passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive-position($position-property, $value, $root-selector: null) {\n  @if (index((right, left), $position-property) == null) {\n    @error \"Invalid position #{position-property}. Please specifiy either right or left\";\n  }\n\n  // TODO: \"initial\" is not supported in IE 11. https://caniuse.com/#feat=css-initial-value\n  $left-value: $value;\n  $right-value: initial;\n\n  @if ($position-property == right) {\n    $right-value: $value;\n    $left-value: initial;\n  }\n\n  @include mdc-rtl-reflexive(left, $left-value, right, $right-value, $root-selector);\n}\n\n// Takes pair of properties with values as arguments and flips it in RTL context.\n// For example:\n//\n// ```scss\n// .mdc-foo {\n//   @include mdc-rtl-reflexive(left, 2px, right, 5px);\n// }\n// ```\n//\n// is equivalent to:\n//\n// ```scss\n// .mdc-foo {\n//   left: 2px;\n//   right: 5px;\n//\n//   @include mdc-rtl {\n//     right: 2px;\n//     left: 5px;\n//   }\n// }\n// ```\n//\n// An optional fifth `$root-selector` argument may also be given, which is passed to `mdc-rtl`.\n@mixin mdc-rtl-reflexive(\n  $left-property,\n  $left-value,\n  $right-property,\n  $right-value,\n  $root-selector: null\n) {\n  @include mdc-rtl-property_($left-property, $left-value);\n  @include mdc-rtl-property_($right-property, $right-value);\n\n  @include mdc-rtl($root-selector) {\n    @include mdc-rtl-property_($left-property, $right-value);\n    @include mdc-rtl-property_($right-property, $left-value);\n  }\n}\n\n///\n/// Adds `@noflip` annotation when `$mdc-rtl-include` is true.\n///\n/// @param {String} $property\n/// @param {String} $value\n/// @access private\n///\n@mixin mdc-rtl-property_($property, $value) {\n  @if $mdc-rtl-include {\n    /* @noflip */\n  }\n\n  #{$property}: #{$value};\n}\n","//\n// Copyright 2017 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$mdc-button-height: 36px !default;\n$mdc-button-horizontal-padding: 8px !default;\n$mdc-button-contained-horizontal-padding: 16px !default;\n$mdc-dense-button-height: 32px !default;\n$mdc-button-outlined-border-width: 1px !default;\n\n$mdc-button-disabled-ink-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/variables\";\n@import \"./variables\";\n\n@mixin mdc-elevation-core-styles($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @for $z-value from 0 through 24 {\n    .mdc-elevation--z#{$z-value} {\n      @include mdc-elevation($z-value, $query: $query);\n    }\n  }\n\n  .mdc-elevation-transition {\n    @include mdc-feature-targets($feat-animation) {\n      transition: mdc-elevation-transition-value();\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      will-change: $mdc-elevation-property;\n    }\n  }\n}\n\n// Applies the correct CSS rules to an element to give it the elevation specified by $z-value.\n// The $z-value must be between 0 and 24.\n// If $color has an alpha channel, it will be ignored and overridden. To increase the opacity of the shadow, use\n// $opacity-boost.\n@mixin mdc-elevation($z-value, $color: $mdc-elevation-baseline-color, $opacity-boost: 0, $query: mdc-feature-all()) {\n  @if type-of($z-value) != number or not unitless($z-value) {\n    @error \"$z-value must be a unitless number, but received '#{$z-value}'\";\n  }\n\n  @if $z-value < 0 or $z-value > 24 {\n    @error \"$z-value must be between 0 and 24, but received '#{$z-value}'\";\n  }\n\n  $feat-color: mdc-feature-create-target($query, color);\n\n  $color: mdc-theme-prop-value($color);\n\n  $umbra-z-value: map-get($mdc-elevation-umbra-map, $z-value);\n  $penumbra-z-value: map-get($mdc-elevation-penumbra-map, $z-value);\n  $ambient-z-value: map-get($mdc-elevation-ambient-map, $z-value);\n\n  $umbra-color: rgba($color, $mdc-elevation-umbra-opacity + $opacity-boost);\n  $penumbra-color: rgba($color, $mdc-elevation-penumbra-opacity + $opacity-boost);\n  $ambient-color: rgba($color, $mdc-elevation-ambient-opacity + $opacity-boost);\n\n  @include mdc-feature-targets($feat-color) {\n    box-shadow:\n      #{\"#{$umbra-z-value} #{$umbra-color}\"},\n      #{\"#{$penumbra-z-value} #{$penumbra-color}\"},\n      #{$ambient-z-value} $ambient-color;\n  }\n}\n\n// Returns a string that can be used as the value for a `transition` property for elevation.\n// Calling this function directly is useful in situations where a component needs to transition\n// more than one property.\n//\n// ```scss\n// .foo {\n//   transition: mdc-elevation-transition-value(), opacity 100ms ease;\n//   will-change: $mdc-elevation-property, opacity;\n// }\n// ```\n@function mdc-elevation-transition-value(\n  $duration: $mdc-elevation-transition-duration,\n  $easing: $mdc-elevation-transition-timing-function\n) {\n  @return #{$mdc-elevation-property} #{$duration} #{$easing};\n}\n","//\n// Copyright 2017 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// MDC Ripple keyframes are split into their own file so that _mixins.scss can rely on them.\n\n@import \"@material/animation/variables\";\n@import \"./variables\";\n\n@mixin mdc-ripple-keyframes_ {\n  @keyframes mdc-ripple-fg-radius-in {\n    from {\n      animation-timing-function: $mdc-animation-standard-curve-timing-function;\n      // NOTE: For these keyframes, we do not need custom property fallbacks because they are only\n      // used in conjunction with `.mdc-ripple-upgraded`. Since MDCRippleFoundation checks to ensure\n      // that custom properties are supported within the browser before adding this class, we can\n      // safely use them without a fallback.\n      transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);\n    }\n\n    to {\n      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n\n  @keyframes mdc-ripple-fg-opacity-in {\n    from {\n      animation-timing-function: linear;\n      opacity: 0;\n    }\n\n    to {\n      opacity: var(--mdc-ripple-fg-opacity, 0);\n    }\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\n    to {\n      opacity: 0;\n    }\n  }\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@import \"@material/animation/functions\";\n@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./functions\";\n@import \"./keyframes\";\n@import \"./variables\";\n\n@mixin mdc-ripple-core-styles($query: mdc-feature-all()) {\n  // postcss-bem-linter: define ripple-surface\n\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-ripple-surface {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-states($query: $query);\n    @include mdc-ripple-radius-bounded($query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      outline: none;\n      overflow: hidden;\n    }\n\n    &[data-mdc-ripple-is-unbounded] {\n      @include mdc-ripple-radius-unbounded($query: $query);\n\n      @include mdc-feature-targets($feat-structure) {\n        overflow: visible;\n      }\n    }\n\n    &--primary {\n      @include mdc-states(primary, $query: $query);\n    }\n\n    &--accent {\n      @include mdc-states(secondary, $query: $query);\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-ripple-common($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\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 mdc-feature-targets($feat-animation) {\n    @include mdc-base-emit-once(\"mdc-ripple/common/animation\") {\n      @include mdc-ripple-keyframes_;\n    }\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    @include mdc-base-emit-once(\"mdc-ripple/common/structure\") {\n      // Styles used to detect buggy behavior of CSS custom properties in Edge.\n      // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11495448/\n      // This is included in _mixins.scss rather than mdc-ripple.scss so that it will be\n      // present for other components which rely on ripple as well as mdc-ripple itself.\n      .mdc-ripple-surface--test-edge-var-bug {\n        --mdc-ripple-surface-test-edge-var: 1px solid #000;\n\n        visibility: hidden;\n\n        &::before {\n          border: var(--mdc-ripple-surface-test-edge-var);\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-ripple-surface($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-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    // !!DO NOT REMOVE!! mdc-ripple-will-change-replacer\n  }\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0;\n      pointer-events: none;\n      content: \"\";\n    }\n  }\n\n  &::before {\n    @include mdc-feature-targets($feat-animation) {\n      // Also transition background-color to avoid unnatural color flashes when toggling activated/selected state\n      transition:\n        opacity $mdc-states-wash-duration linear,\n        background-color $mdc-states-wash-duration linear;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      z-index: 1; // Ensure that the ripple wash for hover/focus states is displayed on top of positioned child elements\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::before {\n    @include mdc-feature-targets($feat-structure) {\n      transform: scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-structure) {\n      top: 0;\n      /* @noflip */\n      left: 0;\n      transform: scale(0);\n      transform-origin: center center;\n    }\n  }\n\n  &.mdc-ripple-upgraded--unbounded::after {\n    @include mdc-feature-targets($feat-structure) {\n      top: var(--mdc-ripple-top, 0);\n      /* @noflip */\n      left: var(--mdc-ripple-left, 0);\n    }\n  }\n\n  &.mdc-ripple-upgraded--foreground-activation::after {\n    @include mdc-feature-targets($feat-animation) {\n      animation:\n        mdc-ripple-fg-radius-in $mdc-ripple-translate-duration forwards,\n        mdc-ripple-fg-opacity-in $mdc-ripple-fade-in-duration forwards;\n    }\n  }\n\n  &.mdc-ripple-upgraded--foreground-deactivation::after {\n    @include mdc-feature-targets($feat-animation) {\n      animation: mdc-ripple-fg-opacity-out $mdc-ripple-fade-out-duration;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      // Retain transform from mdc-ripple-fg-radius-in activation\n      transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));\n    }\n  }\n}\n\n@mixin mdc-states-base-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-color) {\n      @if alpha(mdc-theme-prop-value($color)) > 0 {\n        @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n      } @else {\n        // If a color with 0 alpha is specified, don't render the ripple pseudo-elements at all.\n        // This avoids unnecessary transitions and overflow.\n        content: none;\n      }\n    }\n  }\n}\n\n@mixin mdc-states-hover-opacity($opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Background wash styles, for both CSS-only and upgraded stateful surfaces\n  &:hover::before {\n    // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n    @include mdc-feature-targets($feat-color) {\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mdc-states-focus-opacity($opacity, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Focus overrides hover by reusing the ::before pseudo-element.\n  // :focus-within generally works on non-MS browsers and matches when a *child* of the element has focus.\n  // It is useful for cases where a component has a focusable element within the root node, e.g. text field,\n  // but undesirable in general in case of nested stateful components.\n  // We use a modifier class for JS-enabled surfaces to support all use cases in all browsers.\n  $cssOnlyFocusSelector: if(\n    $has-nested-focusable-element,\n    \"&:not(.mdc-ripple-upgraded):focus::before, &:not(.mdc-ripple-upgraded):focus-within::before\",\n    \"&:not(.mdc-ripple-upgraded):focus::before\"\n  );\n\n  #{$cssOnlyFocusSelector},\n  &.mdc-ripple-upgraded--background-focused::before {\n    // Note that this duration is only effective on focus, not blur\n    @include mdc-feature-targets($feat-animation) {\n      transition-duration: 75ms;\n    }\n\n    @include mdc-feature-targets($feat-color) {\n      opacity: $opacity;\n    }\n  }\n}\n\n@mixin mdc-states-press-opacity($opacity, $query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // Styles for non-upgraded (CSS-only) stateful surfaces\n\n  &:not(.mdc-ripple-upgraded) {\n    // Apply press additively by using the ::after pseudo-element\n    &::after {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity $mdc-ripple-fade-out-duration linear;\n      }\n    }\n\n    &:active::after {\n      @include mdc-feature-targets($feat-animation) {\n        transition-duration: $mdc-ripple-fade-in-duration;\n      }\n\n      // Opacity falls under color because the chosen opacity is color-dependent in typical usage\n      @include mdc-feature-targets($feat-color) {\n        opacity: $opacity;\n      }\n    }\n  }\n\n  &.mdc-ripple-upgraded {\n    @include mdc-feature-targets($feat-color) {\n      --mdc-ripple-fg-opacity: #{$opacity};\n    }\n  }\n}\n\n// Simple mixin for base states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states(\n  $color: mdc-theme-prop-value(on-surface),\n  $has-nested-focusable-element: false,\n  $query: mdc-feature-all()\n) {\n  @include mdc-states-interactions_($color, $has-nested-focusable-element, 0, $query);\n}\n\n// Simple mixin for activated states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states-activated($color, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $activated-opacity: mdc-states-opacity($color, activated);\n\n  &--activated {\n    // Stylelint seems to think that '&' qualifies as a type selector here?\n    // stylelint-disable-next-line selector-max-type\n    &::before {\n      // Opacity falls under color because the chosen opacity is color-dependent.\n      @include mdc-feature-targets($feat-color) {\n        opacity: $activated-opacity;\n      }\n    }\n\n    @include mdc-states-interactions_($color, $has-nested-focusable-element, $activated-opacity, $query);\n  }\n}\n\n// Simple mixin for selected states which automatically selects opacity values based on whether the ink color is\n// light or dark.\n@mixin mdc-states-selected($color, $has-nested-focusable-element: false, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $selected-opacity: mdc-states-opacity($color, selected);\n\n  &--selected {\n    // stylelint-disable-next-line selector-max-type\n    &::before {\n      // Opacity falls under color because the chosen opacity is color-dependent.\n      @include mdc-feature-targets($feat-color) {\n        opacity: $selected-opacity;\n      }\n    }\n\n    @include mdc-states-interactions_($color, $has-nested-focusable-element, $selected-opacity, $query);\n  }\n}\n\n@mixin mdc-ripple-radius-bounded($radius: 100%, $query: mdc-feature-all()) {\n  $feat-struture: mdc-feature-create-target($query, structure);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: calc(50% - #{$radius});\n      /* @noflip */\n      left: calc(50% - #{$radius});\n      width: $radius * 2;\n      height: $radius * 2;\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n}\n\n@mixin mdc-ripple-radius-unbounded($radius: 100%, $query: mdc-feature-all()) {\n  $feat-struture: mdc-feature-create-target($query, structure);\n\n  &::before,\n  &::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: calc(50% - #{$radius / 2});\n      /* @noflip */\n      left: calc(50% - #{$radius / 2});\n      width: $radius;\n      height: $radius;\n    }\n  }\n\n  &.mdc-ripple-upgraded::before,\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      top: var(--mdc-ripple-top, calc(50% - #{$radius / 2}));\n      /* @noflip */\n      left: var(--mdc-ripple-left, calc(50% - #{$radius / 2}));\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n\n  &.mdc-ripple-upgraded::after {\n    @include mdc-feature-targets($feat-struture) {\n      width: var(--mdc-ripple-fg-size, $radius);\n      height: var(--mdc-ripple-fg-size, $radius);\n    }\n  }\n}\n\n@mixin mdc-states-interactions_(\n  $color,\n  $has-nested-focusable-element,\n  $opacity-modifier: 0,\n  $query: mdc-feature-all()\n) {\n  @include mdc-states-base-color($color, $query);\n  @include mdc-states-hover-opacity(mdc-states-opacity($color, hover) + $opacity-modifier, $query);\n  @include mdc-states-focus-opacity(\n    mdc-states-opacity($color, focus) + $opacity-modifier,\n    $has-nested-focusable-element,\n    $query\n  );\n  @include mdc-states-press-opacity(mdc-states-opacity($color, press) + $opacity-modifier, $query);\n}\n","//\n// Copyright 2017 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@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-card-core-styles($query: mdc-feature-all()) {\n  @include mdc-card-without-ripple($query);\n  @include mdc-card-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// card styles. It is recommended that most users use `mdc-card-core-styles` instead.\n@mixin mdc-card-without-ripple($query: mdc-feature-all()) {\n  // postcss-bem-linter: define card\n\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-card {\n    @include mdc-card-shape-radius(medium, $query: $query);\n    @include mdc-card-fill-color(surface, $query);\n    @include mdc-elevation(1, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-card-container-layout_;\n    }\n  }\n\n  .mdc-card--outlined {\n    @include mdc-elevation(0, $query: $query);\n    @include mdc-card-outline($mdc-card-outline-color, $query: $query);\n  }\n\n  //\n  // Media\n  //\n\n  .mdc-card__media {\n    @include mdc-feature-targets($feat-structure) {\n      position: relative; // Child element `__media-content` has `position: absolute`\n      box-sizing: border-box;\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: cover;\n    }\n\n    &::before {\n      @include mdc-feature-targets($feat-structure) {\n        display: block;\n        content: \"\";\n      }\n    }\n  }\n\n  .mdc-card__media:first-child {\n    @include mdc-feature-targets($feat-structure) {\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    }\n  }\n\n  .mdc-card__media:last-child {\n    @include mdc-feature-targets($feat-structure) {\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    }\n  }\n\n  .mdc-card__media--square {\n    @include mdc-card-media-aspect-ratio(1, 1, $query);\n  }\n\n  .mdc-card__media--16-9 {\n    @include mdc-card-media-aspect-ratio(16, 9, $query);\n  }\n\n  .mdc-card__media-content {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      box-sizing: border-box;\n    }\n  }\n\n  //\n  // Primary action\n  //\n\n  .mdc-card__primary-action {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-card-container-layout_;\n\n      position: relative; // Needed to prevent the ripple wash from overflowing the container in IE and Edge\n      outline: none;\n      color: inherit;\n      text-decoration: none;\n      cursor: pointer;\n      overflow: hidden;\n    }\n  }\n\n  .mdc-card__primary-action:first-child {\n    @include mdc-feature-targets($feat-structure) {\n      border-top-left-radius: inherit;\n      border-top-right-radius: inherit;\n    }\n  }\n\n  .mdc-card__primary-action:last-child {\n    @include mdc-feature-targets($feat-structure) {\n      border-bottom-left-radius: inherit;\n      border-bottom-right-radius: inherit;\n    }\n  }\n\n  //\n  // Action row\n  //\n\n  .mdc-card__actions {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-card-actions-layout_;\n\n      min-height: 52px;\n      padding: 8px;\n    }\n  }\n\n  .mdc-card__actions--full-bleed {\n    @include mdc-feature-targets($feat-structure) {\n      padding: 0;\n    }\n  }\n\n  .mdc-card__action-buttons,\n  .mdc-card__action-icons {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-card-actions-layout_;\n    }\n  }\n\n  .mdc-card__action-icons {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $mdc-card-action-icon-color);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      flex-grow: 1;\n      justify-content: flex-end;\n    }\n  }\n\n  .mdc-card__action-buttons + .mdc-card__action-icons {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, left, 16px);\n    }\n  }\n\n  //\n  // Action items\n  //\n\n  .mdc-card__action {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-card-actions-layout_(inline-flex);\n\n      justify-content: center;\n      cursor: pointer;\n      user-select: none;\n    }\n\n    &:focus {\n      @include mdc-feature-targets($feat-structure) {\n        outline: none;\n      }\n    }\n  }\n\n  //\n  // Action buttons\n  //\n\n  .mdc-card__action--button {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, right, 8px);\n\n      padding: 0 8px;\n    }\n\n    &:last-child {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-box(margin, right, 0);\n      }\n    }\n  }\n\n  .mdc-card__actions--full-bleed .mdc-card__action--button {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: space-between;\n      width: 100%;\n      height: auto;\n      max-height: none;\n      margin: 0;\n      padding: 8px 16px;\n      /* @noflip */\n      text-align: left;\n    }\n\n    @include mdc-rtl {\n      @include mdc-feature-targets($feat-structure) {\n        /* @noflip */\n        text-align: right;\n      }\n    }\n  }\n\n  //\n  // Action icons\n  //\n\n  .mdc-card__action--icon {\n    @include mdc-feature-targets($feat-structure) {\n      // Icon buttons are taller than buttons, so we need to adjust their margins to prevent the action row from\n      // expanding.\n      margin: -6px 0;\n\n      // Same padding as mdc-icon-button.\n      padding: 12px;\n    }\n  }\n\n  .mdc-card__action--icon:not(:disabled) {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $mdc-card-action-icon-color);\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// card styles. It is recommended that most users use `mdc-card-core-styles` instead.\n@mixin mdc-card-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-card__primary-action {\n    @include mdc-ripple-surface($query);\n    @include mdc-ripple-radius-bounded($query: $query);\n    @include mdc-states($query: $query);\n  }\n}\n\n@mixin mdc-card-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(background-color, $color);\n  }\n}\n\n@mixin mdc-card-outline($color, $thickness: $mdc-card-outline-width, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    border-width: $thickness;\n    border-style: solid;\n  }\n\n  @include mdc-feature-targets($feat-color) {\n    border-color: mdc-theme-prop-value($color);\n  }\n}\n\n@mixin mdc-card-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n}\n\n@mixin mdc-card-media-aspect-ratio($x, $y, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  &::before {\n    @include mdc-feature-targets($feat-structure) {\n      // This clever trick brought to you by: http://www.mademyday.de/css-height-equals-width-with-pure-css.html\n      margin-top: percentage($y / $x);\n    }\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-card-container-layout_ {\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n@mixin mdc-card-actions-layout_($display: flex) {\n  display: $display;\n  flex-direction: row;\n  align-items: center;\n  box-sizing: border-box;\n}\n","//\n// Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\";\n\n$mdc-card-action-icon-color: rgba(mdc-theme-prop-value(on-surface), mdc-theme-text-emphasis(medium)) !default;\n$mdc-card-outline-color: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 12%) !default;\n$mdc-card-outline-width: 1px !default;\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n@mixin mdc-checkbox-container-keyframes_(\n  $from-stroke-color,\n  $to-stroke-color,\n  $from-fill-color,\n  $to-fill-color,\n  $uid) {\n  @keyframes mdc-checkbox-fade-in-background-#{$uid} {\n    0% {\n      @include mdc-theme-prop(border-color, $from-stroke-color);\n      @include mdc-theme-prop(background-color, $from-fill-color);\n    }\n\n    50% {\n      @include mdc-theme-prop(border-color, $to-stroke-color);\n      @include mdc-theme-prop(background-color, $to-fill-color);\n    }\n  }\n\n  @keyframes mdc-checkbox-fade-out-background-#{$uid} {\n    0%,\n    80% {\n      @include mdc-theme-prop(border-color, $to-stroke-color);\n      @include mdc-theme-prop(background-color, $to-fill-color);\n    }\n\n    100% {\n      @include mdc-theme-prop(border-color, $from-stroke-color);\n      @include mdc-theme-prop(background-color, $from-fill-color);\n    }\n  }\n}\n\n@mixin mdc-checkbox-mark-keyframes_ {\n  @keyframes mdc-checkbox-unchecked-checked-checkmark-path {\n    0%,\n    50% {\n      stroke-dashoffset: $mdc-checkbox-mark-path-length_;\n    }\n\n    50% {\n      animation-timing-function: $mdc-animation-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: $mdc-animation-acceleration-curve-timing-function;\n      opacity: 1;\n      stroke-dashoffset: 0;\n    }\n\n    to {\n      opacity: 0;\n      stroke-dashoffset: $mdc-checkbox-mark-path-length_ * -1;\n    }\n  }\n\n  @keyframes mdc-checkbox-checked-indeterminate-checkmark {\n    from {\n      animation-timing-function: $mdc-animation-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: $mdc-checkbox-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: $mdc-checkbox-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 2017 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@import \"@material/ripple/variables\";\n@import \"@material/theme/variables\";\n\n$mdc-checkbox-mark-color: mdc-theme-prop-value(on-primary) !default;\n$mdc-checkbox-border-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n$mdc-checkbox-disabled-color: rgba(mdc-theme-prop-value(on-surface), .26) !default;\n$mdc-checkbox-baseline-theme-color: secondary !default;\n\n$mdc-checkbox-touch-area: 40px !default;\n$mdc-checkbox-size: 18px !default;\n$mdc-checkbox-mark-stroke-size: 2/15 * $mdc-checkbox-size !default;\n$mdc-checkbox-border-width: 2px !default;\n$mdc-checkbox-transition-duration: 90ms !default;\n$mdc-checkbox-item-spacing: 4px !default;\n$mdc-checkbox-focus-indicator-opacity: map-get($mdc-ripple-dark-ink-opacities, focus) !default;\n\n// Manual calculation done on SVG\n$mdc-checkbox-mark-path-length_: 29.7833385 !default;\n$mdc-checkbox-indeterminate-checked-easing-function_: cubic-bezier(.14, 0, 0, 1) !default;\n","//\n// Copyright 2017 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$mdc-animation-deceleration-curve-timing-function: cubic-bezier(0, 0, .2, 1) !default;\n$mdc-animation-standard-curve-timing-function: cubic-bezier(.4, 0, .2, 1) !default;\n$mdc-animation-acceleration-curve-timing-function: cubic-bezier(.4, 0, 1, 1) !default;\n$mdc-animation-sharp-curve-timing-function: cubic-bezier(.4, 0, .6, 1) !default;\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@import \"@material/animation/functions\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./functions\";\n@import \"./keyframes\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-checkbox-core-styles($query: mdc-feature-all()) {\n  @include mdc-checkbox-without-ripple($query);\n  @include mdc-checkbox-ripple($query);\n}\n\n// 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 mdc-checkbox-without-ripple($query: mdc-feature-all()) {\n  // postcss-bem-linter: define checkbox\n\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    @include mdc-checkbox-mark-keyframes_;\n  }\n\n  .mdc-checkbox {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-checkbox-base_;\n    }\n\n    @include mdc-checkbox-focus-indicator-color($mdc-checkbox-baseline-theme-color, $query: $query);\n  }\n\n  @include mdc-checkbox-container-colors($query: $query);\n  @include mdc-checkbox-ink-color($mdc-checkbox-mark-color, $query);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-checkbox-disabled-container-color_;\n  }\n\n  @media screen and (-ms-high-contrast: active) {\n    .mdc-checkbox__mixedmark {\n      @include mdc-feature-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 mdc-feature-targets($feat-structure) {\n      @include mdc-checkbox--disabled_;\n    }\n  }\n\n  .mdc-checkbox__background {\n    @include mdc-checkbox__background_($query);\n  }\n\n  .mdc-checkbox__checkmark {\n    @include mdc-checkbox__checkmark_($query);\n  }\n\n  .mdc-checkbox__checkmark-path {\n    @include mdc-checkbox__checkmark-path_($query);\n  }\n\n  .mdc-checkbox__mixedmark {\n    @include mdc-checkbox__mixedmark_($query);\n  }\n\n  // JS checkbox\n  .mdc-checkbox--upgraded {\n    .mdc-checkbox__background,\n    .mdc-checkbox__checkmark,\n    .mdc-checkbox__checkmark-path,\n    .mdc-checkbox__mixedmark {\n      @include mdc-feature-targets($feat-animation) {\n        @include mdc-checkbox__child--upgraded_;\n      }\n    }\n  }\n\n  .mdc-checkbox--anim {\n    @include mdc-feature-targets($feat-animation) {\n      @include mdc-checkbox--anim_;\n    }\n  }\n\n  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,\n  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n    @include mdc-feature-targets($feat-animation) {\n      @include mdc-checkbox__background--marked_;\n    }\n\n    .mdc-checkbox__checkmark-path {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-checkbox__checkmark-path--marked_;\n      }\n    }\n  }\n\n  // The frame's ::before element is used as a focus indicator for the checkbox\n  .mdc-checkbox__background::before {\n    @include mdc-checkbox__focus-indicator_($query);\n  }\n\n  .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {\n    @include mdc-checkbox__focus-indicator--focused_($query);\n  }\n\n  .mdc-checkbox__native-control {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-checkbox__native-control_;\n    }\n\n    &:disabled {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-checkbox--disabled_;\n      }\n    }\n  }\n\n  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background {\n    .mdc-checkbox__checkmark {\n      @include mdc-checkbox__checkmark--checked_($query);\n    }\n\n    .mdc-checkbox__mixedmark {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-checkbox__mixedmark--checked_;\n      }\n    }\n  }\n\n  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {\n    .mdc-checkbox__checkmark {\n      @include mdc-checkbox__checkmark--indeterminate_($query);\n    }\n\n    .mdc-checkbox__mixedmark {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-checkbox__mixedmark--indeterminate_;\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// 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 mdc-checkbox-ripple($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-ripple-common($query);\n\n  .mdc-checkbox {\n    @include mdc-ripple-surface($query);\n    @include mdc-states(on-surface, $query: $query);\n    @include mdc-ripple-radius-unbounded($query: $query);\n    @include mdc-checkbox-touch-dimension($mdc-checkbox-touch-area, $query: $query);\n  }\n\n  .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {\n    @include mdc-feature-targets($feat-structure) {\n      content: none;\n    }\n  }\n}\n\n@mixin mdc-checkbox-touch-dimension($touch-dimension, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $checkbox-padding: ($touch-dimension - $mdc-checkbox-size) / 2;\n\n  @include mdc-feature-targets($feat-structure) {\n    padding: $checkbox-padding;\n  }\n\n  .mdc-checkbox__background {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-position(left, $checkbox-padding, \".mdc-checkbox\");\n\n      top: $checkbox-padding;\n    }\n  }\n\n  .mdc-checkbox__background::before {\n    @include mdc-feature-targets($feat-structure) {\n      top: -$mdc-checkbox-border-width - $checkbox-padding;\n      left: -$mdc-checkbox-border-width - $checkbox-padding;\n      width: $touch-dimension;\n      height: $touch-dimension;\n    }\n  }\n}\n\n@mixin mdc-checkbox-container-colors(\n  $unmarked-stroke-color: $mdc-checkbox-border-color,\n  $unmarked-fill-color: transparent,\n  $marked-stroke-color: $mdc-checkbox-baseline-theme-color,\n  $marked-fill-color: $mdc-checkbox-baseline-theme-color,\n  $generate-keyframes: true,\n  $query: mdc-feature-all()\n) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-checkbox-unmarked-background-selector-enabled_ {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $unmarked-stroke-color);\n      @include mdc-theme-prop(background-color, $unmarked-fill-color);\n    }\n  }\n\n  @include mdc-checkbox-marked-background-selector-enabled_ {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $marked-stroke-color);\n      @include mdc-theme-prop(background-color, $marked-fill-color);\n    }\n  }\n\n  @if $generate-keyframes {\n    $uid: unique-id();\n    $anim-selector: if(&, \"&.mdc-checkbox--anim\", \".mdc-checkbox--anim\");\n\n    @include mdc-feature-targets($feat-animation, $feat-color) {\n      @include mdc-checkbox-container-keyframes_(\n        $from-stroke-color: $unmarked-stroke-color,\n        $to-stroke-color: $marked-stroke-color,\n        $from-fill-color: $unmarked-fill-color,\n        $to-fill-color: $marked-fill-color,\n        $uid: $uid\n      );\n    }\n\n    // stylelint-disable max-nesting-depth\n\n    #{$anim-selector} {\n      &-unchecked-checked,\n      &-unchecked-indeterminate {\n        .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n          @include mdc-feature-targets($feat-animation) {\n            animation-name: mdc-checkbox-fade-in-background-#{$uid};\n          }\n        }\n      }\n\n      &-checked-unchecked,\n      &-indeterminate-unchecked {\n        .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {\n          @include mdc-feature-targets($feat-animation) {\n            animation-name: mdc-checkbox-fade-out-background-#{$uid};\n          }\n        }\n      }\n    }\n\n    // stylelint-enable max-nesting-depth\n  }\n}\n\n@mixin mdc-checkbox-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-checkbox__checkmark {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n\n  .mdc-checkbox__mixedmark {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-checkbox-focus-indicator-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background::before,\n  .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background::before {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n    }\n  }\n\n  &.mdc-checkbox--selected {\n    @include mdc-states($color, $query: $query);\n  }\n\n  &.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected {\n    @include mdc-states-base-color($color, $query: $query);\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-checkbox-base_ {\n  display: inline-block;\n  position: relative;\n  flex: 0 0 $mdc-checkbox-size;\n  box-sizing: content-box;\n  width: $mdc-checkbox-size;\n  height: $mdc-checkbox-size;\n  line-height: 0;\n  white-space: nowrap;\n  cursor: pointer;\n  vertical-align: bottom;\n}\n\n@mixin mdc-checkbox-disabled-container-color_ {\n  @include mdc-checkbox-unmarked-background-selector-disabled_ {\n    @include mdc-theme-prop(border-color, $mdc-checkbox-disabled-color);\n  }\n\n  @include mdc-checkbox-marked-background-selector-disabled_ {\n    @include mdc-theme-prop(border-color, transparent);\n    @include mdc-theme-prop(background-color, $mdc-checkbox-disabled-color);\n  }\n}\n\n@mixin mdc-checkbox--disabled_ {\n  cursor: default;\n  pointer-events: none;\n}\n\n@mixin mdc-checkbox__child--upgraded_ {\n  // Due to the myriad of selector combos used to properly style a CSS-only checkbox, all of\n  // which have varying selector precedence and make use of transitions, it is cleaner and more\n  // efficient here to simply use !important, since the mdc-checkbox--anim-* classes will take\n  // over from here.\n  transition: none !important;\n}\n\n// Animation\n\n@mixin mdc-checkbox--anim_ {\n  $mdc-checkbox-indeterminate-change-duration_: 500ms;\n\n  // stylelint-disable selector-max-type\n\n  &-unchecked-checked,\n  &-unchecked-indeterminate,\n  &-checked-unchecked,\n  &-indeterminate-unchecked {\n    .mdc-checkbox__background {\n      animation-duration: $mdc-checkbox-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 $mdc-checkbox-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 $mdc-checkbox-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 $mdc-checkbox-transition-duration linear 0s;\n      transition: none;\n    }\n  }\n\n  &-checked-indeterminate {\n    .mdc-checkbox__checkmark {\n      animation: mdc-checkbox-checked-indeterminate-checkmark $mdc-checkbox-transition-duration linear 0s;\n      transition: none;\n    }\n\n    .mdc-checkbox__mixedmark {\n      animation: mdc-checkbox-checked-indeterminate-mixedmark $mdc-checkbox-transition-duration linear 0s;\n      transition: none;\n    }\n  }\n\n  &-indeterminate-checked {\n    .mdc-checkbox__checkmark {\n      animation: mdc-checkbox-indeterminate-checked-checkmark $mdc-checkbox-indeterminate-change-duration_ linear 0s;\n      transition: none;\n    }\n\n    .mdc-checkbox__mixedmark {\n      animation: mdc-checkbox-indeterminate-checked-mixedmark $mdc-checkbox-indeterminate-change-duration_ linear 0s;\n      transition: none;\n    }\n  }\n\n  &-indeterminate-unchecked {\n    .mdc-checkbox__mixedmark {\n      // stylelint-disable-next-line declaration-colon-space-after\n      animation:\n        mdc-checkbox-indeterminate-unchecked-mixedmark $mdc-checkbox-indeterminate-change-duration_ * .6 linear 0s;\n      transition: none;\n    }\n  }\n\n  // stylelint-enable selector-max-type\n}\n\n// Background\n\n@mixin mdc-checkbox-unmarked-background-selector-enabled_ {\n  // stylelint-disable-next-line selector-max-specificity\n  .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n    @content;\n  }\n}\n\n@mixin mdc-checkbox-unmarked-background-selector-disabled_ {\n  // Note: we must use `[disabled]` instead of `:disabled` below because Edge does not always recalculate the style\n  // property when the `:disabled` pseudo-class is followed by a sibling combinator. See:\n  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231/\n  // stylelint-disable-next-line selector-max-specificity\n  .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {\n    @content;\n  }\n}\n\n@mixin mdc-checkbox-marked-background-selector-enabled_ {\n  .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,\n  .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {\n    @content;\n  }\n}\n\n@mixin mdc-checkbox-marked-background-selector-disabled_ {\n  // Note: we must use `[disabled]` instead of `:disabled` below because Edge does not always recalculate the style\n  // property when the `:disabled` pseudo-class is followed by a sibling combinator. See:\n  // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/11295231/\n  .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,\n  .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background {\n    @content;\n  }\n}\n\n@mixin mdc-checkbox__background_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-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: $mdc-checkbox-size;\n    height: $mdc-checkbox-size;\n    // border-color is overridden by the mdc-checkbox-unmarked-stroke-color() mixin\n    border: $mdc-checkbox-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  .mdc-checkbox__background::before {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, on-surface, $edgeOptOut: true);\n    }\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-exit(background-color),\n      mdc-checkbox-transition-exit(border-color);\n  }\n}\n\n@mixin mdc-checkbox__background--marked_ {\n  transition:\n    mdc-checkbox-transition-enter(border-color),\n    mdc-checkbox-transition-enter(background-color);\n}\n\n// Focus indicator\n\n@mixin mdc-checkbox__focus-indicator_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: absolute;\n    transform: scale(0, 0);\n    border-radius: 50%;\n    opacity: 0;\n    pointer-events: none;\n    content: \"\";\n    will-change: opacity, transform;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-exit(opacity),\n      mdc-checkbox-transition-exit(transform);\n  }\n}\n\n@mixin mdc-checkbox__focus-indicator--focused_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    transform: scale(1);\n    opacity: $mdc-checkbox-focus-indicator-opacity;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-enter(opacity, 0ms, 80ms),\n      mdc-checkbox-transition-enter(transform, 0ms, 80ms);\n  }\n}\n\n// Native input\n\n@mixin mdc-checkbox__native-control_ {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  opacity: 0;\n  cursor: inherit;\n}\n\n// Check mark\n\n@mixin mdc-checkbox__checkmark_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-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 mdc-feature-targets($feat-animation) {\n    transition: mdc-checkbox-transition-exit(opacity, 0ms, $mdc-checkbox-transition-duration * 2);\n  }\n\n  .mdc-checkbox--upgraded & {\n    @include mdc-feature-targets($feat-structure) {\n      opacity: 1;\n    }\n  }\n}\n\n@mixin mdc-checkbox__checkmark--checked_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-enter(opacity, 0ms, $mdc-checkbox-transition-duration * 2),\n      mdc-checkbox-transition-enter(transform, 0ms, $mdc-checkbox-transition-duration * 2);\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    opacity: 1;\n  }\n}\n\n@mixin mdc-checkbox__checkmark--indeterminate_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    transform: rotate(45deg);\n    opacity: 0;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-exit(opacity, 0ms, $mdc-checkbox-transition-duration),\n      mdc-checkbox-transition-exit(transform, 0ms, $mdc-checkbox-transition-duration);\n  }\n}\n\n// Check mark path\n\n@mixin mdc-checkbox__checkmark-path_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: mdc-checkbox-transition-exit(stroke-dashoffset, 0ms, $mdc-checkbox-transition-duration * 2);\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    stroke: currentColor;\n    stroke-width: $mdc-checkbox-mark-stroke-size * 1.3;\n    stroke-dashoffset: $mdc-checkbox-mark-path-length_;\n    stroke-dasharray: $mdc-checkbox-mark-path-length_;\n  }\n}\n\n@mixin mdc-checkbox__checkmark-path--marked_ {\n  stroke-dashoffset: 0;\n}\n\n// Mixed mark\n\n@mixin mdc-checkbox__mixedmark_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: 100%;\n    height: 0;\n    transform: scaleX(0) rotate(0deg);\n    border-width: floor($mdc-checkbox-mark-stroke-size) / 2;\n    border-style: solid;\n    opacity: 0;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-checkbox-transition-exit(opacity),\n      mdc-checkbox-transition-exit(transform);\n  }\n}\n\n@mixin mdc-checkbox__mixedmark--checked_ {\n  transform: scaleX(1) rotate(-45deg);\n}\n\n@mixin mdc-checkbox__mixedmark--indeterminate_ {\n  transform: scaleX(1) rotate(0deg);\n  opacity: 1;\n}\n","//\n// Copyright 2017 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@import \"@material/animation/functions\";\n@import \"@material/animation/variables\";\n@import \"@material/checkbox/functions\";\n@import \"@material/checkbox/variables\";\n@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"./variables\";\n\n@mixin mdc-chip-core-styles($query: mdc-feature-all()) {\n  @include mdc-chip-without-ripple($query: $query);\n  @include mdc-chip-ripple($query: $query);\n}\n\n@mixin mdc-chip-without-ripple($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-chip-leading-icon-color($mdc-chip-icon-color, $query: $query);\n  @include mdc-chip-trailing-icon-color($mdc-chip-icon-color, $query: $query);\n  @include mdc-chip-leading-icon-size($mdc-chip-leading-icon-size, $query: $query);\n  @include mdc-chip-trailing-icon-size($mdc-chip-trailing-icon-size, $query: $query);\n  @include mdc-chip-trailing-icon-margin($query: $query);\n\n  .mdc-chip {\n    @include mdc-chip-shape-radius(50%, $query: $query);\n    @include mdc-chip-fill-color($mdc-chip-fill-color-default, $query: $query);\n    @include mdc-chip-ink-color-without-ripple_($mdc-chip-ink-color-default, $query: $query);\n    @include mdc-typography(body2, $query: $query);\n    @include mdc-chip-height($mdc-chip-height-default, $query: $query);\n    @include mdc-chip-leading-icon-margin($query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-flex;\n      position: relative;\n      align-items: center;\n      box-sizing: border-box;\n      padding: 0 $mdc-chip-horizontal-padding;\n      border-width: 0;\n      outline: none;\n      cursor: pointer;\n      -webkit-appearance: none;\n      overflow: hidden;\n\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    &:hover {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(color, on-surface);\n      }\n    }\n  }\n\n  .mdc-chip--exit {\n    @include mdc-feature-targets($feat-color) {\n      transition: $mdc-chip-exit-transition;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      opacity: 0;\n    }\n  }\n\n  .mdc-chip__text {\n    @include mdc-feature-targets($feat-structure) {\n      white-space: nowrap;\n    }\n  }\n\n  .mdc-chip__icon {\n    @include mdc-feature-targets($feat-structure) {\n      border-radius: 50%;\n      outline: none;\n      vertical-align: middle;\n    }\n  }\n\n  .mdc-chip__checkmark {\n    @include mdc-feature-targets($feat-structure) {\n      height: $mdc-chip-leading-icon-size;\n    }\n  }\n\n  .mdc-chip__checkmark-path {\n    @include mdc-feature-targets($feat-animation) {\n      transition:\n        mdc-checkbox-transition-exit(\n          stroke-dashoffset,\n          $mdc-chip-checkmark-animation-delay,\n          $mdc-chip-checkmark-animation-duration\n        );\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      stroke-width: 2px;\n      stroke-dashoffset: $mdc-checkbox-mark-path-length_;\n      stroke-dasharray: $mdc-checkbox-mark-path-length_;\n    }\n  }\n\n  .mdc-chip--selected .mdc-chip__checkmark-path {\n    @include mdc-feature-targets($feat-structure) {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  // Change color of selected choice chips\n\n  .mdc-chip-set--choice {\n    .mdc-chip {\n      @include mdc-chip-selected-ink-color-without-ripple_(primary, $query: $query);\n    }\n\n    .mdc-chip--selected {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(background-color, surface);\n      }\n    }\n  }\n\n  // Add leading checkmark to filter chips with no leading icon\n\n  .mdc-chip__checkmark-svg {\n    @include mdc-feature-targets($feat-structure) {\n      width: 0;\n      height: $mdc-chip-leading-icon-size;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: width $mdc-chip-width-animation-duration $mdc-animation-standard-curve-timing-function;\n    }\n  }\n\n  .mdc-chip--selected .mdc-chip__checkmark-svg {\n    @include mdc-feature-targets($feat-structure) {\n      width: $mdc-chip-leading-icon-size;\n    }\n  }\n\n  // Add leading checkmark to filter chips with a leading icon\n\n  .mdc-chip-set--filter {\n    .mdc-chip__icon--leading {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity $mdc-chip-opacity-animation-duration linear;\n        transition-delay: $mdc-chip-leading-icon-delay;\n      }\n\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 1;\n      }\n\n      + .mdc-chip__checkmark {\n        @include mdc-feature-targets($feat-animation) {\n          transition: opacity $mdc-chip-opacity-animation-duration linear;\n\n          // Delay the checkmark transition.\n          transition-delay: $mdc-chip-checkmark-with-leading-icon-delay;\n        }\n\n        @include mdc-feature-targets($feat-structure) {\n          opacity: 0;\n        }\n\n        .mdc-chip__checkmark-svg {\n          // stylelint-disable max-nesting-depth\n\n          @include mdc-feature-targets($feat-animation) {\n            transition: width 0ms;\n          }\n\n          // stylelint-enable max-nesting-depth\n        }\n      }\n    }\n\n    .mdc-chip--selected .mdc-chip__icon--leading {\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 0;\n      }\n\n      + .mdc-chip__checkmark {\n        @include mdc-feature-targets($feat-structure) {\n          // This ensures that the checkmark has zero width while the leading icon is still animating.\n          width: 0;\n          opacity: 1;\n        }\n      }\n    }\n\n    .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {\n      @include mdc-feature-targets($feat-structure) {\n        width: 0;\n      }\n\n      @include mdc-feature-targets($feat-structure) {\n        // This ensures that the leading icon doesn't fade in while the checkmark is fading out.\n        opacity: 0;\n      }\n\n      + .mdc-chip__checkmark {\n        @include mdc-feature-targets($feat-structure) {\n          width: $mdc-chip-leading-icon-size;\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-chip-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-chip {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-ripple-radius-bounded($query: $query);\n    @include mdc-chip-ink-color-ripple_($mdc-chip-ink-color-default, $query: $query);\n  }\n\n  .mdc-chip-set--choice {\n    .mdc-chip {\n      @include mdc-chip-selected-ink-color-ripple_(primary, $query: $query);\n    }\n  }\n}\n\n@mixin mdc-chip-set-core-styles($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    @keyframes mdc-chip-entry {\n      from {\n        transform: scale(.8);\n        opacity: .4;\n      }\n\n      to {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  }\n\n  .mdc-chip-set {\n    @include mdc-chip-set-spacing(8px, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-wrap: wrap;\n      box-sizing: border-box;\n    }\n  }\n\n  .mdc-chip-set--input .mdc-chip {\n    @include mdc-feature-targets($feat-animation) {\n      animation: mdc-chip-entry 100ms $mdc-animation-deceleration-curve-timing-function;\n    }\n  }\n}\n\n@mixin mdc-chip-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius(\n    mdc-shape-resolve-percentage-radius($mdc-chip-height-default, $radius),\n    $rtl-reflexive,\n    $query: $query);\n}\n\n@mixin mdc-chip-fill-color-accessible($color, $query: mdc-feature-all()) {\n  $fill-tone: mdc-theme-tone($color);\n\n  @include mdc-chip-fill-color($color, $query: $query);\n\n  @if ($fill-tone == \"dark\") {\n    @include mdc-chip-ink-color(text-primary-on-dark, $query: $query);\n    @include mdc-chip-selected-ink-color(text-primary-on-dark, $query: $query);\n    @include mdc-chip-leading-icon-color(text-primary-on-dark, $query: $query);\n    @include mdc-chip-trailing-icon-color(text-primary-on-dark, $query: $query);\n  } @else {\n    @include mdc-chip-ink-color(text-primary-on-light, $query: $query);\n    @include mdc-chip-selected-ink-color(text-primary-on-light, $query: $query);\n    @include mdc-chip-leading-icon-color(text-primary-on-light, $query: $query);\n    @include mdc-chip-trailing-icon-color(text-primary-on-light, $query: $query);\n  }\n}\n\n@mixin mdc-chip-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(background-color, $color);\n  }\n}\n\n@mixin mdc-chip-ink-color($color, $query: mdc-feature-all()) {\n  @include mdc-chip-ink-color-ripple_($color, $query: $query);\n  @include mdc-chip-ink-color-without-ripple_($color, $query: $query);\n}\n\n@mixin mdc-chip-ink-color-without-ripple_($color, $query) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(color, $color);\n  }\n\n  &:hover {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-chip-ink-color-ripple_($color, $query) {\n  @include mdc-states($color, $query: $query);\n}\n\n@mixin mdc-chip-selected-ink-color($color, $query: mdc-feature-all()) {\n  @include mdc-chip-selected-ink-color-ripple_($color, $query: $query);\n  @include mdc-chip-selected-ink-color-without-ripple_($color, $query: $query);\n}\n\n@mixin mdc-chip-selected-ink-color-without-ripple_($color, $query) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &.mdc-chip--selected {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n\n    @include mdc-chip-leading-icon-color($color, $query: $query);\n\n    &:hover {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(color, $color);\n      }\n    }\n  }\n\n  .mdc-chip__checkmark-path {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(stroke, $color);\n    }\n  }\n}\n\n@mixin mdc-chip-selected-ink-color-ripple_($color, $query) {\n  &.mdc-chip {\n    @include mdc-states-selected($color, $query: $query);\n  }\n}\n\n@mixin mdc-chip-outline(\n  $width: 1px,\n  $style: solid,\n  $color: mdc-theme-prop-value(on-surface),\n  $query: mdc-feature-all()) {\n  @include mdc-chip-outline-width($width, $query: $query);\n  @include mdc-chip-outline-style($style, $query: $query);\n  @include mdc-chip-outline-color($color, $query: $query);\n}\n\n@mixin mdc-chip-outline-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(border-color, $color);\n  }\n}\n\n@mixin mdc-chip-outline-style($style, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    border-style: $style;\n  }\n}\n\n@mixin mdc-chip-outline-width($width, $horizontal-padding: $mdc-chip-horizontal-padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // Note: Adjust padding to maintain consistent width with non-outlined chips\n  $horizontal-padding-value: max($horizontal-padding - $width, 0);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding-right: $horizontal-padding-value;\n    padding-left: $horizontal-padding-value;\n    border-width: $width;\n  }\n}\n\n@mixin mdc-chip-horizontal-padding($padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding-right: $padding;\n    padding-left: $padding;\n  }\n}\n\n@mixin mdc-chip-height($height, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    height: $height;\n  }\n}\n\n@mixin mdc-chip-set-spacing($gap-size, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding: $gap-size / 2;\n  }\n\n  .mdc-chip {\n    @include mdc-feature-targets($feat-structure) {\n      margin: $gap-size / 2;\n    }\n  }\n}\n\n@mixin mdc-chip-leading-icon-color($color, $opacity: $mdc-chip-icon-opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-chip__icon--leading {\n    @include mdc-feature-targets($feat-color) {\n      color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n  }\n}\n\n@mixin mdc-chip-trailing-icon-color(\n  $color,\n  $opacity: $mdc-chip-icon-opacity,\n  $hover-opacity: $mdc-chip-trailing-icon-hover-opacity,\n  $focus-opacity: $mdc-chip-trailing-icon-focus-opacity,\n  $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-chip__icon--trailing {\n    @include mdc-feature-targets($feat-color) {\n      color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n\n    &:hover {\n      @include mdc-feature-targets($feat-color) {\n        color: rgba(mdc-theme-prop-value($color), $hover-opacity);\n      }\n    }\n\n    &:focus {\n      @include mdc-feature-targets($feat-color) {\n        color: rgba(mdc-theme-prop-value($color), $focus-opacity);\n      }\n    }\n  }\n}\n\n// For customizing icon size, we need to increase specifity to ensure\n// overrides apply. Styles defined in the .material-icons CSS class are\n// loaded separately, so the order of CSS definitions is not guaranteed.\n\n@mixin mdc-chip-leading-icon-size($size, $query: mdc-feature-all()) {\n  .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {\n    @include mdc-chip-icon-size_($size, $query: $query);\n  }\n}\n\n@mixin mdc-chip-trailing-icon-size($size, $query: mdc-feature-all()) {\n  .mdc-chip__icon.mdc-chip__icon--trailing {\n    @include mdc-chip-icon-size_($size, $query: $query);\n  }\n}\n\n@mixin mdc-chip-icon-size_($size, $query) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: $size;\n    height: $size;\n    font-size: $size;\n  }\n}\n\n@mixin mdc-chip-leading-icon-margin(\n  $left-margin: $mdc-chip-leading-icon-margin-left,\n  $right-margin: $mdc-chip-leading-icon-margin-right,\n  $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  &.mdc-chip--selected .mdc-chip__checkmark,\n  .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, $left-margin, $right-margin);\n    }\n  }\n}\n\n@mixin mdc-chip-trailing-icon-margin(\n  $left-margin: $mdc-chip-trailing-icon-margin-left,\n  $right-margin: $mdc-chip-trailing-icon-margin-right,\n  $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-chip__icon--trailing {\n    @include mdc-feature-targets($feat-structure) {\n      margin-right: $right-margin;\n      margin-left: $left-margin;\n    }\n  }\n}\n\n@mixin mdc-chip-elevation-transition($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: mdc-elevation-transition-value();\n  }\n\n  &.mdc-chip--exit {\n    @include mdc-feature-targets($feat-animation) {\n      transition:\n        mdc-elevation-transition-value(),\n        $mdc-chip-exit-transition;\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/theme/variables\";\n\n$mdc-chip-fill-color-default: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 12%) !default;\n$mdc-chip-ink-color-default: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-chip-horizontal-padding: 12px !default;\n$mdc-chip-height-default: 32px !default;\n\n$mdc-chip-icon-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-chip-icon-opacity: .54 !default;\n$mdc-chip-trailing-icon-hover-opacity: .62 !default;\n$mdc-chip-trailing-icon-focus-opacity: .87 !default;\n$mdc-chip-leading-icon-size: 20px !default;\n$mdc-chip-trailing-icon-size: 18px !default;\n// Speed up delay to bridge gap between leading icon and checkmark transition.\n$mdc-chip-leading-icon-delay: -50ms !default;\n$mdc-chip-checkmark-with-leading-icon-delay: 80ms !default;\n\n$mdc-chip-checkmark-animation-delay: 50ms !default;\n$mdc-chip-checkmark-animation-duration: 150ms !default;\n$mdc-chip-width-animation-duration: 150ms !default;\n$mdc-chip-opacity-animation-duration: 75ms !default;\n\n$mdc-chip-leading-icon-margin-right: 4px !default;\n$mdc-chip-leading-icon-margin-left: -4px !default;\n\n$mdc-chip-trailing-icon-margin-right: -4px !default;\n$mdc-chip-trailing-icon-margin-left: 4px !default;\n\n$mdc-chip-exit-transition:\n  opacity 75ms $mdc-animation-standard-curve-timing-function,\n  width 150ms $mdc-animation-deceleration-curve-timing-function,\n  padding 100ms linear,\n  margin 100ms linear !default;\n","//\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@import \"@material/animation/functions\";\n@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/checkbox/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\"; // for mdc-theme-prop-value.\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-data-table-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  // postcss-bem-linter: define data-table\n\n  .mdc-data-table__content {\n    @include mdc-typography(body2, $query: $query);\n  }\n\n  .mdc-data-table {\n    @include mdc-data-table-fill-color($mdc-data-table-fill-color, $query: $query);\n    @include mdc-data-table-shape-radius($mdc-data-table-shape-radius, $query: $query);\n    @include mdc-data-table-stroke-size($mdc-data-table-stroke-size, $query: $query);\n    @include mdc-data-table-stroke-color($mdc-data-table-stroke-color, $query: $query);\n\n    @at-root {\n      @include mdc-data-table-row-fill-color($mdc-data-table-row-fill-color, $query: $query);\n      @include mdc-data-table-header-row-fill-color($mdc-data-table-header-row-fill-color, $query: $query);\n      @include mdc-data-table-selected-row-fill-color($mdc-data-table-selected-row-fill-color, $query: $query);\n      @include mdc-data-table-divider-color($mdc-data-table-divider-color, $query: $query);\n      @include mdc-data-table-divider-size($mdc-data-table-divider-size, $query: $query);\n      @include mdc-data-table-row-hover-fill-color($mdc-data-table-row-hover-fill-color, $query: $query);\n      @include mdc-data-table-header-row-text-color($mdc-data-table-header-row-text-color, $query: $query);\n      @include mdc-data-table-row-text-color($mdc-data-table-row-text-color, $query: $query);\n      @include mdc-data-table-header-row-height($mdc-data-table-header-row-height, $query: $query);\n      @include mdc-data-table-row-height($mdc-data-table-row-height, $query: $query);\n      @include mdc-data-table-cell-padding(\n        $leading-padding: $mdc-data-table-cell-leading-padding,\n        $trailing-padding: $mdc-data-table-cell-trailing-padding,\n        $query: $query\n      );\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-flex;\n      flex-direction: column;\n      box-sizing: border-box;\n      overflow-x: auto;\n    }\n  }\n\n  .mdc-data-table__table {\n    @include mdc-feature-targets($feat-structure) {\n      width: 100%;\n      border: 0;\n      white-space: nowrap;\n      border-collapse: collapse;\n    }\n  }\n\n  .mdc-data-table__cell {\n    @include mdc-typography(body2, $query: $query);\n  }\n\n  .mdc-data-table__cell--numeric {\n    @include mdc-feature-targets($feat-structure) {\n      text-align: right;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl {\n        /* @noflip */\n        text-align: left;\n      }\n    }\n  }\n\n  .mdc-data-table__header-cell {\n    @include mdc-typography(subtitle2, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      text-align: left;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl {\n        /* @noflip */\n        text-align: right;\n      }\n    }\n  }\n\n  .mdc-data-table__header-cell--numeric {\n    @include mdc-feature-targets($feat-structure) {\n      text-align: right;\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl {\n        /* @noflip */\n        text-align: left;\n      }\n    }\n  }\n}\n\n@mixin mdc-data-table-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(\"background-color\", $color);\n  }\n}\n\n@mixin mdc-data-table-header-row-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__header-row {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"background-color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-row-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__row {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"background-color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-selected-row-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__row--selected {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"background-color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-checked-icon-color($color, $query: mdc-feature-all()) {\n  .mdc-data-table__header-row-checkbox,\n  .mdc-data-table__row-checkbox {\n    @include mdc-checkbox-focus-indicator-color($color, $query: $query);\n    @include mdc-checkbox-container-colors($marked-stroke-color: $color, $marked-fill-color: $color, $query: $query);\n  }\n}\n\n@mixin mdc-data-table-divider-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__row {\n    @include mdc-feature-targets($feat-color) {\n      border-top-color: $color;\n    }\n  }\n}\n\n@mixin mdc-data-table-divider-size($size, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-data-table__row {\n    @include mdc-feature-targets($feat-structure) {\n      border-top-width: $size;\n      border-top-style: solid;\n    }\n  }\n}\n\n@mixin mdc-data-table-row-hover-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"background-color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-header-row-text-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__header-cell {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-row-text-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-data-table__cell {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(\"color\", $color);\n    }\n  }\n}\n\n@mixin mdc-data-table-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n}\n\n@mixin mdc-data-table-stroke-size($size, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    border-width: $size;\n    border-style: solid;\n  }\n}\n\n@mixin mdc-data-table-stroke-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    border-color: $color;\n  }\n}\n\n@mixin mdc-data-table-header-row-height($height, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-data-table__header-row {\n    @include mdc-feature-targets($feat-structure) {\n      height: $height;\n    }\n  }\n}\n\n@mixin mdc-data-table-row-height($height, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-data-table__row {\n    @include mdc-feature-targets($feat-structure) {\n      height: $height;\n    }\n  }\n}\n\n@mixin mdc-data-table-cell-padding(\n  $leading-padding: $mdc-data-table-cell-leading-padding,\n  $trailing-padding: $mdc-data-table-cell-trailing-padding,\n  $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-data-table__cell,\n  .mdc-data-table__header-cell {\n    @include mdc-feature-targets($feat-structure) {\n      padding-right: $trailing-padding;\n      padding-left: $leading-padding;\n    }\n  }\n\n  .mdc-data-table__header-cell--checkbox,\n  .mdc-data-table__cell--checkbox {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(padding, $leading-padding, 0);\n    }\n  }\n}\n\n@mixin mdc-data-table-column-widths($width-list, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @for $i from 1 through length($width-list) {\n    .mdc-data-table__row > :nth-child(#{$i}) {\n      @include mdc-feature-targets($feat-structure) {\n        width: nth($width-list, $i);\n      }\n    }\n  }\n}\n\n@mixin mdc-data-table-theme-baseline($query: mdc-feature-all()) {\n  @include mdc-data-table-checked-icon-color($mdc-data-table-checked-icon-color, $query: $query);\n}\n","//\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@import \"@material/theme/functions\";\n\n$mdc-data-table-fill-color: surface !default;\n$mdc-data-table-header-row-fill-color: inherit !default;\n$mdc-data-table-row-fill-color: inherit !default;\n$mdc-data-table-selected-row-fill-color: rgba(mdc-theme-prop-value(primary), .04) !default;\n\n$mdc-data-table-checked-icon-color: primary !default;\n$mdc-data-table-divider-color: rgba(mdc-theme-prop-value(on-surface), .12) !default;\n$mdc-data-table-divider-size: 1px !default;\n$mdc-data-table-row-hover-fill-color: rgba(mdc-theme-prop-value(on-surface), .04) !default;\n$mdc-data-table-checkbox-touch-dimension: 48px !default;\n\n$mdc-data-table-header-row-text-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-data-table-row-text-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n\n$mdc-data-table-shape-radius: medium !default;\n$mdc-data-table-stroke-size: 1px !default;\n$mdc-data-table-stroke-color: rgba(mdc-theme-prop-value(on-surface), .12) !default;\n\n$mdc-data-table-row-height: 52px !default;\n$mdc-data-table-header-row-height: $mdc-data-table-row-height + 4px !default;\n$mdc-data-table-cell-leading-padding: 16px !default;\n$mdc-data-table-cell-trailing-padding: 16px !default;\n","//\n// Copyright 2018 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@import \"@material/animation/functions\";\n@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\"; // for mdc-theme-prop-value\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-dialog-core-styles($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define dialog\n\n  .mdc-dialog,\n  .mdc-dialog__scrim {\n    @include mdc-feature-targets($feat-structure) {\n      position: fixed;\n      top: 0;\n      left: 0;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n      width: 100%;\n      height: 100%;\n    }\n  }\n\n  .mdc-dialog {\n    @include mdc-dialog-container-fill-color(surface, $query: $query);\n    @include mdc-dialog-scrim-color($mdc-dialog-scrim-color, $query: $query);\n    @include mdc-dialog-title-ink-color($mdc-dialog-title-ink-color, $query: $query);\n    @include mdc-dialog-content-ink-color($mdc-dialog-content-ink-color, $query: $query);\n    @include mdc-dialog-scroll-divider-color($mdc-dialog-scroll-divider-color, $query: $query);\n    @include mdc-dialog-min-width($mdc-dialog-min-width, $query: $query);\n    @include mdc-dialog-max-width($mdc-dialog-max-width, $mdc-dialog-margin, $query: $query);\n    @include mdc-dialog-max-height(null, $mdc-dialog-margin, $query: $query);\n    @include mdc-dialog-shape-radius(medium, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      // Use `display: none` instead of `visibility: hidden` to avoid recalculating layout when the dialog is closed.\n      display: none;\n      z-index: $mdc-dialog-z-index;\n    }\n  }\n\n  .mdc-dialog__scrim {\n    @include mdc-feature-targets($feat-structure) {\n      opacity: 0;\n      z-index: -1;\n    }\n  }\n\n  // This wrapper element is needed to make max-height work in IE 11.\n  // See https://github.com/philipwalton/flexbugs/issues/216\n  .mdc-dialog__container {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-direction: row; // IE 11\n      align-items: center;\n      justify-content: space-around; // Ensure Safari centers the dialog (because it treats the container's width oddly)\n      box-sizing: border-box;\n      height: 100%;\n      transform: scale(.8);\n      opacity: 0;\n      // This element is necessary for IE 11 and needs to have `height: 100%`.\n      // Let clicks on element fall through to scrim element underneath.\n      pointer-events: none;\n    }\n  }\n\n  .mdc-dialog__surface {\n    @include mdc-elevation(24, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-direction: column;\n      flex-grow: 0; // IE 11\n      flex-shrink: 0; // IE 11\n      box-sizing: border-box;\n      max-width: 100%; // IE 11\n      max-height: 100%; // IE 11\n      pointer-events: auto; // Override from `.mdc-dialog__container`.\n      overflow-y: auto;\n\n      @include mdc-rtl(\".mdc-dialog\") {\n        /* @noflip */\n        text-align: right;\n      }\n    }\n  }\n\n  .mdc-dialog__title {\n    @include mdc-typography-baseline-top(40px, $query: $query);\n    @include mdc-typography(headline6, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n      position: relative;\n      flex-shrink: 0;\n      box-sizing: border-box;\n      margin: 0;\n      padding: 0 24px $mdc-dialog-title-bottom-padding;\n      border-bottom: 1px solid transparent;\n\n      @include mdc-rtl(\".mdc-dialog\") {\n        /* @noflip */\n        text-align: right;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-dialog--scrollable .mdc-dialog__title {\n    @include mdc-feature-targets($feat-structure) {\n      // Adjust bottom padding to make title height align to spec when divider is present.\n      // (Titles for alert dialogs w/o dividers align based on text baseline. All spec values are divisible by 4.)\n      padding-bottom: $mdc-dialog-title-bottom-padding + 6px;\n    }\n  }\n\n  .mdc-dialog__content {\n    @include mdc-typography(body1, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      flex-grow: 1;\n      box-sizing: border-box;\n      margin: 0;\n      padding: 20px 24px; // Note: the top padding is only 20px for dialogs without titles; see below for override\n      overflow: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n\n    // The content element already has top/bottom padding, so we need to suppress margins on its first/last children.\n    > :first-child {\n      @include mdc-feature-targets($feat-structure) {\n        margin-top: 0;\n      }\n    }\n\n    // The content element already has top/bottom padding, so we need to suppress margins on its first/last children.\n    > :last-child {\n      @include mdc-feature-targets($feat-structure) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-dialog__title + .mdc-dialog__content {\n    @include mdc-feature-targets($feat-structure) {\n      // Eliminate padding to bring as close to spec as possible, relying on title padding.\n      // (Spec seems inconsistent RE title/body spacing on alert vs. simple variants.)\n      padding-top: 0;\n    }\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-dialog--scrollable .mdc-dialog__content {\n    @include mdc-feature-targets($feat-structure) {\n      // Reduce and equalize vertical paddings when scrollable dividers are present\n      // (Note: this is intentionally after title + content to take precedence)\n      padding-top: 8px;\n      padding-bottom: 8px;\n    }\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-dialog__content .mdc-list:first-child:last-child {\n    @include mdc-feature-targets($feat-structure) {\n      // Override default .mdc-list padding for content consisting exclusively of a MDC List\n      padding: 6px 0 0; // Top padding balances with title height\n    }\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern, selector-max-specificity\n  .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {\n    @include mdc-feature-targets($feat-structure) {\n      // Override default .mdc-list padding for content consisting exclusively of a MDC List\n      padding: 0;\n    }\n  }\n\n  .mdc-dialog__actions {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      position: relative;\n      flex-shrink: 0;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: flex-end;\n      box-sizing: border-box;\n      min-height: 52px;\n      margin: 0;\n      padding: 8px;\n      border-top: 1px solid transparent;\n    }\n\n    .mdc-dialog--stacked & {\n      @include mdc-feature-targets($feat-structure) {\n        flex-direction: column;\n        align-items: flex-end;\n      }\n    }\n  }\n\n  .mdc-dialog__button {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, left, 8px);\n    }\n\n    &:first-child {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-box(margin, left, 0);\n      }\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      max-width: 100%; // Prevent long text from overflowing parent element in IE 11\n      /* @noflip */\n      text-align: right;\n\n      @include mdc-rtl(\".mdc-dialog\") {\n        /* @noflip */\n        text-align: left;\n      }\n    }\n\n    .mdc-dialog--stacked &:not(:first-child) {\n      @include mdc-feature-targets($feat-structure) {\n        margin-top: 12px;\n      }\n    }\n  }\n\n  .mdc-dialog--open,\n  .mdc-dialog--opening,\n  .mdc-dialog--closing {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n    }\n  }\n\n  .mdc-dialog--opening {\n    .mdc-dialog__scrim {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity 150ms linear;\n      }\n    }\n\n    .mdc-dialog__container {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity 75ms linear, mdc-animation-enter(transform, 150ms);\n      }\n    }\n  }\n\n  .mdc-dialog--closing {\n    .mdc-dialog__scrim,\n    .mdc-dialog__container {\n      @include mdc-feature-targets($feat-animation) {\n        transition: opacity 75ms linear;\n      }\n    }\n\n    .mdc-dialog__container {\n      @include mdc-feature-targets($feat-structure) {\n        // Dialog container scales up while opening, but should remain scaled up while closing\n        transform: scale(1);\n      }\n    }\n  }\n\n  .mdc-dialog--open {\n    .mdc-dialog__scrim {\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 1;\n      }\n    }\n\n    .mdc-dialog__container {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale(1);\n        opacity: 1;\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n\n  // Class applied to body while dialog is open, to prevent scrolling behind the dialog\n  .mdc-dialog-scroll-lock {\n    @include mdc-feature-targets($feat-structure) {\n      overflow: hidden;\n    }\n  }\n}\n\n@mixin mdc-dialog-container-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-dialog__surface {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-dialog-scrim-color($color, $opacity: $mdc-dialog-scrim-opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-dialog__scrim {\n    @include mdc-feature-targets($feat-color) {\n      background-color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n  }\n}\n\n@mixin mdc-dialog-title-ink-color($color, $opacity: $mdc-dialog-title-ink-opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-dialog__title {\n    @include mdc-feature-targets($feat-color) {\n      color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n  }\n}\n\n@mixin mdc-dialog-content-ink-color($color, $opacity: $mdc-dialog-content-ink-opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-dialog__content {\n    @include mdc-feature-targets($feat-color) {\n      color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n  }\n}\n\n@mixin mdc-dialog-scroll-divider-color(\n  $color,\n  $opacity: $mdc-dialog-scroll-divider-opacity,\n  $query: mdc-feature-all()\n) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &.mdc-dialog--scrollable .mdc-dialog__title,\n  &.mdc-dialog--scrollable .mdc-dialog__actions {\n    @include mdc-feature-targets($feat-color) {\n      border-color: rgba(mdc-theme-prop-value($color), $opacity);\n    }\n  }\n}\n\n@mixin mdc-dialog-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-dialog__surface {\n    @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n  }\n}\n\n@mixin mdc-dialog-min-width($min-width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-dialog__surface {\n    @include mdc-feature-targets($feat-structure) {\n      min-width: $min-width;\n    }\n  }\n}\n\n@mixin mdc-dialog-max-width($max-width, $margin, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $max-size-calc-expr: calc(100vw - #{$margin * 2});\n\n  .mdc-dialog__surface {\n    @include mdc-feature-targets($feat-structure) {\n      @if $max-width {\n        $max-width-breakpoint: $max-width + ($margin * 2);\n\n        // Fit snugly within the viewport at smaller screen sizes.\n        @media (max-width: $max-width-breakpoint) {\n          max-width: $max-size-calc-expr;\n        }\n\n        // Once the screen gets big enough, apply a fixed maximum width.\n        @media (min-width: $max-width-breakpoint) {\n          max-width: $max-width;\n        }\n      } @else {\n        max-width: $max-size-calc-expr;\n      }\n    }\n  }\n}\n\n@mixin mdc-dialog-max-height($max-height, $margin, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $max-size-calc-expr: calc(100% - #{$margin * 2});\n\n  .mdc-dialog__surface {\n    @include mdc-feature-targets($feat-structure) {\n      @if $max-height {\n        $max-height-breakpoint: $max-height + ($margin * 2);\n\n        // Fit snugly within the viewport at smaller screen sizes.\n        @media (max-height: $max-height-breakpoint) {\n          max-height: $max-size-calc-expr;\n        }\n\n        // Once the screen gets big enough, apply a fixed maximum height.\n        @media (min-height: $max-height-breakpoint) {\n          max-height: $max-height;\n        }\n      } @else {\n        max-height: $max-size-calc-expr;\n      }\n    }\n  }\n\n  // Target IE 11.\n  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n    // On IE 11, if surface height is fixed and container height is 100%,\n    // scrolling content overflows. So, reset height if surface height\n    // is fixed.\n    .mdc-dialog__container {\n      @include mdc-feature-targets($feat-structure) {\n        /* stylelint-disable */\n        // Disable stylelint here, as nesting depth > 3 is required to\n        // work around IE 11.\n        @if $max-height {\n          $max-height-breakpoint: $max-height + ($margin * 2);\n\n          @media (min-height: $max-height-breakpoint) {\n            align-items: stretch;\n            height: auto;\n          }\n        }\n        /* stylelint-enable*/\n      }\n    }\n  }\n}\n","//\n// Copyright 2018 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$mdc-dialog-scrim-color: on-surface !default;\n$mdc-dialog-title-ink-color: on-surface !default;\n$mdc-dialog-content-ink-color: on-surface !default;\n$mdc-dialog-scroll-divider-color: on-surface !default;\n\n$mdc-dialog-scrim-opacity: .32 !default;\n$mdc-dialog-title-ink-opacity: .87 !default;\n$mdc-dialog-content-ink-opacity: .6 !default;\n$mdc-dialog-scroll-divider-opacity: .12 !default;\n\n$mdc-dialog-min-width: 280px !default;\n$mdc-dialog-max-width: 560px !default;\n$mdc-dialog-margin: 16px !default;\n$mdc-dialog-title-bottom-padding: 9px !default;\n\n$mdc-dialog-z-index: 7 !default;\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/animation/functions\";\n@import \"@material/animation/variables\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/typography/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\";\n@import \"@material/list/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/elevation/mixins\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-drawer-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define drawer\n  .mdc-drawer {\n    @include mdc-drawer-title-ink-color($mdc-drawer-title-ink-color, $query: $query);\n    @include mdc-drawer-subtitle-ink-color($mdc-drawer-subtitle-ink-color, $query: $query);\n    @include mdc-drawer-border-color($mdc-drawer-divider-color, $query: $query);\n    @include mdc-drawer-surface-fill-color($mdc-drawer-surface-fill-color, $query: $query);\n    @include mdc-drawer-item-icon-ink-color($mdc-drawer-item-inactive-ink-color, $query: $query);\n    @include mdc-drawer-item-text-ink-color($mdc-drawer-item-inactive-ink-color, $query: $query);\n    @include mdc-drawer-item-activated-icon-ink-color($mdc-drawer-item-activated-ink-color, $query: $query);\n    @include mdc-drawer-item-activated-text-ink-color($mdc-drawer-item-activated-ink-color, $query: $query);\n    @include mdc-drawer-shape-radius(large, $query: $query);\n    @include mdc-drawer-item-shape-radius(4px, $query: $query);\n    @include mdc-drawer-z-index($mdc-drawer-z-index, $query: $query);\n    @include mdc-drawer-width($mdc-drawer-width, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-direction: column;\n      flex-shrink: 0;\n      box-sizing: border-box;\n      height: 100%;\n      /* @noflip */\n      border-right-width: 1px;\n      /* @noflip */\n      border-right-style: solid;\n      overflow: hidden;\n\n      @include mdc-rtl {\n        /* @noflip */\n        border-right-width: 0;\n        /* @noflip */\n        border-left-width: 1px;\n        /* @noflip */\n        border-right-style: none;\n        /* @noflip */\n        border-left-style: solid;\n      }\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition-property: transform;\n      transition-timing-function: $mdc-animation-standard-curve-timing-function;\n    }\n\n    @include mdc-drawer-list-item_($query);\n  }\n\n  .mdc-drawer--animate {\n    @include mdc-feature-targets($feat-structure) {\n      transform: translateX(-100%);\n\n      @include mdc-rtl {\n        transform: translateX(100%);\n      }\n    }\n  }\n\n  .mdc-drawer--opening {\n    @include mdc-feature-targets($feat-structure) {\n      transform: translateX(0);\n\n      // Required to level the specificity with animate class.\n      @include mdc-rtl {\n        transform: translateX(0);\n      }\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition-duration: $mdc-drawer-animation-enter;\n    }\n  }\n\n  .mdc-drawer--closing {\n    @include mdc-feature-targets($feat-structure) {\n      transform: translateX(-100%);\n\n      @include mdc-rtl {\n        transform: translateX(100%);\n      }\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition-duration: $mdc-drawer-animation-exit;\n    }\n  }\n\n  .mdc-drawer__header {\n    @include mdc-feature-targets($feat-structure) {\n      flex-shrink: 0;\n      box-sizing: border-box;\n      min-height: 64px; // same as $mdc-top-app-bar-row-height\n      padding: 0 $mdc-drawer-surface-padding 4px;\n    }\n  }\n\n  .mdc-drawer__title {\n    @include mdc-typography(headline6, $query: $query);\n    @include mdc-typography-baseline-top(36px, $query: $query);\n    @include mdc-typography-baseline-bottom(20px, $query: $query);\n  }\n\n  .mdc-drawer__subtitle {\n    @include mdc-typography(body2, $query: $query);\n    @include mdc-typography-baseline-top(20px, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      margin-bottom: 0;\n    }\n  }\n\n  .mdc-drawer__content {\n    @include mdc-feature-targets($feat-structure) {\n      height: 100%;\n      overflow-y: auto;\n      -webkit-overflow-scrolling: touch;\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-drawer-dismissible-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-drawer--dismissible {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-position(left, 0);\n\n      display: none;\n      position: absolute;\n\n      &.mdc-drawer--open {\n        display: flex;\n      }\n    }\n  }\n\n  .mdc-drawer-app-content {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, left, 0);\n\n      position: relative;\n    }\n  }\n}\n\n@mixin mdc-drawer-modal-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  .mdc-drawer--modal {\n    @include mdc-drawer-scrim-fill-color($mdc-drawer-modal-scrim-color, $query: $query);\n    @include mdc-elevation($mdc-drawer-modal-elevation, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-position(left, 0);\n\n      display: none;\n      position: fixed;\n    }\n\n    &.mdc-drawer--open {\n      @include mdc-feature-targets($feat-structure) {\n        display: flex;\n      }\n    }\n  }\n\n  .mdc-drawer-scrim {\n    @include mdc-feature-targets($feat-structure) {\n      display: none;\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      z-index: $mdc-drawer-z-index - 1;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition-property: opacity;\n      transition-timing-function: $mdc-animation-standard-curve-timing-function;\n    }\n\n    .mdc-drawer--open + & {\n      @include mdc-feature-targets($feat-structure) {\n        display: block;\n      }\n    }\n\n    .mdc-drawer--animate + & {\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 0;\n      }\n    }\n\n    .mdc-drawer--opening + & {\n      @include mdc-feature-targets($feat-animation) {\n        transition-duration: $mdc-drawer-animation-enter;\n      }\n\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 1;\n      }\n    }\n\n    .mdc-drawer--closing + & {\n      @include mdc-feature-targets($feat-animation) {\n        transition-duration: $mdc-drawer-animation-exit;\n      }\n\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 0;\n      }\n    }\n  }\n}\n\n@mixin mdc-drawer-activated-overlay-color($color, $query: mdc-feature-all()) {\n  :not(.mdc-list--non-interactive) > .mdc-list-item {\n    @include mdc-states-activated($color, $query: $query);\n  }\n}\n\n@mixin mdc-drawer-border-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-divider-opacity);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(border-color, $value);\n  }\n}\n\n@mixin mdc-drawer-item-shape-radius($radius, $rtl-reflexive: true, $query: mdc-feature-all()) {\n  @include mdc-list-item-shape-radius($radius, $rtl-reflexive, $query: $query);\n}\n\n@mixin mdc-drawer-shape-radius($radius, $query: mdc-feature-all()) {\n  @if length($radius) > 2 {\n    @error \"Invalid radius: '#{$radius}' component doesn't allow customizing all corners\";\n  } @else if length($radius) == 2 {\n    $radius: 0 nth($radius, 1) nth($radius, 2) 0;\n  } @else {\n    $radius: 0 $radius $radius 0;\n  }\n\n  @include mdc-shape-radius($radius, $rtl-reflexive: true, $query: $query);\n}\n\n@mixin mdc-drawer-divider-color($color, $query: mdc-feature-all()) {\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-divider-opacity);\n\n  @include mdc-list-divider-color($value, $query: $query);\n}\n\n@mixin mdc-drawer-title-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-title-ink-opacity);\n\n  .mdc-drawer__title {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $value);\n    }\n  }\n}\n\n@mixin mdc-drawer-subtitle-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-subtitle-ink-opacity);\n\n  @include mdc-list-group-subheader-ink-color($value, $query: $query);\n\n  .mdc-drawer__subtitle {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $value);\n    }\n  }\n}\n\n@mixin mdc-drawer-fill-color-accessible($color, $query: mdc-feature-all()) {\n  $accessibleColor: mdc-theme-accessible-ink-color($color);\n\n  @include mdc-drawer-title-ink-color($accessibleColor, $query: $query);\n  @include mdc-drawer-subtitle-ink-color($accessibleColor, $query: $query);\n  @include mdc-drawer-item-text-ink-color($accessibleColor, $query: $query);\n  @include mdc-drawer-item-icon-ink-color($accessibleColor, $query: $query);\n  @include mdc-drawer-surface-fill-color($color, $query: $query);\n}\n\n@mixin mdc-drawer-item-icon-ink-color($color, $query: mdc-feature-all()) {\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-item-inactive-icon-ink-opacity);\n\n  @include mdc-list-item-graphic-ink-color($value, $query: $query);\n}\n\n@mixin mdc-drawer-item-activated-icon-ink-color($color, $query: mdc-feature-all()) {\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-item-active-icon-ink-opacity);\n\n  .mdc-list-item--activated {\n    @include mdc-list-item-graphic-ink-color($value, $query: $query);\n  }\n}\n\n@mixin mdc-drawer-item-activated-text-ink-color($color, $query: mdc-feature-all()) {\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-item-active-text-ink-opacity);\n\n  .mdc-list-item--activated {\n    @include mdc-list-item-primary-text-ink-color($value, $query: $query);\n  }\n}\n\n@mixin mdc-drawer-item-text-ink-color($color, $query: mdc-feature-all()) {\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-item-inactive-text-ink-opacity);\n\n  .mdc-list-item {\n    @include mdc-list-item-primary-text-ink-color($value, $query: $query);\n  }\n}\n\n@mixin mdc-drawer-surface-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $value: mdc-theme-prop-value($color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(background-color, $value);\n  }\n}\n\n@mixin mdc-drawer-scrim-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $value: rgba(mdc-theme-prop-value($color), $mdc-drawer-modal-scrim-opacity);\n\n  + .mdc-drawer-scrim {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $value);\n    }\n  }\n}\n\n@mixin mdc-drawer-z-index($value, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    z-index: $value;\n  }\n}\n\n@mixin mdc-drawer-width($width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: $width;\n  }\n\n  &.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, left, $width);\n    }\n  }\n}\n\n//\n// Private\n//\n@mixin mdc-drawer-list-item_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: ignore\n  .mdc-list-item {\n    @include mdc-typography(subtitle2, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      height: calc(48px - 2 * #{$mdc-drawer-list-item-spacing});\n      // To accomodate margin conflict.\n      margin: ($mdc-drawer-list-item-spacing * 2) 8px;\n      padding: 0 $mdc-drawer-surface-padding / 2;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  .mdc-list-item:nth-child(1) {\n    @include mdc-feature-targets($feat-structure) {\n      margin-top: 2px;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  .mdc-list-item:nth-last-child(1) {\n    @include mdc-feature-targets($feat-structure) {\n      margin-bottom: 0;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  .mdc-list-group__subheader {\n    @include mdc-typography(body2, $query: $query);\n    @include mdc-typography-baseline-top(24px, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      margin: 0;\n      padding: 0 $mdc-drawer-surface-padding;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  .mdc-list-divider {\n    @include mdc-feature-targets($feat-structure) {\n      margin: 3px 0 4px 0;\n    }\n  }\n\n  // Prevents list item children from being included in the click target.\n  // postcss-bem-linter: ignore\n  .mdc-list-item__text,\n  .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      pointer-events: none;\n    }\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@import \"@material/rtl/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/theme/functions\";\n@import \"@material/typography/mixins\";\n@import \"@material/typography/variables\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-list-core-styles($query: mdc-feature-all()) {\n  @include mdc-list-without-ripple($query);\n  @include mdc-list-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// list styles. It is recommended that most users use `mdc-list-core-styles` instead.\n@mixin mdc-list-without-ripple($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  $item-primary-text-baseline-height: 32px;\n  $item-secondary-text-baseline-height: 20px;\n  $dense-item-primary-text-baseline-height: 24px;\n  $divider-color: if(\n    mdc-theme-tone($mdc-theme-background) == \"dark\",\n    $mdc-list-divider-color-on-dark-bg,\n    $mdc-list-divider-color-on-light-bg\n  );\n\n  .mdc-list {\n    @include mdc-list-base_($query);\n  }\n\n  @include mdc-list-item-secondary-text-ink-color(text-secondary-on-background, $query);\n  @include mdc-list-item-graphic-fill-color(transparent, $query);\n  @include mdc-list-item-graphic-ink-color(text-icon-on-background, $query);\n  @include mdc-list-item-meta-ink-color(text-hint-on-background, $query);\n  @include mdc-list-group-subheader-ink-color(text-primary-on-background, $query);\n\n  .mdc-list--dense {\n    @include mdc-feature-targets($feat-structure) {\n      padding-top: 4px;\n      padding-bottom: 4px;\n      font-size: .812rem;\n    }\n  }\n\n  .mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-list-item-base_;\n    }\n  }\n\n  // \"Selected\" is ephemeral and likely to change soon. E.g., selecting one or more photos to share in Google Photos.\n  // \"Activated\" is more permanent. E.g., the currently highlighted navigation destination in a drawer.\n  .mdc-list-item--selected,\n  .mdc-list-item--activated {\n    @include mdc-list-item-primary-text-ink-color(primary, $query);\n    @include mdc-list-item-graphic-ink-color(primary, $query);\n  }\n\n  .mdc-list-item--disabled {\n    @include mdc-list-item-primary-text-ink-color(text-disabled-on-background, $query);\n  }\n\n  .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-list-graphic-size_(24px);\n\n      flex-shrink: 0;\n      align-items: center;\n      justify-content: center;\n      fill: currentColor;\n    }\n  }\n\n  // Extra specificity is to override .material-icons display style if used in\n  // conjunction with mdc-list-item__graphic\n  // stylelint-disable plugin/selector-bem-pattern\n  .mdc-list .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-flex;\n    }\n  }\n  // stylelint-enable plugin/selector-bem-pattern\n\n  .mdc-list-item__meta {\n    // stylelint-disable selector-class-pattern\n    &:not(.material-icons) {\n      @include mdc-typography(caption, $query);\n    }\n    // stylelint-enable selector-class-pattern\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, auto, 0, \".mdc-list-item\");\n    }\n  }\n\n  .mdc-list-item__text {\n    @include mdc-typography-overflow-ellipsis($query);\n  }\n\n  // Disable interaction on label elements that may automatically\n  // toggle corresponding checkbox / radio input.\n  .mdc-list-item__text[for] {\n    @include mdc-feature-targets($feat-structure) {\n      pointer-events: none;\n    }\n  }\n\n  .mdc-list-item__primary-text {\n    @include mdc-typography-overflow-ellipsis($query);\n    @include mdc-typography-baseline-top($item-primary-text-baseline-height, $query);\n    @include mdc-typography-baseline-bottom($item-secondary-text-baseline-height, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n    }\n\n    // stylelint-disable plugin/selector-bem-pattern\n    .mdc-list--dense & {\n      @include mdc-typography-baseline-top($dense-item-primary-text-baseline-height, $query);\n      @include mdc-typography-baseline-bottom($item-secondary-text-baseline-height, $query);\n    }\n    // stylelint-enable plugin/selector-bem-pattern\n  }\n\n  .mdc-list-item__secondary-text {\n    @include mdc-typography(body2, $query);\n    @include mdc-typography-overflow-ellipsis($query);\n    @include mdc-typography-baseline-top($item-secondary-text-baseline-height, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n    }\n\n    // stylelint-disable plugin/selector-bem-pattern\n    .mdc-list--dense & {\n      @include mdc-typography-baseline-top($item-secondary-text-baseline-height, $query);\n\n      @include mdc-feature-targets($feat-structure) {\n        font-size: inherit;\n      }\n    }\n    // stylelint-enable plugin/selector-bem-pattern\n  }\n\n  // stylelint-disable plugin/selector-bem-pattern\n  .mdc-list--dense .mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      height: 40px;\n    }\n  }\n\n  .mdc-list--dense .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-list-graphic-size_(20px);\n    }\n  }\n\n  .mdc-list--avatar-list .mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      height: 56px;\n    }\n  }\n\n  .mdc-list--avatar-list .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-list-graphic-size_(40px);\n\n      border-radius: 50%;\n    }\n  }\n\n  .mdc-list--two-line .mdc-list-item__text {\n    @include mdc-feature-targets($feat-structure) {\n      align-self: flex-start;\n    }\n  }\n\n  .mdc-list--two-line .mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      height: 72px;\n    }\n  }\n\n  .mdc-list--two-line.mdc-list--dense .mdc-list-item,\n  .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      height: 60px;\n    }\n  }\n\n  .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-list-graphic-size_(36px);\n    }\n  }\n\n  // Only change mouse cursor for interactive list items which are not disabled.\n  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      cursor: pointer;\n    }\n  }\n\n  // Override anchor tag styles for the use-case of a list being used for navigation\n  // stylelint-disable selector-max-type,selector-no-qualifying-type\n  a.mdc-list-item {\n    @include mdc-feature-targets($feat-structure) {\n      color: inherit;\n      text-decoration: none;\n    }\n  }\n  // stylelint-enable selector-max-type,selector-no-qualifying-type\n\n  .mdc-list-divider {\n    @include mdc-feature-targets($feat-structure) {\n      height: 0;\n      margin: 0;\n      border: none;\n      border-bottom-width: 1px;\n      border-bottom-style: solid;\n    }\n  }\n\n  // Note: ideally we'd be able to hoist this to the top-level `$feat-color`, but doing so\n  // will cause the `border` declaration on `.mdc-list-divider` above to override it.\n  @include mdc-list-divider-color($divider-color, $query);\n\n  .mdc-list-divider--padded {\n    @include mdc-feature-targets($feat-structure) {\n      // Leave gaps on each side to match the padding on list items\n      margin: 0 $mdc-list-side-padding;\n    }\n  }\n\n  .mdc-list-divider--inset {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(margin, left, $mdc-list-text-offset, \".mdc-list-group\");\n\n      width: calc(100% - #{$mdc-list-text-offset});\n    }\n  }\n\n  .mdc-list-divider--inset.mdc-list-divider--padded {\n    @include mdc-feature-targets($feat-structure) {\n      width: calc(100% - #{$mdc-list-text-offset} - #{$mdc-list-side-padding});\n    }\n  }\n\n  .mdc-list-group {\n    @include mdc-feature-targets($feat-structure) {\n      // Cancel top/bottom padding on individual lists within group\n      .mdc-list {\n        padding: 0;\n      }\n    }\n  }\n\n  .mdc-list-group__subheader {\n    $mdc-list-subheader-virtual-height: 3rem;\n    $mdc-list-subheader-leading: map-get(map-get($mdc-typography-styles, body1), line-height);\n    $mdc-list-subheader-margin: ($mdc-list-subheader-virtual-height - $mdc-list-subheader-leading) / 2;\n\n    @include mdc-typography(subtitle1, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      margin: $mdc-list-subheader-margin $mdc-list-side-padding;\n    }\n  }\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// list styles. It is recommended that most users use `mdc-list-core-styles` instead.\n@mixin mdc-list-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  // List items should support states by default, but it should be possible to opt out.\n  // Direct child combinator is necessary for non-interactive modifier on parent to not\n  // match this selector.\n  :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {\n    @include mdc-list-item-interactive-ripple_($query);\n  }\n\n  // Set styles only for focus state on disabled list item.\n  :not(.mdc-list--non-interactive) > .mdc-list-item--disabled {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-ripple-radius-bounded($query: $query);\n    @include mdc-states-base-color(mdc-theme-prop-value(on-surface), $query: $query);\n    @include mdc-states-focus-opacity(mdc-states-opacity(primary, focus), $query: $query);\n  }\n}\n\n@mixin mdc-list-item-primary-text-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-list-item-secondary-text-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-item__secondary-text {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-list-item-graphic-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-list-item-graphic-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-item__graphic {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-list-item-meta-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-item__meta {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-list-item-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  .mdc-list-item {\n    @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n  }\n}\n\n@mixin mdc-list-divider-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-divider {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-bottom-color, $color);\n    }\n  }\n}\n\n@mixin mdc-list-group-subheader-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-list-group__subheader {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-list-base_($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  @include mdc-typography(subtitle1, $query);\n\n  @include mdc-feature-targets($feat-typography) {\n    // According to the mocks and stickersheet, the line-height is\n    // adjusted to 24px for text content, same as for body1.\n    /* @alternate */\n    line-height: map-get(map-get($mdc-typography-styles, body1), line-height);\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    margin: 0;\n    padding: 8px 0;\n    list-style-type: none;\n\n    &:focus {\n      outline: none;\n    }\n  }\n\n  @include mdc-list-item-primary-text-ink-color(text-primary-on-background, $query);\n}\n\n@mixin mdc-list-item-base_ {\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: flex-start;\n  height: 48px;\n  padding: 0 $mdc-list-side-padding;\n  overflow: hidden;\n\n  &:focus {\n    outline: none;\n  }\n}\n\n// Ripple styles for an interactive list item (one that is enabled and inside an interactive list).\n@mixin mdc-list-item-interactive-ripple_($query: mdc-feature-all()) {\n  @include mdc-ripple-surface($query);\n  @include mdc-ripple-radius-bounded($query: $query);\n  @include mdc-states(mdc-theme-prop-value(on-surface), false, $query);\n  @include mdc-states-activated(primary, false, $query);\n  @include mdc-states-selected(primary, false, $query);\n}\n\n// Sets the width and height of the graphic element, as well as calculates the margins for\n// the graphic element such that the text is always offset by 72px, which is defined within\n// the spec.\n@mixin mdc-list-graphic-size_($size) {\n  $text-offset: 72px;\n  $side-padding: $mdc-list-side-padding;\n  $margin-value: $text-offset - $side-padding - $size;\n\n  @include mdc-rtl-reflexive-box(margin, right, $margin-value, \".mdc-list-item\");\n\n  width: $size;\n  height: $size;\n}\n","//\n// Copyright 2017 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@import \"@material/theme/variables\";\n\n// Colors\n$mdc-drawer-title-ink-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-drawer-subtitle-ink-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-drawer-item-inactive-ink-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-drawer-item-activated-ink-color: mdc-theme-prop-value(primary) !default;\n$mdc-drawer-divider-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-drawer-surface-fill-color: mdc-theme-prop-value(surface) !default;\n\n// Opacity\n$mdc-drawer-title-ink-opacity: mdc-theme-text-emphasis(high) !default;\n$mdc-drawer-subtitle-ink-opacity: mdc-theme-text-emphasis(medium) !default;\n$mdc-drawer-item-inactive-icon-ink-opacity: mdc-theme-text-emphasis(medium) !default;\n$mdc-drawer-item-inactive-text-ink-opacity: mdc-theme-text-emphasis(high) !default;\n$mdc-drawer-item-active-icon-ink-opacity: 1 !default;\n$mdc-drawer-item-active-text-ink-opacity: mdc-theme-text-emphasis(high) !default;\n$mdc-drawer-divider-opacity: .12 !default;\n\n// Widths\n$mdc-drawer-width: 256px !default;\n$mdc-drawer-list-item-spacing: 4px !default;\n$mdc-drawer-surface-padding: 16px !default;\n\n// Animations\n$mdc-drawer-animation-enter: 250ms !default;\n$mdc-drawer-animation-exit: 200ms !default;\n\n// Scrim\n$mdc-drawer-modal-scrim-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-drawer-modal-scrim-opacity: .32 !default;\n\n$mdc-drawer-z-index: 6 !default;\n$mdc-drawer-modal-elevation: 16 !default;\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n\n$mdc-elevation-baseline-color: black !default;\n$mdc-elevation-umbra-opacity: .2 !default;\n$mdc-elevation-penumbra-opacity: .14 !default;\n$mdc-elevation-ambient-opacity: .12 !default;\n\n$mdc-elevation-umbra-map: (\n  0: \"0px 0px 0px 0px\",\n  1: \"0px 2px 1px -1px\",\n  2: \"0px 3px 1px -2px\",\n  3: \"0px 3px 3px -2px\",\n  4: \"0px 2px 4px -1px\",\n  5: \"0px 3px 5px -1px\",\n  6: \"0px 3px 5px -1px\",\n  7: \"0px 4px 5px -2px\",\n  8: \"0px 5px 5px -3px\",\n  9: \"0px 5px 6px -3px\",\n  10: \"0px 6px 6px -3px\",\n  11: \"0px 6px 7px -4px\",\n  12: \"0px 7px 8px -4px\",\n  13: \"0px 7px 8px -4px\",\n  14: \"0px 7px 9px -4px\",\n  15: \"0px 8px 9px -5px\",\n  16: \"0px 8px 10px -5px\",\n  17: \"0px 8px 11px -5px\",\n  18: \"0px 9px 11px -5px\",\n  19: \"0px 9px 12px -6px\",\n  20: \"0px 10px 13px -6px\",\n  21: \"0px 10px 13px -6px\",\n  22: \"0px 10px 14px -6px\",\n  23: \"0px 11px 14px -7px\",\n  24: \"0px 11px 15px -7px\"\n) !default;\n\n$mdc-elevation-penumbra-map: (\n  0: \"0px 0px 0px 0px\",\n  1: \"0px 1px 1px 0px\",\n  2: \"0px 2px 2px 0px\",\n  3: \"0px 3px 4px 0px\",\n  4: \"0px 4px 5px 0px\",\n  5: \"0px 5px 8px 0px\",\n  6: \"0px 6px 10px 0px\",\n  7: \"0px 7px 10px 1px\",\n  8: \"0px 8px 10px 1px\",\n  9: \"0px 9px 12px 1px\",\n  10: \"0px 10px 14px 1px\",\n  11: \"0px 11px 15px 1px\",\n  12: \"0px 12px 17px 2px\",\n  13: \"0px 13px 19px 2px\",\n  14: \"0px 14px 21px 2px\",\n  15: \"0px 15px 22px 2px\",\n  16: \"0px 16px 24px 2px\",\n  17: \"0px 17px 26px 2px\",\n  18: \"0px 18px 28px 2px\",\n  19: \"0px 19px 29px 2px\",\n  20: \"0px 20px 31px 3px\",\n  21: \"0px 21px 33px 3px\",\n  22: \"0px 22px 35px 3px\",\n  23: \"0px 23px 36px 3px\",\n  24: \"0px 24px 38px 3px\"\n) !default;\n\n$mdc-elevation-ambient-map: (\n  0: \"0px 0px 0px 0px\",\n  1: \"0px 1px 3px 0px\",\n  2: \"0px 1px 5px 0px\",\n  3: \"0px 1px 8px 0px\",\n  4: \"0px 1px 10px 0px\",\n  5: \"0px 1px 14px 0px\",\n  6: \"0px 1px 18px 0px\",\n  7: \"0px 2px 16px 1px\",\n  8: \"0px 3px 14px 2px\",\n  9: \"0px 3px 16px 2px\",\n  10: \"0px 4px 18px 3px\",\n  11: \"0px 4px 20px 3px\",\n  12: \"0px 5px 22px 4px\",\n  13: \"0px 5px 24px 4px\",\n  14: \"0px 5px 26px 4px\",\n  15: \"0px 6px 28px 5px\",\n  16: \"0px 6px 30px 5px\",\n  17: \"0px 6px 32px 5px\",\n  18: \"0px 7px 34px 6px\",\n  19: \"0px 7px 36px 6px\",\n  20: \"0px 8px 38px 7px\",\n  21: \"0px 8px 40px 7px\",\n  22: \"0px 8px 42px 7px\",\n  23: \"0px 9px 44px 8px\",\n  24: \"0px 9px 46px 8px\"\n) !default;\n\n// The css property used for elevation. In most cases this should not be changed. It is exposed\n// as a variable for abstraction / easy use when needing to reference the property directly, for\n// example in a `will-change` rule.\n$mdc-elevation-property: box-shadow !default;\n\n// The default duration value for elevation transitions.\n$mdc-elevation-transition-duration: 280ms !default;\n\n// The default easing value for elevation transitions.\n$mdc-elevation-transition-timing-function: $mdc-animation-standard-curve-timing-function !default;\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@import \"@material/animation/functions\";\n@import \"@material/elevation/mixins\";\n@import \"@material/elevation/variables\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/ripple/variables\";\n@import \"@material/theme/functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-fab-core-styles($query: mdc-feature-all()) {\n  @include mdc-fab-without-ripple($query);\n  @include mdc-fab-ripple($query);\n}\n\n@mixin mdc-fab-without-ripple($query: mdc-feature-all()) {\n  // postcss-bem-linter: define fab\n\n  .mdc-fab {\n    @include mdc-fab-base_($query: $query);\n    @include mdc-fab-container-color(secondary, $query: $query);\n    @include mdc-fab-icon-size(24px, $query: $query);\n    @include mdc-fab-ink-color(on-secondary, $query: $query);\n  }\n\n  .mdc-fab--mini {\n    @include mdc-fab--mini_($query: $query);\n  }\n\n  .mdc-fab--extended {\n    @include mdc-fab--extended_($query: $query);\n  }\n\n  .mdc-fab__label {\n    @include mdc-fab--label_($query: $query);\n  }\n\n  .mdc-fab__icon {\n    @include mdc-fab__icon_($query: $query);\n  }\n\n  // Increase specificity for FAB icon styles that need to override styles defined for .material-icons\n  // (which is loaded separately so the order of CSS definitions is not guaranteed)\n  .mdc-fab .mdc-fab__icon {\n    @include mdc-fab__icon-overrides_($query: $query);\n  }\n\n  .mdc-fab--exited {\n    @include mdc-fab--exited_($query: $query);\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-fab-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  // postcss-bem-linter: define fab\n\n  .mdc-fab {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-ripple-radius-bounded($query: $query);\n    @include mdc-states(on-secondary, $query: $query);\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-fab-accessible($container-color, $query: mdc-feature-all()) {\n  @include mdc-fab-container-color($container-color, $query: $query);\n\n  $fill-tone: mdc-theme-tone($container-color);\n\n  @if ($fill-tone == \"dark\") {\n    @include mdc-fab-ink-color(text-primary-on-dark, $query: $query);\n    @include mdc-states(text-primary-on-dark, $query: $query);\n  } @else {\n    @include mdc-fab-ink-color(text-primary-on-light, $query: $query);\n    @include mdc-states(text-primary-on-light, $query: $query);\n  }\n}\n\n@mixin mdc-fab-container-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n  }\n}\n\n@mixin mdc-fab-icon-size($width, $height: $width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-fab__icon {\n    @include mdc-feature-targets($feat-structure) {\n      width: $width;\n      height: $height;\n      font-size: $height;\n    }\n  }\n}\n\n@mixin mdc-fab-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-fab-extended-fluid($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: 100%;\n  }\n}\n\n@mixin mdc-fab-extended-padding($icon-padding, $label-padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-fab-extended-label-padding($label-padding, $query: $query);\n\n  // Offsets the outer label padding by deducting it from icon padding.\n  .mdc-fab__icon {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, $icon-padding - $label-padding, $icon-padding);\n    }\n  }\n\n  // For Extended FAB with text label followed by icon.\n  .mdc-fab__label + .mdc-fab__icon {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, $icon-padding, $icon-padding - $label-padding);\n    }\n  }\n}\n\n@mixin mdc-fab-extended-label-padding($label-padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding: 0 $label-padding;\n  }\n}\n\n@mixin mdc-fab-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  &:not(.mdc-fab--extended) {\n    @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n  }\n}\n\n@mixin mdc-fab-extended-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius(\n    mdc-shape-resolve-percentage-radius($mdc-fab-extended-height, $radius),\n    $rtl-reflexive,\n    $query: $query\n  );\n}\n\n$mdc-fab-icon-enter-delay_: 90ms;\n$mdc-fab-icon-enter-duration_: 180ms;\n\n@mixin mdc-fab-base_($query: mdc-feature-all()) {\n  @include mdc-elevation(6, $query: $query);\n  @include mdc-fab-shape-radius(50%, $query: $query);\n\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    width: $mdc-fab-height;\n    height: $mdc-fab-height;\n    padding: 0;\n    border: none;\n    fill: currentColor;\n    text-decoration: none;\n    cursor: pointer;\n    user-select: none;\n    -moz-appearance: none;\n    -webkit-appearance: none;\n    overflow: hidden;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      box-shadow $mdc-elevation-transition-duration $mdc-elevation-transition-timing-function,\n      opacity 15ms linear 30ms,\n      mdc-animation-enter(transform, $mdc-fab-icon-enter-duration_ + $mdc-fab-icon-enter-delay_);\n  }\n\n  &::-moz-focus-inner {\n    @include mdc-feature-targets($feat-structure) {\n      padding: 0;\n      border: 0;\n    }\n  }\n\n  &:hover,\n  &:focus {\n    @include mdc-elevation(8, $query: $query);\n  }\n\n  &:active {\n    @include mdc-elevation(12, $query: $query);\n  }\n\n  &:active,\n  &:focus {\n    // TODO(acdvorak): Should this be paired with states and/or ripple? We don't want to disable outline\n    // (an accessibility/usability feature) unless we're confident that there is also a visual indication that the\n    // element has focus. If the client has customized the DOM in some unexpected way, and is certain that another\n    // element will receive focus instead, they can always override this property manually in their CSS.\n    @include mdc-feature-targets($feat-structure) {\n      outline: none;\n    }\n  }\n\n  &:hover {\n    @include mdc-feature-targets($feat-structure) {\n      cursor: pointer;\n    }\n  }\n\n  // This allows for using SVGs within them to align properly in all browsers.\n  // Can remove once: https://bugzilla.mozilla.org/show_bug.cgi?id=1294515 is resolved.\n\n  // stylelint-disable selector-max-type\n  // postcss-bem-linter: ignore\n  > svg {\n    @include mdc-feature-targets($feat-structure) {\n      width: 100%;\n    }\n  }\n  // stylelint-enable selector-max-type\n}\n\n@mixin mdc-fab--mini_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: $mdc-fab-mini-height;\n    height: $mdc-fab-mini-height;\n  }\n}\n\n@mixin mdc-fab--extended_($query: mdc-feature-all()) {\n  @include mdc-typography(button, $query: $query);\n  @include mdc-fab-extended-shape-radius(50%, $query: $query);\n  @include mdc-fab-extended-padding($mdc-fab-extended-icon-padding, $mdc-fab-extended-label-padding, $query: $query);\n\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: auto;\n    max-width: 100%;\n    height: $mdc-fab-extended-height;\n  }\n}\n\n@mixin mdc-fab__icon_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: mdc-animation-enter(transform, $mdc-fab-icon-enter-duration_, $mdc-fab-icon-enter-delay_);\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    fill: currentColor;\n    will-change: transform;\n  }\n}\n\n@mixin mdc-fab__label_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    justify-content: flex-start;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n  }\n}\n\n@mixin mdc-fab__icon-overrides_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n@mixin mdc-fab--exited_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    transform: scale(0);\n    opacity: 0;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      opacity 15ms linear 150ms,\n      mdc-animation-exit-permanent(transform, 180ms);\n  }\n\n  .mdc-fab__icon {\n    @include mdc-feature-targets($feat-structure) {\n      transform: scale(0);\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: mdc-animation-exit-permanent(transform, 135ms);\n    }\n  }\n}\n","//\n// Copyright 2018 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$mdc-fab-extended-icon-padding: 12px !default;\n$mdc-fab-extended-label-padding: 20px !default;\n$mdc-fab-height: 56px !default;\n$mdc-fab-mini-height: 40px !default;\n$mdc-fab-extended-height: 48px !default;\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// Floating Label is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-floating-label\") {\n  // postcss-bem-linter: define floating-label\n  .mdc-floating-label {\n    @include mdc-typography(subtitle1);\n\n    position: absolute;\n    /* @noflip */\n    left: 0;\n    /* @noflip */\n    transform-origin: left top;\n    transition:\n      transform $mdc-floating-label-transition-duration $mdc-animation-standard-curve-timing-function,\n      color $mdc-floating-label-transition-duration $mdc-animation-standard-curve-timing-function;\n    /* @alternate */\n    line-height: 1.15rem;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    cursor: text;\n    overflow: hidden;\n    // Force the label into its own layer to prevent visible layer promotion adjustments\n    // when the ripple is activated behind it.\n    will-change: transform;\n\n    @include mdc-rtl {\n      /* @noflip */\n      right: 0;\n      /* @noflip */\n      left: auto;\n      /* @noflip */\n      transform-origin: right top;\n      /* @noflip */\n      text-align: right;\n    }\n  }\n\n  .mdc-floating-label--float-above {\n    cursor: auto;\n  }\n\n  @at-root {\n    @include mdc-floating-label-float-position($mdc-floating-label-position-y);\n    @include mdc-floating-label-shake-animation(standard);\n  }\n\n  @include mdc-floating-label-shake-keyframes(standard, $mdc-floating-label-position-y);\n}\n","//\n// Copyright 2018 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@import \"@material/rtl/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n@mixin mdc-floating-label-ink-color($color) {\n  @include mdc-theme-prop(color, $color);\n}\n\n// Used for textarea in case of scrolling\n@mixin mdc-floating-label-fill-color($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-floating-label-shake-keyframes($modifier, $positionY, $positionX: 0%, $scale: .75) {\n  @keyframes mdc-floating-label-shake-float-above-#{$modifier} {\n    0% {\n      transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    33% {\n      animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n      transform: translateX(calc(4% - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    66% {\n      animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n      transform: translateX(calc(-4% - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n\n    100% {\n      transform: translateX(calc(0 - #{$positionX})) translateY(-#{$positionY}) scale(#{$scale});\n    }\n  }\n}\n\n@mixin mdc-floating-label-float-position($positionY, $positionX: 0%, $scale: .75) {\n  .mdc-floating-label--float-above {\n    @if $positionX > 0 or $positionX < 0 {\n      transform: translateY(-1 * $positionY) translateX(-1 * $positionX) scale($scale);\n\n      @include mdc-rtl {\n        transform: translateY(-1 * $positionY) translateX($positionX) scale($scale);\n      }\n    } @else {\n      transform: translateY(-1 * $positionY) scale($scale);\n    }\n  }\n}\n\n@mixin mdc-floating-label-shake-animation($modifier) {\n  .mdc-floating-label--shake {\n    animation: mdc-floating-label-shake-float-above-#{$modifier} 250ms 1;\n  }\n}\n\n@mixin mdc-floating-label-max-width($max-width) {\n  max-width: $max-width;\n}\n","//\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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-form-field-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-form-field {\n    @include mdc-typography(body2, $query);\n\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, text-primary-on-background);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-flex;\n      align-items: center;\n      vertical-align: middle;\n    }\n\n    // stylelint-disable-next-line selector-max-type\n    > label {\n      @include mdc-feature-targets($feat-structure) {\n        order: 0;\n        /* @noflip */\n        margin-right: auto;\n        /* @noflip */\n        padding-left: $mdc-form-field-item-spacing;\n      }\n    }\n\n    @include mdc-rtl {\n      // stylelint-disable-next-line selector-max-type\n      > label {\n        @include mdc-feature-targets($feat-structure) {\n          /* @noflip */\n          margin-left: auto;\n          /* @noflip */\n          padding-right: $mdc-form-field-item-spacing;\n        }\n      }\n    }\n  }\n\n  .mdc-form-field--align-end {\n    // stylelint-disable-next-line selector-max-type\n    > label {\n      @include mdc-feature-targets($feat-structure) {\n        order: -1;\n        /* @noflip */\n        margin-left: auto;\n        /* @noflip */\n        padding-right: $mdc-form-field-item-spacing;\n      }\n    }\n\n    @include mdc-rtl {\n      // stylelint-disable-next-line selector-max-type\n      > label {\n        @include mdc-feature-targets($feat-structure) {\n          /* @noflip */\n          margin-right: auto;\n          /* @noflip */\n          padding-left: $mdc-form-field-item-spacing;\n        }\n      }\n    }\n  }\n}\n","//\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$mdc-form-field-item-spacing: 4px !default;\n","//\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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-grid-list-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-typography: mdc-feature-create-target($query, typography);\n\n  // postcss-bem-linter: define grid-list\n  @include mdc-grid-list-tile-aspect(1, $query: $query);\n  @include mdc-grid-list-tile-gutter(4px, $query: $query);\n\n  .mdc-grid-list__tiles {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-flow: row wrap;\n      padding: 0;\n    }\n  }\n\n  .mdc-grid-list--tile-gutter-1 {\n    @include mdc-grid-list-tile-gutter(1px, $query: $query);\n  }\n\n  .mdc-grid-list--tile-aspect-16x9 {\n    @include mdc-grid-list-tile-aspect(16 / 9, $query: $query);\n  }\n\n  .mdc-grid-list--tile-aspect-3x2 {\n    @include mdc-grid-list-tile-aspect(3 / 2, $query: $query);\n  }\n\n  .mdc-grid-list--tile-aspect-2x3 {\n    @include mdc-grid-list-tile-aspect(2 / 3, $query: $query);\n  }\n\n  .mdc-grid-list--tile-aspect-4x3 {\n    @include mdc-grid-list-tile-aspect(4 / 3, $query: $query);\n  }\n\n  .mdc-grid-list--tile-aspect-3x4 {\n    @include mdc-grid-list-tile-aspect(3 / 4, $query: $query);\n  }\n  // postcss-bem-linter: end\n\n  // postcss-bem-linter: define grid-tile\n  .mdc-grid-tile {\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n      position: relative;\n      /* @alternate */\n      width: $mdc-grid-list-tile-width;\n      width: var(--mdc-grid-list-tile-width, $mdc-grid-list-tile-width);\n    }\n  }\n\n  .mdc-grid-tile__primary {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, background);\n      @include mdc-theme-prop(color, text-primary-on-background);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      height: 0;\n    }\n  }\n\n  .mdc-grid-tile__primary-content {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: cover;\n    }\n  }\n\n  .mdc-grid-tile__secondary {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, primary);\n      @include mdc-theme-prop(color, on-primary);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      bottom: 0;\n      box-sizing: border-box;\n      height: $mdc-grid-list-oneline-cap-secondary-height;\n      padding: $mdc-grid-list-tile-secondary-padding;\n    }\n  }\n\n  .mdc-grid-tile__title {\n    @include mdc-typography-overflow-ellipsis($query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n      margin: 0;\n      padding: 0;\n      font-size: 1rem;\n      line-height: 1rem;\n    }\n\n    @include mdc-feature-targets($feat-typography) {\n      font-weight: #{map-get($mdc-typography-font-weight-values, medium)};\n    }\n  }\n\n  .mdc-grid-tile__support-text {\n    @include mdc-typography(subtitle1, $query: $query);\n    @include mdc-typography-overflow-ellipsis($query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: block;\n      margin: 0;\n      margin-top: 4px;\n      padding: 0;\n    }\n  }\n\n  .mdc-grid-tile__icon {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: calc(50% - #{$mdc-grid-list-tile-secondary-icon-size} / 2);\n      font-size: 0;\n    }\n  }\n  // postcss-bem-linter: end\n\n  // Linter disabled because we are nesting grid-tile under grid-list.\n  .mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {\n    @include mdc-feature-targets($feat-structure) {\n      height: $mdc-grid-list-twoline-cap-secondary-height;\n    }\n  }\n\n  .mdc-grid-list--header-caption .mdc-grid-tile__secondary {\n    @include mdc-feature-targets($feat-structure) {\n      top: 0;\n      bottom: auto;\n    }\n  }\n\n  .mdc-grid-list--with-icon-align-start {\n    .mdc-grid-tile__secondary {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-property(\n          padding,\n          $mdc-grid-list-tile-secondary-padding * 2 + $mdc-grid-list-tile-secondary-icon-size,\n          $mdc-grid-list-tile-secondary-padding-narrow,\n          \".mdc-grid-list\"\n        );\n      }\n    }\n\n    .mdc-grid-tile__icon {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-position(left, $mdc-grid-list-tile-secondary-padding, \".mdc-grid-list\");\n\n        font-size: $mdc-grid-list-tile-secondary-icon-size;\n      }\n    }\n  }\n\n  .mdc-grid-list--with-icon-align-end {\n    .mdc-grid-tile__secondary {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-property(\n          padding,\n          $mdc-grid-list-tile-secondary-padding,\n          $mdc-grid-list-tile-secondary-padding * 2 + $mdc-grid-list-tile-secondary-icon-size,\n          \".mdc-grid-list\"\n        );\n      }\n    }\n\n    .mdc-grid-tile__icon {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-position(right, $mdc-grid-list-tile-secondary-padding, \".mdc-grid-list\");\n\n        font-size: $mdc-grid-list-tile-secondary-icon-size;\n      }\n    }\n  }\n}\n\n@mixin mdc-grid-list-tile-aspect($width-height-ratio, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-grid-tile__primary {\n    @include mdc-feature-targets($feat-structure) {\n      padding-bottom: calc(100% / #{$width-height-ratio});\n    }\n  }\n}\n\n@mixin mdc-grid-list-tile-gutter($gutter-width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-grid-tile {\n    @include mdc-feature-targets($feat-structure) {\n      margin: $gutter-width/2 0;\n      padding: 0 $gutter-width/2;\n    }\n  }\n\n  .mdc-grid-tile__secondary {\n    @include mdc-feature-targets($feat-structure) {\n      left: $gutter-width/2;\n      width: calc(100% - #{$gutter-width});\n    }\n  }\n\n  .mdc-grid-list__tiles {\n    @include mdc-feature-targets($feat-structure) {\n      margin: $gutter-width/2 auto;\n    }\n  }\n}\n","//\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$mdc-grid-list-tile-width: 200px !default;\n$mdc-grid-list-tile-secondary-padding: 16px !default;\n$mdc-grid-list-tile-secondary-padding-narrow: 8px !default;\n$mdc-grid-list-oneline-cap-secondary-height: 48px !default;\n$mdc-grid-list-twoline-cap-secondary-height: 68px !default;\n$mdc-grid-list-tile-secondary-icon-size: 24px !default;\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n@mixin mdc-icon-button-core-styles($query: mdc-feature-all()) {\n  @include mdc-icon-button-without-ripple($query);\n  @include mdc-icon-button-ripple($query);\n}\n\n@mixin mdc-icon-button-without-ripple($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define icon-button\n  .mdc-icon-button {\n    @include mdc-icon-button-base_($query: $query);\n  }\n\n  .mdc-icon-button__icon {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-block;\n    }\n\n    // stylelint-disable-next-line plugin/selector-bem-pattern\n    &.mdc-icon-button__icon--on {\n      @include mdc-feature-targets($feat-structure) {\n        display: none;\n      }\n    }\n  }\n\n  .mdc-icon-button--on {\n    .mdc-icon-button__icon {\n      @include mdc-feature-targets($feat-structure) {\n        display: none;\n      }\n\n      // stylelint-disable-next-line plugin/selector-bem-pattern\n      &.mdc-icon-button__icon--on {\n        @include mdc-feature-targets($feat-structure) {\n          display: inline-block;\n        }\n      }\n    }\n  }\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-icon-button-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-icon-button {\n    @include mdc-ripple-surface($query: $query);\n    @include mdc-ripple-radius-unbounded($query: $query);\n    @include mdc-states($query: $query);\n  }\n}\n\n@mixin mdc-icon-button-size($width, $height: $width, $padding: max($width, $height)/2, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: $width + $padding * 2;\n    height: $height + $padding * 2;\n    padding: $padding;\n    font-size: max($width, $height);\n  }\n\n  // stylelint-disable-next-line selector-max-type\n  svg,\n  img {\n    @include mdc-feature-targets($feat-structure) {\n      width: $width;\n      height: $height;\n    }\n  }\n}\n\n@mixin mdc-icon-button-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(color, $color);\n  }\n\n  @include mdc-states($color, $query: $query);\n}\n\n@mixin mdc-icon-button-base_($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-icon-button-size($mdc-icon-button-size, $query: $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-block;\n    position: relative;\n    box-sizing: border-box;\n    border: none;\n    outline: none;\n    background-color: transparent;\n    fill: currentColor;\n    color: inherit;\n    text-decoration: none;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  &:disabled {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, text-disabled-on-light);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      cursor: default;\n      pointer-events: none;\n    }\n  }\n}\n","//\n// Copyright 2018 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$mdc-icon-button-size: 24px !default;\n","// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./variables\";\n\n@mixin mdc-image-list-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define image-list\n  .mdc-image-list {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      flex-wrap: wrap;\n      // Margin and padding are set to override default user agent styles for lists, and also to center the Image List\n      margin: 0 auto;\n      padding: 0;\n    }\n  }\n\n  .mdc-image-list__item,\n  .mdc-image-list__image-aspect-container {\n    @include mdc-feature-targets($feat-structure) {\n      // Supports absolute positioning of protected supporting content for item, and image for image-aspect-container\n      position: relative;\n      box-sizing: border-box;\n    }\n  }\n\n  .mdc-image-list__item {\n    @include mdc-feature-targets($feat-structure) {\n      list-style-type: none;\n    }\n  }\n\n  .mdc-image-list__image {\n    @include mdc-feature-targets($feat-structure) {\n      width: 100%;\n    }\n  }\n\n  // Descendant selector allows image-aspect-container to be optional in DOM structure\n  .mdc-image-list__image-aspect-container .mdc-image-list__image {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      height: 100%;\n      // Background styles to support div instead of img\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: cover;\n    }\n  }\n\n  @include mdc-image-list-aspect(1, $query: $query);\n  @include mdc-image-list-shape-radius(0, $query: $query);\n\n  .mdc-image-list__supporting {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, text-primary-on-background);\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      box-sizing: border-box;\n      padding: 8px 0;\n      line-height: $mdc-image-list-icon-size;\n    }\n  }\n\n  .mdc-image-list__label {\n    @include mdc-typography(subtitle1, $query: $query);\n    @include mdc-typography-overflow-ellipsis($query: $query);\n  }\n\n  // Modifier for labels/icons with text protection, overlaying images.\n\n  .mdc-image-list--with-text-protection .mdc-image-list__supporting {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n      height: $mdc-image-list-text-protection-height;\n      padding: 0 $mdc-image-list-text-protection-horizontal-padding;\n    }\n\n    @include mdc-feature-targets($feat-color) {\n      background: $mdc-image-list-text-protection-background-color;\n      color: #fff;\n    }\n  }\n\n  // Masonry Image List, using CSS columns (i.e. renders down then across)\n\n  .mdc-image-list--masonry {\n    @include mdc-feature-targets($feat-structure) {\n      display: block; // Override flex\n    }\n\n    .mdc-image-list__item {\n      @include mdc-feature-targets($feat-structure) {\n        break-inside: avoid-column;\n      }\n    }\n\n    .mdc-image-list__image {\n      @include mdc-feature-targets($feat-structure) {\n        display: block;\n        height: auto;\n      }\n    }\n  }\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-image-list-aspect($width-height-ratio, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-image-list__image-aspect-container {\n    @include mdc-feature-targets($feat-structure) {\n      padding-bottom: calc(100% / #{$width-height-ratio});\n    }\n  }\n}\n\n@mixin mdc-image-list-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  .mdc-image-list__image {\n    @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n  }\n\n  $selector: if(&, \"&.mdc-image-list--with-text-protection\", \".mdc-image-list--with-text-protection\");\n\n  #{$selector} .mdc-image-list__supporting {\n    $masked-radius: mdc-shape-mask-radius($radius, 0 0 1 1);\n\n    @include mdc-shape-radius($masked-radius, $rtl-reflexive, $query: $query);\n  }\n}\n\n// Standard Image List\n\n@mixin mdc-image-list-standard-columns(\n  $column-count,\n  $gutter-size: $mdc-image-list-standard-gutter-size,\n  $query: mdc-feature-all()\n) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // This uses margin rather than padding to facilitate properly positioning the supporting content element when\n  // --with-text-protection is used.\n  .mdc-image-list__item {\n    @include mdc-feature-targets($feat-structure) {\n      // Subtract extra fraction from each item's width to ensure correct wrapping in IE/Edge which round differently\n      width: calc(100% / #{$column-count} - #{$gutter-size + 1 / $column-count});\n      margin: $gutter-size / 2;\n    }\n  }\n}\n\n// Masonry Image List\n\n@mixin mdc-image-list-masonry-columns(\n  $column-count,\n  $gutter-size: $mdc-image-list-masonry-gutter-size,\n  $query: mdc-feature-all()\n) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    column-count: $column-count;\n    column-gap: $gutter-size;\n  }\n\n  .mdc-image-list__item {\n    @include mdc-feature-targets($feat-structure) {\n      margin-bottom: $gutter-size;\n    }\n  }\n}\n","// Copyright 2018 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$mdc-image-list-standard-gutter-size: 4px !default;\n$mdc-image-list-masonry-gutter-size: 16px !default;\n$mdc-image-list-icon-size: 24px !default;\n$mdc-image-list-text-protection-background-color: rgba(0, 0, 0, .6) !default;\n$mdc-image-list-text-protection-height: 48px !default;\n$mdc-image-list-text-protection-horizontal-padding: 16px !default;\n","// Copyright 2017 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@import \"./variables\";\n@import \"./mixins\";\n\n:root {\n  @each $size in map-keys($mdc-layout-grid-columns) {\n    --mdc-layout-grid-margin-#{$size}: #{map-get($mdc-layout-grid-default-margin, $size)};\n    --mdc-layout-grid-gutter-#{$size}: #{map-get($mdc-layout-grid-default-gutter, $size)};\n    --mdc-layout-grid-column-width-#{$size}: #{map-get($mdc-layout-grid-column-width, $size)};\n  }\n}\n\n// postcss-bem-linter: define layout-grid\n.mdc-layout-grid {\n  @each $size in map-keys($mdc-layout-grid-columns) {\n    @include mdc-layout-grid-media-query_($size) {\n      $margin: map-get($mdc-layout-grid-default-margin, $size);\n\n      @include mdc-layout-grid($size, $margin, $mdc-layout-grid-max-width);\n    }\n  }\n}\n\n.mdc-layout-grid__inner {\n  @each $size in map-keys($mdc-layout-grid-columns) {\n    @include mdc-layout-grid-media-query_($size) {\n      $margin: map-get($mdc-layout-grid-default-margin, $size);\n      $gutter: map-get($mdc-layout-grid-default-gutter, $size);\n\n      @include mdc-layout-grid-inner($size, $margin, $gutter);\n    }\n  }\n}\n\n.mdc-layout-grid__cell {\n  // select the upper breakpoint\n  $upper-breakpoint: nth(map-keys($mdc-layout-grid-columns), 1);\n\n  @each $size in map-keys($mdc-layout-grid-columns) {\n    @include mdc-layout-grid-media-query_($size) {\n      $gutter: map-get($mdc-layout-grid-default-gutter, $size);\n\n      @include mdc-layout-grid-cell($size, $mdc-layout-grid-default-column-span, $gutter);\n\n      @for $span from 1 through map-get($mdc-layout-grid-columns, $upper-breakpoint) {\n        // Span classes.\n        // stylelint-disable max-nesting-depth\n        @at-root .mdc-layout-grid__cell--span-#{$span},\n          .mdc-layout-grid__cell--span-#{$span}-#{$size} {\n          @include mdc-layout-grid-cell-span_($size, $span, $gutter);\n        }\n        // stylelint-enable max-nesting-depth\n      }\n    }\n  }\n\n  // Order override classes.\n  @for $i from 1 through map-get($mdc-layout-grid-columns, $upper-breakpoint) {\n    &--order-#{$i} {\n      @include mdc-layout-grid-cell-order($i);\n    }\n  }\n\n  // Alignment classes.\n  &--align-top {\n    @include mdc-layout-grid-cell-align(top);\n  }\n\n  &--align-middle {\n    @include mdc-layout-grid-cell-align(middle);\n  }\n\n  &--align-bottom {\n    @include mdc-layout-grid-cell-align(bottom);\n  }\n}\n\n.mdc-layout-grid--fixed-column-width {\n  @each $size in map-keys($mdc-layout-grid-columns) {\n    @include mdc-layout-grid-media-query_($size) {\n      $margin: map-get($mdc-layout-grid-default-margin, $size);\n      $gutter: map-get($mdc-layout-grid-default-gutter, $size);\n      $column-width: map-get($mdc-layout-grid-column-width, $size);\n\n      @include mdc-layout-grid-fixed-column-width($size, $margin, $gutter, $column-width);\n    }\n  }\n}\n\n.mdc-layout-grid--align-left {\n  margin-right: auto;\n  margin-left: 0;\n}\n\n.mdc-layout-grid--align-right {\n  margin-right: 0;\n  margin-left: auto;\n}\n// postcss-bem-linter: end\n","// Copyright 2017 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@import \"./variables\";\n\n// returns the lower grid boundary or null if the smallest grid is selected\n@function mdc-layout-grid-breakpoint-min($size) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n  $min: map-get($mdc-layout-grid-breakpoints, $size);\n\n  @return if($min > 0, $min, null);\n}\n\n// returns the upper grid boundary or null if the largest grid is selected\n@function mdc-layout-grid-breakpoint-max($size) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n  $names: map-keys($mdc-layout-grid-columns);\n  $n: index($names, $size);\n  $prev: if($n > 1, nth($names, $n - 1), null);\n\n  @return if($prev, (mdc-layout-grid-breakpoint-min($prev) - 1px), null);\n}\n\n// Private mixins, meant for internal use.\n@mixin mdc-layout-grid-media-query_($size) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  $min: mdc-layout-grid-breakpoint-min($size);\n  $max: mdc-layout-grid-breakpoint-max($size);\n\n  @if $min == null and $max != null {\n    // Phone\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else if $min != null and $max != null {\n    // Tablet\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $min != null and $max == null {\n    // Desktop\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    // Fallback - no breakpoints defined\n    @content;\n  }\n}\n\n@mixin mdc-layout-grid-cell-span_($size, $span, $gutter) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  $percent: percentage($span / map-get($mdc-layout-grid-columns, $size));\n\n  @if $percent > 100% {\n    $percent: 100%;\n  }\n\n  width: calc(#{$percent} - #{$gutter});\n  width: calc(#{$percent} - var(--mdc-layout-grid-gutter-#{$size}, #{$gutter}));\n\n  @supports (display: grid) {\n    width: auto;\n    grid-column-end: span min($span, map-get($mdc-layout-grid-columns, $size));\n  }\n}\n\n// Public mixins, meant for developer usage.\n@mixin mdc-layout-grid($size, $margin, $max-width: null) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  box-sizing: border-box;\n  margin: 0 auto;\n  padding: $margin;\n  padding: var(--mdc-layout-grid-margin-#{$size}, #{$margin});\n\n  @if $max-width {\n    max-width: $max-width;\n  }\n}\n\n@mixin mdc-layout-grid-inner($size, $margin, $gutter) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  display: flex;\n  flex-flow: row wrap;\n  align-items: stretch;\n  margin: -$gutter / 2;\n  margin: calc(var(--mdc-layout-grid-gutter-#{$size}, #{$gutter}) / 2 * -1);\n\n  @supports (display: grid) {\n    display: grid;\n    margin: 0;\n    grid-gap: $gutter;\n    grid-gap: var(--mdc-layout-grid-gutter-#{$size}, $gutter);\n    grid-template-columns: repeat(map-get($mdc-layout-grid-columns, $size), minmax(0, 1fr));\n  }\n}\n\n@mixin mdc-layout-grid-cell($size, $default-span, $gutter) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  @include mdc-layout-grid-cell-span_($size, $default-span, $gutter);\n\n  box-sizing: border-box;\n  margin: $gutter / 2;\n  margin: calc(var(--mdc-layout-grid-gutter-#{$size}, #{$gutter}) / 2);\n\n  @supports (display: grid) {\n    margin: 0;\n  }\n}\n\n@mixin mdc-layout-grid-cell-order($order) {\n  order: $order;\n}\n\n@mixin mdc-layout-grid-cell-align($position) {\n  @if $position == \"top\" {\n    align-self: flex-start;\n\n    @supports (display: grid) {\n      align-self: start;\n    }\n  }\n\n  @if $position == \"middle\" {\n    align-self: center;\n  }\n\n  @if $position == \"bottom\" {\n    align-self: flex-end;\n\n    @supports (display: grid) {\n      align-self: end;\n    }\n  }\n\n  @if $position == \"stretch\" {\n    align-self: stretch;\n  }\n}\n\n@mixin mdc-layout-grid-fixed-column-width($size, $margin, $gutter, $column-width) {\n  @if not map-has-key($mdc-layout-grid-columns, $size) {\n    @error \"Invalid style specified! Choose one of #{map-keys($mdc-layout-grid-columns)}\";\n  }\n\n  $columnCount: map-get($mdc-layout-grid-columns, $size);\n  $gutter-number: $columnCount - 1;\n  $margin-number: 2;\n\n  width: $column-width * $columnCount + $gutter * $gutter-number + $margin * $margin-number;\n  width:\n    calc(\n      var(--mdc-layout-grid-column-width-#{$size}, #{$column-width}) * #{$columnCount} +\n      var(--mdc-layout-grid-gutter-#{$size}, #{$gutter}) * #{$gutter-number} +\n      var(--mdc-layout-grid-margin-#{$size}, #{$margin}) * #{$margin-number}\n    );\n}\n","//\n// Copyright 2018 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@import \"@material/base/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./functions\";\n@import \"./mixins\";\n\n// Line Ripple is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-line-ripple\") {\n  // postcss-bem-linter: define line-ripple\n  .mdc-line-ripple {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 2px;\n    transform: scaleX(0);\n    transition: mdc-line-ripple-transition-value(transform), mdc-line-ripple-transition-value(opacity);\n    opacity: 0;\n    z-index: 2;\n  }\n\n  .mdc-line-ripple--active {\n    transform: scaleX(1);\n    opacity: 1;\n  }\n\n  .mdc-line-ripple--deactivating {\n    opacity: 0;\n  }\n}\n","//\n// Copyright 2017 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@mixin mdc-linear-progress-primary-indeterminate-translate-keyframes_ {\n  @keyframes primary-indeterminate-translate {\n    0% {\n      transform: translateX(0);\n    }\n\n    20% {\n      animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n      transform: translateX(0);\n    }\n\n    59.15% {\n      animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n      transform: translateX(83.67142%);\n    }\n\n    100% {\n      transform: translateX(200.611057%);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-primary-indeterminate-scale-keyframes_ {\n  @keyframes primary-indeterminate-scale {\n    0% {\n      transform: scaleX(.08);\n    }\n\n    36.65% {\n      animation-timing-function: cubic-bezier(.334731, .12482, .785844, 1);\n      transform: scaleX(.08);\n    }\n\n    69.15% {\n      animation-timing-function: cubic-bezier(.06, .11, .6, 1);\n      transform: scaleX(.661479);\n    }\n\n    100% {\n      transform: scaleX(.08);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-secondary-indeterminate-translate-keyframes_ {\n  @keyframes secondary-indeterminate-translate {\n    0% {\n      animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);\n      transform: translateX(0);\n    }\n\n    25% {\n      animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);\n      transform: translateX(37.651913%);\n    }\n\n    48.35% {\n      animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);\n      transform: translateX(84.386165%);\n    }\n\n    100% {\n      transform: translateX(160.277782%);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-secondary-indeterminate-scale-keyframes_ {\n  @keyframes secondary-indeterminate-scale {\n    0% {\n      animation-timing-function: cubic-bezier(.205028, .057051, .57661, .453971);\n      transform: scaleX(.08);\n    }\n\n    19.15% {\n      animation-timing-function: cubic-bezier(.152313, .196432, .648374, 1.004315);\n      transform: scaleX(.457104);\n    }\n\n    44.15% {\n      animation-timing-function: cubic-bezier(.257759, -.003163, .211762, 1.38179);\n      transform: scaleX(.72796);\n    }\n\n    100% {\n      transform: scaleX(.08);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-buffering-keyframes_ {\n  @keyframes buffering {\n    to {\n      transform: translateX(-10px);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-primary-indeterminate-translate-reverse-keyframes_ {\n  @keyframes primary-indeterminate-translate-reverse {\n    0% {\n      transform: translateX(0);\n    }\n\n    20% {\n      animation-timing-function: cubic-bezier(.5, 0, .701732, .495819);\n      transform: translateX(0);\n    }\n\n    59.15% {\n      animation-timing-function: cubic-bezier(.302435, .381352, .55, .956352);\n      transform: translateX(-83.67142%);\n    }\n\n    100% {\n      transform: translateX(-200.611057%);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-secondary-indeterminate-translate-reverse-keyframes_ {\n  @keyframes secondary-indeterminate-translate-reverse {\n    0% {\n      animation-timing-function: cubic-bezier(.15, 0, .515058, .409685);\n      transform: translateX(0);\n    }\n\n    25% {\n      animation-timing-function: cubic-bezier(.31033, .284058, .8, .733712);\n      transform: translateX(-37.651913%);\n    }\n\n    48.35% {\n      animation-timing-function: cubic-bezier(.4, .627035, .6, .902026);\n      transform: translateX(-84.386165%);\n    }\n\n    100% {\n      transform: translateX(-160.277782%);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-buffering-reverse-keyframes_ {\n  @keyframes buffering-reverse {\n    to {\n      transform: translateX(10px);\n    }\n  }\n}\n","// Copyright 2017 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@import \"@material/animation/functions\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\"; // for mdc-theme-prop-value\n@import \"./variables\";\n@import \"./keyframes\";\n\n//\n// Public\n//\n\n@mixin mdc-linear-progress-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-feature-targets($feat-animation) {\n    @include mdc-linear-progress-primary-indeterminate-translate-keyframes_;\n    @include mdc-linear-progress-primary-indeterminate-scale-keyframes_;\n    @include mdc-linear-progress-secondary-indeterminate-translate-keyframes_;\n    @include mdc-linear-progress-secondary-indeterminate-scale-keyframes_;\n    @include mdc-linear-progress-buffering-keyframes_;\n    @include mdc-linear-progress-primary-indeterminate-translate-reverse-keyframes_;\n    @include mdc-linear-progress-secondary-indeterminate-translate-reverse-keyframes_;\n    @include mdc-linear-progress-buffering-reverse-keyframes_;\n  }\n\n  .mdc-linear-progress {\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      width: 100%;\n      height: 4px;\n      transform: translateZ(0);\n      overflow: hidden;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: mdc-animation-exit-temporary(opacity, 250ms);\n    }\n\n    &__bar {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        animation: none;\n        transform-origin: top left;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition: mdc-animation-exit-temporary(transform, 250ms);\n      }\n    }\n\n    &__bar-inner {\n      @include mdc-feature-targets($feat-structure) {\n        display: inline-block;\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        animation: none;\n      }\n    }\n\n    &__buffering-dots {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        background-repeat: repeat-x;\n        background-size: 10px 4px;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        animation: buffering 250ms infinite linear;\n      }\n    }\n\n    &__buffer {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        transform-origin: top left;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition: mdc-animation-exit-temporary(transform, 250ms);\n      }\n    }\n\n    &__primary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scaleX(0);\n      }\n    }\n\n    &__secondary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        visibility: hidden;\n      }\n    }\n\n    @include mdc-linear-progress-indeterminate_($query: $query);\n    @include mdc-linear-progress-reversed_($query: $query);\n\n    &--closed {\n      @include mdc-feature-targets($feat-structure) {\n        opacity: 0;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        animation: none;\n      }\n    }\n  }\n\n  @at-root {\n    @include mdc-linear-progress-bar-color(primary, $query: $query);\n    @include mdc-linear-progress-buffer-color($mdc-linear-progress-baseline-buffer-color, $query: $query);\n  }\n\n  .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed {\n    .mdc-linear-progress__primary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        right: -145.166611%;\n        left: auto;\n      }\n    }\n\n    .mdc-linear-progress__secondary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        right: -54.888891%;\n        left: auto;\n      }\n    }\n  }\n}\n\n@mixin mdc-linear-progress-bar-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-linear-progress__bar-inner {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-linear-progress-buffer-color($color, $query: mdc-feature-all()) {\n  // We need to escape the '#' character as \"%23\" for SVG because '#' is a reserved character in URIs.\n  $color-value-for-css: mdc-theme-prop-value($color);\n  $color-value-for-svg: mdc-linear-progress-str-replace_(unquote(\"#{$color-value-for-css}\"), \"#\", \"%23\");\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-linear-progress__buffering-dots {\n    @include mdc-feature-targets($feat-color) {\n      // SVG is optimized for data URI (https://codepen.io/tigt/post/optimizing-svgs-in-data-uris)\n      // stylelint-disable-next-line function-url-quotes\n      background-image: url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='#{$color-value-for-svg}'/%3E%3C/svg%3E\");\n    }\n  }\n\n  .mdc-linear-progress__buffer {\n    @include mdc-feature-targets($feat-color) {\n      background-color: $color-value-for-css;\n    }\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-linear-progress-indeterminate_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &--indeterminate {\n    .mdc-linear-progress__bar {\n      @include mdc-feature-targets($feat-structure) {\n        transition: none;\n      }\n    }\n\n    .mdc-linear-progress__primary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        left: -145.166611%;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        animation: primary-indeterminate-translate 2s infinite linear;\n      }\n\n      > .mdc-linear-progress__bar-inner {\n        @include mdc-feature-targets($feat-animation) {\n          animation: primary-indeterminate-scale 2s infinite linear;\n        }\n      }\n    }\n\n    .mdc-linear-progress__secondary-bar {\n      @include mdc-feature-targets($feat-structure) {\n        left: -54.888891%;\n        visibility: visible;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        animation: secondary-indeterminate-translate 2s infinite linear;\n      }\n\n      > .mdc-linear-progress__bar-inner {\n        @include mdc-feature-targets($feat-animation) {\n          animation: secondary-indeterminate-scale 2s infinite linear;\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-linear-progress-reversed_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &--reversed {\n    .mdc-linear-progress__bar,\n    .mdc-linear-progress__buffer {\n      @include mdc-feature-targets($feat-structure) {\n        right: 0;\n        transform-origin: center right;\n      }\n    }\n\n    .mdc-linear-progress__primary-bar {\n      @include mdc-feature-targets($feat-animation) {\n        animation-name: primary-indeterminate-translate-reverse;\n      }\n    }\n\n    .mdc-linear-progress__secondary-bar {\n      @include mdc-feature-targets($feat-animation) {\n        animation-name: secondary-indeterminate-translate-reverse;\n      }\n    }\n\n    .mdc-linear-progress__buffering-dots {\n      @include mdc-feature-targets($feat-animation) {\n        animation: buffering-reverse 250ms infinite linear;\n      }\n    }\n  }\n}\n\n// Based on https://css-tricks.com/snippets/sass/str-replace-function/\n@function mdc-linear-progress-str-replace_($string, $search, $replace) {\n  $index: str-index($string, $search);\n\n  @if $index {\n    $head: str-slice($string, 1, $index - 1);\n    $tail: mdc-linear-progress-str-replace_(str-slice($string, $index + str-length($search)), $search, $replace);\n\n    @return $head + $replace + $tail;\n  }\n\n  @return $string;\n}\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/list/mixins\";\n@import \"@material/list/variables\";\n@import \"@material/ripple/mixins\";\n@import \"./variables\";\n\n@mixin mdc-menu-core-styles($query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-ripple-common($query);\n\n  // Customize the menu-surface and contained list to match the mdc-menu styles.\n  .mdc-menu {\n    @include mdc-list-item-meta-ink-color($mdc-menu-ink-color, $query);\n    @include mdc-list-item-graphic-ink-color($mdc-menu-ink-color, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      min-width: $mdc-menu-min-width;\n    }\n\n    // Include mdc-list selector to ensure list-inside-menu overrides default list styles\n    .mdc-list {\n      @include mdc-list-item-primary-text-ink-color($mdc-menu-ink-color, $query);\n    }\n\n    .mdc-list-divider {\n      @include mdc-feature-targets($feat-structure) {\n        margin: 8px 0;\n      }\n    }\n\n    .mdc-list-item {\n      @include mdc-feature-targets($feat-structure) {\n        user-select: none;\n      }\n    }\n\n    .mdc-list-item--disabled {\n      @include mdc-feature-targets($feat-structure) {\n        cursor: auto;\n      }\n    }\n\n    // Target Windows high-contrast mode.\n    @media screen and (-ms-high-contrast: active) {\n      .mdc-list-item--disabled {\n        @include mdc-feature-targets($feat-structure) {\n          // Decrease opacity of the list item, not just the text color,\n          // or disabled items won't be differentiated in high contrast mode.\n          opacity: mdc-theme-text-emphasis(disabled);\n        }\n      }\n    }\n\n    //stylelint-disable selector-no-qualifying-type\n    a.mdc-list-item .mdc-list-item__text,\n    a.mdc-list-item .mdc-list-item__graphic {\n      @include mdc-feature-targets($feat-structure) {\n        pointer-events: none;\n      }\n    }\n    // stylelint-enable selector-no-qualifying-type\n  }\n\n  // postcss-bem-linter: define menu\n  .mdc-menu__selection-group {\n    @include mdc-feature-targets($feat-structure) {\n      padding: 0;\n      fill: currentColor;\n    }\n\n    .mdc-list-item {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-property(padding, 56px, $mdc-list-side-padding);\n      }\n    }\n\n    // Extra specificity required to override `display` property on `mdc-list-item__graphic`.\n    .mdc-menu__selection-group-icon {\n      @include mdc-feature-targets($feat-structure) {\n        @include mdc-rtl-reflexive-position(left, 16px);\n\n        display: none;\n        position: absolute;\n        // IE11 requires the icon to be vertically centered due to its absolute positioning\n        top: 50%;\n        transform: translateY(-50%);\n      }\n    }\n  }\n  // postcss-bem-linter: end\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-menu-item--selected .mdc-menu__selection-group-icon {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline;\n    }\n  }\n}\n\n@mixin mdc-menu-width($width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-structure) {\n    @if unitless($width) {\n      width: $width * $mdc-menu-width-base;\n    } @else {\n      width: $width;\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\";\n\n$mdc-menu-ink-color: rgba(mdc-theme-prop-value(on-surface), mdc-theme-text-emphasis(high)) !default;\n\n$mdc-menu-width-base: 56px !default;\n$mdc-menu-min-width: 2 * $mdc-menu-width-base !default;\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/animation/variables\";\n@import \"@material/elevation/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-menu-surface-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define menu-surface\n  .mdc-menu-surface {\n    @include mdc-menu-surface-base_($query);\n    @include mdc-elevation($z-value: 8, $query: $query);\n    @include mdc-menu-surface-fill-color(surface, $query);\n    @include mdc-menu-surface-ink-color(on-surface, $query);\n    @include mdc-menu-surface-shape-radius(medium, false, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(transform-origin, top left, top right);\n    }\n  }\n\n  .mdc-menu-surface--anchor {\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      overflow: visible;\n    }\n  }\n\n  .mdc-menu-surface--fixed {\n    @include mdc-feature-targets($feat-structure) {\n      position: fixed;\n    }\n  }\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-menu-surface-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-menu-surface-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-feature-targets($feat-color) {\n    @include mdc-theme-prop(background-color, $color);\n  }\n}\n\n@mixin mdc-menu-surface-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n}\n\n//\n// Private\n//\n\n@mixin mdc-menu-surface-base_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: none;\n    position: absolute;\n    box-sizing: border-box;\n    max-width: calc(100vw - #{$mdc-menu-surface-min-distance-from-edge});\n    max-height: calc(100vh - #{$mdc-menu-surface-min-distance-from-edge});\n    margin: 0;\n    padding: 0;\n    transform: scale(1);\n    transform-origin: top left;\n    opacity: 0;\n    overflow: auto;\n    will-change: transform, opacity;\n    z-index: $mdc-menu-surface-z-index;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      opacity $mdc-menu-surface-fade-in-duration linear,\n      transform $mdc-menu-surface-scale-duration $mdc-animation-deceleration-curve-timing-function;\n  }\n\n  &:focus {\n    @include mdc-feature-targets($feat-structure) {\n      outline: none;\n    }\n  }\n\n  // stylelint-disable-next-line selector-max-type\n  &--open {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-block;\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  &--animating-open {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-block;\n      transform: scale(.8);\n      opacity: 0;\n    }\n  }\n\n  &--animating-closed {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-block;\n      opacity: 0;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: opacity $mdc-menu-surface-fade-out-duration linear;\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/base/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// Notched Outline is intended for use by multiple components, but its styles should only be emitted once when bundled\n@include mdc-base-emit-once(\"mdc-notched-outline\") {\n  .mdc-notched-outline {\n    display: flex;\n    position: absolute;\n    right: 0;\n    left: 0;\n    box-sizing: border-box;\n    width: 100%;\n    max-width: 100%;\n    height: 100%;\n    /* @noflip */\n    text-align: left;\n    pointer-events: none;\n\n    @include mdc-rtl {\n      /* @noflip */\n      text-align: right;\n    }\n\n    &__leading,\n    &__notch,\n    &__trailing {\n      box-sizing: border-box;\n      height: 100%;\n      transition: border $mdc-notched-outline-transition-duration $mdc-animation-standard-curve-timing-function;\n      border-top: 1px solid;\n      border-bottom: 1px solid;\n      pointer-events: none;\n    }\n\n    &__leading {\n      @include mdc-rtl-reflexive-property(border, 1px solid, none);\n\n      width: $mdc-notched-outline-leading-width;\n    }\n\n    &__trailing {\n      @include mdc-rtl-reflexive-property(border, none, 1px solid);\n\n      flex-grow: 1;\n    }\n\n    &__notch {\n      flex: 0 0 auto;\n      width: auto;\n      max-width: calc(100% - #{$mdc-notched-outline-leading-width} * 2);\n    }\n\n    .mdc-floating-label {\n      display: inline-block;\n      position: relative;\n      top: 17px;\n      bottom: auto;\n      max-width: 100%;\n    }\n\n    .mdc-floating-label--float-above {\n      text-overflow: clip;\n    }\n\n    &--upgraded .mdc-floating-label--float-above {\n      max-width: calc(100% / .75);\n    }\n  }\n\n  .mdc-notched-outline--notched {\n    .mdc-notched-outline__notch {\n      @include mdc-rtl-reflexive-box(padding, right, 8px);\n\n      border-top: none;\n    }\n  }\n\n  .mdc-notched-outline--no-label {\n    .mdc-notched-outline__notch {\n      padding: 0;\n    }\n  }\n}\n","//\n// Copyright 2018 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$mdc-notched-outline-transition-duration: 150ms !default;\n// Keep this in sync with constants.numbers.MIN_LEADING_STROKE_EDGE_POSITION\n$mdc-notched-outline-min-leading-stroke-edge-position: 12px !default;\n// The gap between the stroke end and floating label\n// Keep this in sync with constants.numbers.NOTCH_GUTTER_SIZE\n$mdc-notched-outline-notch-gutter-size: 4px !default;\n$mdc-notched-outline-leading-width: 12px !default;\n$mdc-notched-outline-padding: 4px !default;\n// This variable keeps the before/after JS label centered in the notch when the font-size is changed.\n$mdc-notched-outline-label-adjust: 14% !default;\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@import \"@material/animation/functions\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/ripple/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\";\n@import \"./functions\";\n@import \"./variables\";\n\n@mixin mdc-radio-core-styles($query: mdc-feature-all()) {\n  @include mdc-radio-without-ripple($query);\n  @include mdc-radio-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// radio styles. It is recommended that most users use `mdc-radio-core-styles` instead.\n@mixin mdc-radio-without-ripple($query: mdc-feature-all()) {\n  // postcss-bem-linter: define radio\n\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-radio {\n    @include mdc-radio-unchecked-stroke-color($mdc-radio-unchecked-color, $query);\n    @include mdc-radio-checked-stroke-color($mdc-radio-baseline-theme-color, $query);\n    @include mdc-radio-ink-color($mdc-radio-baseline-theme-color, $query);\n    @include mdc-radio-focus-indicator-color($mdc-radio-baseline-theme-color, $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: inline-block;\n      position: relative;\n      flex: 0 0 auto;\n      box-sizing: border-box;\n      width: $mdc-radio-touch-area;\n      height: $mdc-radio-touch-area;\n      padding: ($mdc-radio-touch-area - $mdc-radio-ui-size) / 2;\n      cursor: pointer;\n      /* @alternate */\n      will-change: opacity, transform, border-color, color;\n    }\n\n    // Container for radio circles and ripple.\n    &__background {\n      @include mdc-feature-targets($feat-structure) {\n        display: inline-block;\n        position: absolute;\n        left: ($mdc-radio-touch-area - $mdc-radio-ui-size) / 2;\n        box-sizing: border-box;\n        width: $mdc-radio-ui-pct;\n        height: $mdc-radio-ui-pct;\n      }\n\n      &::before {\n        @include mdc-feature-targets($feat-structure) {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 100%;\n          height: 100%;\n          transform: scale(0, 0);\n          border-radius: 50%;\n          opacity: 0;\n          pointer-events: none;\n          content: \"\";\n        }\n\n        @include mdc-feature-targets($feat-animation) {\n          transition: mdc-radio-exit(opacity), mdc-radio-exit(transform);\n        }\n      }\n    }\n\n    &__outer-circle {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        border-width: 2px;\n        border-style: solid;\n        border-radius: 50%;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition: mdc-radio-exit(border-color);\n      }\n    }\n\n    &__inner-circle {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        box-sizing: border-box;\n        width: 100%;\n        height: 100%;\n        transform: scale(0, 0);\n        border-width: 10px;\n        border-style: solid;\n        border-radius: 50%;\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition:\n          mdc-radio-exit(transform),\n          mdc-radio-exit(border-color);\n      }\n    }\n\n    &__native-control {\n      @include mdc-feature-targets($feat-structure) {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        margin: 0;\n        padding: 0;\n        opacity: 0;\n        cursor: inherit;\n        z-index: 1;\n      }\n    }\n  }\n\n  .mdc-radio__native-control:checked,\n  .mdc-radio__native-control:disabled {\n    + .mdc-radio__background {\n      @include mdc-feature-targets($feat-animation) {\n        transition:\n          mdc-radio-enter(opacity),\n          mdc-radio-enter(transform);\n      }\n\n      .mdc-radio__outer-circle {\n        @include mdc-feature-targets($feat-animation) {\n          transition: mdc-radio-enter(border-color);\n        }\n      }\n\n      .mdc-radio__inner-circle {\n        @include mdc-feature-targets($feat-animation) {\n          transition:\n            mdc-radio-enter(transform),\n            mdc-radio-enter(border-color);\n        }\n      }\n    }\n  }\n\n  .mdc-radio--disabled {\n    @include mdc-feature-targets($feat-structure) {\n      cursor: default;\n      pointer-events: none;\n    }\n  }\n\n  .mdc-radio__native-control:checked {\n    + .mdc-radio__background {\n      .mdc-radio__inner-circle {\n        @include mdc-feature-targets($feat-structure) {\n          transform: scale(.5);\n        }\n\n        @include mdc-feature-targets($feat-animation) {\n          transition:\n            mdc-radio-enter(transform),\n            mdc-radio-enter(border-color);\n        }\n      }\n    }\n  }\n\n  .mdc-radio__native-control:disabled,\n  [aria-disabled=\"true\"] .mdc-radio__native-control {\n    + .mdc-radio__background {\n      @include mdc-feature-targets($feat-structure) {\n        cursor: default;\n      }\n\n      .mdc-radio__outer-circle {\n        @include mdc-feature-targets($feat-color) {\n          border-color: $mdc-radio-circle-color;\n        }\n      }\n\n      .mdc-radio__inner-circle {\n        @include mdc-feature-targets($feat-color) {\n          border-color: $mdc-radio-circle-color;\n        }\n      }\n    }\n  }\n\n  .mdc-radio__native-control:focus {\n    + .mdc-radio__background::before {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale(2, 2);\n        opacity: map-get($mdc-ripple-dark-ink-opacities, focus);\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition:\n          mdc-radio-enter(opacity),\n          mdc-radio-enter(transform);\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// radio styles. It is recommended that most users use `mdc-radio-core-styles` instead.\n@mixin mdc-radio-ripple($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-ripple-common($query);\n\n  .mdc-radio {\n    @include mdc-ripple-surface($query);\n    @include mdc-ripple-radius-unbounded($query: $query);\n    @include mdc-states($mdc-radio-baseline-theme-color, $query: $query);\n\n    &.mdc-ripple-upgraded--background-focused {\n      .mdc-radio__background::before {\n        @include mdc-feature-targets($feat-structure) {\n          content: none;\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-radio-unchecked-stroke-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // stylelint-disable-next-line selector-max-specificity\n  .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-radio-checked-stroke-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // stylelint-disable-next-line selector-max-specificity\n  .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-radio-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  // stylelint-disable-next-line selector-max-specificity\n  .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-radio-focus-indicator-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-radio__background::before {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color, $edgeOptOut: true);\n    }\n  }\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@import \"@material/theme/variables\";\n\n$mdc-radio-touch-area: 40px !default;\n$mdc-radio-ui-size: 20px !default;\n$mdc-radio-ui-pct: percentage($mdc-radio-ui-size / $mdc-radio-touch-area) !default;\n$mdc-radio-transition-duration: 120ms !default;\n$mdc-radio-ripple-opacity: .14 !default;\n$mdc-radio-baseline-theme-color: secondary !default;\n$mdc-radio-unchecked-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n$mdc-radio-circle-color: rgba(mdc-theme-prop-value(on-surface), .26) !default;\n","//\n// Copyright 2018 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@keyframes mdc-select-float-native-control {\n  0% {\n    transform: translateY(8px);\n    opacity: 0;\n  }\n\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n","//  Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n// Public mixins\n\n@mixin mdc-select-icon-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-icon-color_($color);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-select-icon_ {\n  @include mdc-select-icon-color(on-surface);\n\n  .mdc-select__icon {\n    display: inline-block;\n    position: absolute;\n    bottom: 16px;\n    box-sizing: border-box;\n    width: $mdc-select-icon-size;\n    height: $mdc-select-icon-size;\n    border: none;\n    background-color: transparent;\n    fill: currentColor;\n    opacity: $mdc-select-icon-opacity;\n    text-decoration: none;\n    cursor: pointer;\n    user-select: none;\n  }\n}\n\n@mixin mdc-select-icon-color_($color) {\n  .mdc-select__icon {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-select-icon-horizontal-position_($iconPosition, $inputPadding) {\n  .mdc-select__icon {\n    @include mdc-rtl-reflexive-position(left, $iconPosition);\n  }\n\n  // Move the input's position, to allow room for the icon\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-rtl-reflexive-property(padding, $inputPadding /* left */, $mdc-select-icon-right-padding /* right */);\n  }\n}\n","//  Copyright 2018 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@import \"./mixins\";\n\n.mdc-select--with-leading-icon {\n  @include mdc-select-icon_;\n}\n\n.mdc-select__icon:not([tabindex]),\n.mdc-select__icon[tabindex=\"-1\"] {\n  cursor: default;\n  pointer-events: none;\n}\n","//  Copyright 2018 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@import \"../functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n\n// postcss-bem-linter: define select-helper-text\n.mdc-select-helper-text {\n  @include mdc-typography(caption);\n  @include mdc-typography-baseline-top(16px);\n\n  margin: 0;\n  transition: mdc-select-transition(opacity);\n  opacity: 0;\n  will-change: opacity;\n}\n\n.mdc-select-helper-text--persistent {\n  transition: none;\n  opacity: 1;\n  will-change: initial;\n}\n// postcss-bem-linter: end\n","//\n// Copyright 2017 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@import \"./keyframes\";\n@import \"./mixins\";\n@import \"./variables\";\n@import \"@material/animation/variables\";\n@import \"@material/line-ripple/mdc-line-ripple\";\n@import \"@material/notched-outline/mdc-notched-outline\";\n@import \"@material/floating-label/mdc-floating-label\";\n@import \"@material/typography/mixins\";\n@import \"@material/ripple/common\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./icon/mdc-select-icon\";\n@import \"./helper-text/mdc-select-helper-text\";\n@import \"./helper-text/mixins\";\n\n// postcss-bem-linter: define select\n.mdc-select {\n  @include mdc-select-container-fill-color($mdc-select-fill-color);\n  @include mdc-ripple-surface;\n  @include mdc-ripple-radius-bounded;\n  // Select intentionally omits press ripple, so each state needs to be specified individually.\n  @include mdc-states-base-color($mdc-select-ink-color);\n  @include mdc-states-hover-opacity(mdc-states-opacity($mdc-select-ink-color, hover));\n  @include mdc-states-focus-opacity(mdc-states-opacity($mdc-select-ink-color, focus));\n  @include mdc-select-ink-color($mdc-select-ink-color);\n  @include mdc-select-label-color($mdc-select-label-color);\n  @include mdc-select-bottom-line-color($mdc-select-bottom-line-idle-color);\n  @include mdc-select-helper-text-color($mdc-select-helper-text-color);\n  @include mdc-select-shape-radius(small);\n\n  // Focused state colors\n  @include mdc-select-focused-bottom-line-color(primary);\n  @include mdc-select-focused-label-color($mdc-select-focused-label-color);\n\n  // Hover state colors\n  @include mdc-select-hover-bottom-line-color($mdc-select-bottom-line-hover-color);\n  @include mdc-floating-label-float-position($mdc-select-label-position-y);\n  @include mdc-select-floating-label_;\n\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  height: $mdc-select-height;\n  overflow: hidden;\n  /* @alternate */\n  will-change: opacity, transform, color;\n\n  &__dropdown-icon {\n    @include mdc-select-dd-arrow-svg-bg_($mdc-select-dropdown-color, $mdc-select-dropdown-opacity);\n    @include mdc-rtl-reflexive(left, auto, right, 8px);\n\n    position: absolute;\n    bottom: 16px;\n    width: 24px;\n    height: 24px;\n    transition: transform $mdc-select-dropdown-transition-duration $mdc-animation-standard-curve-timing-function;\n    pointer-events: none;\n\n    .mdc-select--focused & {\n      @include mdc-select-dd-arrow-svg-bg_(mdc-theme-prop-value(primary), 1);\n    }\n\n    .mdc-select--activated & {\n      transform: rotate(180deg) translateY(-5px);\n      transition: transform $mdc-select-dropdown-transition-duration $mdc-animation-standard-curve-timing-function;\n    }\n  }\n\n  &__native-control {\n    padding-top: 20px;\n  }\n\n  @include mdc-select-focused-line-ripple_ {\n    &::after {\n      transform: scale(1, 2);\n      opacity: 1;\n    }\n  }\n}\n\n@include mdc-select-helper-text_;\n@include mdc-select-text-and-control_();\n\n.mdc-select--outlined {\n  @include mdc-select-outlined_;\n}\n\n.mdc-select--invalid {\n  @include mdc-select-label-color($mdc-select-error-color);\n  @include mdc-select-bottom-line-color($mdc-select-error-color);\n  @include mdc-select-focused-bottom-line-color($mdc-select-error-color);\n  @include mdc-select-focused-label-color($mdc-select-error-color);\n  @include mdc-select-helper-text-validation-color($mdc-select-error-color);\n\n  // Hover state colors\n  @include mdc-select-hover-bottom-line-color($mdc-select-error-color);\n\n  &.mdc-select--outlined {\n    @include mdc-select-outline-color($mdc-select-error-color);\n    @include mdc-select-hover-outline-color($mdc-select-error-color);\n    @include mdc-select-focused-outline-color($mdc-select-error-color);\n  }\n\n  .mdc-select__dropdown-icon {\n    @include mdc-select-dd-arrow-svg-bg_($mdc-select-error-color, 1);\n  }\n\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  + .mdc-select-helper-text--validation-msg {\n    opacity: 1;\n  }\n}\n\n.mdc-select--required {\n  // stylelint-disable-next-line plugin/selector-bem-pattern\n  .mdc-floating-label::after {\n    content: \"*\";\n  }\n}\n\n.mdc-select--disabled {\n  @include mdc-select-disabled_;\n}\n\n.mdc-select--with-leading-icon {\n  @include mdc-select-with-leading-icon_;\n}\n\n.mdc-select__menu .mdc-list .mdc-list-item--selected {\n  @include mdc-theme-prop(color, on-surface);\n  @include mdc-states(on-surface);\n}\n\n@include mdc-floating-label-shake-keyframes(\n  select-outlined-leading-icon,\n  $mdc-select-outlined-label-position-y,\n  $mdc-select-outlined-with-leading-icon-label-position-x\n);\n@include mdc-floating-label-shake-keyframes(\n  select-outlined-leading-icon-rtl,\n  $mdc-select-outlined-label-position-y,\n  -$mdc-select-outlined-with-leading-icon-label-position-x\n);\n","//\n// Copyright 2018 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@import \"@material/floating-label/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"@material/line-ripple/mixins\";\n@import \"@material/notched-outline/mixins\";\n@import \"@material/notched-outline/variables\";\n@import \"./icon/mixins\";\n@import \"./variables\";\n\n// Public\n\n@mixin mdc-select-ink-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-ink-color_($color);\n  }\n}\n\n@mixin mdc-select-container-fill-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-container-fill-color_($color);\n  }\n}\n\n@mixin mdc-select-focused-label-color($color) {\n  &:not(.mdc-select--disabled) {\n    &.mdc-select--focused .mdc-floating-label {\n      @include mdc-floating-label-ink-color(mdc-theme-prop-value($color));\n    }\n  }\n}\n\n@mixin mdc-select-hover-bottom-line-color($color) {\n  &:not(.mdc-select--disabled) .mdc-select__native-control:hover {\n    @include mdc-select-native-control-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-select-bottom-line-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-select-focused-bottom-line-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-focused-line-ripple-color_($color);\n  }\n}\n\n@mixin mdc-select-label-color($color) {\n  &:not(.mdc-select--disabled) .mdc-floating-label {\n    @include mdc-floating-label-ink-color($color);\n  }\n}\n\n@mixin mdc-select-outline-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-outline-color_($color);\n  }\n}\n\n@mixin mdc-select-hover-outline-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-hover-outline-color_($color);\n  }\n}\n\n@mixin mdc-select-focused-outline-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-focused-outline-color_($color);\n  }\n}\n\n@mixin mdc-select-shape-radius($radius, $rtl-reflexive: false) {\n  @if length($radius) > 2 {\n    @error \"Invalid radius: '#{$radius}' component doesn't allow customizing all corners\";\n  }\n\n  $masked-radius: mdc-shape-mask-radius($radius, 1 1 0 0);\n\n  &,\n  &__native-control {\n    @include mdc-shape-radius(mdc-shape-resolve-percentage-radius($mdc-select-height, $masked-radius), $rtl-reflexive);\n  }\n}\n\n@mixin mdc-select-outline-shape-radius($radius, $rtl-reflexive: false) {\n  $resolved-radius: nth(mdc-shape-resolve-percentage-radius($mdc-select-height, mdc-shape-prop-value($radius)), 1);\n\n  @if (length(mdc-shape-prop-value($radius)) > 1) {\n    // stylelint-disable-next-line max-line-length\n    @warn \"mdc-select-outline-shape-radius only supports a single radius; see https://github.com/material-components/material-components-web/issues/4140\";\n  }\n\n  .mdc-notched-outline {\n    @include mdc-notched-outline-shape-radius($resolved-radius, $rtl-reflexive);\n  }\n\n  .mdc-select__native-control {\n    @include mdc-shape-radius($resolved-radius, $rtl-reflexive);\n  }\n\n  @if ($resolved-radius > $mdc-notched-outline-leading-width) {\n    .mdc-select__native-control {\n      @include mdc-rtl-reflexive-property(\n        padding,\n        $resolved-radius + $mdc-notched-outline-padding,\n        $mdc-select-arrow-padding\n      );\n    }\n\n    + .mdc-select-helper-text {\n      @include mdc-rtl-reflexive-property(\n        margin,\n        $resolved-radius + $mdc-notched-outline-padding,\n        $mdc-select-outline-label-offset\n      );\n    }\n  }\n}\n\n// Private\n@mixin mdc-select-focused-line-ripple_ {\n  &.mdc-select--focused .mdc-line-ripple {\n    @content;\n  }\n}\n\n@mixin mdc-select-focused-outline_ {\n  &.mdc-select--focused .mdc-notched-outline {\n    @include mdc-notched-outline-stroke-width(2px);\n    @content;\n  }\n}\n\n@mixin mdc-select-focused-outline-idle_ {\n  &.mdc-select--focused {\n    @content;\n  }\n}\n\n@mixin mdc-select-ink-color_($color) {\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-select-container-fill-color_($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-select-bottom-line-color_($color) {\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-select-native-control-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-select-native-control-bottom-line-color_($color) {\n  @include mdc-theme-prop(border-bottom-color, $color);\n}\n\n@mixin mdc-select-focused-line-ripple-color_($color) {\n  @include mdc-select-focused-line-ripple_ {\n    @include mdc-line-ripple-color($color);\n  }\n}\n\n@mixin mdc-select-dd-arrow-svg-bg_($fill-hex-number, $opacity) {\n  // Lookup color and remove leading #.\n  $fill-hex-number: mdc-theme-prop-value($fill-hex-number);\n  $fill-hex-number: str-slice(unquote(\"#{$fill-hex-number}\"), 2);\n\n  background:\n    url(\"data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23#{$fill-hex-number}%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22#{$opacity}%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E\")\n    no-repeat\n    center;\n}\n\n@mixin mdc-select-outline-color_($color) {\n  @include mdc-notched-outline-color($color);\n}\n\n@mixin mdc-select-hover-outline-color_($color) {\n  // stylelint-disable-next-line selector-combinator-space-after\n  &:not(.mdc-select--focused) .mdc-select__native-control:hover ~,\n  &:not(.mdc-select--focused) .mdc-select__selected-text:hover ~ {\n    .mdc-notched-outline {\n      @include mdc-notched-outline-color($color);\n    }\n  }\n}\n\n@mixin mdc-select-focused-outline-color_($color) {\n  @include mdc-select-focused-outline_ {\n    @include mdc-notched-outline-color($color);\n  }\n}\n\n@mixin mdc-select-floating-label_ {\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-select-outline-label-offset);\n\n    top: 21px;\n    pointer-events: none;\n  }\n\n  &.mdc-select--with-leading-icon {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-select-icon-padding);\n    }\n  }\n\n  &.mdc-select--outlined {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-notched-outline-padding);\n\n      top: 17px;\n    }\n\n    &.mdc-select--with-leading-icon {\n      .mdc-floating-label {\n        @include mdc-rtl-reflexive-position(left, $mdc-select-icon-padding - $mdc-notched-outline-leading-width);\n\n        &--float-above {\n          @include mdc-rtl-reflexive-position(left, $mdc-select-icon-padding - $mdc-notched-outline-leading-width);\n        }\n      }\n    }\n  }\n}\n\n@mixin mdc-select-with-leading-icon_ {\n  @include mdc-select-icon-horizontal-position_(16px, $mdc-select-icon-padding);\n\n  &.mdc-select--outlined {\n    @include mdc-notched-outline-floating-label-float-position(\n      $mdc-select-outlined-label-position-y,\n      $mdc-select-outlined-with-leading-icon-label-position-x\n    );\n    @include mdc-floating-label-shake-animation(select-outlined-leading-icon);\n\n    @include mdc-rtl {\n      @include mdc-floating-label-shake-animation(select-outlined-leading-icon-rtl);\n    }\n  }\n\n  &.mdc-select__menu .mdc-list-item__text {\n    @include mdc-rtl-reflexive-property(padding, 32px /* left-value */, 32px /* right-value */);\n  }\n}\n\n@mixin mdc-select-text-and-control_ {\n  .mdc-select__selected-text {\n    min-width: 200px;\n    padding-top: 22px;\n  }\n\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-rtl-reflexive-property(padding, $mdc-select-label-padding, $mdc-select-arrow-padding);\n    @include mdc-typography(subtitle1);\n\n    &::-ms-expand {\n      display: none;\n    }\n\n    &::-ms-value {\n      background-color: transparent;\n      color: inherit;\n    }\n\n    // counteracts the extra text padding that Firefox adds by default\n    @-moz-document url-prefix(\"\") {\n      text-indent: -2px;\n    }\n\n    box-sizing: border-box;\n    width: 100%;\n    height: $mdc-select-height;\n    padding-top: 20px;\n    padding-bottom: 4px;\n    border: none;\n    border-bottom: 1px solid;\n    outline: none;\n    background-color: transparent;\n    color: inherit; // Override default user agent stylesheet\n    white-space: nowrap;\n    cursor: pointer;\n    appearance: none;\n  }\n}\n\n@mixin mdc-select-disabled_ {\n  @include mdc-select-container-fill-color_($mdc-select-disabled-fill-color);\n\n  .mdc-floating-label {\n    @include mdc-floating-label-ink-color($mdc-select-disabled-label-color);\n  }\n\n  .mdc-select__dropdown-icon {\n    @include mdc-select-dd-arrow-svg-bg_($mdc-select-dropdown-color, $mdc-select-disabled-dropdown-opacity);\n  }\n\n  .mdc-line-ripple {\n    display: none;\n  }\n\n  .mdc-select__icon {\n    @include mdc-theme-prop(color, $mdc-select-disabled-icon-color);\n  }\n\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-theme-prop(color, $mdc-select-disabled-ink-color);\n\n    border-bottom-style: dotted;\n  }\n\n  .mdc-select__selected-text {\n    pointer-events: none;\n  }\n\n  &.mdc-select--outlined {\n    @include mdc-select-container-fill-color_(transparent);\n\n    .mdc-select__native-control,\n    .mdc-select__selected-text {\n      border-bottom-style: none;\n    }\n\n    @include mdc-select-outline-color_($mdc-select-outlined-disabled-border);\n  }\n\n  cursor: default;\n  pointer-events: none;\n}\n\n@mixin mdc-select-outlined_ {\n  @include mdc-select-container-fill-color(transparent);\n  @include mdc-select-outline-color($mdc-select-outlined-idle-border);\n  @include mdc-select-hover-outline-color($mdc-select-outlined-hover-border);\n  @include mdc-select-focused-outline-color(primary);\n  @include mdc-floating-label-shake-animation(text-field-outlined);\n  @include mdc-select-outline-shape-radius(small);\n  @include mdc-states-base-color(transparent);\n  @include mdc-select-container-fill-color(transparent);\n  @include mdc-notched-outline-floating-label-float-position($mdc-select-outlined-label-position-y, 0);\n\n  border: none;\n  overflow: visible;\n\n  .mdc-select__native-control,\n  .mdc-select__selected-text {\n    @include mdc-rtl-reflexive-property(padding, $mdc-select-label-padding, $mdc-select-arrow-padding);\n\n    display: flex;\n    padding-top: 12px;\n    padding-bottom: 12px;\n    border: none;\n    background-color: transparent;\n    z-index: 1;\n  }\n\n  .mdc-select__selected-text {\n    padding-top: 14px;\n  }\n\n  .mdc-select__icon {\n    z-index: 2;\n  }\n\n  .mdc-floating-label {\n    line-height: 1.15rem;\n    pointer-events: auto;\n  }\n}\n\n@mixin mdc-select-helper-text_ {\n  .mdc-select-helper-text {\n    // stylelint-disable plugin/selector-bem-pattern\n    .mdc-select + & {\n      margin-right: 12px;\n      margin-left: 12px;\n    }\n\n    .mdc-select--outlined + & {\n      margin-right: 16px;\n      margin-left: 16px;\n    }\n    // stylelint-enable plugin/selector-bem-pattern\n  }\n\n  .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {\n    opacity: 1;\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/theme/variables\";\n\n$mdc-select-arrow-padding: 52px !default;\n$mdc-select-label-padding: 16px !default;\n$mdc-select-height: 56px !default;\n$mdc-select-icon-padding: 48px !default;\n\n$mdc-select-ink-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-select-dropdown-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-select-icon-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n$mdc-select-label-color: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n$mdc-select-focused-label-color: rgba(mdc-theme-prop-value(primary), .87) !default;\n$mdc-select-bottom-line-idle-color: rgba(mdc-theme-prop-value(on-surface), .42) !default;\n$mdc-select-bottom-line-hover-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-select-helper-text-color: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n\n$mdc-select-fill-color: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 4%) !default;\n\n$mdc-select-dropdown-opacity: .54 !default;\n\n// Disabled Styles\n$mdc-select-disabled-label-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-select-disabled-icon-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-select-disabled-ink-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-select-disabled-fill-color: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 2%) !default;\n$mdc-select-disabled-dropdown-opacity: .37 !default;\n\n$mdc-select-outlined-idle-border: rgba(mdc-theme-prop-value(on-surface), .38) !default;\n$mdc-select-outlined-hover-border: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n\n// should be .06 after mdc-select opacity is applied\n$mdc-select-outlined-disabled-border: rgba(mdc-theme-prop-value(on-surface), .16) !default;\n\n$mdc-select-label-position-y: 70% !default;\n$mdc-select-outline-label-offset: 16px !default;\n$mdc-select-outlined-label-position-y: 130% !default;\n$mdc-select-outlined-dense-label-position-y: 110% !default;\n$mdc-select-outlined-with-leading-icon-label-position-x: 32px !default;\n\n$mdc-select-dropdown-transition-duration: 150ms !default;\n\n// Error colors\n$mdc-select-error-color: error !default;\n","//  Copyright 2018 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// Public mixins\n\n@mixin mdc-select-helper-text-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-helper-text-color_($color);\n  }\n}\n\n@mixin mdc-select-helper-text-validation-color($color) {\n  &:not(.mdc-select--disabled) {\n    @include mdc-select-helper-text-validation-color_($color);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-select-helper-text-color_($color) {\n  + .mdc-select-helper-text {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-select-helper-text-validation-color_($color) {\n  &.mdc-select--invalid + .mdc-select-helper-text--validation-msg {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"@material/rtl/mixins\";\n@import \"./variables\";\n\n@mixin mdc-notched-outline-color($color) {\n  .mdc-notched-outline__leading,\n  .mdc-notched-outline__notch,\n  .mdc-notched-outline__trailing {\n    @include mdc-theme-prop(border-color, $color);\n  }\n}\n\n@mixin mdc-notched-outline-stroke-width($width) {\n  .mdc-notched-outline__leading,\n  .mdc-notched-outline__notch,\n  .mdc-notched-outline__trailing {\n    border-width: $width;\n  }\n}\n\n@mixin mdc-notched-outline-shape-radius($radius, $rtl-reflexive: false) {\n  $radius: mdc-shape-prop-value($radius);\n\n  @if (length($radius) > 1) {\n    // stylelint-disable-next-line max-line-length\n    @warn \"mdc-notched-outline-shape-radius only supports a single radius; see https://github.com/material-components/material-components-web/issues/4140\";\n  }\n\n  $radius: nth($radius, 1);\n\n  .mdc-notched-outline__leading {\n    @include mdc-shape-radius(mdc-shape-mask-radius($radius, 1 0 0 1), $rtl-reflexive: true);\n\n    @if ($radius > $mdc-notched-outline-leading-width) {\n      width: $radius;\n    }\n  }\n\n  @if ($radius > $mdc-notched-outline-leading-width) {\n    .mdc-notched-outline__notch {\n      max-width: calc(100% - #{$radius} * 2);\n    }\n  }\n\n  .mdc-notched-outline__trailing {\n    @include mdc-shape-radius(mdc-shape-mask-radius($radius, 0 1 1 0), $rtl-reflexive: true);\n  }\n}\n\n@mixin mdc-notched-outline-floating-label-float-position($positionY, $positionX: 0%, $scale: .75) {\n  @include mdc-floating-label-float-position($positionY + $mdc-notched-outline-label-adjust, $positionX, 1);\n\n  .mdc-floating-label--float-above {\n    font-size: ($scale * 1rem);\n  }\n\n  // Two selectors to ensure we select the appropriate class when applied from this component or a parent component.\n  &.mdc-notched-outline--upgraded,\n  .mdc-notched-outline--upgraded {\n    @include mdc-floating-label-float-position($positionY, $positionX, $scale);\n\n    // stylelint-disable-next-line no-descending-specificity\n    .mdc-floating-label--float-above {\n      font-size: 1rem;\n    }\n  }\n}\n","//\n// Copyright 2017 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@mixin mdc-slider-emphasize-keyframes_ {\n  @keyframes mdc-slider-emphasize {\n    0% {\n      animation-timing-function: ease-out;\n    }\n\n    50% {\n      animation-timing-function: ease-in;\n      transform: scale(.85);\n    }\n\n    100% {\n      transform: scale(.571);\n    }\n  }\n}\n","//\n// Copyright 2017 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/theme/functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/theme/variables\"; // for mdc-theme-prop-value\n@import \"@material/typography/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"./variables\";\n@import \"./keyframes\";\n\n//\n// Public\n//\n@mixin mdc-slider-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define slider\n\n  @include mdc-feature-targets($feat-animation) {\n    @include mdc-slider-emphasize-keyframes_;\n  }\n\n  .mdc-slider {\n    @include mdc-slider-color-accessible(secondary, $query: $query);\n\n    &--disabled {\n      $disabled-color: #9a9a9a;\n\n      @include mdc-slider-highlight-color_($disabled-color, $query: $query);\n      @include mdc-slider-rail-color_($disabled-color, $query: $query);\n      @include mdc-slider-rail-tick-mark-color_($disabled-color, $query: $query);\n      @include mdc-slider-thumb-color_($disabled-color, $query: $query);\n      @include mdc-slider-thumb-stroke-cutout_(white, $query: $query);\n\n      @include mdc-feature-targets($feat-structure) {\n        cursor: auto;\n      }\n    }\n\n    @include mdc-feature-targets($feat-structure) {\n      position: relative;\n      width: 100%;\n      height: 48px;\n      cursor: pointer;\n      touch-action: pan-x;\n      -webkit-tap-highlight-color: rgba(black, 0);\n\n      &:focus {\n        outline: none;\n      }\n    }\n\n    @include mdc-slider-track_($query: $query);\n    @include mdc-slider-track-marker_($query: $query);\n    @include mdc-slider-thumb_($query: $query);\n    @include mdc-slider-focus-ring_($query: $query);\n    @include mdc-slider-pin_($query: $query);\n  }\n\n  .mdc-slider--active {\n    .mdc-slider__thumb {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale3d(1, 1, 1);\n      }\n    }\n  }\n\n  .mdc-slider--focus {\n    .mdc-slider__thumb {\n      @include mdc-feature-targets($feat-animation) {\n        animation: mdc-slider-emphasize 266.67ms linear;\n      }\n    }\n\n    .mdc-slider__focus-ring {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale3d(1.55, 1.55, 1.55);\n        opacity: .25;\n      }\n    }\n  }\n\n  .mdc-slider--in-transit {\n    .mdc-slider__thumb {\n      @include mdc-feature-targets($feat-animation) {\n        transition-delay: 140ms;\n      }\n    }\n  }\n\n  // NOTE(traviskaufman): There are multiple cases where we want the slider to\n  // transition seamlessly even though we're jumping to a spot. The selectors\n  // below highlight these cases. The selectors are supplemented by a comment\n  // denoting their semantic meaning within the slider.\n\n  // When a user clicks somewhere on the track that is not directly the slider\n  // thumb container, we transition to the place where the user clicked.\n  .mdc-slider--in-transit,\n  // When a user is using the arrow keys to modify the value of the slider rather\n  // than dragging with a pointer, we transition from one value to another.\n  .mdc-slider:focus:not(.mdc-slider--active) {\n    .mdc-slider__thumb-container,\n    .mdc-slider__track {\n      @include mdc-feature-targets($feat-animation) {\n        transition: transform 80ms ease;\n      }\n    }\n  }\n\n  .mdc-slider--discrete {\n    // stylelint-disable plugin/selector-bem-pattern\n    &.mdc-slider--active {\n      .mdc-slider__thumb {\n        @include mdc-feature-targets($feat-structure) {\n          transform: scale(calc(12 / 21));\n        }\n      }\n\n      .mdc-slider__pin {\n        @include mdc-feature-targets($feat-structure) {\n          transform: rotate(-45deg) scale(1) translate(19px, -20px);\n        }\n      }\n    }\n\n    &.mdc-slider--focus {\n      .mdc-slider__thumb {\n        @include mdc-feature-targets($feat-animation) {\n          animation: none;\n        }\n      }\n    }\n\n    &.mdc-slider--display-markers {\n      .mdc-slider__track-marker-container {\n        @include mdc-feature-targets($feat-structure) {\n          visibility: visible;\n        }\n      }\n    }\n    // stylelint-enable plugin/selector-bem-pattern\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-slider-highlight-color($color, $query: mdc-feature-all()) {\n  &:not(.mdc-slider--disabled) {\n    @include mdc-slider-highlight-color_($color, $query: $query);\n  }\n}\n\n@mixin mdc-slider-rail-color($color, $opacity: $mdc-slider-baseline-rail-opacity, $query: mdc-feature-all()) {\n  &:not(.mdc-slider--disabled) {\n    @include mdc-slider-rail-color_($color, $opacity, $query: $query);\n  }\n}\n\n@mixin mdc-slider-rail-tick-mark-color($color, $query: mdc-feature-all()) {\n  &:not(.mdc-slider--disabled) {\n    @include mdc-slider-rail-tick-mark-color_($color, $query: $query);\n  }\n}\n\n@mixin mdc-slider-thumb-color($color, $query: mdc-feature-all()) {\n  &:not(.mdc-slider--disabled) {\n    @include mdc-slider-thumb-color_($color, $query: $query);\n  }\n}\n\n@mixin mdc-slider-focus-halo-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(.mdc-slider--disabled) {\n    .mdc-slider__focus-ring {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(background-color, $color);\n      }\n    }\n  }\n}\n\n@mixin mdc-slider-value-pin-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(.mdc-slider--disabled) {\n    .mdc-slider__pin {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(color, $color);\n      }\n    }\n  }\n}\n\n@mixin mdc-slider-value-pin-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(.mdc-slider--disabled) {\n    .mdc-slider__pin {\n      @include mdc-feature-targets($feat-color) {\n        @include mdc-theme-prop(background-color, $color);\n      }\n    }\n  }\n}\n\n@mixin mdc-slider-value-pin-fill-color-accessible($color, $query: mdc-feature-all()) {\n  $color-value: mdc-theme-prop-value($color);\n  $ink-color: if(mdc-theme-tone($color-value) == \"light\", text-primary-on-light, text-primary-on-dark);\n\n  @include mdc-slider-value-pin-fill-color($color, $query: $query);\n  @include mdc-slider-value-pin-ink-color($ink-color, $query: $query);\n}\n\n// NOTE: This mixin sets the color of ALL customizable elements in the slider. If new elements are added, this mixin\n// should be updated to cover those additional elements.\n@mixin mdc-slider-color-accessible($color, $query: mdc-feature-all()) {\n  @include mdc-slider-highlight-color($color, $query: $query);\n  @include mdc-slider-rail-color($color, $query: $query);\n  @include mdc-slider-rail-tick-mark-color($color, $query: $query);\n  @include mdc-slider-thumb-color($color, $query: $query);\n  @include mdc-slider-focus-halo-color($color, $query: $query);\n  @include mdc-slider-value-pin-fill-color-accessible($color, $query: $query);\n}\n\n//\n// Private\n//\n\n@mixin mdc-slider-track_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &__track-container {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 50%;\n      width: 100%;\n      height: 2px;\n      overflow: hidden;\n    }\n  }\n\n  &__track {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      transform-origin: left top;\n\n      @include mdc-rtl(\".mdc-slider\") {\n        transform-origin: right top;\n      }\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      will-change: transform;\n    }\n  }\n}\n\n@mixin mdc-slider-track-marker_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // stylelint-disable-next-line selector-max-type\n  &__track-marker-container {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      margin-right: 0;\n      margin-left: -1px;\n      visibility: hidden;\n\n      @include mdc-rtl(\".mdc-slider\") {\n        margin-right: -1px;\n        margin-left: 0;\n      }\n\n      // Last marker at the very end of the slider (right-most in LTR, left-most in RTL)\n      // stylelint-disable-next-line selector-max-type\n      &::after {\n        display: block;\n        width: 2px;\n        height: 2px;\n        content: \"\";\n      }\n    }\n  }\n\n  &__track-marker {\n    @include mdc-feature-targets($feat-structure) {\n      flex: 1;\n\n      // stylelint-disable-next-line selector-max-type\n      &::after {\n        display: block;\n        width: 2px;\n        height: 2px;\n        content: \"\";\n      }\n\n      // stylelint-disable-next-line selector-max-type\n      &:first-child::after {\n        width: 3px;\n      }\n    }\n  }\n}\n\n@mixin mdc-slider-thumb_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &__thumb-container {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 15px;\n      left: 0;\n      width: 21px;\n      // Ensure that touching anywhere within the Y-coordinate space of thumb\n      // is considered \"clicking on the thumb\".\n      height: 100%;\n      user-select: none;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      will-change: transform;\n    }\n  }\n\n  &__thumb {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: 0;\n      left: 0;\n      transform: scale(.571);\n      stroke-width: 3.5;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;\n    }\n  }\n}\n\n@mixin mdc-slider-focus-ring_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &__focus-ring {\n    @include mdc-feature-targets($feat-structure) {\n      width: 21px;\n      height: 21px;\n      border-radius: 50%;\n      opacity: 0;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;\n    }\n  }\n}\n\n@mixin mdc-slider-pin_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  &__pin {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      position: absolute;\n      top: 0;\n      left: 0;\n      align-items: center;\n      justify-content: center;\n      width: 26px;\n      height: 26px;\n      margin-top: -2px;\n      margin-left: -2px;\n      transform: rotate(-45deg) scale(0) translate(0, 0);\n      border-radius: 50% 50% 50% 0%;\n\n      // Ensuring that the pin is higher than the thumb in the stacking order\n      // removes some rendering jank observed in Chrome.\n      z-index: 1;\n    }\n\n    @include mdc-feature-targets($feat-animation) {\n      transition: transform 100ms ease-out;\n    }\n  }\n\n  &__pin-value-marker {\n    @include mdc-typography(body2, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      transform: rotate(45deg);\n    }\n  }\n}\n\n@mixin mdc-slider-highlight-color_($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-slider__track {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-slider-rail-color_($color, $opacity: $mdc-slider-baseline-rail-opacity, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-slider__track-container {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, rgba(mdc-theme-prop-value($color), $opacity));\n    }\n  }\n}\n\n@mixin mdc-slider-rail-tick-mark-color_($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-slider__track-marker::after,\n  .mdc-slider__track-marker-container::after {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-slider-thumb-color_($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-slider__thumb {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(fill, $color);\n      @include mdc-theme-prop(stroke, $color);\n    }\n  }\n}\n\n@mixin mdc-slider-thumb-stroke-cutout_($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-slider__thumb {\n    @include mdc-feature-targets($feat-color) {\n      /* @alternate */\n      stroke: $color;\n      stroke: var(--mdc-slider-bg-color-behind-component, $color);\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/animation/functions\";\n@import \"@material/button/mixins\";\n@import \"@material/icon-button/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/elevation/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/theme/mixins\";\n@import \"./variables\";\n\n@mixin mdc-snackbar-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define snackbar\n  .mdc-snackbar {\n    @include mdc-snackbar-z-index($mdc-snackbar-z-index, $query: $query);\n    @include mdc-snackbar-viewport-margin($mdc-snackbar-viewport-margin-narrow, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      display: none;\n      position: fixed;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      align-items: center;\n      justify-content: center;\n      box-sizing: border-box;\n\n      // Ignore mouse events on the root layout element.\n      pointer-events: none;\n\n      // For some reason, iOS Safari displays a tap highlight on the entire snackbar element.\n      // Mobile Safari only supports `rgba` values for this property; named values like\n      // `transparent` are ignored. From Apple's docs:\n      // > This property obeys the alpha value, if specified.\n      // > If you don’t specify an alpha value, Safari on iOS applies a default alpha value to the color.\n      // > To disable tap highlighting, set the alpha value to 0 (invisible).\n      // > If you set the alpha value to 1.0 (opaque), the element is not visible when tapped.\n      // See https://github.com/ben-eb/postcss-colormin/issues/1\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    }\n  }\n\n  @at-root {\n    @include mdc-snackbar-fill-color($mdc-snackbar-fill-color, $query: $query);\n    @include mdc-snackbar-label-ink-color($mdc-snackbar-label-ink-color, $query: $query);\n    @include mdc-snackbar-min-width($mdc-snackbar-min-width, $query: $query);\n    @include mdc-snackbar-max-width($mdc-snackbar-max-width, $query: $query);\n    @include mdc-snackbar-elevation($mdc-snackbar-elevation, $query: $query);\n    @include mdc-snackbar-shape-radius($mdc-snackbar-shape-radius, $query: $query);\n  }\n\n  .mdc-snackbar--opening,\n  .mdc-snackbar--open,\n  .mdc-snackbar--closing {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n    }\n  }\n\n  .mdc-snackbar--leading {\n    @include mdc-snackbar-position-leading($query: $query);\n  }\n\n  .mdc-snackbar--stacked {\n    @include mdc-snackbar-layout-stacked($query: $query);\n  }\n\n  .mdc-snackbar__surface {\n    @include mdc-feature-targets($feat-structure) {\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      box-sizing: border-box;\n      transform: scale(.8);\n      opacity: 0;\n    }\n\n    .mdc-snackbar--open & {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale(1);\n        opacity: 1;\n        pointer-events: auto; // Allow mouse events on surface element while snackbar is open\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition:\n          mdc-animation-enter(opacity, $mdc-snackbar-enter-duration),\n          mdc-animation-enter(transform, $mdc-snackbar-enter-duration);\n      }\n    }\n\n    .mdc-snackbar--closing & {\n      @include mdc-feature-targets($feat-structure) {\n        transform: scale(1);\n      }\n\n      @include mdc-feature-targets($feat-animation) {\n        transition: mdc-animation-exit-permanent(opacity, $mdc-snackbar-exit-duration);\n      }\n    }\n  }\n\n  .mdc-snackbar__label {\n    @include mdc-typography($mdc-snackbar-label-type-scale, $query: $query);\n\n    @include mdc-feature-targets($feat-structure) {\n      flex-grow: 1;\n      box-sizing: border-box;\n      margin: 0;\n\n      // 14px top/bottom padding needed to make the height 48px.\n      padding: 14px 16px;\n    }\n  }\n\n  // Used to prevent visual jank when announcing label text to screen readers.\n  // See the `announce()` function in util.js for details.\n  .mdc-snackbar__label::before {\n    @include mdc-feature-targets($feat-structure) {\n      display: inline;\n      content: attr(data-mdc-snackbar-label-text);\n    }\n  }\n\n  .mdc-snackbar__actions {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, 0, $mdc-snackbar-padding);\n\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n      box-sizing: border-box;\n    }\n  }\n\n  .mdc-snackbar__action {\n    @include mdc-button-ink-color($mdc-snackbar-action-ink-color, $query: $query);\n    @include mdc-states($mdc-snackbar-action-ink-color, $query: $query);\n  }\n\n  .mdc-snackbar__dismiss {\n    @include mdc-icon-button-ink-color($mdc-snackbar-dismiss-ink-color, $query: $query);\n  }\n\n  // Two selectors are needed to increase specificity above `.material-icons`.\n  // stylelint-disable-next-line selector-class-pattern\n  .mdc-snackbar__dismiss.mdc-snackbar__dismiss {\n    @include mdc-icon-button-size($mdc-snackbar-dismiss-icon-size, $query: $query);\n  }\n\n  .mdc-snackbar__action + .mdc-snackbar__dismiss {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-property(margin, $mdc-snackbar-padding, 0);\n    }\n  }\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-snackbar-fill-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-snackbar__surface {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n    }\n  }\n}\n\n@mixin mdc-snackbar-label-ink-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-snackbar__label {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-snackbar-shape-radius($radius, $rtl-reflexive: false, $query: mdc-feature-all()) {\n  .mdc-snackbar__surface {\n    @include mdc-shape-radius($radius, $rtl-reflexive, $query: $query);\n  }\n}\n\n@mixin mdc-snackbar-min-width(\n  $min-width,\n  $mobile-breakpoint: $mdc-snackbar-mobile-breakpoint,\n  $query: mdc-feature-all()\n) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-snackbar__surface {\n    @include mdc-feature-targets($feat-structure) {\n      min-width: $min-width;\n\n      // The first media query ensures that snackbars are always 100% width on mobile devices, as required by the spec.\n      // The second media query prevents snackbars from being wider than the viewport for large min-width values.\n      @media (max-width: $mobile-breakpoint), (max-width: $min-width) {\n        min-width: 100%;\n      }\n    }\n  }\n}\n\n@mixin mdc-snackbar-max-width($max-width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-snackbar__surface {\n    @include mdc-feature-targets($feat-structure) {\n      max-width: $max-width;\n    }\n  }\n}\n\n@mixin mdc-snackbar-elevation($z-index, $query: mdc-feature-all()) {\n  .mdc-snackbar__surface {\n    @include mdc-elevation($z-index, $query: $query);\n  }\n}\n\n@mixin mdc-snackbar-viewport-margin($margin, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    margin: $margin;\n  }\n}\n\n@mixin mdc-snackbar-z-index($z-index, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    z-index: $z-index;\n  }\n}\n\n@mixin mdc-snackbar-position-leading($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    justify-content: flex-start;\n  }\n}\n\n@mixin mdc-snackbar-layout-stacked($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-snackbar__surface {\n    @include mdc-feature-targets($feat-structure) {\n      flex-direction: column;\n      align-items: flex-start;\n    }\n  }\n\n  .mdc-snackbar__actions {\n    @include mdc-feature-targets($feat-structure) {\n      align-self: flex-end;\n      margin-bottom: $mdc-snackbar-padding;\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/theme/functions\";\n@import \"@material/theme/variables\"; // for mdc-theme-prop-value() function\n\n$mdc-snackbar-fill-color: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 80%) !default;\n$mdc-snackbar-label-ink-color: rgba(mdc-theme-prop-value(surface), mdc-theme-text-emphasis(high)) !default;\n$mdc-snackbar-action-ink-color: #bb86fc !default;\n$mdc-snackbar-dismiss-ink-color: rgba(mdc-theme-prop-value(surface), mdc-theme-text-emphasis(high)) !default;\n\n$mdc-snackbar-label-type-scale: body2 !default;\n$mdc-snackbar-dismiss-icon-size: 18px !default;\n$mdc-snackbar-min-width: 344px !default;\n$mdc-snackbar-max-width: 672px !default;\n$mdc-snackbar-mobile-breakpoint: 480px !default;\n$mdc-snackbar-viewport-margin-narrow: 8px !default;\n$mdc-snackbar-viewport-margin-wide: 24px !default;\n$mdc-snackbar-padding: 8px !default;\n\n$mdc-snackbar-elevation: 6 !default;\n$mdc-snackbar-shape-radius: small !default; // Key from $mdc-shape-category-values or CSS length value (e.g., 4px)\n$mdc-snackbar-z-index: 8 !default; // One above mdc-dialog\n\n// These variables need to be kept in sync with the values in constants.js.\n$mdc-snackbar-enter-duration: 150ms !default;\n$mdc-snackbar-exit-duration: 75ms !default;\n","//\n// Copyright 2018 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@import \"@material/theme/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/elevation/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"./functions\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-switch-core-styles($query: mdc-feature-all()) {\n  @include mdc-switch-without-ripple($query);\n  @include mdc-switch-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// switch styles. It is recommended that most users use `mdc-switch-core-styles` instead.\n@mixin mdc-switch-without-ripple($query: mdc-feature-all()) {\n  // postcss-bem-linter: define switch\n\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-switch {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-switch-base_;\n    }\n\n    @include mdc-switch-toggled-on-track-color($mdc-switch-baseline-theme-color, $query);\n    @include mdc-switch-toggled-on-thumb-color($mdc-switch-baseline-theme-color, $query);\n    @include mdc-switch-toggled-off-track-color($mdc-switch-toggled-off-track-color, $query);\n    @include mdc-switch-toggled-off-thumb-color($mdc-switch-toggled-off-thumb-color, $query);\n  }\n\n  .mdc-switch__native-control {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-switch__native-control_;\n    }\n  }\n\n  .mdc-switch__track {\n    @include mdc-switch__track_($query);\n  }\n\n  .mdc-switch__thumb-underlay {\n    @include mdc-switch__thumb-underlay_($query);\n  }\n\n  .mdc-switch__thumb {\n    @include mdc-switch__thumb_($query);\n  }\n\n  .mdc-switch--checked {\n    @include mdc-feature-targets($feat-structure) {\n      .mdc-switch__track {\n        @include mdc-switch__track-checked_;\n      }\n\n      .mdc-switch__thumb-underlay {\n        @include mdc-switch__thumb-underlay-checked_;\n      }\n\n      .mdc-switch__native-control {\n        @include mdc-switch__native-control-checked_;\n      }\n    }\n  }\n\n  .mdc-switch--disabled {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-switch--disabled-base_;\n\n      .mdc-switch__thumb {\n        @include mdc-switch__thumb-disabled_;\n      }\n\n      .mdc-switch__native-control {\n        @include mdc-switch__native-control-disabled_;\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles from the other\n// switch styles. It is recommended that most users use `mdc-switch-core-styles` instead.\n@mixin mdc-switch-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-switch {\n    @include mdc-switch-toggled-off-ripple-color($mdc-switch-toggled-off-ripple-color, $query);\n  }\n\n  .mdc-switch__thumb-underlay {\n    @include mdc-ripple-surface($query);\n    @include mdc-ripple-radius-unbounded(100%, $query);\n    @include mdc-states($mdc-switch-baseline-theme-color, false, $query);\n  }\n}\n\n@mixin mdc-switch-toggled-on-color($color, $query: mdc-feature-all()) {\n  @include mdc-switch-toggled-on-track-color($color, $query);\n  @include mdc-switch-toggled-on-thumb-color($color, $query);\n  @include mdc-switch-toggled-on-ripple-color($color, $query);\n}\n\n@mixin mdc-switch-toggled-off-color($color, $query: mdc-feature-all()) {\n  @include mdc-switch-toggled-off-track-color($color, $query);\n  @include mdc-switch-toggled-off-thumb-color($color, $query);\n  @include mdc-switch-toggled-off-ripple-color($color, $query);\n}\n\n@mixin mdc-switch-toggled-on-track-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &.mdc-switch--checked .mdc-switch__track {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-switch-toggled-on-thumb-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &.mdc-switch--checked .mdc-switch__thumb {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-switch-toggled-on-ripple-color($color, $query: mdc-feature-all()) {\n  &.mdc-switch--checked .mdc-switch__thumb-underlay {\n    @include mdc-states($color, false, $query);\n  }\n}\n\n@mixin mdc-switch-toggled-off-track-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(.mdc-switch--checked) .mdc-switch__track {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-switch-toggled-off-thumb-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  &:not(.mdc-switch--checked) .mdc-switch__thumb {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(background-color, $color);\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-switch-toggled-off-ripple-color($color, $query: mdc-feature-all()) {\n  &:not(.mdc-switch--checked) .mdc-switch__thumb-underlay {\n    @include mdc-states($color, false, $query);\n  }\n}\n\n//\n// Private\n//\n\n// Structure\n@mixin mdc-switch-base_ {\n  display: inline-block;\n  position: relative;\n  outline: none;\n  user-select: none;\n}\n\n@mixin mdc-switch__track_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    box-sizing: border-box;\n    width: $mdc-switch-track-width;\n    height: $mdc-switch-track-height;\n    border: 1px solid;\n    border-radius: $mdc-switch-track-height / 2;\n    opacity: .38;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-switch-transition(opacity),\n      mdc-switch-transition(background-color),\n      mdc-switch-transition(border-color);\n  }\n}\n\n@mixin mdc-switch__thumb-underlay_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-color: mdc-feature-create-target($query, color);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    @include mdc-rtl-reflexive-position(left, $mdc-switch-tap-target-initial-position);\n\n    display: flex;\n    position: absolute;\n    // Ensures the knob is centered on the track.\n    top: -(($mdc-switch-tap-target-size - $mdc-switch-track-height) / 2);\n    align-items: center;\n    justify-content: center;\n    width: $mdc-switch-tap-target-size;\n    height: $mdc-switch-tap-target-size;\n    transform: translateX(0);\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    transition:\n      mdc-switch-transition(transform),\n      mdc-switch-transition(background-color),\n      mdc-switch-transition(border-color);\n  }\n}\n\n@mixin mdc-switch__native-control_ {\n  @include mdc-rtl-reflexive-position(left, 0);\n\n  position: absolute;\n  top: 0;\n  width: $mdc-switch-native-control-width;\n  height: $mdc-switch-tap-target-size;\n  margin: 0;\n  opacity: 0;\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n@mixin mdc-switch__thumb_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-color: mdc-feature-create-target($query, color);\n\n  @include mdc-elevation($z-value: 2, $query: $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    box-sizing: border-box;\n    width: $mdc-switch-thumb-diameter;\n    height: $mdc-switch-thumb-diameter;\n    border: $mdc-switch-thumb-diameter / 2 solid;\n    border-radius: 50%;\n    // Allow events to go through to the native control, necessary for IE and Edge.\n    pointer-events: none;\n    z-index: 1;\n  }\n}\n\n// Checked state\n\n@mixin mdc-switch__track-checked_ {\n  opacity: .54;\n}\n\n@mixin mdc-switch__thumb-underlay-checked_ {\n  transform: translateX($mdc-switch-thumb-active-margin);\n\n  @include mdc-rtl {\n    transform: translateX(-($mdc-switch-thumb-active-margin));\n  }\n}\n\n@mixin mdc-switch__native-control-checked_ {\n  // Translate the native control the opposite direction so that the tap target stays the same.\n  transform: translateX(-($mdc-switch-thumb-active-margin));\n\n  @include mdc-rtl {\n    transform: translateX($mdc-switch-thumb-active-margin);\n  }\n}\n\n// Disabled state\n\n@mixin mdc-switch--disabled-base_ {\n  opacity: .38;\n  pointer-events: none;\n}\n\n@mixin mdc-switch__thumb-disabled_ {\n  border-width: 1px;  // In high contrast mode, only show outline of knob.\n}\n\n@mixin mdc-switch__native-control-disabled_ {\n  cursor: default;\n  pointer-events: none;\n}\n","//\n// Copyright 2018 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@import \"@material/theme/variables\";\n\n$mdc-switch-track-width: 32px !default;\n$mdc-switch-track-height: 14px !default;\n$mdc-switch-thumb-diameter: 20px !default;\n$mdc-switch-tap-target-size: 48px !default;\n\n// Amount the edge of the thumb should be offset from the edge of the track.\n$mdc-switch-thumb-offset: 4px !default;\n\n// Position for the tap target that contains the thumb to align the thumb correctly offset from the track.\n$mdc-switch-tap-target-initial-position:\n  -$mdc-switch-tap-target-size / 2 + $mdc-switch-thumb-diameter / 2 -\n  $mdc-switch-thumb-offset !default;\n\n// Value to cover the whole switch area (including the ripple) with the native control.\n$mdc-switch-native-control-width:\n  $mdc-switch-track-width +\n  ($mdc-switch-tap-target-size - $mdc-switch-thumb-diameter) +\n  $mdc-switch-thumb-offset * 2 !default;\n\n$mdc-switch-thumb-active-margin:\n  $mdc-switch-track-width - $mdc-switch-thumb-diameter + $mdc-switch-thumb-offset * 2 !default;\n\n$mdc-switch-toggled-off-thumb-color: mdc-theme-prop-value(surface) !default;\n$mdc-switch-toggled-off-track-color: mdc-theme-prop-value(on-surface) !default;\n$mdc-switch-toggled-off-ripple-color: #9e9e9e !default;\n$mdc-switch-disabled-thumb-color: mdc-theme-prop-value(surface) !default;\n$mdc-switch-disabled-track-color: mdc-theme-prop-value(on-surface) !default;\n\n$mdc-switch-baseline-theme-color: secondary !default;\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n@import \"@material/ripple/mixins\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/tab-indicator/mixins\";\n@import \"./variables\";\n\n// Public mixins\n\n@mixin mdc-tab-core-styles($query: mdc-feature-all()) {\n  @include mdc-tab-without-ripple($query);\n  @include mdc-tab-ripple($query);\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles\n// from the other tah styles. It is recommended that most users use `mdc-tab-core-styles` instead.\n@mixin mdc-tab-without-ripple($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  // postcss-bem-linter: define tab\n\n  .mdc-tab {\n    @include mdc-tab-base_($query);\n  }\n\n  .mdc-tab--min-width {\n    @include mdc-feature-targets($feat-structure) {\n      flex: 0 1 auto;\n    }\n  }\n\n  .mdc-tab__content {\n    @include mdc-tab__content_($query);\n  }\n\n  .mdc-tab__text-label,\n  .mdc-tab__icon {\n    @include mdc-tab__content-child_($query);\n  }\n\n  .mdc-tab--stacked {\n    @include mdc-tab--stacked_($query);\n  }\n\n  .mdc-tab--active {\n    @include mdc-tab--active_($query);\n  }\n\n  .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {\n    @include mdc-feature-targets($feat-structure) {\n      @include mdc-rtl-reflexive-box(padding, left, 8px);\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n// This API is intended for use by frameworks that may want to separate the ripple-related styles\n// from the other tah styles. It is recommended that most users use `mdc-tab-core-styles` instead.\n@mixin mdc-tab-ripple($query: mdc-feature-all()) {\n  @include mdc-ripple-common($query);\n\n  .mdc-tab__ripple {\n    @include mdc-tab__ripple_($query);\n  }\n}\n\n@mixin mdc-tab-horizontal-padding($padding, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    padding-right: $padding;\n    padding-left: $padding;\n  }\n}\n\n@mixin mdc-tab-text-label-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab__text-label {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-tab-icon-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab__icon {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n\n      fill: currentColor;\n    }\n  }\n}\n\n@mixin mdc-tab-states-color($color, $query: mdc-feature-all()) {\n  .mdc-tab__ripple {\n    @include mdc-states($color, $query: $query);\n  }\n}\n\n@mixin mdc-tab-ink-color($color, $query: mdc-feature-all()) {\n  @include mdc-tab-icon-color($color, $query);\n  @include mdc-tab-states-color($color, $query);\n  @include mdc-tab-text-label-color($color, $query);\n}\n\n@mixin mdc-tab-active-text-label-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-text-label-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-active-icon-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-icon-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-active-states-color($color, $query: mdc-feature-all()) {\n  &.mdc-tab--active {\n    @include mdc-tab-states-color($color, $query);\n  }\n}\n\n@mixin mdc-tab-parent-positioning($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: relative;\n  }\n}\n\n@mixin mdc-tab-fixed-width($width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    flex: 0 1 $width;\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-tab-base_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-typography(button, $query);\n  @include mdc-tab-text-label-color($mdc-tab-text-label-color-default, $query);\n  @include mdc-tab-icon-color($mdc-tab-icon-color-default, $query);\n  @include mdc-tab-horizontal-padding($mdc-tab-horizontal-padding, $query);\n  @include mdc-tab-indicator-surface($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    flex: 1 0 auto;\n    justify-content: center;\n    box-sizing: border-box;\n    height: $mdc-tab-height;\n    // Explicitly setting margin to 0 is to override safari default margin for button elements.\n    margin: 0;\n    padding-top: 0;\n    padding-bottom: 0;\n    border: none;\n    outline: none;\n    background: none;\n    text-align: center;\n    white-space: nowrap;\n    cursor: pointer;\n    -webkit-appearance: none;\n    z-index: 1;\n\n    // Firefox still draws a dotted border around focused buttons unless specifically overridden.\n    &::-moz-focus-inner {\n      padding: 0;\n      border: 0;\n    }\n  }\n}\n\n@mixin mdc-tab__ripple_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-ripple-surface($query);\n  @include mdc-ripple-radius-bounded($query: $query);\n  @include mdc-states($color: primary, $query: $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n}\n\n@mixin mdc-tab__content_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-tab-indicator-surface($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: inherit;\n    pointer-events: none;\n  }\n}\n\n@mixin mdc-tab__content-child_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-animation) {\n    transition: 150ms color linear;\n  }\n\n  @include mdc-feature-targets($feat-structure) {\n    display: inline-block;\n    // Setting line-height here overrides the line-height from the typography\n    // mixin above. The line-height needs to be overridden so that the spacing\n    // between the text label and the icon as well as the text label and the\n    // bottom of the tab remain the same.\n    line-height: 1;\n    z-index: 2;\n  }\n}\n\n@mixin mdc-tab--stacked_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    height: $mdc-tab-stacked-height;\n\n    .mdc-tab__content {\n      flex-direction: column;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .mdc-tab__icon {\n      padding-top: 12px;\n    }\n\n    .mdc-tab__text-label {\n      padding-bottom: 16px;\n    }\n  }\n}\n\n@mixin mdc-tab--active_($query: mdc-feature-all()) {\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-tab-text-label-color($mdc-tab-text-label-color-active, $query);\n  @include mdc-tab-icon-color($mdc-tab-icon-color-active, $query);\n\n  .mdc-tab__text-label,\n  .mdc-tab__icon {\n    @include mdc-feature-targets($feat-animation) {\n      transition-delay: 100ms;\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/animation/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin mdc-tab-indicator-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define tab-indicator\n\n  .mdc-tab-indicator {\n    @include mdc-tab-indicator-base_($query);\n  }\n\n  .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-structure) {\n      transform-origin: left;\n      opacity: 0;\n    }\n  }\n\n  .mdc-tab-indicator__content--underline {\n    @include mdc-feature-targets($feat-structure) {\n      align-self: flex-end;\n      box-sizing: border-box;\n      width: 100%;\n      border-top-style: solid;\n    }\n  }\n\n  .mdc-tab-indicator__content--icon {\n    @include mdc-feature-targets($feat-structure) {\n      align-self: center;\n      margin: 0 auto;\n    }\n  }\n\n  .mdc-tab-indicator--active .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-structure) {\n      opacity: 1;\n    }\n  }\n\n  // Slide by default\n  .mdc-tab-indicator .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-animation) {\n      transition: 250ms transform $mdc-animation-standard-curve-timing-function;\n    }\n  }\n\n  // --no-transition is applied in cases where styles need to be applied immediately to set up a transition\n  .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-animation) {\n      transition: none;\n    }\n  }\n\n  .mdc-tab-indicator--fade .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-animation) {\n      transition: 150ms opacity linear;\n    }\n  }\n\n  // postcss-bem-linter: ignore\n  .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {\n    @include mdc-feature-targets($feat-animation) {\n      transition-delay: 100ms;\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-tab-indicator-surface($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    position: relative;\n  }\n}\n\n@mixin mdc-tab-indicator-underline-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab-indicator__content--underline {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(border-color, $color);\n    }\n  }\n}\n\n@mixin mdc-tab-indicator-underline-height($height, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-tab-indicator__content--underline {\n    @include mdc-feature-targets($feat-structure) {\n      border-top-width: $height;\n    }\n  }\n}\n\n@mixin mdc-tab-indicator-underline-top-corner-radius($radius, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-tab-indicator__content--underline {\n    @include mdc-feature-targets($feat-structure) {\n      border-top-left-radius: $radius;\n      border-top-right-radius: $radius;\n    }\n  }\n}\n\n@mixin mdc-tab-indicator-icon-color($color, $query: mdc-feature-all()) {\n  $feat-color: mdc-feature-create-target($query, color);\n\n  .mdc-tab-indicator__content--icon {\n    @include mdc-feature-targets($feat-color) {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n\n@mixin mdc-tab-indicator-icon-height($height, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  .mdc-tab-indicator__content--icon {\n    @include mdc-feature-targets($feat-structure) {\n      height: $height;\n      font-size: $height;\n    }\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-tab-indicator-base_($query) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-tab-indicator-underline-color(primary, $query);\n  @include mdc-tab-indicator-icon-color(secondary, $query);\n  @include mdc-tab-indicator-underline-height(2px, $query);\n  @include mdc-tab-indicator-icon-height(34px, $query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    z-index: 1;\n  }\n}\n","//\n// Copyright 2018 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$mdc-tab-icon-size: 24px !default;\n$mdc-tab-height: 48px !default;\n$mdc-tab-stacked-height: 72px !default;\n$mdc-tab-horizontal-padding: 24px !default;\n$mdc-tab-text-label-opacity: .6 !default;\n$mdc-tab-icon-opacity: .54 !default;\n$mdc-tab-text-label-color-default: rgba(mdc-theme-prop-value(on-surface), $mdc-tab-text-label-opacity) !default;\n$mdc-tab-icon-color-default: rgba(mdc-theme-prop-value(on-surface), $mdc-tab-icon-opacity) !default;\n$mdc-tab-text-label-color-active: primary !default;\n$mdc-tab-icon-color-active: primary !default;\n","//\n// Copyright 2018 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@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin mdc-tab-bar-core-styles($query: mdc-feature-all()) {\n  // postcss-bem-linter: define tab-bar\n  .mdc-tab-bar {\n    @include mdc-tab-bar-width(100%, $query);\n  }\n  // postcss-bem-linter: end\n}\n\n@mixin mdc-tab-bar-width($width, $query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n\n  @include mdc-feature-targets($feat-structure) {\n    width: $width;\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/animation/variables\";\n@import \"@material/tab/mixins\";\n@import \"@material/feature-targeting/functions\";\n@import \"@material/feature-targeting/mixins\";\n\n@mixin mdc-tab-scroller-core-styles($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  // postcss-bem-linter: define tab-scroller\n  .mdc-tab-scroller {\n    @include mdc-feature-targets($feat-structure) {\n      overflow-y: hidden;\n    }\n  }\n\n  // Selector for test element used to feature-detect horizontal scrollbar height\n  .mdc-tab-scroller__test {\n    @include mdc-feature-targets($feat-structure) {\n      position: absolute;\n      top: -9999px;\n      width: 100px;\n      height: 100px;\n      overflow-x: scroll;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-area {\n    @include mdc-feature-targets($feat-structure) {\n      -webkit-overflow-scrolling: touch;\n      display: flex;\n      overflow-x: hidden;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-area,\n  .mdc-tab-scroller__test {\n    @include mdc-feature-targets($feat-structure) {\n      &::-webkit-scrollbar {\n        display: none;\n      }\n    }\n  }\n\n  // This modifier class will be added in JS after computing the OS scrollbar size in order to hide the scrollbar.\n  .mdc-tab-scroller__scroll-area--scroll {\n    @include mdc-feature-targets($feat-structure) {\n      overflow-x: scroll;\n    }\n  }\n\n  .mdc-tab-scroller__scroll-content {\n    @include mdc-tab-scroller__scroll-content_($query);\n  }\n\n  .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: flex-start;\n    }\n  }\n\n  .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: flex-end;\n    }\n  }\n\n  .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {\n    @include mdc-feature-targets($feat-structure) {\n      justify-content: center;\n    }\n  }\n\n  .mdc-tab-scroller--animating {\n    .mdc-tab-scroller__scroll-area {\n      @include mdc-feature-targets($feat-animation) {\n        -webkit-overflow-scrolling: auto;\n      }\n    }\n\n    .mdc-tab-scroller__scroll-content {\n      @include mdc-feature-targets($feat-animation) {\n        transition: 250ms transform $mdc-animation-standard-curve-timing-function;\n      }\n    }\n  }\n\n  // postcss-bem-linter: end\n}\n\n//\n// Private\n//\n\n@mixin mdc-tab-scroller__scroll-content_($query: mdc-feature-all()) {\n  $feat-structure: mdc-feature-create-target($query, structure);\n  $feat-animation: mdc-feature-create-target($query, animation);\n\n  @include mdc-tab-parent-positioning($query);\n\n  @include mdc-feature-targets($feat-structure) {\n    display: flex;\n    flex: 1 0 auto;\n    transform: none;\n  }\n\n  @include mdc-feature-targets($feat-animation) {\n    will-change: transform;\n  }\n}\n","//\n// Copyright 2017 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@import \"../functions\";\n@import \"@material/theme/mixins\";\n@import \"@material/typography/mixins\";\n\n// postcss-bem-linter: define text-field-helper-text\n\n.mdc-text-field-helper-text {\n  @include mdc-typography(caption);\n  @include mdc-typography-baseline-top(16px);\n\n  margin: 0;\n  transition: mdc-text-field-transition(opacity);\n  opacity: 0;\n  will-change: opacity;\n}\n\n.mdc-text-field-helper-text--persistent {\n  transition: none;\n  opacity: 1;\n  will-change: initial;\n}\n\n// postcss-bem-linter: end\n","//\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@import \"../functions\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n\n// postcss-bem-linter: define text-field-character-counter\n\n.mdc-text-field-character-counter {\n  @include mdc-typography(caption);\n  @include mdc-typography-baseline-top(16px);\n  // Keep flex item align to trailing side on absence of helper text.\n  @include mdc-rtl-reflexive-box(margin, left, auto);\n  @include mdc-rtl-reflexive-box(padding, left, 16px);\n\n  white-space: nowrap;\n}\n\n// postcss-bem-linter: end\n","//\n// Copyright 2017 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@import \"@material/theme/variables\";\n@import \"@material/theme/mixins\";\n\n.mdc-text-field--with-leading-icon .mdc-text-field__icon,\n.mdc-text-field--with-trailing-icon .mdc-text-field__icon {\n  position: absolute;\n  bottom: 16px;\n  cursor: pointer;\n}\n\n.mdc-text-field__icon:not([tabindex]),\n.mdc-text-field__icon[tabindex=\"-1\"] {\n  cursor: default;\n  pointer-events: none;\n}\n","//\n// Copyright 2017 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@import \"@material/animation/variables\";\n@import \"@material/floating-label/mdc-floating-label\";\n@import \"@material/line-ripple/mdc-line-ripple\";\n@import \"@material/notched-outline/mdc-notched-outline\";\n@import \"@material/ripple/common\";\n@import \"@material/ripple/mixins\";\n@import \"@material/rtl/mixins\";\n@import \"@material/theme/variables\";\n@import \"@material/typography/mixins\";\n@import \"@material/typography/variables\";\n@import \"./functions\";\n@import \"./helper-text/mdc-text-field-helper-text\";\n@import \"./character-counter/mdc-text-field-character-counter\";\n@import \"./icon/mdc-text-field-icon\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// postcss-bem-linter: define text-field\n\n.mdc-text-field {\n  @include mdc-ripple-surface;\n  // Text Field intentionally omits press ripple, so each state needs to be specified individually.\n  @include mdc-states-base-color($mdc-text-field-ink-color);\n  @include mdc-states-hover-opacity(mdc-states-opacity($mdc-text-field-ink-color, hover));\n  @include mdc-states-focus-opacity(mdc-states-opacity($mdc-text-field-ink-color, focus));\n  @include mdc-ripple-radius-bounded;\n\n  // Shape\n  @include mdc-text-field-shape-radius(small);\n\n  // Colors\n  @include mdc-text-field-label-color($mdc-text-field-label);\n  @include mdc-text-field-ink-color($mdc-text-field-ink-color);\n  @include mdc-text-field-caret-color(primary);\n  @include mdc-text-field-bottom-line-color($mdc-text-field-bottom-line-idle);\n  @include mdc-text-field-hover-bottom-line-color($mdc-text-field-bottom-line-hover);\n  @include mdc-text-field-line-ripple-color_(primary);\n  @include mdc-text-field-fullwidth-bottom-line-color($mdc-text-field-fullwidth-bottom-line-color);\n  @include mdc-text-field-helper-text-color($mdc-text-field-helper-text-color);\n  @include mdc-text-field-character-counter-color($mdc-text-field-helper-text-color);\n  @include mdc-text-field-icon-color($mdc-text-field-icon-color);\n  @include mdc-text-field-fill-color($mdc-text-field-background);\n\n  // Floating Label\n  @include mdc-text-field-floating-label_;\n\n  display: inline-flex;\n  position: relative;\n  box-sizing: border-box;\n  height: $mdc-text-field-height;\n  overflow: hidden;\n  /* @alternate */\n  will-change: opacity, transform, color;\n}\n\n.mdc-text-field__input {\n  @include mdc-typography(subtitle1);\n\n  align-self: flex-end;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 20px 16px 6px;\n  transition: mdc-text-field-transition(opacity);\n  border: none;\n  border-bottom: 1px solid;\n  border-radius: 0;\n  background: none;\n  appearance: none;\n\n  &::placeholder {\n    transition: mdc-text-field-transition(opacity, $duration: 67ms);\n    opacity: 0;\n    color: $mdc-text-field-placeholder-ink-color;\n  }\n\n  // Override the placeholder styles in IE with important rule to improve specificity.\n  // stylelint-disable-next-line selector-no-vendor-prefix\n  &:-ms-input-placeholder {\n    color: $mdc-text-field-placeholder-ink-color !important;\n  }\n\n  // Always show placeholder for text fields that has no label and show only on focused state when label is present.\n  .mdc-text-field--fullwidth &::placeholder,\n  .mdc-text-field--no-label &::placeholder,\n  .mdc-text-field--focused &::placeholder {\n    transition-delay: 40ms;\n    transition-duration: 110ms;\n    opacity: 1;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  // Remove red outline on firefox\n  &:invalid {\n    box-shadow: none;\n  }\n\n  // Keep Chrome autofill behind the notched outline\n  &:-webkit-autofill {\n    z-index: auto !important;\n  }\n\n  // Vertically center aligns the text input placeholder and value for only filled variant.\n  .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) & {\n    padding-top: 16px;\n    padding-bottom: 16px;\n  }\n}\n// stylelint-disable-next-line plugin/selector-bem-pattern\n// Move label when text-field gets auto-filled in Chrome.\n.mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n  transform: translateY(-50%) scale(.75);\n  cursor: auto;\n}\n\n.mdc-text-field--outlined {\n  @include mdc-text-field-outlined_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--focused {\n  @include mdc-text-field-outlined-focused_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--disabled {\n  @include mdc-text-field-outlined-disabled_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--dense {\n  @include mdc-text-field-outlined-dense_;\n}\n\n.mdc-text-field--with-leading-icon {\n  @include mdc-text-field-with-leading-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined {\n  @include mdc-text-field-outlined-with-leading-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense {\n  @include mdc-text-field-outlined-dense-with-leading-icon_;\n}\n\n.mdc-text-field--with-trailing-icon {\n  @include mdc-text-field-with-trailing-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {\n  @include mdc-text-field-with-both-icons_;\n}\n\n// stylelint-disable plugin/selector-bem-pattern\n.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,\n.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {\n  bottom: 16px;\n  transform: scale(.8);\n}\n// stylelint-enable plugin/selector-bem-pattern\n\n.mdc-text-field--with-leading-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-leading-icon_;\n}\n\n.mdc-text-field--with-trailing-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-trailing-icon_;\n}\n\n.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense {\n  @include mdc-text-field-dense-with-both-icons_;\n}\n\n.mdc-text-field--dense {\n  @include mdc-text-field-dense_;\n}\n\n@include mdc-required-text-field-label-asterisk_ {\n  margin-left: 1px;\n  content: \"*\";\n}\n\n.mdc-text-field--textarea {\n  @include mdc-text-field-textarea_;\n}\n\n.mdc-text-field--fullwidth {\n  @include mdc-text-field-fullwidth_;\n}\n\n.mdc-text-field--fullwidth.mdc-text-field--invalid {\n  @include mdc-text-field-fullwidth-invalid_;\n}\n\n// postcss-bem-linter: define text-field-helper-text\n// stylelint-disable plugin/selector-bem-pattern\n.mdc-text-field-helper-line {\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n\n  .mdc-text-field--dense + & {\n    margin-bottom: 4px;\n  }\n\n  .mdc-text-field + & {\n    padding-right: $mdc-text-field-helper-line-padding;\n    padding-left: $mdc-text-field-helper-line-padding;\n  }\n}\n// stylelint-enable plugin/selector-bem-pattern\n// postcss-bem-linter: end\n\n// mdc-form-field tweaks to align text field label correctly\n// stylelint-disable selector-max-type\n.mdc-form-field > .mdc-text-field + label {\n  align-self: flex-start;\n}\n// stylelint-enable selector-max-type\n\n.mdc-text-field--focused {\n  @include mdc-text-field-focused_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--focused {\n  @include mdc-text-field-textarea-stroke-color(primary);\n}\n\n.mdc-text-field--invalid {\n  @include mdc-text-field-invalid_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--invalid {\n  @include mdc-text-field-textarea-invalid_;\n}\n\n.mdc-text-field--outlined.mdc-text-field--invalid {\n  @include mdc-text-field-outlined-invalid_;\n}\n\n.mdc-text-field--disabled {\n  @include mdc-text-field-disabled_;\n}\n\n.mdc-text-field--textarea.mdc-text-field--disabled {\n  @include mdc-text-field-textarea-disabled_;\n}\n\n@include mdc-floating-label-shake-keyframes(\n  text-field-dense,\n  $mdc-text-field-dense-label-position-y,\n  0%,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(text-field-outlined, $mdc-text-field-outlined-label-position-y);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-dense,\n  $mdc-text-field-outlined-dense-label-position-y,\n  0%,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon,\n  $mdc-text-field-outlined-label-position-y,\n  $mdc-text-field-outlined-with-leading-icon-label-position-x\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-dense,\n  $mdc-text-field-outlined-dense-label-position-y,\n  $mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-rtl,\n  $mdc-text-field-outlined-label-position-y,\n  -$mdc-text-field-outlined-with-leading-icon-label-position-x\n);\n@include mdc-floating-label-shake-keyframes(\n  text-field-outlined-leading-icon-dense-rtl,\n  $mdc-text-field-outlined-dense-label-position-y,\n  -$mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n  $mdc-text-field-dense-label-scale\n);\n@include mdc-floating-label-shake-keyframes(textarea, $mdc-text-field-textarea-label-position-y, 0%);\n","//\n// Copyright 2017 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$mdc-text-field-error: error !default;\n$mdc-text-field-fullwidth-bottom-line-color: rgba(mdc-theme-prop-value(on-surface), .12) !default;\n$mdc-text-field-disabled-border: rgba(mdc-theme-prop-value(on-surface), .06) !default;\n$mdc-text-field-disabled-icon: rgba(mdc-theme-prop-value(on-surface), .3) !default;\n$mdc-text-field-bottom-line-hover: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-text-field-bottom-line-idle: rgba(mdc-theme-prop-value(on-surface), .42) !default;\n$mdc-text-field-label: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n\n$mdc-text-field-ink-color: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n$mdc-text-field-helper-text-color: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n$mdc-text-field-icon-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n$mdc-text-field-focused-label-color: rgba(mdc-theme-prop-value(primary), .87) !default;\n$mdc-text-field-placeholder-ink-color: rgba(mdc-theme-prop-value(on-surface), .54) !default;\n\n$mdc-text-field-disabled-label-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-text-field-disabled-ink-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n$mdc-text-field-disabled-helper-text-color: rgba(mdc-theme-prop-value(on-surface), .37) !default;\n\n$mdc-text-field-background: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 4%) !default;\n$mdc-text-field-disabled-background: mix(mdc-theme-prop-value(on-surface), mdc-theme-prop-value(surface), 2%) !default;\n$mdc-text-field-secondary-text: rgba(mdc-theme-prop-value(on-surface), .6) !default;\n\n$mdc-text-field-outlined-idle-border: rgba(mdc-theme-prop-value(on-surface), .38) !default;\n$mdc-text-field-outlined-disabled-border: rgba(mdc-theme-prop-value(on-surface), .06) !default;\n$mdc-text-field-outlined-hover-border: rgba(mdc-theme-prop-value(on-surface), .87) !default;\n\n$mdc-textarea-border: rgba(mdc-theme-prop-value(on-surface), .73) !default;\n$mdc-textarea-background: rgba(mdc-theme-prop-value(surface), 1) !default;\n$mdc-textarea-disabled-border-color: rgba(mdc-theme-prop-value(on-surface), .26) !default;\n// cannot be transparent because multiline textarea input\n// will make text unreadable\n$mdc-textarea-disabled-background: rgba(249, 249, 249, 1) !default;\n\n$mdc-text-field-height: 56px !default;\n$mdc-text-field-label-position-y: 50% !default;\n$mdc-text-field-label-offset: 16px !default;\n$mdc-text-field-dense-label-position-y: 70% !default;\n$mdc-text-field-dense-label-scale: .8 !default;\n$mdc-text-field-outlined-label-position-y: 130% !default;\n$mdc-text-field-outlined-dense-label-position-y: 120% !default;\n$mdc-text-field-outlined-with-leading-icon-label-position-x: 0 !default;\n$mdc-text-field-outlined-dense-with-leading-icon-label-position-x: 21px !default;\n$mdc-text-field-textarea-label-position-y: 130% !default;\n$mdc-text-field-helper-line-padding: 16px !default;\n$mdc-text-field-input-padding: 16px !default;\n// Note that the scale factor is an eyeballed approximation of what's shown in the mocks.\n","//\n// Copyright 2017 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@import \"@material/floating-label/mixins\";\n@import \"@material/line-ripple/mixins\";\n@import \"@material/notched-outline/mixins\";\n@import \"@material/notched-outline/variables\";\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"helper-text/mixins\";\n@import \"character-counter/mixins\";\n@import \"icon/mixins\";\n@import \"icon/variables\";\n@import \"./variables\";\n@import \"./functions\";\n\n@mixin mdc-text-field-shape-radius($radius, $rtl-reflexive: false) {\n  @if length($radius) > 2 {\n    @error \"Invalid radius: '#{$radius}' component doesn't allow customizing all corners\";\n  }\n\n  $masked-radius: mdc-shape-mask-radius($radius, 1 1 0 0);\n\n  @include mdc-shape-radius(\n    mdc-shape-resolve-percentage-radius($mdc-text-field-height, $masked-radius),\n    $rtl-reflexive\n  );\n}\n\n@mixin mdc-text-field-textarea-shape-radius($radius, $rtl-reflexive: false) {\n  @include mdc-notched-outline-shape-radius($radius, $rtl-reflexive);\n}\n\n@mixin mdc-text-field-ink-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-ink-color_($color);\n  }\n}\n\n@mixin mdc-text-field-fill-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-fill-color_($color);\n  }\n}\n\n@mixin mdc-text-field-textarea-stroke-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-textarea-stroke-color_($color);\n  }\n}\n\n@mixin mdc-text-field-textarea-fill-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-textarea-fill-color_($color);\n  }\n}\n\n@mixin mdc-text-field-fullwidth-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-fullwidth-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {\n    @include mdc-text-field-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-hover-bottom-line-color($color) {\n  &:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) {\n    @include mdc-text-field-hover-bottom-line-color_($color);\n  }\n}\n\n@mixin mdc-text-field-line-ripple-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-line-ripple-color_($color);\n  }\n}\n\n@mixin mdc-text-field-label-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-label-ink-color_($color);\n  }\n}\n\n@mixin mdc-text-field-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-notched-outline-color($color);\n  }\n}\n\n@mixin mdc-text-field-hover-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-hover-outline-color_($color);\n  }\n}\n\n@mixin mdc-text-field-focused-outline-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-focused-outline-color_($color);\n  }\n}\n\n@mixin mdc-text-field-caret-color($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(caret-color, $color);\n  }\n}\n\n// Private mixins\n\n// Baseline\n\n@mixin mdc-text-field-disabled_ {\n  @include mdc-text-field-bottom-line-color_($mdc-text-field-disabled-border);\n  @include mdc-text-field-ink-color_($mdc-text-field-disabled-ink-color);\n  @include mdc-text-field-label-ink-color_($mdc-text-field-disabled-label-color);\n  @include mdc-text-field-helper-text-color_($mdc-text-field-disabled-helper-text-color);\n  @include mdc-text-field-character-counter-color_($mdc-text-field-disabled-helper-text-color);\n  @include mdc-text-field-icon-color_($mdc-text-field-disabled-icon);\n  @include mdc-text-field-fullwidth-bottom-line-color_($mdc-text-field-fullwidth-bottom-line-color);\n  @include mdc-text-field-fill-color_($mdc-text-field-disabled-background);\n\n  border-bottom: none;\n  pointer-events: none;\n\n  .mdc-floating-label {\n    cursor: default;\n  }\n}\n\n@mixin mdc-text-field-invalid_ {\n  @include mdc-text-field-bottom-line-color($mdc-text-field-error);\n  @include mdc-text-field-hover-bottom-line-color($mdc-text-field-error);\n  @include mdc-text-field-line-ripple-color($mdc-text-field-error);\n  @include mdc-text-field-label-color($mdc-text-field-error);\n  @include mdc-text-field-helper-text-validation-color($mdc-text-field-error);\n  @include mdc-text-field-caret-color($mdc-text-field-error);\n\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-required-text-field-label-asterisk_ {\n      @include mdc-theme-prop(color, $mdc-text-field-error);\n    }\n  }\n\n  &.mdc-text-field--with-trailing-icon {\n    &:not(.mdc-text-field--with-leading-icon) {\n      @include mdc-text-field-icon-color($mdc-text-field-error);\n    }\n\n    &.mdc-text-field--with-leading-icon {\n      @include mdc-text-field-icon-color($mdc-text-field-error, /* styleSecondIcon */ true);\n    }\n  }\n\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n    opacity: 1;\n  }\n}\n\n@mixin mdc-text-field-focused_ {\n  @include mdc-text-field-label-color($mdc-text-field-focused-label-color);\n\n  @include mdc-required-text-field-label-asterisk_ {\n    @include mdc-theme-prop(color, $mdc-text-field-focused-label-color);\n  }\n\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {\n    opacity: 1;\n  }\n}\n\n@mixin mdc-text-field-dense_ {\n  @include mdc-floating-label-float-position(\n    $mdc-text-field-dense-label-position-y,\n    0%,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-dense);\n\n  .mdc-text-field__input {\n    padding: 12px 12px 0;\n  }\n\n  .mdc-floating-label {\n    font-size: .813rem;\n\n    &--float-above {\n      font-size: .813rem;\n    }\n  }\n}\n\n@mixin mdc-required-text-field-label-asterisk_() {\n  .mdc-text-field__input:required ~ {\n    .mdc-floating-label::after,\n    .mdc-notched-outline .mdc-floating-label::after {\n      @content;\n    }\n  }\n}\n\n@mixin mdc-text-field-outline-shape-radius($radius, $rtl-reflexive: false) {\n  $resolved-radius: nth(mdc-shape-resolve-percentage-radius($mdc-text-field-height, mdc-shape-prop-value($radius)), 1);\n\n  @if (length(mdc-shape-prop-value($radius)) > 1) {\n    // stylelint-disable-next-line max-line-length\n    @warn \"mdc-text-field-outline-shape-radius only supports a single radius; see https://github.com/material-components/material-components-web/issues/4140\";\n  }\n\n  .mdc-notched-outline {\n    @include mdc-notched-outline-shape-radius($resolved-radius, $rtl-reflexive);\n  }\n\n  @if ($resolved-radius > $mdc-notched-outline-leading-width) {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $resolved-radius + $mdc-notched-outline-padding, 0);\n    }\n\n    + .mdc-text-field-helper-line {\n      @include mdc-rtl-reflexive-property(padding, $resolved-radius + $mdc-notched-outline-padding, $resolved-radius);\n    }\n  }\n}\n\n@mixin mdc-text-field-floating-label_ {\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-label-offset);\n\n    top: 18px;\n    pointer-events: none;\n  }\n\n  &--textarea {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-notched-outline-padding);\n    }\n  }\n\n  &--outlined {\n    .mdc-floating-label {\n      @include mdc-rtl-reflexive-position(left, $mdc-notched-outline-padding);\n\n      top: 17px;\n    }\n\n    &--with-leading-icon {\n      .mdc-floating-label {\n        @include mdc-rtl-reflexive-position(left, ($mdc-text-field-icon-padding - $mdc-notched-outline-leading-width));\n\n        &--float-above {\n          @include mdc-rtl-reflexive-position(\n            left,\n            ($mdc-text-field-icon-padding - $mdc-notched-outline-leading-width) + $mdc-notched-outline-padding\n          );\n        }\n      }\n    }\n  }\n}\n\n// Outlined\n\n@mixin mdc-text-field-outlined-disabled_ {\n  @include mdc-notched-outline-color($mdc-text-field-outlined-disabled-border);\n  @include mdc-text-field-fill-color_(transparent);\n\n  .mdc-text-field__input {\n    border-bottom: none;\n  }\n}\n\n@mixin mdc-text-field-outlined-invalid_ {\n  @include mdc-text-field-outline-color($mdc-text-field-error);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-error);\n  @include mdc-text-field-focused-outline-color($mdc-text-field-error);\n}\n\n@mixin mdc-text-field-outlined-focused_ {\n  @include mdc-notched-outline-stroke-width(2px);\n}\n\n@mixin mdc-text-field-outlined-dense_ {\n  @include mdc-notched-outline-floating-label-float-position(\n    $mdc-text-field-outlined-dense-label-position-y,\n    0%,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-outlined-dense);\n\n  height: 48px;\n\n  .mdc-text-field__input {\n    padding: 12px 12px 7px;\n  }\n\n  .mdc-floating-label {\n    top: 14px;\n  }\n\n  .mdc-text-field__icon {\n    top: 12px;\n  }\n}\n\n@mixin mdc-text-field-outlined_ {\n  @include mdc-text-field-outline-color($mdc-text-field-outlined-idle-border);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-outlined-hover-border);\n  @include mdc-text-field-focused-outline-color(primary);\n  @include mdc-floating-label-shake-animation(text-field-outlined);\n  @include mdc-text-field-outline-shape-radius(small);\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y);\n  @include mdc-states-base-color(transparent);\n  @include mdc-text-field-fill-color(transparent);\n\n  border: none;\n  overflow: visible;\n\n  .mdc-text-field__input {\n    display: flex;\n    padding: 12px 16px 14px;\n    border: none !important; // FF adds unwanted border in HC mode on windows.\n    background-color: transparent;\n    z-index: 1;\n  }\n\n  .mdc-text-field__icon {\n    z-index: 2;\n  }\n}\n\n@mixin mdc-text-field-hover-outline-color_($color) {\n  &:not(.mdc-text-field--focused) {\n    // stylelint-disable-next-line selector-combinator-space-after\n    .mdc-text-field__input:hover ~,\n    .mdc-text-field__icon:hover ~ {\n      .mdc-notched-outline {\n        @include mdc-notched-outline-color($color);\n      }\n    }\n  }\n}\n\n@mixin mdc-text-field-focused-outline-color_($color) {\n  &.mdc-text-field--focused {\n    @include mdc-notched-outline-color($color);\n  }\n}\n\n// Icons\n\n@mixin mdc-text-field-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-icon-padding);\n  }\n}\n\n@mixin mdc-text-field-dense-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-dense-icon-padding);\n  }\n}\n\n@mixin mdc-text-field-outlined-with-leading-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    left,\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y, 32px);\n  @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon);\n\n  @include mdc-rtl {\n    @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-rtl);\n  }\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-icon-padding - $mdc-notched-outline-leading-width);\n  }\n}\n\n@mixin mdc-text-field-outlined-dense-with-leading-icon_ {\n  @include mdc-notched-outline-floating-label-float-position(\n    $mdc-text-field-outlined-dense-label-position-y,\n    $mdc-text-field-outlined-dense-with-leading-icon-label-position-x,\n    $mdc-text-field-dense-label-scale\n  );\n  @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-dense);\n\n  @include mdc-rtl {\n    @include mdc-floating-label-shake-animation(text-field-outlined-leading-icon-dense-rtl);\n  }\n\n  .mdc-floating-label {\n    @include mdc-rtl-reflexive-position(left, $mdc-text-field-dense-icon-padding - $mdc-notched-outline-leading-width);\n  }\n}\n\n@mixin mdc-text-field-with-trailing-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    right,\n    $mdc-text-field-trailing-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-input-padding\n  );\n\n  // Outlined uses 16px for text alignment when using a trailing icon.\n  &.mdc-text-field--outlined {\n    @include mdc-text-field-icon-horizontal-position_(\n      right,\n      $mdc-text-field-icon-position,\n      $mdc-text-field-icon-padding,\n      $mdc-text-field-input-padding\n    );\n  }\n}\n\n@mixin mdc-text-field-dense-with-trailing-icon_ {\n  @include mdc-text-field-icon-horizontal-position_(\n    right,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-input-padding\n  );\n}\n\n@mixin mdc-text-field-with-both-icons_ {\n  @include mdc-text-field-icon-horizontal-position-two-icons_(\n    $mdc-text-field-icon-position,\n    $mdc-text-field-icon-padding,\n    $mdc-text-field-trailing-icon-position,\n    $mdc-text-field-icon-padding\n  );\n}\n\n@mixin mdc-text-field-dense-with-both-icons_ {\n  @include mdc-text-field-icon-horizontal-position-two-icons_(\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding,\n    $mdc-text-field-dense-icon-position,\n    $mdc-text-field-dense-icon-padding\n  );\n}\n\n// Full Width\n@mixin mdc-text-field-fullwidth_ {\n  width: 100%;\n\n  &:not(.mdc-text-field--textarea) {\n    @include mdc-states-base-color(transparent);\n    @include mdc-text-field-fill-color(transparent);\n\n    display: block;\n\n    .mdc-text-field__input {\n      padding: 0;\n    }\n  }\n\n  &.mdc-text-field--textarea .mdc-text-field__input {\n    resize: vertical;\n  }\n}\n\n@mixin mdc-text-field-fullwidth-invalid_ {\n  @include mdc-text-field-fullwidth-bottom-line-color($mdc-text-field-error);\n}\n\n// Textarea\n@mixin mdc-text-field-textarea-disabled_ {\n  @include mdc-text-field-outlined-disabled_;\n  /* @alternate */\n  @include mdc-text-field-textarea-fill-color_($mdc-textarea-disabled-background);\n}\n\n@mixin mdc-text-field-textarea-invalid_ {\n  @include mdc-text-field-outline-color($mdc-text-field-error);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-error);\n  @include mdc-text-field-focused-outline-color($mdc-text-field-error);\n}\n\n@mixin mdc-text-field-textarea_ {\n  // Note: The refactor to add the filled textarea style will result in a lot of the specificity issues that the\n  // textarea has being resolved by using the same --outlined variant class as the text field.\n  @include mdc-text-field-outline-color($mdc-text-field-outlined-idle-border);\n  @include mdc-text-field-hover-outline-color($mdc-text-field-outlined-hover-border);\n  @include mdc-text-field-focused-outline-color(primary);\n  @include mdc-floating-label-shake-animation(text-field-outlined);\n  @include mdc-text-field-outline-shape-radius(small);\n  @include mdc-states-base-color(transparent);\n  @include mdc-text-field-fill-color(transparent);\n  @include mdc-notched-outline-floating-label-float-position($mdc-text-field-outlined-label-position-y, 0%);\n  @include mdc-text-field-character-counter-position(16px, 13px);\n\n  $padding-inset: 16px;\n\n  display: inline-flex;\n  width: auto;\n  height: auto;\n  transition: none;\n  overflow: visible;\n\n  .mdc-text-field__input {\n    align-self: auto;\n    box-sizing: border-box;\n    height: auto;\n    margin: $padding-inset/2 1px 1px 0;\n    padding: 0 $padding-inset $padding-inset;\n    border: none;\n  }\n\n  .mdc-text-field-character-counter + .mdc-text-field__input {\n    margin-bottom: 28px; // Leaves space for character counter if it exists.\n    padding-bottom: 0;\n  }\n\n  .mdc-floating-label {\n    top: 17px;\n    bottom: auto;\n    width: auto;\n    pointer-events: none;\n  }\n\n  &.mdc-text-field--focused {\n    @include mdc-text-field-outlined-focused_;\n  }\n}\n\n// Customization\n\n@mixin mdc-text-field-ink-color_($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-text-field-fill-color_($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-text-field-textarea-stroke-color_($color) {\n  @include mdc-notched-outline-color($color);\n}\n\n@mixin mdc-text-field-textarea-fill-color_($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-text-field-fullwidth-bottom-line-color_($color) {\n  &:not(.mdc-text-field--textarea) {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-bottom-line-color_($color) {\n  .mdc-text-field__input {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-hover-bottom-line-color_($color) {\n  .mdc-text-field__input:hover {\n    @include mdc-theme-prop(border-bottom-color, $color);\n  }\n}\n\n@mixin mdc-text-field-line-ripple-color_($color) {\n  .mdc-line-ripple {\n    @include mdc-line-ripple-color($color);\n  }\n}\n\n@mixin mdc-text-field-label-ink-color_($color) {\n  .mdc-floating-label {\n    @include mdc-floating-label-ink-color($color);\n  }\n}\n","//\n// Copyright 2018 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// Public mixins\n\n@mixin mdc-text-field-helper-text-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-helper-text-color_($color);\n  }\n}\n\n@mixin mdc-text-field-helper-text-validation-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-helper-text-validation-color_($color);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-helper-text-color_($color) {\n  + .mdc-text-field-helper-line .mdc-text-field-helper-text {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n\n@mixin mdc-text-field-helper-text-validation-color_($color) {\n  &.mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n","//\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@import \"@material/rtl/mixins\";\n\n// Public mixins\n\n@mixin mdc-text-field-character-counter-color($color) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-character-counter-color_($color);\n  }\n}\n\n@mixin mdc-text-field-character-counter-position($xOffset, $yOffset) {\n  .mdc-text-field-character-counter {\n    @include mdc-rtl-reflexive-position(right, $xOffset);\n\n    position: absolute;\n    bottom: $yOffset;\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-character-counter-color_($color) {\n  // Character counter is placed inside mdc-textfield element (for textarea variant ) or\n  // inside helper line which is sibling to mdc-textfield.\n  .mdc-text-field-character-counter,\n  + .mdc-text-field-helper-line .mdc-text-field-character-counter {\n    @include mdc-theme-prop(color, $color);\n  }\n}\n","//\n// Copyright 2018 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// Public mixins\n\n@mixin mdc-text-field-icon-color($color, $styleSecondIcon: false) {\n  &:not(.mdc-text-field--disabled) {\n    @include mdc-text-field-icon-color_($color, $styleSecondIcon);\n  }\n}\n\n// Private mixins\n\n@mixin mdc-text-field-icon-horizontal-position_($position-property, $position, $padding, $input-padding) {\n  .mdc-text-field__icon {\n    @include mdc-rtl-reflexive-position($position-property, $position);\n  }\n\n  // Move the input's position, to allow room for the icon\n  @if ($position-property == left) {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $padding, $input-padding);\n    }\n  } @else {\n    .mdc-text-field__input {\n      @include mdc-rtl-reflexive-property(padding, $input-padding, $padding);\n    }\n  }\n}\n\n@mixin mdc-text-field-icon-horizontal-position-two-icons_(\n  $position-left,\n  $padding-left,\n  $position-right,\n  $padding-right\n) {\n  .mdc-text-field__icon {\n    @include mdc-rtl-reflexive(left, $position-left, right, auto);\n\n    ~ .mdc-text-field__icon {\n      @include mdc-rtl-reflexive(right, $position-right, left, auto);\n    }\n  }\n\n  // Move the input's position, to allow room for the icons.\n  .mdc-text-field__input {\n    @include mdc-rtl-reflexive-property(padding, $padding-left, $padding-right);\n  }\n}\n\n@mixin mdc-text-field-icon-color_($color, $styleSecondIcon: false) {\n  .mdc-text-field__icon {\n    @if ($styleSecondIcon) {\n      // Select the second instance of this class regardless of element type.\n      ~ .mdc-text-field__icon {\n        @include mdc-theme-prop(color, $color);\n      }\n    } @else {\n      @include mdc-theme-prop(color, $color);\n    }\n  }\n}\n","//\n// Copyright 2018 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@import \"@material/elevation/mixins\";\n@import \"@material/animation/variables\";\n@import \"@material/rtl/mixins\";\n@import \"@material/typography/mixins\";\n@import \"./mixins\";\n@import \"./variables\";\n\n// postcss-bem-linter: define top-app-bar\n.mdc-top-app-bar {\n  @include mdc-top-app-bar-fill-color-accessible(primary);\n  @include mdc-top-app-bar-icon-ink-color(on-primary);\n\n  display: flex;\n  position: fixed;\n  flex-direction: column;\n  justify-content: space-between;\n  box-sizing: border-box;\n  width: 100%;\n  z-index: 4;\n\n  &__row {\n    display: flex;\n    position: relative;\n    box-sizing: border-box;\n    width: 100%;\n    height: $mdc-top-app-bar-row-height;\n  }\n\n  &__section {\n    display: inline-flex;\n    flex: 1 1 auto;\n    align-items: center;\n    min-width: 0;\n    padding: $mdc-top-app-bar-section-vertical-padding $mdc-top-app-bar-section-horizontal-padding;\n    z-index: 1;\n\n    &--align-start {\n      justify-content: flex-start;\n      order: -1;\n    }\n\n    &--align-end {\n      justify-content: flex-end;\n      order: 1;\n    }\n  }\n\n  &__title {\n    @include mdc-typography(headline6);\n    @include mdc-rtl-reflexive-box(padding, left, $mdc-top-app-bar-title-left-padding);\n\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    overflow: hidden;\n    z-index: 1;\n  }\n}\n\n@at-root {\n  @include mdc-top-app-bar-short-shape-radius(24px);\n}\n\n.mdc-top-app-bar--short {\n  top: 0;\n  /* @noflip */\n  right: auto;\n  /* @noflip */\n  left: 0;\n  width: 100%;\n  transition: width 250ms $mdc-animation-standard-curve-timing-function;\n\n  @include mdc-rtl {\n    /* @noflip */\n    right: 0;\n    /* @noflip */\n    left: auto;\n  }\n\n  .mdc-top-app-bar__row {\n    height: $mdc-top-app-bar-mobile-row-height;\n  }\n\n  .mdc-top-app-bar__section {\n    padding: $mdc-top-app-bar-mobile-section-padding;\n  }\n\n  .mdc-top-app-bar__title {\n    transition: opacity 200ms $mdc-animation-standard-curve-timing-function;\n    opacity: 1;\n  }\n}\n\n.mdc-top-app-bar--short-collapsed {\n  @include mdc-elevation(4);\n\n  width: $mdc-top-app-bar-short-collapsed-width;\n  transition: width 300ms $mdc-animation-standard-curve-timing-function;\n\n  .mdc-top-app-bar__title {\n    display: none;\n  }\n\n  .mdc-top-app-bar__action-item {\n    transition: padding 150ms $mdc-animation-standard-curve-timing-function;\n  }\n}\n\n// stylelint-disable-next-line plugin/selector-bem-pattern\n.mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {\n  width: $mdc-top-app-bar-short-collapsed-width * 2;\n\n  .mdc-top-app-bar__section--align-end {\n    @include mdc-rtl-reflexive-box(padding, right, 12px);\n  }\n}\n\n.mdc-top-app-bar--dense {\n  .mdc-top-app-bar__row {\n    height: $mdc-top-app-bar-dense-row-height;\n  }\n\n  .mdc-top-app-bar__section {\n    padding: 0 $mdc-top-app-bar-dense-section-horizontal-padding;\n  }\n\n  .mdc-top-app-bar__title {\n    @include mdc-rtl-reflexive-box(padding, left, $mdc-top-app-bar-dense-title-left-padding);\n  }\n}\n\n.mdc-top-app-bar--prominent {\n  .mdc-top-app-bar__row {\n    height: $mdc-top-app-bar-prominent-row-height;\n  }\n\n  .mdc-top-app-bar__title {\n    align-self: flex-end;\n    padding-bottom: $mdc-top-app-bar-prominent-title-bottom-padding;\n  }\n\n  .mdc-top-app-bar__action-item,\n  .mdc-top-app-bar__navigation-icon {\n    align-self: flex-start;\n  }\n}\n\n// stylelint-disable-next-line plugin/selector-bem-pattern\n.mdc-top-app-bar--fixed {\n  transition: box-shadow 200ms linear;\n}\n\n.mdc-top-app-bar--fixed-scrolled {\n  @include mdc-elevation(4);\n\n  transition: box-shadow 200ms linear;\n}\n\n// Specific styles for dense and prominent styled top app bar\n// stylelint-disable plugin/selector-bem-pattern\n.mdc-top-app-bar--dense.mdc-top-app-bar--prominent {\n  .mdc-top-app-bar__row {\n    height: $mdc-top-app-bar-dense-row-height * 2;\n  }\n\n  .mdc-top-app-bar__section {\n    padding: 0 $mdc-top-app-bar-section-horizontal-padding;\n  }\n\n  .mdc-top-app-bar__title {\n    @include mdc-rtl-reflexive-box(padding, left, $mdc-top-app-bar-title-left-padding);\n\n    padding-bottom: $mdc-top-app-bar-dense-prominent-title-bottom-padding;\n  }\n}\n// stylelint-enable plugin/selector-bem-pattern\n\n.mdc-top-app-bar--fixed-adjust {\n  padding-top: $mdc-top-app-bar-row-height;\n}\n\n.mdc-top-app-bar--dense-fixed-adjust {\n  padding-top: $mdc-top-app-bar-dense-row-height;\n}\n\n.mdc-top-app-bar--short-fixed-adjust {\n  padding-top: $mdc-top-app-bar-mobile-row-height;\n}\n\n.mdc-top-app-bar--prominent-fixed-adjust {\n  padding-top: $mdc-top-app-bar-prominent-row-height;\n}\n\n.mdc-top-app-bar--dense-prominent-fixed-adjust {\n  padding-top: $mdc-top-app-bar-dense-row-height * 2;\n}\n\n// Mobile Styles\n@include mdc-top-app-bar-mobile-breakpoint_;\n","//\n// Copyright 2018 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@import \"@material/animation/variables\";\n@import \"@material/ripple/mixins\";\n@import \"@material/theme/variables\"; // for mdc-theme-accessible-ink-color\n@import \"@material/theme/mixins\";\n@import \"@material/shape/mixins\";\n@import \"@material/shape/functions\";\n@import \"./variables\";\n\n//\n// Public\n//\n\n@mixin mdc-top-app-bar-ink-color($color) {\n  @include mdc-theme-prop(color, $color);\n}\n\n@mixin mdc-top-app-bar-fill-color($color) {\n  @include mdc-theme-prop(background-color, $color);\n}\n\n@mixin mdc-top-app-bar-fill-color-accessible($color) {\n  @include mdc-top-app-bar-fill-color($color);\n  @include mdc-top-app-bar-ink-color(mdc-theme-accessible-ink-color($color));\n}\n\n@mixin mdc-top-app-bar-icon-ink-color($color) {\n  .mdc-top-app-bar__action-item,\n  .mdc-top-app-bar__navigation-icon {\n    @include mdc-theme-prop(color, $color);\n    @include mdc-states($color);\n  }\n}\n\n@mixin mdc-top-app-bar-short-shape-radius($radius, $rtl-reflexive: true) {\n  @if length($radius) > 1 {\n    @error \"Invalid radius: '#{$radius}' component doesn't allow customizing all corners\";\n  }\n\n  $radius: 0 0 $radius 0;\n\n  $selector: if(&, \"&.mdc-top-app-bar--short-collapsed\", \".mdc-top-app-bar--short-collapsed\");\n\n  #{$selector} {\n    @include mdc-shape-radius(\n      mdc-shape-resolve-percentage-radius($mdc-top-app-bar-dense-row-height, $radius),\n      $rtl-reflexive\n    );\n  }\n}\n\n//\n// Private\n//\n\n@mixin mdc-top-app-bar-mobile-breakpoint_($mobile-breakpoint: $mdc-top-app-bar-mobile-breakpoint) {\n  @media (max-width: $mobile-breakpoint) {\n    .mdc-top-app-bar__row {\n      height: $mdc-top-app-bar-mobile-row-height;\n    }\n\n    .mdc-top-app-bar__section {\n      padding: $mdc-top-app-bar-mobile-section-padding;\n    }\n\n    .mdc-top-app-bar--short {\n      transition: width 200ms $mdc-animation-standard-curve-timing-function;\n    }\n\n    .mdc-top-app-bar--short-collapsed {\n      transition: width 250ms $mdc-animation-standard-curve-timing-function;\n\n      .mdc-top-app-bar__section--align-end {\n        @include mdc-rtl-reflexive-box(padding, right, $mdc-top-app-bar-short-collapsed-right-icon-padding);\n      }\n    }\n\n    .mdc-top-app-bar--prominent {\n      .mdc-top-app-bar__title {\n        padding-bottom: $mdc-top-app-bar-prominent-mobile-title-bottom-padding;\n      }\n    }\n\n    .mdc-top-app-bar--fixed-adjust {\n      padding-top: $mdc-top-app-bar-mobile-row-height;\n    }\n  }\n}\n","//\n// Copyright 2018 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// Default styles\n$mdc-top-app-bar-row-height: 64px !default;\n$mdc-top-app-bar-title-left-padding: 20px !default;\n$mdc-top-app-bar-section-vertical-padding: 8px !default;\n$mdc-top-app-bar-section-horizontal-padding: 12px !default;\n\n$mdc-top-app-bar-mobile-breakpoint: 599px !default;\n\n// Default mobile styles\n$mdc-top-app-bar-mobile-row-height: 56px !default;\n$mdc-top-app-bar-mobile-section-padding: 4px !default;\n\n// Short top app bar\n$mdc-top-app-bar-short-collapsed-border-radius: 4px !default;\n$mdc-top-app-bar-short-collapsed-width: 56px !default;\n$mdc-top-app-bar-short-collapsed-right-icon-padding: 12px !default;\n\n// Prominent styles\n$mdc-top-app-bar-prominent-row-height: 128px !default;\n$mdc-top-app-bar-prominent-title-bottom-padding: 2px !default;\n\n// Prominent mobile styles\n$mdc-top-app-bar-prominent-mobile-title-bottom-padding: 6px !default;\n\n// Dense styles\n$mdc-top-app-bar-dense-row-height: 48px !default;\n$mdc-top-app-bar-dense-section-horizontal-padding: 4px !default;\n$mdc-top-app-bar-dense-title-left-padding: 12px !default;\n\n// Dense & Prominent styles\n$mdc-top-app-bar-dense-prominent-title-bottom-padding: 9px !default;\n","//\n// Copyright 2017 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@import \"./functions\";\n\n$mdc-typography-font-family: unquote(\"Roboto, sans-serif\") !default;\n\n$mdc-typography-base: (\n  font-family: $mdc-typography-font-family,\n  -moz-osx-font-smoothing: grayscale,\n  -webkit-font-smoothing: antialiased,\n) !default;\n\n$mdc-typography-font-weight-values: (\n  thin: 100,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  bold: 700,\n  black: 900\n) !default;\n\n$mdc-typography-styles: mdc-typography-set-styles_(\n  $mdc-typography-base,\n  (\n    headline1: (\n      font-size: 6rem, // 96sp\n      line-height: 6rem,\n      font-weight: map-get($mdc-typography-font-weight-values, light),\n      letter-spacing: mdc-typography-get-letter-spacing_(-1.5, 6),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    headline2: (\n      font-size: 3.75rem, // 60sp\n      line-height: 3.75rem,\n      font-weight: map-get($mdc-typography-font-weight-values, light),\n      letter-spacing: mdc-typography-get-letter-spacing_(-.5, 3.75),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    headline3: (\n      font-size: 3rem, // 48px\n      line-height: 3.125rem, // 50px\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: normal,\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    headline4: (\n      font-size: 2.125rem, // 34sp\n      line-height: 2.5rem, // 40sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: mdc-typography-get-letter-spacing_(.25, 2.125),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    headline5: (\n      font-size: 1.5rem, // 24sp\n      line-height: 2rem, // 32sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: normal,\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    headline6: (\n      font-size: 1.25rem, // 20sp\n      line-height: 2rem, // 32sp\n      font-weight: map-get($mdc-typography-font-weight-values, medium),\n      letter-spacing: mdc-typography-get-letter-spacing_(.25, 1.25),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    subtitle1: (\n      font-size: 1rem, // 16sp\n      line-height: 1.75rem, // 28sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: mdc-typography-get-letter-spacing_(.15, 1),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    subtitle2: (\n      font-size: .875rem, // 14sp\n      line-height: 1.375rem, // 22sp\n      font-weight: map-get($mdc-typography-font-weight-values, medium),\n      letter-spacing: mdc-typography-get-letter-spacing_(.1, .875),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    body1: (\n      font-size: 1rem, // 16sp\n      line-height: 1.5rem, // 24sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: mdc-typography-get-letter-spacing_(.5, 1),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    body2: (\n      font-size: .875rem, // 14sp\n      line-height: 1.25rem, // 20sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: mdc-typography-get-letter-spacing_(.25, .875),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    caption: (\n      font-size: .75rem, // 12sp\n      line-height: 1.25rem, // 20sp\n      font-weight: map-get($mdc-typography-font-weight-values, regular),\n      letter-spacing: mdc-typography-get-letter-spacing_(.4, .75),\n      text-decoration: inherit,\n      text-transform: inherit\n    ),\n    button: (\n      font-size: .875rem, // 14sp\n      line-height: 2.25rem, // 36sp\n      font-weight: map-get($mdc-typography-font-weight-values, medium),\n      letter-spacing: mdc-typography-get-letter-spacing_(1.25, .875),\n      text-decoration: none,\n      text-transform: uppercase\n    ),\n    overline: (\n      font-size: .75rem, // 12sp\n      line-height: 2rem, // 32sp\n      font-weight: map-get($mdc-typography-font-weight-values, medium),\n      letter-spacing: mdc-typography-get-letter-spacing_(2, .75),\n      text-decoration: none,\n      text-transform: uppercase\n    ),\n  )\n) !default;\n"],"sourceRoot":""}