{"version":3,"sources":["webpack:///./packages/mdc-textfield/mdc-text-field.scss","webpack:///./packages/material-components-web/node_modules/@material/typography/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/rtl/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/floating-label/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/line-ripple/mdc-line-ripple.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/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/mdc-textfield/helper-text/mdc-text-field-helper-text.scss","webpack:///./packages/mdc-textfield/character-counter/mdc-text-field-character-counter.scss","webpack:///./packages/mdc-textfield/icon/mdc-text-field-icon.scss","webpack:///./stdin","webpack:///./packages/material-components-web/node_modules/@material/shape/_mixins.scss","webpack:///./packages/mdc-textfield/_variables.scss","webpack:///./packages/material-components-web/node_modules/@material/theme/_mixins.scss","webpack:///./packages/mdc-textfield/_mixins.scss","webpack:///./packages/mdc-textfield/helper-text/_mixins.scss","webpack:///./packages/mdc-textfield/character-counter/_mixins.scss","webpack:///./packages/mdc-textfield/icon/_mixins.scss","webpack:///./packages/material-components-web/node_modules/@material/notched-outline/_mixins.scss"],"names":[],"mappings":";;;;;;;AAkCE;ECwBI,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,gBARU;EAQV,qBARU;EAQV,iBARU;EAQV,2BARU;EAQV,yBARU;EAQV,wBARU;EDbZ;EACA;EACA;EACA;EACA;UAAA;EACA,2GACE;EADF,mGACE;EADF,yJACE;EAEF;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;CA9BH;AEwDK;EFvBA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;CA9BL;;AAkCC;EACE;CA/BH;;AGoBC;EAQI;UAAA;CHxBL;;AG8BC;EACE;UAAA;CH3BH;;AGVC;EACE;IACE;YAAA;GHaH;EGVC;IACE;YAAA;IACA;YAAA;GHYH;EGTC;IACE;YAAA;IACA;YAAA;GHWH;EGRC;IACE;YAAA;GHUH;CACF;;AG3BC;EACE;IACE;YAAA;GHaH;EGVC;IACE;YAAA;IACA;YAAA;GHYH;EGTC;IACE;YAAA;IACA;YAAA;GHWH;EGRC;IACE;YAAA;GHUH;CACF;AIjCC;EACE;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EAAA;EAAA;EACA;EACA;CJmCH;;AIhCC;EACE;UAAA;EACA;CJmCH;;AIhCC;EACE;CJmCH;;AKrDC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CLwDH;AEjBK;EGpCA;EACA;CLwDL;AKrDG;EAGE;EACA;EACA;EACA;EACA;EACA;CLqDL;AKlDG;EH6NA;EAGF;EAHE;EAGF;EG7NI,YClC8B;CNwFnC;AEpCK;EAwMF;EAGF;EAHE;EAGF;CFjKD;AKzDG;EHuNA;EAGF;EAHE;EAGF;EGvNI;CL6DL;AEjDK;EAwMF;EAGF;EAHE;EAGF;CFpJD;AKhEG;EACE;EACA;EACA;CLkEL;AK/DG;EACE;EACA;EACA;EACA;EACA;CLiEL;AK9DG;EACE;CLgEL;AK7DG;EACE;CL+DL;;AK1DG;EHyLA;EAGF;EAHE;EAGF;EGzLI;CL+DL;AEjFK;EAwMF;EAGF;EAHE;EAGF;CFpHD;;AKhEG;EACE;CLmEL;;AO/IC;EACE;IACE,gECPyC;YDOzC,wDCPyC;IDYzC;YAAA;GP8IH;EO3IC;IACE;YAAA;GP6IH;CACF;;AOzJC;EACE;IACE,gECPyC;YDOzC,wDCPyC;IDYzC;YAAA;GP8IH;EO3IC;IACE;YAAA;GP6IH;CACF;AO1IC;EACE;IACE;YAAA;IACA;GP4IH;EOzIC;IACE;GP2IH;CACF;AOnJC;EACE;IACE;YAAA;IACA;GP4IH;EOzIC;IACE;GP2IH;CACF;AOxIC;EACE;IACE;YAAA;IACA;GP0IH;EOvIC;IACE;GPyIH;CACF;AOjJC;EACE;IACE;YAAA;IACA;GP0IH;EOvIC;IACE;GPyIH;CACF;AShHK;EACE;EAEA;CTiHP;AS/GO;EACE;CTiHT;;AUlLD;ET8BM,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,mBARU;EAQV,qBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;EA4BZ;EACA;EACA;EACA;ESjDF;EACA;EACA;EACA;CV+LD;AC9IC;EA0BA;EACA;EACA,aSlFqC;ETmFrC;EAzBI;CDiJL;;AUnMD;EACE;EACA;EACA;CVsMD;;AWnND;EV8BM,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,mBARU;EAQV,qBARU;EAQV,iBARU;EAQV,+BARU;EAQV,yBARU;EAQV,wBARU;EA4BZ;EACA;EACA;EACA;ECuMA;EAGF;EAHE;EAGF;EAHE;EAGF;EAHE;EAGF;ESxPA;CXqOD;ACpLC;EA0BA;EACA;EACA,aUlFqC;EVmFrC;EAzBI;CDuLL;AE/LK;EAwMF;EAGF;EAHE;EAGF;CFND;AErMK;EAwMF;EAGF;EAHE;EAGF;CFAD;;AYlQD;;EAEE;EACA;EACA;CZqQD;;AYlQD;;EAEE;EACA;CZqQD;;Aa/PD;EJgEI;EACA;EACA;EACA;EACA;EACA;EAEA;EK1EA;ED8BF;EACA;EACA;EACA,aEjBsB;EFkBtB;EACA;EACA;CbgPD;AStMC;EAGI;EACA;EACA;EACA;EACA;CTsML;ASlMC;EAGI,8DACE;EAKF;CT6LL;ASvLC;EAEI;UAAA;CTwLL;ASpLC;EAEI;EACA;EACA;EACA;UAAA;EACA;UAAA;CTqLL;ASjLC;EAEI;EACA;EACA;CTkLL;AS9KC;EAEI,kGACE;UADF,0FACE;CT8KP;ASzKC;EAEI;UAAA;EAKA;UAAA;CTsKL;AS9JC;EOzGI,sCDvDqB;CfiU1B;AS/IC;EAGI,cIrK8B;CboTnC;AS1HC;EAII;EAIA,cIjM8B;CbuTnC;AS5BC;EAGI;EACA;EACA;EACA;EACA;CT4BL;ASxBC;EAEI;EACA;CTyBL;AiBkPC;ED9gBI,0BDzDiB;CfwVtB;AiBqMC;EDpeI,2BDvDqB;CfyV1B;AiBxPC;EDTI,qBA1BM;EA6CJ;EACA;ChBkPP;AiBqNC;ED5fI,yCD1D4B;CfoWjC;AiBwNC;EDlgBI,yCD3D6B;CfwWlC;AiB2NC;EDveI,0BA1BM;EA6CJ;EACA;ChB6PP;AiBoMC;EDtfI,yCD9DuC;CfmX5C;AkBlWC;EF6CI,0BDtD6B;Cf8WlC;AmB9VC;;EHsCI,0BDtD6B;CfkXlC;AoB1UC;EJcI,2BDrDsB;CfoX3B;AiBvVC;EDwBI,6BD7CsB;Cf+W3B;AiB9JC;EfgCE;EAGF;EAHE;EAGF;EehCE;EACA;CjBkKH;AE9UK;EAwMF;EAGF;EAHE;EAGF;CFyID;AiBpKG;EfwBA;EAGF;EAHE;EAGF;CF+ID;AE1VK;EAwMF;EAGF;EAHE;EAGF;CFqJD;AiB1KG;EfkBA;EAGF;EAHE;EAGF;EelBI;CjB8KL;AEvWK;EAwMF;EAGF;EAHE;EAGF;CFkKD;AiBhLK;EfWF;EAGF;EAHE;EAGF;CFwKD;AEnXK;EAwMF;EAGF;EAHE;EAGF;CF8KD;AiBzLO;EfQJ;EAGF;EAHE;EAGF;CFoLD;AE/XK;EAwMF;EAGF;EAHE;EAGF;CF0LD;;AaxYD;EZnBM,gCARU;EAQV,mCARU;EAQV,oCARU;EAQV,gBARU;EAQV,qBARU;EAQV,iBARU;EAQV,2BARU;EAQV,yBARU;EAQV,wBARU;EY8Bd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;KAAA;UAAA;CbkZD;AahZC;EACE;EACA;EACA,2BE9DmC;CfgdtC;AarZC;EACE;EACA;EACA,2BE9DmC;CfgdtC;AarZC;EACE;EACA;EACA,2BE9DmC;CfgdtC;AarZC;EACE;EACA;EACA,2BE9DmC;CfgdtC;Aa7YC;EACE;Cb+YH;Aa3YC;EAGE;EACA;EACA;Cb2YH;AahZC;EAGE;EACA;EACA;Cb2YH;AahZC;EAGE;EACA;EACA;Cb2YH;AahZC;EAGE;EACA;EACA;Cb2YH;AaxYC;EACE;Cb0YH;AatYC;EACE;CbwYH;AapYC;EACE;CbsYH;AalYC;EACE;EACA;CboYH;;Aa/XD;EACE;UAAA;EACA;CbkYD;;Aa/XD;EIqME;EACA;CjB8LD;AqBnfC;;;ELuDI,kCDzCgC;Cf0erC;AqBxfC;;;;;;ELuDI,kCDvCiC;CfgftC;AqBhgBC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChB2ZP;AG5dC;EACE;UAAA;CH8dH;AqBjfC;EPnBI;EAGF;CdqgBH;AE3dK;EYtCE;EACA;CdogBP;AqB3eC;EPjCI;EAGF;Cd6gBH;AEneK;EYtCE;EACA;Cd4gBP;AG7fC;EAQI;UAAA;CHwfL;AqB9eC;EACE;CrBgfH;AGngBC;;EAQI;UAAA;CH+fL;AqB3eG;;EACE;CrB8eL;ASxYC;EAQM;CTmYP;AiB5gBC;EDwBI,8BC2P+B;CjB4PpC;AiBvPC;EACE;EACA;EACA;EACA;EACA;CjByPH;AiBtPC;EACE;CjBwPH;;AqBhjBC;;;EAGE,kBJqQwC;CjB8S3C;;AavcD;EGhEM,8BC2MgC;CjBgUrC;AqBlkBC;;;ELuDI,kCDxCoC;CfwjBzC;AiBnUC;EACE;CjBqUH;;Aa/cD;EIgKE;CjBmTD;AGjjBC;EAQI;UAAA;CH4iBL;AqBliBC;EACE;CrBoiBH;AGvjBC;;EAQI;UAAA;CHmjBL;AqB/hBG;;EACE;CrBkiBL;AGjjBC;EACE;UAAA;CHmjBH;AiBlUC;EACE;CjBoUH;AiBjUC;EACE;CjBmUH;AiBhUC;EACE;CjBkUH;;AoBpmBC;ElBuPE;EAGF;EAHE;EAGF;CFiXD;AE5jBK;EAwMF;EAGF;EAHE;EAGF;CFuXD;AoB3mBG;ElBiPA;EAGF;EAHE;EAGF;CF6XD;AExkBK;EAwMF;EAGF;EAHE;EAGF;CFmYD;AiBjSC;EfrGE;EAGF;EAHE;EAGF;CFyYD;AEplBK;EAwMF;EAGF;EAHE;EAGF;CF+YD;;AoBzoBC;ElBuPE;EAGF;EAHE;EAGF;CFsZD;AEjmBK;EAwMF;EAGF;EAHE;EAGF;CF4ZD;AoBhpBG;ElBiPA;EAGF;EAHE;EAGF;CFkaD;AE7mBK;EAwMF;EAGF;EAHE;EAGF;CFwaD;AGzoBC;EAEI;UAAA;CH0oBL;AEtnBK;ECjBE;UAAA;CH0oBP;AqB7nBC;EACE;CrB+nBH;AGlpBC;;EAEI;UAAA;CHopBL;AEhoBK;;;ECjBE;UAAA;CHspBP;AqB/nBG;;EACE;CrBkoBL;AGjpBC;EACE;UAAA;CHmpBH;AGppBC;EACE;UAAA;CHspBH;AiBlUC;EfrIE;EAGF;EAHE;EAGF;CF0cD;AErpBK;EAwMF;EAGF;EAHE;EAGF;CFgdD;;AGjrBC;EAEI;UAAA;CHmrBL;AE/pBK;ECjBE;UAAA;CHmrBP;AqBtqBC;EACE;CrBwqBH;AG3rBC;;EAEI;UAAA;CH6rBL;AEzqBK;;;ECjBE;UAAA;CH+rBP;AqBxqBG;;EACE;CrB2qBL;AG1rBC;EACE;UAAA;CH4rBH;AG7rBC;EACE;UAAA;CH+rBH;AiB1VC;EftJE;EAGF;EAHE;EAGF;CFmfD;AE9rBK;EAwMF;EAGF;EAHE;EAGF;CFyfD;;AoBnvBC;ElBuPE;EAGF;EAHE;EAGF;CFggBD;AE3sBK;EAwMF;EAGF;EAHE;EAGF;CFsgBD;AoBtvBG;ElB6OA;EAGF;EAHE;EAGF;CF4gBD;AEvtBK;EAwMF;EAGF;EAHE;EAGF;CFkhBD;AoB5wBC;ElBuPE;EAGF;EAHE;EAGF;CFwhBD;AEnuBK;EAwMF;EAGF;EAHE;EAGF;CF8hBD;AoB9wBG;ElB6OA;EAGF;EAHE;EAGF;CFoiBD;AE/uBK;EAwMF;EAGF;EAHE;EAGF;CF0iBD;;AoB9wBC;ElBiOE;EAGF;EAHE;EAGF;CFijBD;AE5vBK;EAwMF;EAGF;EAHE;EAGF;CFujBD;AoBxxBG;ElB8NA;EAGF;EAHE;EAGF;CF6jBD;AExwBK;EAwMF;EAGF;EAHE;EAGF;CFmkBD;AoB9xBC;ElBwNE;EAGF;EAHE;EAGF;CFykBD;AEpxBK;EAwMF;EAGF;EAHE;EAGF;CF+kBD;;AazrBD;;EAEE;EACA;UAAA;Cb4rBD;;AoB/0BC;ElBuPE;EAGF;EAHE;EAGF;CF4lBD;AEvyBK;EAwMF;EAGF;EAHE;EAGF;CFkmBD;AoBt1BG;ElBiPA;EAGF;EAHE;EAGF;CFwmBD;AEnzBK;EAwMF;EAGF;EAHE;EAGF;CF8mBD;AiB/fC;EflHE;EAGF;EAHE;EAGF;CFonBD;AE/zBK;EAwMF;EAGF;EAHE;EAGF;CF0nBD;;AoBp3BC;ElBuPE;EAGF;EAHE;EAGF;CFioBD;AE50BK;EAwMF;EAGF;EAHE;EAGF;CFuoBD;AoBv3BG;ElB6OA;EAGF;EAHE;EAGF;CF6oBD;AEx1BK;EAwMF;EAGF;EAHE;EAGF;CFmpBD;;AoBv3BC;ElBiOE;EAGF;EAHE;EAGF;CF0pBD;AEr2BK;EAwMF;EAGF;EAHE;EAGF;CFgqBD;AoBj4BG;ElB8NA;EAGF;EAHE;EAGF;CFsqBD;AEj3BK;EAwMF;EAGF;EAHE;EAGF;CF4qBD;AoBv4BC;ElBwNE;EAGF;EAHE;EAGF;CFkrBD;AE73BK;EAwMF;EAGF;EAHE;EAGF;CFwrBD;;AGz5BC;EAQI;UAAA;CHq5BL;AG/4BC;EACE;UAAA;CHi5BH;AiBhxBC;EACE;CjBkxBH;AiB/wBC;EACE;CjBixBH;AiB/wBG;EACE;CjBixBL;;AiB1wBG;;EJhBF;EACA;Cb+xBD;;Aa5xBD;EIwUE;EACA;EACA;EACA;EACA;CjBwdD;AqBp9BC;;;ELuDI,kCDzCgC;Cf28BrC;AqBz9BC;;;;;;ELuDI,kCDvCiC;Cfi9BtC;AqBj+BC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChB43BP;AG77BC;EACE;UAAA;CH+7BH;AqBl9BC;EPnBI;EAGF;Cds+BH;AE57BK;EYtCE;EACA;Cdq+BP;AqB58BC;EPjCI;EAGF;Cd8+BH;AEp8BK;EYtCE;EACA;Cd6+BP;AS31BC;EAQM;CTs1BP;AiB/9BC;EDwBI,8BC2b+B;CjB+gBpC;AGp+BC;EAQI;UAAA;CH+9BL;AqBr9BC;EACE;CrBu9BH;AG1+BC;;EAQI;UAAA;CHs+BL;AqBl9BG;;EACE;CrBq9BL;AmB3gCC;EjBuPE;EAGF;EAHE;EAGF;EiBvPE;EACA,aF4euD;CjBmiB1D;AEp+BK;EAwMF;EAGF;EAHE;EAGF;CF+xBD;AiB/hBC;EACE;EACA;EACA;EACA;EACA;EACA;CjBiiBH;AiB9hBC;EACE;EACA;CjBgiBH;AiB7hBC;EACE;EACA;EACA;EACA;CjB+hBH;AqBviCC;;;EAGE,kBJqQwC;CjBoyB3C;;Aah4BD;EIkRE;CjBknBD;AiBhnBC;EAIE;CjB+mBH;AS35BC;EAQM;CTs5BP;AiB/hCC;EDwBI,8BCmZiC;CjBunBtC;AiBnnBG;EACE;CjBqnBL;AiBjnBC;EACE;CjBmnBH;;AiB1hBC;EDrdI,6BA1BM;EA6CJ;EACA;ChBi+BP;;Aa/4BD;EACE;EACA;EACA;Cbk5BD;Aah5BC;EACE;Cbk5BH;Aa/4BC;EACE,oBErKiC;EFsKjC,mBEtKiC;CfujCpC;;Aaz4BD;EACE;Cb44BD;;AiBzhBC;ED9gBI,8BDpD+B;Cf+lCpC;AiBt6BG;;EDrIE,8BDpD+B;CfmmCpC;AiBt8BC;EACE;CjBw8BH;;AqBzmCC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBqgCP;;AiB9jBC;ED3dI,6BA1BM;EA6CJ;EACA;ChB2gCP;AiB9jBC;EDjeI,6BA1BM;EA6CJ;EACA;ChBghCP;AiB7jBC;EDveI,0BA1BM;EA6CJ;EACA;ChBqhCP;AiB5jBC;ED7eI,eA1BM;EA6CJ;EACA;ChB0hCP;AkBtnCC;EFwEI,eA1BM;EA6CJ;EACA;ChB+hCP;AiB1iCC;EDTI,qBA1BM;EA6CJ;EACA;ChBoiCP;AiBp9BG;;EDpGE,eA1BM;EA6CJ;EACA;ChB0iCP;AoB7mCC;EJ+CI,eA1BM;EA6CJ;EACA;ChB+iCP;AoB/mCK;EJ4CA,eA1BM;EA6CJ;EACA;ChBojCP;AiB5gCC;EACE;CjB8gCH;;AqBnqCC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChB+jCP;AqB3qCC;;;;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBykCP;AqBrrCC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBglCP;;AqB5rCC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBwlCP;AqBpsCC;;;;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBkmCP;AqB9sCC;;;ELwFI,sBA1BM;EA6CJ;EACA;ChBymCP;;Aa3+BD;EGnLM,0BD5C+B;EEyGnC;EACA;CjBsmCD;AiBxqBC;ED5fI,yCD7D2B;CfouChC;AiBnsBC;EDpeI,2BDhD8B;Cf0tCnC;AiB5pBC;ED9gBI,2BDjDgC;Cf8tCrC;AkB1tCC;EF6CI,2BD/CsC;Cf+tC3C;AmBttCC;;EHsCI,2BD/CsC;CfmuC3C;AoBlsCC;EJcI,0BD5DyB;CfmvC9B;AiBjsBC;EDtfI,yCD9DuC;CfwvC5C;AiB1nCC;EACE;CjB4nCH;;AatgCD;EGvLM,8BC2MgC;EA6NpC;EDxaI,0BDhC6B;CfmuClC;AqB1vCC;;;ELuDI,kCDxCoC;CfgvCzC;AiB3/BC;EACE;CjB6/BH;;AG3vCC;EACE;IACE;YAAA;GH8vCH;EG3vCC;IACE;YAAA;IACA;YAAA;GH6vCH;EG1vCC;IACE;YAAA;IACA;YAAA;GH4vCH;EGzvCC;IACE;YAAA;GH2vCH;CACF;;AG5wCC;EACE;IACE;YAAA;GH8vCH;EG3vCC;IACE;YAAA;IACA;YAAA;GH6vCH;EG1vCC;IACE;YAAA;IACA;YAAA;GH4vCH;EGzvCC;IACE;YAAA;GH2vCH;CACF;AG5wCC;EACE;IACE;YAAA;GH8wCH;EG3wCC;IACE;YAAA;IACA;YAAA;GH6wCH;EG1wCC;IACE;YAAA;IACA;YAAA;GH4wCH;EGzwCC;IACE;YAAA;GH2wCH;CACF;AG5xCC;EACE;IACE;YAAA;GH8wCH;EG3wCC;IACE;YAAA;IACA;YAAA;GH6wCH;EG1wCC;IACE;YAAA;IACA;YAAA;GH4wCH;EGzwCC;IACE;YAAA;GH2wCH;CACF;AG5xCC;EACE;IACE;YAAA;GH8xCH;EG3xCC;IACE;YAAA;IACA;YAAA;GH6xCH;EG1xCC;IACE;YAAA;IACA;YAAA;GH4xCH;EGzxCC;IACE;YAAA;GH2xCH;CACF;AG5yCC;EACE;IACE;YAAA;GH8xCH;EG3xCC;IACE;YAAA;IACA;YAAA;GH6xCH;EG1xCC;IACE;YAAA;IACA;YAAA;GH4xCH;EGzxCC;IACE;YAAA;GH2xCH;CACF;AG5yCC;EACE;IACE;YAAA;GH8yCH;EG3yCC;IACE;YAAA;IACA;YAAA;GH6yCH;EG1yCC;IACE;YAAA;IACA;YAAA;GH4yCH;EGzyCC;IACE;YAAA;GH2yCH;CACF;AG5zCC;EACE;IACE;YAAA;GH8yCH;EG3yCC;IACE;YAAA;IACA;YAAA;GH6yCH;EG1yCC;IACE;YAAA;IACA;YAAA;GH4yCH;EGzyCC;IACE;YAAA;GH2yCH;CACF;AG5zCC;EACE;IACE;YAAA;GH8zCH;EG3zCC;IACE;YAAA;IACA;YAAA;GH6zCH;EG1zCC;IACE;YAAA;IACA;YAAA;GH4zCH;EGzzCC;IACE;YAAA;GH2zCH;CACF;AG50CC;EACE;IACE;YAAA;GH8zCH;EG3zCC;IACE;YAAA;IACA;YAAA;GH6zCH;EG1zCC;IACE;YAAA;IACA;YAAA;GH4zCH;EGzzCC;IACE;YAAA;GH2zCH;CACF;AG50CC;EACE;IACE;YAAA;GH80CH;EG30CC;IACE;YAAA;IACA;YAAA;GH60CH;EG10CC;IACE;YAAA;IACA;YAAA;GH40CH;EGz0CC;IACE;YAAA;GH20CH;CACF;AG51CC;EACE;IACE;YAAA;GH80CH;EG30CC;IACE;YAAA;IACA;YAAA;GH60CH;EG10CC;IACE;YAAA;IACA;YAAA;GH40CH;EGz0CC;IACE;YAAA;GH20CH;CACF;AG51CC;EACE;IACE;YAAA;GH81CH;EG31CC;IACE;YAAA;IACA;YAAA;GH61CH;EG11CC;IACE;YAAA;IACA;YAAA;GH41CH;EGz1CC;IACE;YAAA;GH21CH;CACF;AG52CC;EACE;IACE;YAAA;GH81CH;EG31CC;IACE;YAAA;IACA;YAAA;GH61CH;EG11CC;IACE;YAAA;IACA;YAAA;GH41CH;EGz1CC;IACE;YAAA;GH21CH;CACF;AG52CC;EACE;IACE;YAAA;GH82CH;EG32CC;IACE;YAAA;IACA;YAAA;GH62CH;EG12CC;IACE;YAAA;IACA;YAAA;GH42CH;EGz2CC;IACE;YAAA;GH22CH;CACF;AG53CC;EACE;IACE;YAAA;GH82CH;EG32CC;IACE;YAAA;IACA;YAAA;GH62CH;EG12CC;IACE;YAAA;IACA;YAAA;GH42CH;EGz2CC;IACE;YAAA;GH22CH","file":"mdc.textfield.css","sourcesContent":["//\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 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@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 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 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@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 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 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 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$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/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 \"@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/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"],"sourceRoot":""}