material-components-web.css.map 507 KB

1
  1. {"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/button/_variables.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/elevation/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_keyframes.scss","webpack:///./packages/material-components-web/node_modules/@material/animation/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/ripple/_variables.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/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/drawer/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/list/_mixins.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/menu-surface/_variables.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/_variables.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/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/select/_mixins.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/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-indicator/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-bar/mdc-tab-bar.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-bar/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-indicator/mdc-tab-indicator.scss","webpack:///./packages/material-components-web/node_modules/@material/tab-scroller/mdc-tab-scroller.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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AGI,cAkL8B;CT+LnC;AS5VC;EAII;EAIA,cAuJF;CTiMH;AS3UG;EAEI;CT4UP;ASxUG;EAEI,0BC9OsB;EDmPtB,cAiI4B;CToMnC;AShUC;EAEI;CTiUL;;AathBC;EACE;IAEE,8BCvB2B;Gd+iB9B;EarhBC;IACE,8DL5C6C;YK4C7C,sDL5C6C;GRmkBhD;EaphBC;IACE;GbshBH;CACF;;AaliBC;EACE;IAEE,8BCvB2B;Gd+iB9B;EarhBC;IACE,8DL5C6C;YK4C7C,sDL5C6C;GRmkBhD;EaphBC;IACE;GbshBH;CACF;AanhBC;EACE;IAEE;YAAA;GbohBH;EajhBC;IACE;YAAA;GbmhBH;EahhBC;IACE;YAAA;GbkhBH;CACF;Aa9hBC;EACE;IAEE;YAAA;GbohBH;EajhBC;IACE;YAAA;GbmhBH;EahhBC;IACE;YAAA;GbkhBH;CACF;Aa/gBC;EACE;IACE,8DLnE6C;YKmE7C,sDLnE6C;IKoE7C;IACA;GbihBH;Ea9gBC;IACE;IACA;GbghBH;CACF;Aa1hBC;EACE;IACE,8DLnE6C;YKmE7C,sDLnE6C;IKoE7C;IACA;GbihBH;Ea9gBC;IACE;IACA;GbghBH;CACF;Aa7gBC;EACE;IACE,8DLlF6C;YKkF7C,sDLlF6C;IKmF7C;YAAA;IACA;Gb+gBH;Ea5gBC;IACE;YAAA;IACA;Gb8gBH;CACF;AaxhBC;EACE;IACE,8DLlF6C;YKkF7C,sDLlF6C;IKmF7C;YAAA;IACA;Gb+gBH;Ea5gBC;IACE;YAAA;IACA;Gb8gBH;CACF;Aa3gBC;EACE;IACE,+DC7EgD;YD6EhD,uDC7EgD;ID8EhD;YAAA;IACA;Gb6gBH;Ea1gBC;IACE;YAAA;IACA;Gb4gBH;CACF;AathBC;EACE;IACE,+DC7EgD;YD6EhD,uDC7EgD;ID8EhD;YAAA;IACA;Gb6gBH;Ea1gBC;IACE;YAAA;IACA;Gb4gBH;CACF;AazgBC;EACE;IACE;YAAA;IACA;YAAA;IACA;Gb2gBH;EaxgBC;IACE;YAAA;IACA;Gb0gBH;CACF;AaphBC;EACE;IACE;YAAA;IACA;YAAA;IACA;Gb2gBH;EaxgBC;IACE;YAAA;IACA;Gb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B;CjBqjC5B;;AgBhmBC;EASE,YC7d0B;ED8d1B,aC9d0B;ED+d1B,gBC/d0B;CjB0jC7B;;AgBnkBC;EAEI,mBC5egC;ED6ehC,iBC5e+B;CjBijCpC;;AgB5iCC;EbhBE;EC8CE,0Ba3DwB;Eb2DxB,2Ba1DuB;EhBgCvB,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,oBARU;EAQV,qBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;EemYZ,aCzZsB;EDmCpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ChBojCL;AgBzyBC;EZ/PI,2Ba1DuB;CjBqmC5B;AgBnnBC;;EXpPE;EAGF;EAHE;EAGF;CL22BD;AKtjCK;;;EAwMF;EAGF;EAHE;EAGF;CLm3BD;AgBpkCK;EACE;EACA;ChBskCP;AgBlkCG;EZqCE,YA1BM;EA6CJ;EACA;CJ8gCP;;AgBhkCC;EAEI,yICrCJ;EDyCI;ChB+jCL;;AgB3jCC;EAEI;ChB6jCL;;AgBzjCC;EAEI;EACA;EACA;ChB2jCL;;AgBvjCC;EAEI,aC/EuB;CjBwoC5B;;AgBrjCC;EAEI,sEACE;EAQF;EACA,8BF1F2B;EE2F3B,6BF3F2B;Cd0oChC;;AgB3iCC;EAEI;ChB6iCL;;AgB/0BC;EZjPI,eA1BM;EA6CJ;EACA;CJkjCP;AgBjvBC;EAEI;ChBkvBL;AgBj1BG;EZxPE,eA1BM;EA6CJ;EACA;CJ0jCP;AgB/0BC;EZ/PI,gBA1BM;EA6CJ;EACA;CJ+jCP;AgBrjCG;EZ9BE,uBA1BM;EA6CJ;EACA;CJokCP;;AgBjjCC;EAEI;EACA,aC7HuB;EDiIvB;ChBgjCL;;AgB5iCC;EAEI,YCvIuB;CjBqrC5B;;AgBviCG;EAEI;EACA,wBC9IsB;EDkJtB;ChBsiCP;AgBniCK;EAEI;EAGA,uBCzJmC;ED6JnC;ChB+hCT;AgB5hCO;EAII;ChB2hCX;AgBnhCG;EAEI;ChBohCP;AgBjhCK;EAGI;EACA;ChBihCT;AgB5gCG;EAEI;EAKA;ChBygCP;AgBtgCK;EAEI,YC1MmB;CjBitC5B;;AgB7/BC;EP7IE;EACA;EACA;EACA;EACA;EACA;EAEA;CT6oCH;ASzoCC;EAGI;EACA;EACA;EACA;EACA;CTyoCL;ASroCC;EAGI,8DACE;EAKF;CTgoCL;AS1nCC;EAEI;UAAA;CT2nCL;ASvnCC;EAEI;EACA;EACA;EACA;UAAA;EACA;UAAA;CTwnCL;ASpnCC;EAEI;EACA;EACA;CTqnCL;ASjnCC;EAEI,kGACE;UADF,0FACE;CTinCP;AS5mCC;EAEI;UAAA;EAKA;UAAA;CTymCL;ASr9BC;EAGI;EACA;EACA;EACA;EACA;CTq9BL;ASj9BC;EAEI;EACA;CTk9BL;AS5mCC;ELzGI,sCa1DuB;CjBkxC5B;AS7lCC;EAGI,cAkL8B;CT26BnC;ASxkCC;EAII;EAIA,cAuJF;CT66BH;ASvjCG;EAEI;CTwjCP;ASpjCG;EAEI,0BC9OsB;EDmPtB,cAiI4B;CTg7BnC;AS5iCC;EAEI;CT6iCL;;ASlgCG;EAGI,cAPa;CT0gCpB;ASpoCC;ELxEI,0BA1BM;CJyuCX;AIvsCS;EAEE;IACE;IACA;GJwsCX;CACF;AS3nCC;EAGI,cAkL8B;CTy8BnC;AStmCC;EAII;EAIA,aAuJF;CT28BH;ASrlCG;EAEI;CTslCP;ASllCG;EAEI,0BC9OsB;EDmPtB,aAiI4B;CT88BnC;AS1kCC;EAEI;CT2kCL;;AgBnlCG;EACE;IACE;YAAA;IACA;GhBslCL;EgBnlCG;IACE;YAAA;IACA;GhBqlCL;CACF;;AgB9lCG;EACE;IACE;YAAA;IACA;GhBslCL;EgBnlCG;IACE;YAAA;IACA;GhBqlCL;CACF;AgBjlCC;EAwKE;EApKE;EACA;EACA;ChBilCL;AgB56BC;EAEI;ChB66BL;;AgBhlCC;EAEI;UAAA;ChBklCL;;AkB30CC;EjBkBI,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,oBARU;EAQV,qBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;CD60Cf;;AkBn1CC;EdyEI,uBA1BM;EA6CJ;EACA;EDnGJ;EesMA,kBCrMyB;EDsMzB;EAQA,kCC7M0B;ED6BxB;EACA;EACA;EACA;ClBq0CL;AkBrvCC;EdpEI,0Be1D0B;CnBs3C/B;;AkBlwCC;Ed1DI,0Be3DiC;CnB23CtC;;AkBlvCC;Ed9EI,yCezDmC;CnB63CxC;;AkBpuCC;EAEI,sCCxJyB;CnB83C9B;;AkB9tCC;EAEI,sBCjKwB;EDkKxB;ClBguCL;;AkBxtCC;EdrHI,sCepDgC;CnBq4CrC;;AkBltCC;Ed/HI,2BejDiC;CnBs4CtC;;AkB5sCC;EdzII,2BehD0B;CnBy4C/B;;AkBjrCC;EAEI,aCnN6B;CnBs4ClC;;AkB3qCC;EAEI,aC9NsB;CnB24C3B;;AkBlqCC;;EAGI,oBCzOiC;ED0OjC,mBC3OgC;CnB+4CrC;;AkBhqCC;;EbHE;EAGF;EAHE;EAGF;CLwqCD;AKn3CK;;;EAwMF;EAGF;EAHE;EAGF;CLgrCD;;AkB/3CC;EAEI;EACA;EACA;EACA;ClBi4CL;;AkB73CC;EjB3BI,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,oBARU;EAQV,qBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;CD46Cf;;AkBr4CC;EAEI;ClBu4CL;AKl5CK;EagBE;EACA;ClBq4CP;;AkBh4CC;EjB5CI,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,oBARU;EAQV,sBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;EiBwDV;ClBy4CL;AKn6CK;Ea+BE;EACA;ClBu4CP;;AkBl4CC;EAEI;ClBo4CL;AK36CK;Ea4CE;EACA;ClBk4CP;;Ae1sCC;;;;EXhMI,0BA1BM;CJ26CX;AIz4CS;EAEE;;;;IACE;IACA;GJ64CX;CACF;ASl1CC;;;ELxEI,0BA1BM;CJy7CX;AIv5CS;EAEE;;;IACE;IACA;GJ05CX;CACF;AS70CC;;EAGI,cAkL8B;CT4pCnC;ASzzCC;;;EAII;EAIA,cAuJF;CTgqCH;AS1yCG;;EAEI;CT4yCP;ASxyCG;;EAEI,0BC9OsB;EDmPtB,cAiI4B;CTqqCnC;ASjyCC;;EAEI;CTmyCL;ASt3CC;;;ELxEI,0BA1BM;CJ69CX;AI37CS;EAEE;;;IACE;IACA;GJ87CX;CACF;AejoCC;;EX3WI,kCU1DsB;EV0DtB,8BW+IkB;Cfk2CvB;AetnCC;;;;EX1VI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yEE;IACA;IACA;IACA;IACA;GvCs7FC;EuCp7FD;ID/EF;MCgFI;MACA;MACA,eD9EW;MC+EX;MACA;KvCu7FC;GACF;CACF;AuChgGG;EDbJ;ICyEE;IACA;IACA;IACA;IACA;GvCw8FC;EuCt8FD;ID/EF;MCgFI;MACA;MACA,eD9EW;MC+EX;MACA;KvCy8FC;GACF;CACF;;AuCxgGG;EDZJ;ICgCE;IACA;IAmDA;IACA;IACA;GvCu8FC;EuC1/FD;IDnCF;MCoCI;MACA;KvC6/FC;GACF;EuC38FD;IDxFF;MCyFI;KvC88FC;GACF;EsC3hGc;;ICmBf;IACA;GvC4gGC;EuC1gGD;IDtBe;;MCuBb;MACA;KvC8gGC;GACF;;EsCviGc;;ICmBf;IACA;GvCyhGC;EuCvhGD;IDtBe;;MCuBb;MACA;KvC2hGC;GACF;;EsCpjGc;;ICmBf;IACA;GvCsiGC;EuCpiGD;IDtBe;;MCuBb;MACA;KvCwiGC;GACF;;EsCjkGc;;ICmBf;IACA;GvCmjGC;EuCjjGD;IDtBe;;MCuBb;MACA;KvCqjGC;GACF;;EsC9kGc;;ICmBf;IACA;GvCgkGC;EuC9jGD;IDtBe;;MCuBb;MACA;KvCkkGC;GACF;;EsC3lGc;;ICmBf;IACA;GvC6kGC;EuC3kGD;IDtBe;;MCuBb;MACA;KvC+kGC;GACF;;EsCxmGc;;ICmBf;IACA;GvC0lGC;EuCxlGD;IDtBe;;MCuBb;MACA;KvC4lGC;GACF;;EsCrnGc;;ICmBf;IACA;GvCumGC;EuCrmGD;IDtBe;;MCuBb;MACA;KvCymGC;GACF;;EsCloGc;;ICmBf;IACA;GvConGC;EuClnGD;IDtBe;;MCuBb;MACA;KvCsnGC;GACF;;EsC/oGc;;ICmBf;IACA;GvCioGC;EuC/nGD;IDtBe;;MCuBb;MACA;KvCmoGC;GACF;;EsC5pGc;;ICmBf;IACA;GvC8oGC;EuC5oGD;IDtBe;;MCuBb;MACA;KvCgpGC;GACF;;EsCzqGc;;ICmBf;IACA;GvC2pGC;EuCzpGD;IDtBe;;MCuBb;MACA;KvC6pGC;GACF;CACF;AuC7rGG;EDPJ;ICgCE;IACA;IAmDA;IACA;IACA;GvCsnGC;EuCzqGD;IDnCF;MCoCI;MACA;KvC4qGC;GACF;EuC1nGD;IDxFF;MCyFI;KvC6nGC;GACF;EsC1sGc;;ICmBf;IACA;GvC2rGC;EuCzrGD;IDtBe;;MCuBb;MACA;KvC6rGC;GACF;;EsCttGc;;ICmBf;IACA;GvCwsGC;EuCtsGD;IDtBe;;MCuBb;MACA;KvC0sGC;GACF;;EsCnuGc;;ICmBf;IACA;GvCqtGC;EuCntGD;IDtBe;;MCuBb;MACA;KvCutGC;GACF;;EsChvGc;;ICmBf;IACA;GvCkuGC;EuChuGD;IDtBe;;MCuBb;MACA;KvCouGC;GACF;;EsC7vGc;;ICmBf;IACA;GvC+uGC;EuC7uGD;IDtBe;;MCuBb;MACA;KvCivGC;GACF;;EsC1wGc;;ICmBf;IACA;GvC4vGC;EuC1vGD;IDtBe;;MCuBb;MACA;KvC8vGC;GACF;;EsCvxGc;;ICmBf;IACA;GvCywGC;EuCvwGD;IDtBe;;MCuBb;MACA;KvC2wGC;GACF;;EsCpyGc;;ICmBf;IACA;GvCsxGC;EuCpxGD;IDtBe;;MCuBb;MACA;KvCwxGC;GACF;;EsCjzGc;;ICmBf;IACA;GvCmyGC;EuCjyGD;IDtBe;;MCuBb;MACA;KvCqyGC;GACF;;EsC9zGc;;ICmBf;IACA;GvCgzGC;EuC9yGD;IDtBe;;MCuBb;MACA;KvCkzGC;GACF;;EsC30Gc;;ICmBf;IACA;GvC6zGC;EuC3zGD;IDtBe;;MCuBb;MACA;KvC+zGC;GACF;;EsCx1Gc;;ICmBf;IACA;GvC00GC;EuCx0GD;IDtBe;;MCuBb;MACA;KvC40GC;GACF;CACF;AuCj3GG;EDFJ;ICgCE;IACA;IAmDA;IACA;IACA;GvCqyGC;EuCx1GD;IDnCF;MCoCI;MACA;KvC21GC;GACF;EuCzyGD;IDxFF;MCyFI;KvC4yGC;GACF;EsCz3Gc;;ICmBf;IACA;GvC02GC;EuCx2GD;IDtBe;;MCuBb;MACA;KvC42GC;GACF;;EsCr4Gc;;ICmBf;IACA;GvCu3GC;EuCr3GD;IDtBe;;MCuBb;MACA;KvCy3GC;GACF;;EsCl5Gc;;ICmBf;IACA;GvCo4GC;EuCl4GD;IDtBe;;MCuBb;MACA;KvCs4GC;GACF;;EsC/5Gc;;ICmBf;IACA;GvCi5GC;EuC/4GD;IDtBe;;MCuBb;MACA;KvCm5GC;GACF;;EsC56Gc;;ICmBf;IACA;GvC85GC;EuC55GD;IDtBe;;MCuBb;MACA;KvCg6GC;GACF;;EsCz7Gc;;ICmBf;IACA;GvC26GC;EuCz6GD;IDtBe;;MCuBb;MACA;KvC66GC;GACF;;EsCt8Gc;;ICmBf;IACA;GvCw7GC;EuCt7GD;IDtBe;;MCuBb;MACA;KvC07GC;GACF;;EsCn9Gc;;ICmBf;IACA;GvCq8GC;EuCn8GD;IDtBe;;MCuBb;MACA;KvCu8GC;GACF;;EsCh+Gc;;ICmBf;IACA;GvCk9GC;EuCh9GD;IDtBe;;MCuBb;MACA;KvCo9GC;GACF;;EsC7+Gc;;ICmBf;IACA;GvC+9GC;EuC79GD;IDtBe;;MCuBb;MACA;KvCi+GC;GACF;;EsC1/Gc;;ICmBf;IACA;GvC4+GC;EuC1+GD;IDtBe;;MCuBb;MACA;KvC8+GC;GACF;;EsCvgHc;;ICmBf;IACA;GvCy/GC;EuCv/GD;IDtBe;;MCuBb;MACA;KvC2/GC;GACF;CACF;AsC1gHG;ECsEF,SDvEa;CtC8gHd;AsC7gHG;ECsEF,SDvEa;CtCihHd;AsChhHG;ECsEF,SDvEa;CtCohHd;AsCnhHG;ECsEF,SDvEa;CtCuhHd;AsCthHG;ECsEF,SDvEa;CtC0hHd;AsCzhHG;ECsEF,SDvEa;CtC6hHd;AsC5hHG;ECsEF,SDvEa;CtCgiHd;AsC/hHG;ECsEF,SDvEa;CtCmiHd;AsCliHG;ECsEF,SDvEa;CtCsiHd;AsCriHG;ECsEF,UDvEa;CtCyiHd;AsCxiHG;ECsEF,UDvEa;CtC4iHd;AsC3iHG;ECsEF,UDvEa;CtC+iHd;AsCxiHC;ECqEE;CvCs+GH;AuCp+GG;EDvEF;ICwEI;GvCu+GH;CACF;AsC5iHC;ECyEE;CvCs+GH;AsC3iHC;ECyEE;CvCq+GH;AuCn+GG;ED3EF;IC4EI;GvCs+GH;CACF;;AuC7kHG;ED+BJ;ICyFE;IACA,2KACE;GvCy9GD;CACF;AuCzlHG;EDoCJ;ICyFE;IACA,sKACE;GvC+9GD;CACF;AuCpmHG;EDyCJ;ICyFE;IACA,mKACE;GvCq+GD;CACF;;AsCrjHD;EACE;EACA;CtCwjHD;;AsCrjHD;EACE;EACA;CtCwjHD;;AwC7oHC;EACE;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;EACA;EACA;CxCgpHH;;AwC7oHC;EACE;UAAA;EACA;CxCgpHH;;AwC7oHC;EACE;CxCgpHH;;AyCzqHC;EACE;IACE;YAAA;GzC4qHH;EyCzqHC;IACE;YAAA;IACA;YAAA;GzC2qHH;EyCxqHC;IACE;YAAA;IACA;YAAA;GzC0qHH;EyCvqHC;IACE;YAAA;GzCyqHH;CACF;;AyC1rHC;EACE;IACE;YAAA;GzC4qHH;EyCzqHC;IACE;YAAA;IACA;YAAA;GzC2qHH;EyCxqHC;IACE;YAAA;IACA;YAAA;GzC0qHH;EyCvqHC;IACE;YAAA;GzCyqHH;CACF;AyCpqHC;EACE;IACE;YAAA;GzCsqHH;EyCnqHC;IACE;YAAA;IACA;YAAA;GzCqqHH;EyClqHC;IACE;YAAA;IACA;YAAA;GzCoqHH;EyCjqHC;IACE;YAAA;GzCmqHH;CACF;AyCprHC;EACE;IACE;YAAA;GzCsqHH;EyCnqHC;IACE;YAAA;IACA;YAAA;GzCqqHH;EyClqHC;IACE;YAAA;IACA;YAAA;GzCoqHH;EyCjqHC;IACE;YAAA;GzCmqHH;CACF;AyC9pHC;EACE;IACE;YAAA;IACA;YAAA;GzCgqHH;EyC7pHC;IACE;YAAA;IACA;YAAA;GzC+pHH;EyC5pHC;IACE;YAAA;IACA;YAAA;GzC8pHH;EyC3pHC;IACE;YAAA;GzC6pHH;CACF;AyC/qHC;EACE;IACE;YAAA;IACA;YAAA;GzCgqHH;EyC7pHC;IACE;YAAA;IACA;YAAA;GzC+pHH;EyC5pHC;IACE;YAAA;IACA;YAAA;GzC8pHH;EyC3pHC;IACE;YAAA;GzC6pHH;CACF;AyCxpHC;EACE;IACE;YAAA;IACA;YAAA;GzC0pHH;EyCvpHC;IACE;YAAA;IACA;YAAA;GzCypHH;EyCtpHC;IACE;YAAA;IACA;YAAA;GzCwpHH;EyCrpHC;IACE;YAAA;GzCupHH;CACF;AyCzqHC;EACE;IACE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I;G1D2jKH;CACF;;AwD7vKD;EE4QE;EACA;C1Dq/JD;A0Dl0KC;EtD2CI,8BsDuRqC;C1DmgK1C;A4Dj1KC;;;ExDuDI,kCqDlC4B;CzDi0KjC;A4Dt1KC;;;;;ExDuDI,kCqDjC6B;CzDu0KlC;A4Dr1KC;;;EAGE,kBFiH0C;C1DsuK7C;A4Dl2KC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ6vKP;A6B9zKC;EACE;UAAA;C7Bg0KH;A4Dn1KC;EzDnBI;EAGF;CHu2KH;AK7zKK;EFtCE;EACA;CHs2KP;A4D70KC;EzDjCI;EAGF;CH+2KH;AKr0KK;EFtCE;EACA;CH82KP;A0DhyKC;EvDnFE;CHs3KH;AS/tKC;EAQM;CT0tKP;A0Dt3KC;EtD2CI,8BsD8RqC;C1DgjK1C;A6Bx2KC;EAQI;UAAA;C7Bm2KL;A4Dz1KC;EACE;C5D21KH;A6B92KC;;EAQI;UAAA;C7B02KL;A4Dt1KG;;EACE;C5Dy1KL;A0DxjKC;;ErDhGE;EAGF;EAHE;EAGF;EqDiGE;EACA;EACA;EACA;EACA;EACA;C1D4jKH;AK72KK;;;EAwMF;EAGF;EAHE;EAGF;CL0qKD;A0DjkKC;EACE;C1DmkKH;A0DhkKC;EACE;C1DkkKH;A0D/jKC;EACE;EACA;C1DikKH;;A0Dt4KC;EtD4CI,eA1BM;EA6CJ;EACA;CJ40KP;A0DryKC;;EtD3DI,6BA1BM;EA6CJ;EACA;CJk1KP;A0Dz0KC;EtD7BI,0BA1BM;EA6CJ;EACA;CJu1KP;A0Dh7KG;EtDoCE,esDnCsC;C1Dk7K3C;A2Dv7KC;EvDyEI,eA1BM;EA6CJ;EACA;CJ+1KP;A0Dj7KC;EtD8DI,6BA1BM;EA6CJ;EACA;CJo2KP;A4Dh9KC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ22KP;A4Dv9KC;;;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJo3KP;A4Dx9KC;;;EAGE,kBFiH0C;C1Dy2K7C;A4Dr+KC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJg4KP;AwD54KC;EEwEA,gfACE;C1Ds0KH;AwD14KC;EACE;CxD44KH;;AwDt4KC;EACE;CxDy4KH;;AwDr4KD;EpD1DM,0BqDrC2B;ECuT/B;EACA;C1DkrKD;A0DztKC;EtD5OI,2BqDxC4B;CzDg/KjC;A0DxtKC;EA/HA,gfACE;C1Dy1KH;A0DvtKC;EACE;C1DytKH;A0DttKC;EtDxPI,2BqDvC2B;CzDw/KhC;A0DrtKC;;EtD5PI,2BqDtC0B;ECsS5B;C1DstKH;A0DntKC;EACE;C1DqtKH;A0DltKC;EtDvQI,8BsDwQwC;C1DotK7C;A0DltKG;;EAEE;C1DotKL;A4DvhLC;;;ExDuDI,kCqD9BgC;CzDmgLrC;;AoD5/KC;E/C2NE;EAGF;EAHE;EAGF;CLqyKD;AKh/KK;EAwMF;EAGF;EAHE;EAGF;CL2yKD;AoDpgLC;;E/CsNE;EAGF;EAHE;EAGF;CLkzKD;AK7/KK;;;EAwMF;EAGF;EAHE;EAGF;CL0zKD;A6B3hLC;EAEI;UAAA;C7B4hLL;AKxgLK;EwBjBE;UAAA;C7B4hLP;A4D/gLC;EACE;C5DihLH;A6BpiLC;;EAEI;UAAA;C7BsiLL;AKlhLK;;;EwBjBE;UAAA;C7BwiLP;A4DjhLG;;EACE;C5DohLL;A6BniLC;EACE;UAAA;C7BqiLH;A6BtiLC;EACE;UAAA;C7BwiLH;A0Dl2KC;ErDSE;EAGF;EAHE;EAGF;CL41KD;AKviLK;EAwMF;EAGF;EAHE;EAGF;CLk2KD;;AwDv+KD;EpDjCM,YA1BM;EA6CJ;EACA;CJ0/KP;ASt8KC;ELxEI,uBA1BM;CJ2iLX;AIzgLS;EAEE;IACE;IACA;GJ0gLX;CACF;AS77KC;EAGI,cAkL8B;CT2wKnC;ASx6KC;EAII;EAIA,cAuJF;CT6wKH;ASv5KG;EAEI;CTw5KP;ASp5KG;EAEI,0BC9OsB;EDmPtB,cAiI4B;CTgxKnC;AS54KC;EAEI;CT64KL;;A6BznLC;EACE;IACE;YAAA;G7B4nLH;E6BznLC;IACE;YAAA;IACA;YAAA;G7B2nLH;E6BxnLC;IACE;YAAA;IACA;YAAA;G7B0nLH;E6BvnLC;IACE;YAAA;G7BynLH;CACF;;A6B1oLC;EACE;IACE;YAAA;G7B4nLH;E6BznLC;IACE;YAAA;IACA;YAAA;G7B2nLH;E6BxnLC;IACE;YAAA;IACA;YAAA;G7B0nLH;E6BvnLC;IACE;YAAA;G7BynLH;CA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AEI;EACA;CTwgNL;AgF7vMC;E5E9gBI,0B2EzDiB;C/Eu0NtB;AgF1yMC;E5EpeI,2B2EvDqB;C/Ew0N1B;AgFvuNC;E5ETI,qBA1BM;EA6CJ;EACA;CJiuNP;AgF1xMC;E5E5fI,yC2E1D4B;C/Em1NjC;AgFvxMC;E5ElgBI,yC2E3D6B;C/Eu1NlC;AgFpxMC;E5EveI,0BA1BM;EA6CJ;EACA;CJ4uNP;AgF3yMC;E5EtfI,yC2E9DuC;C/Ek2N5C;AiFj1NC;E7E6CI,0B2EtD6B;C/E61NlC;AkF70NC;;E9EsCI,0B2EtD6B;C/Ei2NlC;AmFzzNC;E/EcI,2B2ErDsB;C/Em2N3B;AgFt0NC;E5EwBI,6B2E7CsB;C/E81N3B;AgF7oNC;E3EgCE;EAGF;EAHE;EAGF;E2EhCE;EACA;ChFipNH;AK7zNK;EAwMF;EAGF;EAHE;EAGF;CLwnND;AgFnpNG;E3EwBA;EAGF;EAHE;EAGF;CL8nND;AKz0NK;EAwMF;EAGF;EAHE;EAGF;CLooND;AgFzpNG;E3EkBA;EAGF;EAHE;EAGF;E2ElBI;ChF6pNL;AKt1NK;EAwMF;EAGF;EAHE;EAGF;CLipND;AgF/pNK;E3EWF;EAGF;EAHE;EAGF;CLupND;AKl2NK;EAwMF;EAGF;EAHE;EAGF;CL6pND;AgFxqNO;E3EQJ;EAGF;EAHE;EAGF;CLmqND;AK92NK;EAwMF;EAGF;EAHE;EAGF;CLyqND;;A8Ev3ND;E7EnBM,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,gBARU;EAQV,qBARU;EAQV,iBARU;EAQV,2BARU;EAQV,yBARU;EAQV,wBARU;E6E8Bd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;C9Ei4ND;A8E/3NC;EACE;EACA;EACA,2BC9DmC;C/E+7NtC;A8Ep4NC;EACE;EACA;EACA,2BC9DmC;C/E+7NtC;A8Ep4NC;EACE;EACA;EACA,2BC9DmC;C/E+7NtC;A8Ep4NC;EACE;EACA;EACA,2BC9DmC;C/E+7NtC;A8E53NC;EACE;C9E83NH;A8E13NC;EAGE;EACA;EACA;C9E03NH;A8E/3NC;EAGE;EACA;EACA;C9E03NH;A8E/3NC;EAGE;EACA;EACA;C9E03NH;A8E/3NC;EAGE;EACA;EACA;C9E03NH;A8Ev3NC;EACE;C9Ey3NH;A8Er3NC;EACE;C9Eu3NH;A8En3NC;EACE;C9Eq3NH;A8Ej3NC;EACE;EACA;C9Em3NH;;A8E92ND;EACE;UAAA;EACA;C9Ei3ND;;A8E92ND;EEqME;EACA;ChF6qND;A4Dl+NC;;;ExDuDI,kC2EzCgC;C/Ey9NrC;A4Dv+NC;;;;;;ExDuDI,kC2EvCiC;C/E+9NtC;A4D/+NC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ04NP;A6B38NC;EACE;UAAA;C7B68NH;A4Dh+NC;EzDnBI;EAGF;CHo/NH;AK18NK;EFtCE;EACA;CHm/NP;A4D19NC;EzDjCI;EAGF;CH4/NH;AKl9NK;EFtCE;EACA;CH2/NP;A6B5+NC;EAQI;UAAA;C7Bu+NL;A4D79NC;EACE;C5D+9NH;A6Bl/NC;;EAQI;UAAA;C7B8+NL;A4D19NG;;EACE;C5D69NL;ASv3NC;EAQM;CTk3NP;AgF3/NC;E5EwBI,8B4E2P+B;ChF2uNpC;AgFtuNC;EACE;EACA;EACA;EACA;EACA;ChFwuNH;AgFruNC;EACE;ChFuuNH;;A4D/hOC;;;EAGE,kBoBqQwC;ChF6xN3C;;A8Et7ND;E1EhEM,8B4E2MgC;ChF+yNrC;A4DjjOC;;;ExDuDI,kC2ExCoC;C/EuiOzC;AgFlzNC;EACE;ChFozNH;;A8E97ND;EEgKE;ChFkyND;A6BhiOC;EAQI;UAAA;C7B2hOL;A4DjhOC;EACE;C5DmhOH;A6BtiOC;;EAQI;UAAA;C7BkiOL;A4D9gOG;;EACE;C5DihOL;A6BhiOC;EACE;UAAA;C7BkiOH;AgFjzNC;EACE;ChFmzNH;AgFhzNC;EACE;ChFkzNH;AgF/yNC;EACE;ChFizNH;;AmFnlOC;E9EuPE;EAGF;EAHE;EAGF;CLg2ND;AK3iOK;EAwMF;EAGF;EAHE;EAGF;CLs2ND;AmF1lOG;E9EiPA;EAGF;EAHE;EAGF;CL42ND;AKvjOK;EAwMF;EAGF;EAHE;EAGF;CLk3ND;AgFhxNC;E3ErGE;EAGF;EAHE;EAGF;CLw3ND;AKnkOK;EAwMF;EAGF;EAHE;EAGF;CL83ND;;AmFxnOC;E9EuPE;EAGF;EAHE;EAGF;CLq4ND;AKhlOK;EAwMF;EAGF;EAHE;EAGF;CL24ND;AmF/nOG;E9EiPA;EAGF;EAHE;EAGF;CLi5ND;AK5lOK;EAwMF;EAGF;EAHE;EAGF;CLu5ND;A6BxnOC;EAEI;UAAA;C7BynOL;AKrmOK;EwBjBE;UAAA;C7BynOP;A4D5mOC;EACE;C5D8mOH;A6BjoOC;;EAEI;UAAA;C7BmoOL;AK/mOK;;;EwBjBE;UAAA;C7BqoOP;A4D9mOG;;EACE;C5DinOL;A6BhoOC;EACE;UAAA;C7BkoOH;A6BnoOC;EACE;UAAA;C7BqoOH;AgFjzNC;E3ErIE;EAGF;EAHE;EAGF;CLy7ND;AKpoOK;EAwMF;EAGF;EAHE;EAGF;CL+7ND;;A6BhqOC;EAEI;UAAA;C7BkqOL;AK9oOK;EwBjBE;UAAA;C7BkqOP;A4DrpOC;EACE;C5DupOH;A6B1qOC;;EAEI;UAAA;C7B4qOL;AKxpOK;;;EwBjBE;UAAA;C7B8qOP;A4DvpOG;;EACE;C5D0pOL;A6BzqOC;EACE;UAAA;C7B2qOH;A6B5qOC;EACE;UAAA;C7B8qOH;AgFz0NC;E3EtJE;EAGF;EAHE;EAGF;CLk+ND;AK7qOK;EAwMF;EAGF;EAHE;EAGF;CLw+ND;;AmFluOC;E9EuPE;EAGF;EAHE;EAGF;CL++ND;AK1rOK;EAwMF;EAGF;EAHE;EAGF;CLq/ND;AmFruOG;E9E6OA;EAGF;EAHE;EAGF;CL2/ND;AKtsOK;EAwMF;EAGF;EAHE;EAGF;CLigOD;AmF3vOC;E9EuPE;EAGF;EAHE;EAGF;CLugOD;AKltOK;EAwMF;EAGF;EAHE;EAGF;CL6gOD;AmF7vOG;E9E6OA;EAGF;EAHE;EAGF;CLmhOD;AK9tOK;EAwMF;EAGF;EAHE;EAGF;CLyhOD;;AmF7vOC;E9EiOE;EAGF;EAHE;EAGF;CLgiOD;AK3uOK;EAwMF;EAGF;EAHE;EAGF;CLsiOD;AmFvwOG;E9E8NA;EAGF;EAHE;EAGF;CL4iOD;AKvvOK;EAwMF;EAGF;EAHE;EAGF;CLkjOD;AmF7wOC;E9EwNE;EAGF;EAHE;EAGF;CLwjOD;AKnwOK;EAwMF;EAGF;EAHE;EAGF;CL8jOD;;A8ExqOD;;EAEE;EACA;UAAA;C9E2qOD;;AmF9zOC;E9EuPE;EAGF;EAHE;EAGF;CL2kOD;AKtxOK;EAwMF;EAGF;EAHE;EAGF;CLilOD;AmFr0OG;E9EiPA;EAGF;EAHE;EAGF;CLulOD;AKlyOK;EAwMF;EAGF;EAHE;EAGF;CL6lOD;AgF9+NC;E3ElHE;EAGF;EAHE;EAGF;CLmmOD;AK9yOK;EAwMF;EAGF;EAHE;EAGF;CLymOD;;AmFn2OC;E9EuPE;EAGF;EAHE;EAGF;CLgnOD;AK3zOK;EAwMF;EAGF;EAHE;EAGF;CLsnOD;AmFt2OG;E9E6OA;EAGF;EAHE;EAGF;CL4nOD;AKv0OK;EAwMF;EAGF;EAHE;EAGF;CLkoOD;;AmFt2OC;E9EiOE;EAGF;EAHE;EAGF;CLyoOD;AKp1OK;EAwMF;EAGF;EAHE;EAGF;CL+oOD;AmFh3OG;E9E8NA;EAGF;EAHE;EAGF;CLqpOD;AKh2OK;EAwMF;EAGF;EAHE;EAGF;CL2pOD;AmFt3OC;E9EwNE;EAGF;EAHE;EAGF;CLiqOD;AK52OK;EAwMF;EAGF;EAHE;EAGF;CLuqOD;;A6Bx4OC;EAQI;UAAA;C7Bo4OL;A6B93OC;EACE;UAAA;C7Bg4OH;AgF/vOC;EACE;ChFiwOH;AgF9vOC;EACE;ChFgwOH;AgF9vOG;EACE;ChFgwOL;;AgFzvOG;;EFhBF;EACA;C9E8wOD;;A8E3wOD;EEwUE;EACA;EACA;EACA;EACA;ChFu8ND;A4Dn8OC;;;ExDuDI,kC2EzCgC;C/E07OrC;A4Dx8OC;;;;;;ExDuDI,kC2EvCiC;C/Eg8OtC;A4Dh9OC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ22OP;A6B56OC;EACE;UAAA;C7B86OH;A4Dj8OC;EzDnBI;EAGF;CHq9OH;AK36OK;EFtCE;EACA;CHo9OP;A4D37OC;EzDjCI;EAGF;CH69OH;AKn7OK;EFtCE;EACA;CH49OP;AS10OC;EAQM;CTq0OP;AgF98OC;E5EwBI,8B4E2b+B;ChF8/NpC;A6Bn9OC;EAQI;UAAA;C7B88OL;A4Dp8OC;EACE;C5Ds8OH;A6Bz9OC;;EAQI;UAAA;C7Bq9OL;A4Dj8OG;;EACE;C5Do8OL;AkF1/OC;E7EuPE;EAGF;EAHE;EAGF;E6EvPE;EACA,aF4euD;ChFkhO1D;AKn9OK;EAwMF;EAGF;EAHE;EAGF;CL8wOD;AgF9gOC;EACE;EACA;EACA;EACA;EACA;EACA;ChFghOH;AgF7gOC;EACE;EACA;ChF+gOH;AgF5gOC;EACE;EACA;EACA;EACA;ChF8gOH;A4DthPC;;;EAGE,kBoBqQwC;ChFmxO3C;;A8E/2OD;EEkRE;ChFimOD;AgF/lOC;EAIE;ChF8lOH;AS14OC;EAQM;CTq4OP;AgF9gPC;E5EwBI,8B4EmZiC;ChFsmOtC;AgFlmOG;EACE;ChFomOL;AgFhmOC;EACE;ChFkmOH;;AgFzgOC;E5ErdI,6BA1BM;EA6CJ;EACA;CJg9OP;;A8E93OD;EACE;EACA;EACA;C9Ei4OD;A8E/3OC;EACE;C9Ei4OH;A8E93OC;EACE,oBCrKiC;EDsKjC,mBCtKiC;C/EsiPpC;;A8Ex3OD;EACE;C9E23OD;;AgFxgOC;E5E9gBI,8B2EpD+B;C/E8kPpC;AgFr5OG;;E5ErIE,8B2EpD+B;C/EklPpC;AgFr7OC;EACE;ChFu7OH;;A4DxlPC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJo/OP;;AgF7iOC;E5E3dI,6BA1BM;EA6CJ;EACA;CJ0/OP;AgF7iOC;E5EjeI,6BA1BM;EA6CJ;EACA;CJ+/OP;AgF5iOC;E5EveI,0BA1BM;EA6CJ;EACA;CJogPP;AgF3iOC;E5E7eI,eA1BM;EA6CJ;EACA;CJygPP;AiFrmPC;E7EwEI,eA1BM;EA6CJ;EACA;CJ8gPP;AgFzhPC;E5ETI,qBA1BM;EA6CJ;EACA;CJmhPP;AgFn8OG;;E5EpGE,eA1BM;EA6CJ;EACA;CJyhPP;AmF5lPC;E/E+CI,eA1BM;EA6CJ;EACA;CJ8hPP;AmF9lPK;E/E4CA,eA1BM;EA6CJ;EACA;CJmiPP;AgF3/OC;EACE;ChF6/OH;;A4DlpPC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ8iPP;A4D1pPC;;;;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJwjPP;A4DpqPC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJ+jPP;;A4D3qPC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJukPP;A4DnrPC;;;;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJilPP;A4D7rPC;;;ExDwFI,sBA1BM;EA6CJ;EACA;CJwlPP;;A8E19OD;E1EnLM,0B2E5C+B;ECyGnC;EACA;ChFqlPD;AgFvpOC;E5E5fI,yC2E7D2B;C/EmtPhC;AgFlrOC;E5EpeI,2B2EhD8B;C/EysPnC;AgF3oOC;E5E9gBI,2B2EjDgC;C/E6sPrC;AiFzsPC;E7E6CI,2B2E/CsC;C/E8sP3C;AkFrsPC;;E9EsCI,2B2E/CsC;C/EktP3C;AmFjrPC;E/EcI,0B2E5DyB;C/EkuP9B;AgFhrOC;E5EtfI,yC2E9DuC;C/EuuP5C;AgFzmPC;EACE;ChF2mPH;;A8Er/OD;E1EvLM,8B4E2MgC;EA6NpC;E5ExaI,0B2EhC6B;C/EktPlC;A4DzuPC;;;ExDuDI,kC2ExCoC;C/E+tPzC;AgF1+OC;EACE;ChF4+OH;;A6B1uPC;EACE;IACE;YAAA;G7B6uPH;E6B1uPC;IACE;YAAA;IACA;YAAA;G7B4uPH;E6BzuPC;IACE;YAAA;IACA;YAAA;G7B2uPH;E6BxuPC;IACE;YAAA;G7B0uPH;CACF;;A6B3vPC;EACE;IACE;YAAA;G7B6uPH;E6B1uPC;IACE;YAAA;IACA;YAAA;G7B4uPH;E6BzuPC;IACE;YAAA;IACA;YAAA;G7B2uPH;E6BxuPC;IACE;YAAA;G7B0uPH;CACF;A6B3vPC;EACE;IACE;YAAA;G7B6vPH;E6B1vPC;IACE;YAAA;IACA;YAAA;G7B4vPH;E6BzvPC;IACE;YAAA;IACA;YAAA;G7B2vPH;E6BxvPC;IACE;YAAA;G7B0vPH;CACF;A6B3wPC;EACE;IACE;YAAA;G7B6vPH;E6B1vPC;IACE;YAAA;IACA;YAAA;G7B4vPH;E6BzvPC;IACE;YAAA;IACA;YAAA;G7B2vPH;E6BxvPC;IACE;YAAA;G7B0vPH;CACF;A6B3wPC;EACE;IACE;YAAA;G7B6wPH;E6B1wPC;IACE;YAAA;IACA;YAAA;G7B4wPH;E6BzwPC;IACE;YAAA;IACA;YAAA;G7B2wPH;E6BxwPC;IACE;YAAA;G7B0wPH;CACF;A6B3xPC;EACE;IACE;YAAA;G7B6wPH;E6B1wPC;IACE;YAAA;IACA;YAAA;G7B4wPH;E6BzwPC;IACE;YAAA;IACA;YAAA;G7B2wPH;E6BxwPC;IACE;YAAA;G7B0wPH;CACF;A6B3xPC;EACE;IACE;YAAA;G7B6xPH;E6B1xPC;IACE;YAAA;IACA;YAAA;G7B4xPH;E6BzxPC;IACE;YAAA;IACA;YAAA;G7B2xPH;E6BxxPC;IACE;YAAA;G7B0xPH;CACF;A6B3yPC;EACE;IACE;YAAA;G7B6xPH;E6B1xPC;IACE;YAAA;IACA;YAAA;G7B4xPH;E6BzxPC;IACE;YAAA;IACA;YAAA;G7B2xPH;E6BxxPC;IACE;YAAA;G7B0xPH;CACF;A6B3yPC;EACE;IACE;YAAA;G7B6yPH;E6B1yPC;IACE;YAAA;IACA;YAAA;G7B4yPH;E6BzyPC;IACE;YAAA;IACA;YAAA;G7B2yPH;E6BxyPC;IACE;YAAA;G7B0yPH;CACF;A6B3zPC;EACE;IACE;YAAA;G7B6yPH;E6B1yPC;IACE;YAAA;IACA;YAAA;G7B4yPH;E6BzyPC;IACE;YAAA;IACA;YAAA;G7B2yPH;E6BxyPC;IACE;YAAA;G7B0yPH;CACF;A6B3zPC;EACE;IACE;YAAA;G7B6zPH;E6B1zPC;IACE;YAAA;IACA;YAAA;G7B4zPH;E6BzzPC;IACE;YAAA;IACA;YAAA;G7B2zPH;E6BxzPC;IACE;YAAA;G7B0zPH;CACF;A6B30PC;EACE;IACE;YAAA;G7B6zPH;E6B1zPC;IACE;YAAA;IACA;YAAA;G7B4zPH;E6BzzPC;IACE;YAAA;IACA;YAAA;G7B2zPH;E6BxzPC;IACE;YAAA;G7B0zPH;CACF;A6B30PC;EACE;IACE;YAAA;G7B60PH;E6B10PC;IACE;YAAA;IACA;YAAA;G7B40PH;E6Bz0PC;IACE;YAAA;IACA;YAAA;G7B20PH;E6Bx0PC;IACE;YAAA;G7B00PH;CACF;A6B31PC;EACE;IACE;YAAA;G7B60PH;E6B10PC;IACE;YAAA;IACA;YAAA;G7B40PH;E6Bz0PC;IACE;YAAA;IACA;YAAA;G7B20PH;E6Bx0PC;IACE;YAAA;G7B00PH;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","file":"material-components-web.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 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 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@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 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/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 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$mdc-ripple-fade-in-duration: 75ms !default;\n$mdc-ripple-fade-out-duration: 150ms !default;\n$mdc-ripple-translate-duration: 225ms !default;\n$mdc-states-wash-duration: 15ms !default;\n\n// Notes on states:\n// * focus takes precedence over hover (i.e. if an element is both focused and hovered, only focus value applies)\n// * press state applies to a separate pseudo-element, so it has an additive effect on top of other states\n// * selected/activated are applied additively to hover/focus via calculations at preprocessing time\n\n$mdc-ripple-dark-ink-opacities: (\n hover: .04,\n focus: .12,\n press: .12,\n selected: .08,\n activated: .12\n) !default;\n\n$mdc-ripple-light-ink-opacities: (\n hover: .08,\n focus: .24,\n press: .24,\n selected: .16,\n activated: .24\n) !default;\n\n// Legacy\n\n$mdc-ripple-pressed-dark-ink-opacity: .16 !default;\n$mdc-ripple-pressed-light-ink-opacity: .32 !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/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 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","//\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","// 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/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 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-menu-surface-fade-in-duration: .03s !default;\n$mdc-menu-surface-fade-out-duration: .075s !default;\n$mdc-menu-surface-scale-duration: .12s !default;\n$mdc-menu-surface-min-distance-from-edge: 32px !default;\n$mdc-menu-surface-z-index: 8 !default; // One above mdc-dialog\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$mdc-select-icon-size: 24px !default;\n$mdc-select-icon-opacity: .54 !default;\n$mdc-select-icon-color: on-surface !default;\n$mdc-select-icon-right-padding: 32px !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@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 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","//\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","// 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$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/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 * @license\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@include mdc-tab-bar-core-styles;\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 * @license\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@include mdc-tab-indicator-core-styles;\n","/**\n * @license\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@include mdc-tab-scroller-core-styles;\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":""}