{"version":3,"sources":["webpack:///src/styles.scss?d504","webpack:///src/styles.scss","webpack:///node_modules/css-loader/dist/runtime/api.js","webpack:///node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"],"names":["api","content","__esModule","module","i","options","insert","singleton","update","exports","locals","___CSS_LOADER_EXPORT___","push","useSourceMap","list","toString","map","item","cssWithMappingToString","concat","join","modules","mediaQuery","dedupe","alreadyImportedModules","length","id","_i","cssMapping","btoa","sourceMapping","toComment","sourceURLs","sources","source","sourceRoot","sourceMap","base64","unescape","encodeURIComponent","JSON","stringify","data","isOldIE","memo","memorize","Boolean","window","document","all","atob","getTarget","target","styleTarget","querySelector","HTMLIFrameElement","contentDocument","head","e","stylesInDom","getIndexByIdentifier","identifier","result","modulesToDom","idCountMap","identifiers","base","count","index","obj","css","media","references","updater","addStyle","insertStyleElement","style","createElement","attributes","nonce","Object","keys","forEach","key","setAttribute","Error","appendChild","removeStyleElement","parentNode","removeChild","replaceText","textStore","replace","replacement","filter","applyToSingletonTag","remove","styleSheet","cssText","cssNode","createTextNode","childNodes","insertBefore","applyToTag","removeAttribute","firstChild","singletonCounter","styleIndex","bind","updateStyle","newObj","lastIdentifiers","newList","prototype","call","newLastIdentifiers","_identifier","_index","splice"],"mappings":";;;;;;;;;;;;AAAA,UAAIA,GAAG,GAAG,mBAAO;AAAC;AAAA,YAAD,CAAjB;;AACY,UAAIC,OAAO,GAAG,mBAAO;AAAC;AAAA,YAAD,CAArB;;AAEAA,aAAO,GAAGA,OAAO,CAACC,UAAR,GAAqBD,OAAO,WAA5B,GAAuCA,OAAjD;;AAEA,UAAI,OAAOA,OAAP,KAAmB,QAAvB,EAAiC;AAC/BA,eAAO,GAAG,CAAC,CAACE,MAAM,CAACC,CAAR,EAAYH,OAAZ,EAAqB,EAArB,CAAD,CAAV;AACD;;AAEb,UAAII,OAAO,GAAG,EAAd;AAEAA,aAAO,CAACC,MAAR,GAAiB,MAAjB;AACAD,aAAO,CAACE,SAAR,GAAoB,KAApB;AAEA,UAAIC,MAAM,GAAGR,GAAG,CAACC,OAAD,EAAUI,OAAV,CAAhB;AAIAF,YAAM,CAACM,OAAP,GAAiBR,OAAO,CAACS,MAAR,IAAkB,EAAnC;;;;;;;;;;;;;;;;AClBA;AAAA;;;AAAA;AAAA;AAAA;AAAA;;;AAAA,4M,CAAA;;;AAEA,UAAIC,uBAAuB,GAAG,oFAA4B,IAA5B,CAA9B;;AACAA,6BAAuB,CAACC,IAAxB,CAA6B,CAACT,MAAM,CAACC,CAAR,EAAY,uEAAZ,CAA7B;;AACAO,6BAAuB,CAACC,IAAxB,CAA6B,CAACT,MAAM,CAACC,CAAR,EAAY,gFAAZ,CAA7B;;AACAO,6BAAuB,CAACC,IAAxB,CAA6B,CAACT,MAAM,CAACC,CAAR,EAAY,gFAAZ,CAA7B,E,CACA;;;AACAO,6BAAuB,CAACC,IAAxB,CAA6B,CAACT,MAAM,CAACC,CAAR,EAAY,gipFAAZ,EAA8ipF,EAA9ipF,EAAijpF;AAAC,mBAAU,CAAX;AAAa,mBAAU,CAAC,wDAAD,EAA0D,2BAA1D,EAAsF,qDAAtF,EAA4I,uDAA5I,EAAoM,+DAApM,EAAoQ,wDAApQ,EAA6T,kEAA7T,CAAvB;AAAwZ,iBAAQ,EAAha;AAAma,oBAAW,smnBAA9a;AAAqhoB,0BAAiB,CAAC,4t7NAAD,EAA8t7N,g5EAA9t7N,EAA+mgO,yxJAA/mgO,EAAy4pO,i8gDAAz4pO,EAA20qR,ofAA30qR,EAAg0rR,mkNAAh0rR,EAAo44R,k3DAAp44R,CAAtioB;AAA8xkT,sBAAa;AAA3ykT,OAAjjpF,CAA7B,E,CACA;;AACe;;;AAAA,uCAAAO,uBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPf;;;;AAIA;AACA;;AACAR,YAAM,CAACM,OAAP,GAAiB,UAAUI,YAAV,EAAwB;AACvC,YAAIC,IAAI,GAAG,EAAX,CADuC,CACxB;;AAEfA,YAAI,CAACC,QAAL,GAAgB,SAASA,QAAT,GAAoB;AAClC,iBAAO,KAAKC,GAAL,CAAS,UAAUC,IAAV,EAAgB;AAC9B,gBAAIhB,OAAO,GAAGiB,sBAAsB,CAACD,IAAD,EAAOJ,YAAP,CAApC;;AAEA,gBAAII,IAAI,CAAC,CAAD,CAAR,EAAa;AACX,qBAAO,UAAUE,MAAV,CAAiBF,IAAI,CAAC,CAAD,CAArB,EAA0B,IAA1B,EAAgCE,MAAhC,CAAuClB,OAAvC,EAAgD,GAAhD,CAAP;AACD;;AAED,mBAAOA,OAAP;AACD,WARM,EAQJmB,IARI,CAQC,EARD,CAAP;AASD,SAVD,CAHuC,CAapC;AACH;;;AAGAN,YAAI,CAACV,CAAL,GAAS,UAAUiB,OAAV,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuC;AAC9C,cAAI,OAAOF,OAAP,KAAmB,QAAvB,EAAiC;AAC/B;AACAA,mBAAO,GAAG,CAAC,CAAC,IAAD,EAAOA,OAAP,EAAgB,EAAhB,CAAD,CAAV;AACD;;AAED,cAAIG,sBAAsB,GAAG,EAA7B;;AAEA,cAAID,MAAJ,EAAY;AACV,iBAAK,IAAInB,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG,KAAKqB,MAAzB,EAAiCrB,CAAC,EAAlC,EAAsC;AACpC;AACA,kBAAIsB,EAAE,GAAG,KAAKtB,CAAL,EAAQ,CAAR,CAAT;;AAEA,kBAAIsB,EAAE,IAAI,IAAV,EAAgB;AACdF,sCAAsB,CAACE,EAAD,CAAtB,GAA6B,IAA7B;AACD;AACF;AACF;;AAED,eAAK,IAAIC,EAAE,GAAG,CAAd,EAAiBA,EAAE,GAAGN,OAAO,CAACI,MAA9B,EAAsCE,EAAE,EAAxC,EAA4C;AAC1C,gBAAIV,IAAI,GAAG,GAAGE,MAAH,CAAUE,OAAO,CAACM,EAAD,CAAjB,CAAX;;AAEA,gBAAIJ,MAAM,IAAIC,sBAAsB,CAACP,IAAI,CAAC,CAAD,CAAL,CAApC,EAA+C;AAC7C;AACA;AACD;;AAED,gBAAIK,UAAJ,EAAgB;AACd,kBAAI,CAACL,IAAI,CAAC,CAAD,CAAT,EAAc;AACZA,oBAAI,CAAC,CAAD,CAAJ,GAAUK,UAAV;AACD,eAFD,MAEO;AACLL,oBAAI,CAAC,CAAD,CAAJ,GAAU,GAAGE,MAAH,CAAUG,UAAV,EAAsB,OAAtB,EAA+BH,MAA/B,CAAsCF,IAAI,CAAC,CAAD,CAA1C,CAAV;AACD;AACF;;AAEDH,gBAAI,CAACF,IAAL,CAAUK,IAAV;AACD;AACF,SArCD;;AAuCA,eAAOH,IAAP;AACD,OAzDD;;AA2DA,eAASI,sBAAT,CAAgCD,IAAhC,EAAsCJ,YAAtC,EAAoD;AAClD,YAAIZ,OAAO,GAAGgB,IAAI,CAAC,CAAD,CAAJ,IAAW,EAAzB,CADkD,CACrB;;AAE7B,YAAIW,UAAU,GAAGX,IAAI,CAAC,CAAD,CAArB;;AAEA,YAAI,CAACW,UAAL,EAAiB;AACf,iBAAO3B,OAAP;AACD;;AAED,YAAIY,YAAY,IAAI,OAAOgB,IAAP,KAAgB,UAApC,EAAgD;AAC9C,cAAIC,aAAa,GAAGC,SAAS,CAACH,UAAD,CAA7B;AACA,cAAII,UAAU,GAAGJ,UAAU,CAACK,OAAX,CAAmBjB,GAAnB,CAAuB,UAAUkB,MAAV,EAAkB;AACxD,mBAAO,iBAAiBf,MAAjB,CAAwBS,UAAU,CAACO,UAAX,IAAyB,EAAjD,EAAqDhB,MAArD,CAA4De,MAA5D,EAAoE,KAApE,CAAP;AACD,WAFgB,CAAjB;AAGA,iBAAO,CAACjC,OAAD,EAAUkB,MAAV,CAAiBa,UAAjB,EAA6Bb,MAA7B,CAAoC,CAACW,aAAD,CAApC,EAAqDV,IAArD,CAA0D,IAA1D,CAAP;AACD;;AAED,eAAO,CAACnB,OAAD,EAAUmB,IAAV,CAAe,IAAf,CAAP;AACD,O,CAAC;;;AAGF,eAASW,SAAT,CAAmBK,SAAnB,EAA8B;AAC5B;AACA,YAAIC,MAAM,GAAGR,IAAI,CAACS,QAAQ,CAACC,kBAAkB,CAACC,IAAI,CAACC,SAAL,CAAeL,SAAf,CAAD,CAAnB,CAAT,CAAjB;AACA,YAAIM,IAAI,GAAG,+DAA+DvB,MAA/D,CAAsEkB,MAAtE,CAAX;AACA,eAAO,OAAOlB,MAAP,CAAcuB,IAAd,EAAoB,KAApB,CAAP;;;;;;;;;;;;;;;;;;AC1FF,UAAIC,OAAO,GAAG,SAASA,OAAT,GAAmB;AAC/B,YAAIC,IAAJ;AACA,eAAO,SAASC,QAAT,GAAoB;AACzB,cAAI,OAAOD,IAAP,KAAgB,WAApB,EAAiC;AAC/B;AACA;AACA;AACA;AACA;AACAA,gBAAI,GAAGE,OAAO,CAACC,MAAM,IAAIC,QAAV,IAAsBA,QAAQ,CAACC,GAA/B,IAAsC,CAACF,MAAM,CAACG,IAA/C,CAAd;AACD;;AAED,iBAAON,IAAP;AACD,SAXD;AAYD,OAda,EAAd;;AAgBA,UAAIO,SAAS,GAAG,SAASA,SAAT,GAAqB;AACnC,YAAIP,IAAI,GAAG,EAAX;AACA,eAAO,SAASC,QAAT,CAAkBO,MAAlB,EAA0B;AAC/B,cAAI,OAAOR,IAAI,CAACQ,MAAD,CAAX,KAAwB,WAA5B,EAAyC;AACvC,gBAAIC,WAAW,GAAGL,QAAQ,CAACM,aAAT,CAAuBF,MAAvB,CAAlB,CADuC,CACW;;AAElD,gBAAIL,MAAM,CAACQ,iBAAP,IAA4BF,WAAW,YAAYN,MAAM,CAACQ,iBAA9D,EAAiF;AAC/E,kBAAI;AACF;AACA;AACAF,2BAAW,GAAGA,WAAW,CAACG,eAAZ,CAA4BC,IAA1C;AACD,eAJD,CAIE,OAAOC,CAAP,EAAU;AACV;AACAL,2BAAW,GAAG,IAAd;AACD;AACF;;AAEDT,gBAAI,CAACQ,MAAD,CAAJ,GAAeC,WAAf;AACD;;AAED,iBAAOT,IAAI,CAACQ,MAAD,CAAX;AACD,SAnBD;AAoBD,OAtBe,EAAhB;;AAwBA,UAAIO,WAAW,GAAG,EAAlB;;AAEA,eAASC,oBAAT,CAA8BC,UAA9B,EAA0C;AACxC,YAAIC,MAAM,GAAG,CAAC,CAAd;;AAEA,aAAK,IAAI1D,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGuD,WAAW,CAAClC,MAAhC,EAAwCrB,CAAC,EAAzC,EAA6C;AAC3C,cAAIuD,WAAW,CAACvD,CAAD,CAAX,CAAeyD,UAAf,KAA8BA,UAAlC,EAA8C;AAC5CC,kBAAM,GAAG1D,CAAT;AACA;AACD;AACF;;AAED,eAAO0D,MAAP;AACD;;AAED,eAASC,YAAT,CAAsBjD,IAAtB,EAA4BT,OAA5B,EAAqC;AACnC,YAAI2D,UAAU,GAAG,EAAjB;AACA,YAAIC,WAAW,GAAG,EAAlB;;AAEA,aAAK,IAAI7D,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGU,IAAI,CAACW,MAAzB,EAAiCrB,CAAC,EAAlC,EAAsC;AACpC,cAAIa,IAAI,GAAGH,IAAI,CAACV,CAAD,CAAf;AACA,cAAIsB,EAAE,GAAGrB,OAAO,CAAC6D,IAAR,GAAejD,IAAI,CAAC,CAAD,CAAJ,GAAUZ,OAAO,CAAC6D,IAAjC,GAAwCjD,IAAI,CAAC,CAAD,CAArD;AACA,cAAIkD,KAAK,GAAGH,UAAU,CAACtC,EAAD,CAAV,IAAkB,CAA9B;AACA,cAAImC,UAAU,GAAG,GAAG1C,MAAH,CAAUO,EAAV,EAAc,GAAd,EAAmBP,MAAnB,CAA0BgD,KAA1B,CAAjB;AACAH,oBAAU,CAACtC,EAAD,CAAV,GAAiByC,KAAK,GAAG,CAAzB;AACA,cAAIC,KAAK,GAAGR,oBAAoB,CAACC,UAAD,CAAhC;AACA,cAAIQ,GAAG,GAAG;AACRC,eAAG,EAAErD,IAAI,CAAC,CAAD,CADD;AAERsD,iBAAK,EAAEtD,IAAI,CAAC,CAAD,CAFH;AAGRmB,qBAAS,EAAEnB,IAAI,CAAC,CAAD;AAHP,WAAV;;AAMA,cAAImD,KAAK,KAAK,CAAC,CAAf,EAAkB;AAChBT,uBAAW,CAACS,KAAD,CAAX,CAAmBI,UAAnB;AACAb,uBAAW,CAACS,KAAD,CAAX,CAAmBK,OAAnB,CAA2BJ,GAA3B;AACD,WAHD,MAGO;AACLV,uBAAW,CAAC/C,IAAZ,CAAiB;AACfiD,wBAAU,EAAEA,UADG;AAEfY,qBAAO,EAAEC,QAAQ,CAACL,GAAD,EAAMhE,OAAN,CAFF;AAGfmE,wBAAU,EAAE;AAHG,aAAjB;AAKD;;AAEDP,qBAAW,CAACrD,IAAZ,CAAiBiD,UAAjB;AACD;;AAED,eAAOI,WAAP;AACD;;AAED,eAASU,kBAAT,CAA4BtE,OAA5B,EAAqC;AACnC,YAAIuE,KAAK,GAAG5B,QAAQ,CAAC6B,aAAT,CAAuB,OAAvB,CAAZ;AACA,YAAIC,UAAU,GAAGzE,OAAO,CAACyE,UAAR,IAAsB,EAAvC;;AAEA,YAAI,OAAOA,UAAU,CAACC,KAAlB,KAA4B,WAAhC,EAA6C;AAC3C,cAAIA,KAAK,GAAG,OAA2C,sBAA3C,GAA+D,SAA3E;;AAEA,cAAIA,KAAJ,EAAW;AACTD,sBAAU,CAACC,KAAX,GAAmBA,KAAnB;AACD;AACF;;AAEDC,cAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,OAAxB,CAAgC,UAAUC,GAAV,EAAe;AAC7CP,eAAK,CAACQ,YAAN,CAAmBD,GAAnB,EAAwBL,UAAU,CAACK,GAAD,CAAlC;AACD,SAFD;;AAIA,YAAI,OAAO9E,OAAO,CAACC,MAAf,KAA0B,UAA9B,EAA0C;AACxCD,iBAAO,CAACC,MAAR,CAAesE,KAAf;AACD,SAFD,MAEO;AACL,cAAIxB,MAAM,GAAGD,SAAS,CAAC9C,OAAO,CAACC,MAAR,IAAkB,MAAnB,CAAtB;;AAEA,cAAI,CAAC8C,MAAL,EAAa;AACX,kBAAM,IAAIiC,KAAJ,CAAU,yGAAV,CAAN;AACD;;AAEDjC,gBAAM,CAACkC,WAAP,CAAmBV,KAAnB;AACD;;AAED,eAAOA,KAAP;AACD;;AAED,eAASW,kBAAT,CAA4BX,KAA5B,EAAmC;AACjC;AACA,YAAIA,KAAK,CAACY,UAAN,KAAqB,IAAzB,EAA+B;AAC7B,iBAAO,KAAP;AACD;;AAEDZ,aAAK,CAACY,UAAN,CAAiBC,WAAjB,CAA6Bb,KAA7B;AACD;AACD;;;AAGA,UAAIc,WAAW,GAAG,SAASA,WAAT,GAAuB;AACvC,YAAIC,SAAS,GAAG,EAAhB;AACA,eAAO,SAASC,OAAT,CAAiBxB,KAAjB,EAAwByB,WAAxB,EAAqC;AAC1CF,mBAAS,CAACvB,KAAD,CAAT,GAAmByB,WAAnB;AACA,iBAAOF,SAAS,CAACG,MAAV,CAAiBhD,OAAjB,EAA0B1B,IAA1B,CAA+B,IAA/B,CAAP;AACD,SAHD;AAID,OANiB,EAAlB;;AAQA,eAAS2E,mBAAT,CAA6BnB,KAA7B,EAAoCR,KAApC,EAA2C4B,MAA3C,EAAmD3B,GAAnD,EAAwD;AACtD,YAAIC,GAAG,GAAG0B,MAAM,GAAG,EAAH,GAAQ3B,GAAG,CAACE,KAAJ,GAAY,UAAUpD,MAAV,CAAiBkD,GAAG,CAACE,KAArB,EAA4B,IAA5B,EAAkCpD,MAAlC,CAAyCkD,GAAG,CAACC,GAA7C,EAAkD,GAAlD,CAAZ,GAAqED,GAAG,CAACC,GAAjG,CADsD,CACgD;;AAEtG;;AAEA,YAAIM,KAAK,CAACqB,UAAV,EAAsB;AACpBrB,eAAK,CAACqB,UAAN,CAAiBC,OAAjB,GAA2BR,WAAW,CAACtB,KAAD,EAAQE,GAAR,CAAtC;AACD,SAFD,MAEO;AACL,cAAI6B,OAAO,GAAGnD,QAAQ,CAACoD,cAAT,CAAwB9B,GAAxB,CAAd;AACA,cAAI+B,UAAU,GAAGzB,KAAK,CAACyB,UAAvB;;AAEA,cAAIA,UAAU,CAACjC,KAAD,CAAd,EAAuB;AACrBQ,iBAAK,CAACa,WAAN,CAAkBY,UAAU,CAACjC,KAAD,CAA5B;AACD;;AAED,cAAIiC,UAAU,CAAC5E,MAAf,EAAuB;AACrBmD,iBAAK,CAAC0B,YAAN,CAAmBH,OAAnB,EAA4BE,UAAU,CAACjC,KAAD,CAAtC;AACD,WAFD,MAEO;AACLQ,iBAAK,CAACU,WAAN,CAAkBa,OAAlB;AACD;AACF;AACF;;AAED,eAASI,UAAT,CAAoB3B,KAApB,EAA2BvE,OAA3B,EAAoCgE,GAApC,EAAyC;AACvC,YAAIC,GAAG,GAAGD,GAAG,CAACC,GAAd;AACA,YAAIC,KAAK,GAAGF,GAAG,CAACE,KAAhB;AACA,YAAInC,SAAS,GAAGiC,GAAG,CAACjC,SAApB;;AAEA,YAAImC,KAAJ,EAAW;AACTK,eAAK,CAACQ,YAAN,CAAmB,OAAnB,EAA4Bb,KAA5B;AACD,SAFD,MAEO;AACLK,eAAK,CAAC4B,eAAN,CAAsB,OAAtB;AACD;;AAED,YAAIpE,SAAS,IAAIP,IAAjB,EAAuB;AACrByC,aAAG,IAAI,uDAAuDnD,MAAvD,CAA8DU,IAAI,CAACS,QAAQ,CAACC,kBAAkB,CAACC,IAAI,CAACC,SAAL,CAAeL,SAAf,CAAD,CAAnB,CAAT,CAAlE,EAA6H,KAA7H,CAAP;AACD,SAbsC,CAarC;;AAEF;;;AAGA,YAAIwC,KAAK,CAACqB,UAAV,EAAsB;AACpBrB,eAAK,CAACqB,UAAN,CAAiBC,OAAjB,GAA2B5B,GAA3B;AACD,SAFD,MAEO;AACL,iBAAOM,KAAK,CAAC6B,UAAb,EAAyB;AACvB7B,iBAAK,CAACa,WAAN,CAAkBb,KAAK,CAAC6B,UAAxB;AACD;;AAED7B,eAAK,CAACU,WAAN,CAAkBtC,QAAQ,CAACoD,cAAT,CAAwB9B,GAAxB,CAAlB;AACD;AACF;;AAED,UAAI/D,SAAS,GAAG,IAAhB;AACA,UAAImG,gBAAgB,GAAG,CAAvB;;AAEA,eAAShC,QAAT,CAAkBL,GAAlB,EAAuBhE,OAAvB,EAAgC;AAC9B,YAAIuE,KAAJ;AACA,YAAIpE,MAAJ;AACA,YAAIwF,MAAJ;;AAEA,YAAI3F,OAAO,CAACE,SAAZ,EAAuB;AACrB,cAAIoG,UAAU,GAAGD,gBAAgB,EAAjC;AACA9B,eAAK,GAAGrE,SAAS,KAAKA,SAAS,GAAGoE,kBAAkB,CAACtE,OAAD,CAAnC,CAAjB;AACAG,gBAAM,GAAGuF,mBAAmB,CAACa,IAApB,CAAyB,IAAzB,EAA+BhC,KAA/B,EAAsC+B,UAAtC,EAAkD,KAAlD,CAAT;AACAX,gBAAM,GAAGD,mBAAmB,CAACa,IAApB,CAAyB,IAAzB,EAA+BhC,KAA/B,EAAsC+B,UAAtC,EAAkD,IAAlD,CAAT;AACD,SALD,MAKO;AACL/B,eAAK,GAAGD,kBAAkB,CAACtE,OAAD,CAA1B;AACAG,gBAAM,GAAG+F,UAAU,CAACK,IAAX,CAAgB,IAAhB,EAAsBhC,KAAtB,EAA6BvE,OAA7B,CAAT;;AAEA2F,gBAAM,GAAG,SAASA,MAAT,GAAkB;AACzBT,8BAAkB,CAACX,KAAD,CAAlB;AACD,WAFD;AAGD;;AAEDpE,cAAM,CAAC6D,GAAD,CAAN;AACA,eAAO,SAASwC,WAAT,CAAqBC,MAArB,EAA6B;AAClC,cAAIA,MAAJ,EAAY;AACV,gBAAIA,MAAM,CAACxC,GAAP,KAAeD,GAAG,CAACC,GAAnB,IAA0BwC,MAAM,CAACvC,KAAP,KAAiBF,GAAG,CAACE,KAA/C,IAAwDuC,MAAM,CAAC1E,SAAP,KAAqBiC,GAAG,CAACjC,SAArF,EAAgG;AAC9F;AACD;;AAED5B,kBAAM,CAAC6D,GAAG,GAAGyC,MAAP,CAAN;AACD,WAND,MAMO;AACLd,kBAAM;AACP;AACF,SAVD;AAWD;;AAED7F,YAAM,CAACM,OAAP,GAAiB,UAAUK,IAAV,EAAgBT,OAAhB,EAAyB;AACxCA,eAAO,GAAGA,OAAO,IAAI,EAArB,CADwC,CACf;AACzB;;AAEA,YAAI,CAACA,OAAO,CAACE,SAAT,IAAsB,OAAOF,OAAO,CAACE,SAAf,KAA6B,SAAvD,EAAkE;AAChEF,iBAAO,CAACE,SAAR,GAAoBoC,OAAO,EAA3B;AACD;;AAED7B,YAAI,GAAGA,IAAI,IAAI,EAAf;AACA,YAAIiG,eAAe,GAAGhD,YAAY,CAACjD,IAAD,EAAOT,OAAP,CAAlC;AACA,eAAO,SAASG,MAAT,CAAgBwG,OAAhB,EAAyB;AAC9BA,iBAAO,GAAGA,OAAO,IAAI,EAArB;;AAEA,cAAIhC,MAAM,CAACiC,SAAP,CAAiBlG,QAAjB,CAA0BmG,IAA1B,CAA+BF,OAA/B,MAA4C,gBAAhD,EAAkE;AAChE;AACD;;AAED,eAAK,IAAI5G,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAG2G,eAAe,CAACtF,MAApC,EAA4CrB,CAAC,EAA7C,EAAiD;AAC/C,gBAAIyD,UAAU,GAAGkD,eAAe,CAAC3G,CAAD,CAAhC;AACA,gBAAIgE,KAAK,GAAGR,oBAAoB,CAACC,UAAD,CAAhC;AACAF,uBAAW,CAACS,KAAD,CAAX,CAAmBI,UAAnB;AACD;;AAED,cAAI2C,kBAAkB,GAAGpD,YAAY,CAACiD,OAAD,EAAU3G,OAAV,CAArC;;AAEA,eAAK,IAAIsB,EAAE,GAAG,CAAd,EAAiBA,EAAE,GAAGoF,eAAe,CAACtF,MAAtC,EAA8CE,EAAE,EAAhD,EAAoD;AAClD,gBAAIyF,WAAW,GAAGL,eAAe,CAACpF,EAAD,CAAjC;;AAEA,gBAAI0F,MAAM,GAAGzD,oBAAoB,CAACwD,WAAD,CAAjC;;AAEA,gBAAIzD,WAAW,CAAC0D,MAAD,CAAX,CAAoB7C,UAApB,KAAmC,CAAvC,EAA0C;AACxCb,yBAAW,CAAC0D,MAAD,CAAX,CAAoB5C,OAApB;;AAEAd,yBAAW,CAAC2D,MAAZ,CAAmBD,MAAnB,EAA2B,CAA3B;AACD;AACF;;AAEDN,yBAAe,GAAGI,kBAAlB;AACD,SA5BD;AA6BD,OAvCD","file":"styles-es5.js","sourcesContent":["var api = require(\"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../node_modules/css-loader/dist/cjs.js??ref--13-1!../node_modules/postcss-loader/src/index.js??embedded!../node_modules/resolve-url-loader/index.js??ref--13-3!../node_modules/sass-loader/dist/cjs.js??ref--13-4!./styles.scss\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","// Imports\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(true);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/icon?family=Material+Icons+Outlined);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\\n/* Colors for the ripple elements.*/\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n/* stylelint-disable material/no-prefixes */\\n/* stylelint-enable */\\n.mat-badge-content {\\n  font-weight: 600;\\n  font-size: 12px;\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-badge-small .mat-badge-content {\\n  font-size: 9px;\\n}\\n.mat-badge-large .mat-badge-content {\\n  font-size: 24px;\\n}\\n.mat-h1, .mat-headline, .mat-typography h1 {\\n  font: 400 24px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0 0 16px;\\n}\\n.mat-h2, .mat-title, .mat-typography h2 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0 0 16px;\\n}\\n.mat-h3, .mat-subheading-2, .mat-typography h3 {\\n  font: 400 16px/28px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0 0 16px;\\n}\\n.mat-h4, .mat-subheading-1, .mat-typography h4 {\\n  font: 400 15px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0 0 16px;\\n}\\n.mat-h5, .mat-typography h5 {\\n  font: 400 calc(14px * 0.83)/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n.mat-h6, .mat-typography h6 {\\n  font: 400 calc(14px * 0.67)/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  margin: 0 0 12px;\\n}\\n.mat-body-strong, .mat-body-2 {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-body, .mat-body-1, .mat-typography {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-body p, .mat-body-1 p, .mat-typography p {\\n  margin: 0 0 12px;\\n}\\n.mat-small, .mat-caption {\\n  font: 400 12px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-display-4, .mat-typography .mat-display-4 {\\n  font: 300 112px/112px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: -0.05em;\\n  margin: 0 0 56px;\\n}\\n.mat-display-3, .mat-typography .mat-display-3 {\\n  font: 400 56px/56px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: -0.02em;\\n  margin: 0 0 64px;\\n}\\n.mat-display-2, .mat-typography .mat-display-2 {\\n  font: 400 45px/48px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: -0.005em;\\n  margin: 0 0 64px;\\n}\\n.mat-display-1, .mat-typography .mat-display-1 {\\n  font: 400 34px/40px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0 0 64px;\\n}\\n.mat-bottom-sheet-container {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n.mat-flat-button, .mat-fab, .mat-mini-fab {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-button-toggle {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-card {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-card-title {\\n  font-size: 24px;\\n  font-weight: 500;\\n}\\n.mat-card-header .mat-card-title {\\n  font-size: 20px;\\n}\\n.mat-card-subtitle,\\n.mat-card-content {\\n  font-size: 14px;\\n}\\n.mat-checkbox {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-checkbox-layout .mat-checkbox-label {\\n  line-height: 24px;\\n}\\n.mat-chip {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-chip .mat-chip-trailing-icon.mat-icon,\\n.mat-chip .mat-chip-remove.mat-icon {\\n  font-size: 18px;\\n}\\n.mat-table {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-header-cell {\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n.mat-cell, .mat-footer-cell {\\n  font-size: 14px;\\n}\\n.mat-calendar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-calendar-body {\\n  font-size: 13px;\\n}\\n.mat-calendar-body-label,\\n.mat-calendar-period-button {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-calendar-table-header th {\\n  font-size: 11px;\\n  font-weight: 400;\\n}\\n.mat-dialog-title {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-expansion-panel-header {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 15px;\\n  font-weight: 400;\\n}\\n.mat-expansion-panel-content {\\n  font: 400 14px/20px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-form-field {\\n  font-size: inherit;\\n  font-weight: 400;\\n  line-height: 1.125;\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-form-field-wrapper {\\n  padding-bottom: 1.34375em;\\n}\\n.mat-form-field-prefix .mat-icon,\\n.mat-form-field-suffix .mat-icon {\\n  font-size: 150%;\\n  line-height: 1.125;\\n}\\n.mat-form-field-prefix .mat-icon-button,\\n.mat-form-field-suffix .mat-icon-button {\\n  height: 1.5em;\\n  width: 1.5em;\\n}\\n.mat-form-field-prefix .mat-icon-button .mat-icon,\\n.mat-form-field-suffix .mat-icon-button .mat-icon {\\n  height: 1.125em;\\n  line-height: 1.125;\\n}\\n.mat-form-field-infix {\\n  padding: 0.5em 0;\\n  border-top: 0.84375em solid transparent;\\n}\\n.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.34375em) scale(0.75);\\n  width: 133.3333333333%;\\n}\\n.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.34374em) scale(0.75);\\n  width: 133.3333433333%;\\n}\\n.mat-form-field-label-wrapper {\\n  top: -0.84375em;\\n  padding-top: 0.84375em;\\n}\\n.mat-form-field-label {\\n  top: 1.34375em;\\n}\\n.mat-form-field-underline {\\n  bottom: 1.34375em;\\n}\\n.mat-form-field-subscript-wrapper {\\n  font-size: 75%;\\n  margin-top: 0.6666666667em;\\n  top: calc(100% - 1.7916666667em);\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-wrapper {\\n  padding-bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-infix {\\n  padding: 0.4375em 0;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);\\n  -ms-transform: translateY(-1.28125em) scale(0.75);\\n  width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);\\n  -ms-transform: translateY(-1.28124em) scale(0.75);\\n  width: 133.3333433333%;\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);\\n  -ms-transform: translateY(-1.28123em) scale(0.75);\\n  width: 133.3333533333%;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-label {\\n  top: 1.28125em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-underline {\\n  bottom: 1.25em;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {\\n  margin-top: 0.5416666667em;\\n  top: calc(100% - 1.6666666667em);\\n}\\n@media print {\\n  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n    transform: translateY(-1.28122em) scale(0.75);\\n  }\\n  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {\\n    transform: translateY(-1.28121em) scale(0.75);\\n  }\\n  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n    transform: translateY(-1.2812em) scale(0.75);\\n  }\\n}\\n.mat-form-field-appearance-fill .mat-form-field-infix {\\n  padding: 0.25em 0 0.75em 0;\\n}\\n.mat-form-field-appearance-fill .mat-form-field-label {\\n  top: 1.09375em;\\n  margin-top: -0.5em;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-0.59375em) scale(0.75);\\n  width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-0.59374em) scale(0.75);\\n  width: 133.3333433333%;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-infix {\\n  padding: 1em 0 1em 0;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-label {\\n  top: 1.84375em;\\n  margin-top: -0.25em;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.59375em) scale(0.75);\\n  width: 133.3333333333%;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {\\n  transform: translateY(-1.59374em) scale(0.75);\\n  width: 133.3333433333%;\\n}\\n.mat-grid-tile-header,\\n.mat-grid-tile-footer {\\n  font-size: 14px;\\n}\\n.mat-grid-tile-header .mat-line,\\n.mat-grid-tile-footer .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n.mat-grid-tile-header .mat-line:nth-child(n+2),\\n.mat-grid-tile-footer .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\ninput.mat-input-element {\\n  margin-top: -0.0625em;\\n}\\n.mat-menu-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 400;\\n}\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n}\\n.mat-radio-button {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-select {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-select-trigger {\\n  height: 1.125em;\\n}\\n.mat-slide-toggle-content {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-slider-thumb-label-text {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n.mat-stepper-vertical, .mat-stepper-horizontal {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-step-label {\\n  font-size: 14px;\\n  font-weight: 400;\\n}\\n.mat-step-sub-label-error {\\n  font-weight: normal;\\n}\\n.mat-step-label-error {\\n  font-size: 14px;\\n}\\n.mat-step-label-selected {\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-tab-group {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-tab-label, .mat-tab-link {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-toolbar,\\n.mat-toolbar h1,\\n.mat-toolbar h2,\\n.mat-toolbar h3,\\n.mat-toolbar h4,\\n.mat-toolbar h5,\\n.mat-toolbar h6 {\\n  font: 500 20px/32px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n  margin: 0;\\n}\\n.mat-tooltip {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 10px;\\n  padding-top: 6px;\\n  padding-bottom: 6px;\\n}\\n.mat-tooltip-handset {\\n  font-size: 14px;\\n  padding-top: 8px;\\n  padding-bottom: 8px;\\n}\\n.mat-list-item {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-list-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-list-base .mat-list-item {\\n  font-size: 16px;\\n}\\n.mat-list-base .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n.mat-list-base .mat-list-option {\\n  font-size: 16px;\\n}\\n.mat-list-base .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 14px;\\n}\\n.mat-list-base .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n  font-weight: 500;\\n}\\n.mat-list-base[dense] .mat-list-item {\\n  font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option {\\n  font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n  display: block;\\n  box-sizing: border-box;\\n}\\n.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {\\n  font-size: 12px;\\n}\\n.mat-list-base[dense] .mat-subheader {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 12px;\\n  font-weight: 500;\\n}\\n.mat-option {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 16px;\\n}\\n.mat-optgroup-label {\\n  font: 500 14px/24px Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  letter-spacing: normal;\\n}\\n.mat-simple-snackbar {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n  font-size: 14px;\\n}\\n.mat-simple-snackbar-action {\\n  line-height: 1;\\n  font-family: inherit;\\n  font-size: inherit;\\n  font-weight: 500;\\n}\\n.mat-tree {\\n  font-family: Roboto, \\\"Helvetica Neue\\\", sans-serif;\\n}\\n.mat-tree-node,\\n.mat-nested-tree-node {\\n  font-weight: 400;\\n  font-size: 14px;\\n}\\n.mat-ripple {\\n  overflow: hidden;\\n  position: relative;\\n}\\n.mat-ripple:not(:empty) {\\n  transform: translateZ(0);\\n}\\n.mat-ripple.mat-ripple-unbounded {\\n  overflow: visible;\\n}\\n.mat-ripple-element {\\n  position: absolute;\\n  border-radius: 50%;\\n  pointer-events: none;\\n  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n  transform: scale(0);\\n}\\n.cdk-high-contrast-active .mat-ripple-element {\\n  display: none;\\n}\\n.cdk-visually-hidden {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n  outline: 0;\\n  -webkit-appearance: none;\\n  -moz-appearance: none;\\n}\\n.cdk-overlay-container, .cdk-global-overlay-wrapper {\\n  pointer-events: none;\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: 100%;\\n}\\n.cdk-overlay-container {\\n  position: fixed;\\n  z-index: 1000;\\n}\\n.cdk-overlay-container:empty {\\n  display: none;\\n}\\n.cdk-global-overlay-wrapper {\\n  display: flex;\\n  position: absolute;\\n  z-index: 1000;\\n}\\n.cdk-overlay-pane {\\n  position: absolute;\\n  pointer-events: auto;\\n  box-sizing: border-box;\\n  z-index: 1000;\\n  display: flex;\\n  max-width: 100%;\\n  max-height: 100%;\\n}\\n.cdk-overlay-backdrop {\\n  position: absolute;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 1000;\\n  pointer-events: auto;\\n  -webkit-tap-highlight-color: transparent;\\n  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\\n  opacity: 0;\\n}\\n.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 1;\\n}\\n@media screen and (-ms-high-contrast: active) {\\n  .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\\n    opacity: 0.6;\\n  }\\n}\\n.cdk-overlay-dark-backdrop {\\n  background: rgba(0, 0, 0, 0.32);\\n}\\n.cdk-overlay-transparent-backdrop, .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\\n  opacity: 0;\\n}\\n.cdk-overlay-connected-position-bounding-box {\\n  position: absolute;\\n  z-index: 1000;\\n  display: flex;\\n  flex-direction: column;\\n  min-width: 1px;\\n  min-height: 1px;\\n}\\n.cdk-global-scrollblock {\\n  position: fixed;\\n  width: 100%;\\n  overflow-y: scroll;\\n}\\n@-webkit-keyframes cdk-text-field-autofill-start {\\n  /*!*/\\n}\\n@keyframes cdk-text-field-autofill-start {\\n  /*!*/\\n}\\n@-webkit-keyframes cdk-text-field-autofill-end {\\n  /*!*/\\n}\\n@keyframes cdk-text-field-autofill-end {\\n  /*!*/\\n}\\n.cdk-text-field-autofill-monitored:-webkit-autofill {\\n  -webkit-animation: cdk-text-field-autofill-start 0s 1ms;\\n          animation: cdk-text-field-autofill-start 0s 1ms;\\n}\\n.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\\n  -webkit-animation: cdk-text-field-autofill-end 0s 1ms;\\n          animation: cdk-text-field-autofill-end 0s 1ms;\\n}\\ntextarea.cdk-textarea-autosize {\\n  resize: none;\\n}\\ntextarea.cdk-textarea-autosize-measuring {\\n  padding: 2px 0 !important;\\n  box-sizing: content-box !important;\\n  height: auto !important;\\n  overflow: hidden !important;\\n}\\ntextarea.cdk-textarea-autosize-measuring-firefox {\\n  padding: 2px 0 !important;\\n  box-sizing: content-box !important;\\n  height: 0 !important;\\n}\\n.mat-focus-indicator {\\n  position: relative;\\n}\\n.mat-mdc-focus-indicator {\\n  position: relative;\\n}\\n.mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n.mat-option {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n.mat-option.mat-active {\\n  background: rgba(0, 0, 0, 0.04);\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-option.mat-option-disabled {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #00778b;\\n}\\n.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #6fb9c3;\\n}\\n.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n  color: #f44336;\\n}\\n.mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-optgroup-disabled .mat-optgroup-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-pseudo-checkbox {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-pseudo-checkbox::after {\\n  color: #fafafa;\\n}\\n.mat-pseudo-checkbox-disabled {\\n  color: #b0b0b0;\\n}\\n.mat-primary .mat-pseudo-checkbox-checked,\\n.mat-primary .mat-pseudo-checkbox-indeterminate {\\n  background: #00778b;\\n}\\n.mat-pseudo-checkbox-checked,\\n.mat-pseudo-checkbox-indeterminate,\\n.mat-accent .mat-pseudo-checkbox-checked,\\n.mat-accent .mat-pseudo-checkbox-indeterminate {\\n  background: #6fb9c3;\\n}\\n.mat-warn .mat-pseudo-checkbox-checked,\\n.mat-warn .mat-pseudo-checkbox-indeterminate {\\n  background: #f44336;\\n}\\n.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,\\n.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {\\n  background: #b0b0b0;\\n}\\n.mat-app-background {\\n  background-color: #fafafa;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-elevation-z0 {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z1 {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z2 {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z3 {\\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z4 {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z5 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z6 {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z7 {\\n  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z8 {\\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z9 {\\n  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z10 {\\n  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z11 {\\n  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z12 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z13 {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z14 {\\n  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z15 {\\n  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z16 {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z17 {\\n  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z18 {\\n  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z19 {\\n  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z20 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z21 {\\n  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z22 {\\n  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z23 {\\n  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);\\n}\\n.mat-elevation-z24 {\\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n}\\n.mat-theme-loaded-marker {\\n  display: none;\\n}\\n.mat-autocomplete-panel {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-autocomplete-panel:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n  background: white;\\n}\\n.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-badge-content {\\n  color: white;\\n  background: #00778b;\\n}\\n.cdk-high-contrast-active .mat-badge-content {\\n  outline: solid 1px;\\n  border-radius: 0;\\n}\\n.mat-badge-accent .mat-badge-content {\\n  background: #6fb9c3;\\n  color: black;\\n}\\n.mat-badge-warn .mat-badge-content {\\n  color: white;\\n  background: #f44336;\\n}\\n.mat-badge {\\n  position: relative;\\n}\\n.mat-badge-hidden .mat-badge-content {\\n  display: none;\\n}\\n.mat-badge-disabled .mat-badge-content {\\n  background: #b9b9b9;\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-badge-content {\\n  position: absolute;\\n  text-align: center;\\n  display: inline-block;\\n  border-radius: 50%;\\n  transition: transform 200ms ease-in-out;\\n  transform: scale(0.6);\\n  overflow: hidden;\\n  white-space: nowrap;\\n  text-overflow: ellipsis;\\n  pointer-events: none;\\n}\\n.ng-animate-disabled .mat-badge-content,\\n.mat-badge-content._mat-animation-noopable {\\n  transition: none;\\n}\\n.mat-badge-content.mat-badge-active {\\n  transform: none;\\n}\\n.mat-badge-small .mat-badge-content {\\n  width: 16px;\\n  height: 16px;\\n  line-height: 16px;\\n}\\n.mat-badge-small.mat-badge-above .mat-badge-content {\\n  top: -8px;\\n}\\n.mat-badge-small.mat-badge-below .mat-badge-content {\\n  bottom: -8px;\\n}\\n.mat-badge-small.mat-badge-before .mat-badge-content {\\n  left: -16px;\\n}\\n[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -16px;\\n}\\n.mat-badge-small.mat-badge-after .mat-badge-content {\\n  right: -16px;\\n}\\n[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -16px;\\n}\\n.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: -8px;\\n}\\n[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -8px;\\n}\\n.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: -8px;\\n}\\n[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -8px;\\n}\\n.mat-badge-medium .mat-badge-content {\\n  width: 22px;\\n  height: 22px;\\n  line-height: 22px;\\n}\\n.mat-badge-medium.mat-badge-above .mat-badge-content {\\n  top: -11px;\\n}\\n.mat-badge-medium.mat-badge-below .mat-badge-content {\\n  bottom: -11px;\\n}\\n.mat-badge-medium.mat-badge-before .mat-badge-content {\\n  left: -22px;\\n}\\n[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -22px;\\n}\\n.mat-badge-medium.mat-badge-after .mat-badge-content {\\n  right: -22px;\\n}\\n[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -22px;\\n}\\n.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: -11px;\\n}\\n[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -11px;\\n}\\n.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: -11px;\\n}\\n[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -11px;\\n}\\n.mat-badge-large .mat-badge-content {\\n  width: 28px;\\n  height: 28px;\\n  line-height: 28px;\\n}\\n.mat-badge-large.mat-badge-above .mat-badge-content {\\n  top: -14px;\\n}\\n.mat-badge-large.mat-badge-below .mat-badge-content {\\n  bottom: -14px;\\n}\\n.mat-badge-large.mat-badge-before .mat-badge-content {\\n  left: -28px;\\n}\\n[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -28px;\\n}\\n.mat-badge-large.mat-badge-after .mat-badge-content {\\n  right: -28px;\\n}\\n[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -28px;\\n}\\n.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: -14px;\\n}\\n[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {\\n  left: auto;\\n  right: -14px;\\n}\\n.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: -14px;\\n}\\n[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {\\n  right: auto;\\n  left: -14px;\\n}\\n.mat-bottom-sheet-container {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-button, .mat-icon-button, .mat-stroked-button {\\n  color: inherit;\\n  background: transparent;\\n}\\n.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {\\n  color: #00778b;\\n}\\n.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {\\n  color: #6fb9c3;\\n}\\n.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {\\n  color: #f44336;\\n}\\n.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {\\n  background-color: #00778b;\\n}\\n.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {\\n  background-color: #6fb9c3;\\n}\\n.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {\\n  background-color: #f44336;\\n}\\n.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {\\n  background-color: transparent;\\n}\\n.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {\\n  opacity: 0.1;\\n  background-color: currentColor;\\n}\\n.mat-button-focus-overlay {\\n  background: black;\\n}\\n.mat-stroked-button:not(.mat-button-disabled) {\\n  border-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {\\n  color: rgba(0, 0, 0, 0.87);\\n  background-color: white;\\n}\\n.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {\\n  color: white;\\n}\\n.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {\\n  color: black;\\n}\\n.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {\\n  color: white;\\n}\\n.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {\\n  background-color: #00778b;\\n}\\n.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {\\n  background-color: #6fb9c3;\\n}\\n.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {\\n  background-color: #f44336;\\n}\\n.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.1);\\n}\\n.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.1);\\n}\\n.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-raised-button:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\\n}\\n.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\\n}\\n.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-standalone,\\n.mat-button-toggle-group {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.mat-button-toggle-group-appearance-standard {\\n  box-shadow: none;\\n}\\n.mat-button-toggle {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-button-toggle .mat-button-toggle-focus-overlay {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-appearance-standard {\\n  color: rgba(0, 0, 0, 0.87);\\n  background: white;\\n}\\n.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {\\n  background-color: black;\\n}\\n.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n  border-left: none;\\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {\\n  border-left: none;\\n  border-right: none;\\n  border-top: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-checked {\\n  background-color: #e0e0e0;\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-button-toggle-checked.mat-button-toggle-appearance-standard {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-button-toggle-disabled {\\n  color: rgba(0, 0, 0, 0.26);\\n  background-color: #eeeeee;\\n}\\n.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {\\n  background: white;\\n}\\n.mat-button-toggle-disabled.mat-button-toggle-checked {\\n  background-color: #bdbdbd;\\n}\\n.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n.mat-button-toggle-group-appearance-standard {\\n  border: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n  line-height: 48px;\\n}\\n.mat-card {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-card:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-card-subtitle {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-checkbox-frame {\\n  border-color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-checkbox-checkmark {\\n  fill: #fafafa;\\n}\\n.mat-checkbox-checkmark-path {\\n  stroke: #fafafa !important;\\n}\\n.mat-checkbox-mixedmark {\\n  background-color: #fafafa;\\n}\\n.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {\\n  background-color: #00778b;\\n}\\n.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {\\n  background-color: #6fb9c3;\\n}\\n.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {\\n  background-color: #f44336;\\n}\\n.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {\\n  background-color: #b0b0b0;\\n}\\n.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {\\n  border-color: #b0b0b0;\\n}\\n.mat-checkbox-disabled .mat-checkbox-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-checkbox .mat-ripple-element {\\n  background-color: black;\\n}\\n.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,\\n.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {\\n  background: #00778b;\\n}\\n.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,\\n.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {\\n  background: #6fb9c3;\\n}\\n.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,\\n.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {\\n  background: #f44336;\\n}\\n.mat-chip.mat-standard-chip {\\n  background-color: #e0e0e0;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-chip.mat-standard-chip .mat-chip-remove {\\n  color: rgba(0, 0, 0, 0.87);\\n  opacity: 0.4;\\n}\\n.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {\\n  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {\\n  opacity: 0.54;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-disabled {\\n  opacity: 0.4;\\n}\\n.mat-chip.mat-standard-chip::after {\\n  background: black;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {\\n  background-color: #00778b;\\n  color: white;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {\\n  color: white;\\n  opacity: 0.4;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.1);\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {\\n  background-color: #f44336;\\n  color: white;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {\\n  color: white;\\n  opacity: 0.4;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.1);\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {\\n  background-color: #6fb9c3;\\n  color: black;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {\\n  color: black;\\n  opacity: 0.4;\\n}\\n.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.1);\\n}\\n.mat-table {\\n  background: white;\\n}\\n.mat-table thead, .mat-table tbody, .mat-table tfoot,\\nmat-header-row, mat-row, mat-footer-row,\\n[mat-header-row], [mat-row], [mat-footer-row],\\n.mat-table-sticky {\\n  background: inherit;\\n}\\nmat-row, mat-header-row, mat-footer-row,\\nth.mat-header-cell, td.mat-cell, td.mat-footer-cell {\\n  border-bottom-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-header-cell {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-cell, .mat-footer-cell {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-calendar-arrow {\\n  border-top-color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-datepicker-toggle,\\n.mat-datepicker-content .mat-calendar-next-button,\\n.mat-datepicker-content .mat-calendar-previous-button {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-calendar-table-header {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-calendar-table-header-divider::after {\\n  background: rgba(0, 0, 0, 0.12);\\n}\\n.mat-calendar-body-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-calendar-body-cell-content,\\n.mat-date-range-input-separator {\\n  color: rgba(0, 0, 0, 0.87);\\n  border-color: transparent;\\n}\\n.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-form-field-disabled .mat-date-range-input-separator {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),\\n.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n  background-color: rgba(0, 0, 0, 0.04);\\n}\\n.mat-calendar-body-in-preview {\\n  color: rgba(0, 0, 0, 0.24);\\n}\\n.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n  border-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n  border-color: rgba(0, 0, 0, 0.18);\\n}\\n.mat-calendar-body-in-range::before {\\n  background: rgba(0, 119, 139, 0.2);\\n}\\n.mat-calendar-body-comparison-identical,\\n.mat-calendar-body-in-comparison-range::before {\\n  background: rgba(249, 171, 0, 0.2);\\n}\\n.mat-calendar-body-comparison-bridge-start::before,\\n[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n  background: linear-gradient(to right, rgba(0, 119, 139, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-calendar-body-comparison-bridge-end::before,\\n[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n  background: linear-gradient(to left, rgba(0, 119, 139, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n  background: #a8dab5;\\n}\\n.mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n  background: #46a35e;\\n}\\n.mat-calendar-body-selected {\\n  background-color: #00778b;\\n  color: white;\\n}\\n.mat-calendar-body-disabled > .mat-calendar-body-selected {\\n  background-color: rgba(0, 119, 139, 0.4);\\n}\\n.mat-calendar-body-today.mat-calendar-body-selected {\\n  box-shadow: inset 0 0 0 1px white;\\n}\\n.mat-datepicker-content {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n  background-color: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {\\n  background: rgba(111, 185, 195, 0.2);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,\\n.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {\\n  background: rgba(249, 171, 0, 0.2);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,\\n.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n  background: linear-gradient(to right, rgba(111, 185, 195, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,\\n.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n  background: linear-gradient(to left, rgba(111, 185, 195, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n  background: #a8dab5;\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n  background: #46a35e;\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-selected {\\n  background-color: #6fb9c3;\\n  color: black;\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n  background-color: rgba(111, 185, 195, 0.4);\\n}\\n.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {\\n  box-shadow: inset 0 0 0 1px black;\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {\\n  background: rgba(244, 67, 54, 0.2);\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,\\n.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {\\n  background: rgba(249, 171, 0, 0.2);\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,\\n.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {\\n  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,\\n.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {\\n  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n  background: #a8dab5;\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n  background: #46a35e;\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-selected {\\n  background-color: #f44336;\\n  color: white;\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n  background-color: rgba(244, 67, 54, 0.4);\\n}\\n.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {\\n  box-shadow: inset 0 0 0 1px white;\\n}\\n.mat-datepicker-content-touch {\\n  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-datepicker-toggle-active {\\n  color: #00778b;\\n}\\n.mat-datepicker-toggle-active.mat-accent {\\n  color: #6fb9c3;\\n}\\n.mat-datepicker-toggle-active.mat-warn {\\n  color: #f44336;\\n}\\n.mat-date-range-input-inner[disabled] {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-dialog-container {\\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-divider {\\n  border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-divider-vertical {\\n  border-right-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-expansion-panel {\\n  background: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-expansion-panel:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-action-row {\\n  border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n@media (hover: none) {\\n  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {\\n    background: white;\\n  }\\n}\\n.mat-expansion-panel-header-title {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-expansion-panel-header-description,\\n.mat-expansion-indicator::after {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-expansion-panel-header[aria-disabled=true] {\\n  color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,\\n.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {\\n  color: inherit;\\n}\\n.mat-expansion-panel-header {\\n  height: 48px;\\n}\\n.mat-expansion-panel-header.mat-expanded {\\n  height: 64px;\\n}\\n.mat-form-field-label {\\n  color: rgba(0, 0, 0, 0.6);\\n}\\n.mat-hint {\\n  color: rgba(0, 0, 0, 0.6);\\n}\\n.mat-form-field.mat-focused .mat-form-field-label {\\n  color: #00778b;\\n}\\n.mat-form-field.mat-focused .mat-form-field-label.mat-accent {\\n  color: #6fb9c3;\\n}\\n.mat-form-field.mat-focused .mat-form-field-label.mat-warn {\\n  color: #f44336;\\n}\\n.mat-focused .mat-form-field-required-marker {\\n  color: #6fb9c3;\\n}\\n.mat-form-field-ripple {\\n  background-color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-form-field.mat-focused .mat-form-field-ripple {\\n  background-color: #00778b;\\n}\\n.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {\\n  background-color: #6fb9c3;\\n}\\n.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {\\n  background-color: #f44336;\\n}\\n.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {\\n  color: #00778b;\\n}\\n.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {\\n  color: #6fb9c3;\\n}\\n.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {\\n  color: #f44336;\\n}\\n.mat-form-field.mat-form-field-invalid .mat-form-field-label {\\n  color: #f44336;\\n}\\n.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,\\n.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {\\n  color: #f44336;\\n}\\n.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,\\n.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {\\n  background-color: #f44336;\\n}\\n.mat-error {\\n  color: #f44336;\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-label {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-form-field-appearance-legacy .mat-hint {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-form-field-appearance-legacy .mat-form-field-underline {\\n  background-color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {\\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n  background-size: 4px 100%;\\n  background-repeat: repeat-x;\\n}\\n.mat-form-field-appearance-standard .mat-form-field-underline {\\n  background-color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {\\n  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);\\n  background-size: 4px 100%;\\n  background-repeat: repeat-x;\\n}\\n.mat-form-field-appearance-fill .mat-form-field-flex {\\n  background-color: rgba(0, 0, 0, 0.04);\\n}\\n.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {\\n  background-color: rgba(0, 0, 0, 0.02);\\n}\\n.mat-form-field-appearance-fill .mat-form-field-underline::before {\\n  background-color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {\\n  background-color: transparent;\\n}\\n.mat-form-field-appearance-outline .mat-form-field-outline {\\n  color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-form-field-appearance-outline .mat-form-field-outline-thick {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {\\n  color: #00778b;\\n}\\n.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {\\n  color: #6fb9c3;\\n}\\n.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {\\n  color: #f44336;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {\\n  color: #f44336;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {\\n  color: rgba(0, 0, 0, 0.06);\\n}\\n.mat-icon.mat-primary {\\n  color: #00778b;\\n}\\n.mat-icon.mat-accent {\\n  color: #6fb9c3;\\n}\\n.mat-icon.mat-warn {\\n  color: #f44336;\\n}\\n.mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-input-element:disabled,\\n.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-input-element {\\n  caret-color: #00778b;\\n}\\n.mat-input-element::-moz-placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-input-element::placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-input-element::-moz-placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-input-element::-webkit-input-placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-input-element:-ms-input-placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-form-field.mat-accent .mat-input-element {\\n  caret-color: #6fb9c3;\\n}\\n.mat-form-field.mat-warn .mat-input-element,\\n.mat-form-field-invalid .mat-input-element {\\n  caret-color: #f44336;\\n}\\n.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n  color: #f44336;\\n}\\n.mat-list-base .mat-list-item {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-list-base .mat-list-option {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-list-base .mat-subheader {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-list-item-disabled {\\n  background-color: #eeeeee;\\n}\\n.mat-list-option:hover, .mat-list-option:focus,\\n.mat-nav-list .mat-list-item:hover,\\n.mat-nav-list .mat-list-item:focus,\\n.mat-action-list .mat-list-item:hover,\\n.mat-action-list .mat-list-item:focus {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {\\n  background: rgba(0, 0, 0, 0.12);\\n}\\n.mat-menu-panel {\\n  background: white;\\n}\\n.mat-menu-panel:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-menu-item {\\n  background: transparent;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-menu-item[disabled], .mat-menu-item[disabled]::after {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-menu-item .mat-icon-no-color,\\n.mat-menu-item-submenu-trigger::after {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-menu-item:hover:not([disabled]),\\n.mat-menu-item.cdk-program-focused:not([disabled]),\\n.mat-menu-item.cdk-keyboard-focused:not([disabled]),\\n.mat-menu-item-highlighted:not([disabled]) {\\n  background: rgba(0, 0, 0, 0.04);\\n}\\n.mat-paginator {\\n  background: white;\\n}\\n.mat-paginator,\\n.mat-paginator-page-size .mat-select-trigger {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-paginator-decrement,\\n.mat-paginator-increment {\\n  border-top: 2px solid rgba(0, 0, 0, 0.54);\\n  border-right: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.mat-paginator-first,\\n.mat-paginator-last {\\n  border-top: 2px solid rgba(0, 0, 0, 0.54);\\n}\\n.mat-icon-button[disabled] .mat-paginator-decrement,\\n.mat-icon-button[disabled] .mat-paginator-increment,\\n.mat-icon-button[disabled] .mat-paginator-first,\\n.mat-icon-button[disabled] .mat-paginator-last {\\n  border-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-paginator-container {\\n  min-height: 56px;\\n}\\n.mat-progress-bar-background {\\n  fill: #b3d6dc;\\n}\\n.mat-progress-bar-buffer {\\n  background-color: #b3d6dc;\\n}\\n.mat-progress-bar-fill::after {\\n  background-color: #00778b;\\n}\\n.mat-progress-bar.mat-accent .mat-progress-bar-background {\\n  fill: #b3d6dc;\\n}\\n.mat-progress-bar.mat-accent .mat-progress-bar-buffer {\\n  background-color: #b3d6dc;\\n}\\n.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {\\n  background-color: #6fb9c3;\\n}\\n.mat-progress-bar.mat-warn .mat-progress-bar-background {\\n  fill: #ffcdd2;\\n}\\n.mat-progress-bar.mat-warn .mat-progress-bar-buffer {\\n  background-color: #ffcdd2;\\n}\\n.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {\\n  background-color: #f44336;\\n}\\n.mat-progress-spinner circle, .mat-spinner circle {\\n  stroke: #00778b;\\n}\\n.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {\\n  stroke: #6fb9c3;\\n}\\n.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {\\n  stroke: #f44336;\\n}\\n.mat-radio-outer-circle {\\n  border-color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {\\n  border-color: #00778b;\\n}\\n.mat-radio-button.mat-primary .mat-radio-inner-circle,\\n.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {\\n  background-color: #00778b;\\n}\\n.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {\\n  border-color: #6fb9c3;\\n}\\n.mat-radio-button.mat-accent .mat-radio-inner-circle,\\n.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {\\n  background-color: #6fb9c3;\\n}\\n.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {\\n  border-color: #f44336;\\n}\\n.mat-radio-button.mat-warn .mat-radio-inner-circle,\\n.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {\\n  background-color: #f44336;\\n}\\n.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,\\n.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {\\n  border-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,\\n.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {\\n  background-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-radio-button.mat-radio-disabled .mat-radio-label-content {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-radio-button .mat-ripple-element {\\n  background-color: black;\\n}\\n.mat-select-value {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-select-placeholder {\\n  color: rgba(0, 0, 0, 0.42);\\n}\\n.mat-select-disabled .mat-select-value {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-select-arrow {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-select-panel {\\n  background: white;\\n}\\n.mat-select-panel:not([class*=mat-elevation-z]) {\\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {\\n  background: rgba(0, 0, 0, 0.12);\\n}\\n.mat-form-field.mat-focused.mat-primary .mat-select-arrow {\\n  color: #00778b;\\n}\\n.mat-form-field.mat-focused.mat-accent .mat-select-arrow {\\n  color: #6fb9c3;\\n}\\n.mat-form-field.mat-focused.mat-warn .mat-select-arrow {\\n  color: #f44336;\\n}\\n.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {\\n  color: #f44336;\\n}\\n.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-drawer-container {\\n  background-color: #fafafa;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-drawer {\\n  background-color: white;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-drawer.mat-drawer-push {\\n  background-color: white;\\n}\\n.mat-drawer:not(.mat-drawer-side) {\\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\\n}\\n.mat-drawer-side {\\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-drawer-side.mat-drawer-end {\\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\\n  border-right: none;\\n}\\n[dir=rtl] .mat-drawer-side {\\n  border-left: solid 1px rgba(0, 0, 0, 0.12);\\n  border-right: none;\\n}\\n[dir=rtl] .mat-drawer-side.mat-drawer-end {\\n  border-left: none;\\n  border-right: solid 1px rgba(0, 0, 0, 0.12);\\n}\\n.mat-drawer-backdrop.mat-drawer-shown {\\n  background-color: rgba(0, 0, 0, 0.6);\\n}\\n.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {\\n  background-color: #6fb9c3;\\n}\\n.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {\\n  background-color: rgba(111, 185, 195, 0.54);\\n}\\n.mat-slide-toggle.mat-checked .mat-ripple-element {\\n  background-color: #6fb9c3;\\n}\\n.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {\\n  background-color: #00778b;\\n}\\n.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {\\n  background-color: rgba(0, 119, 139, 0.54);\\n}\\n.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {\\n  background-color: #00778b;\\n}\\n.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {\\n  background-color: #f44336;\\n}\\n.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {\\n  background-color: rgba(244, 67, 54, 0.54);\\n}\\n.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {\\n  background-color: #f44336;\\n}\\n.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {\\n  background-color: black;\\n}\\n.mat-slide-toggle-thumb {\\n  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\\n  background-color: #fafafa;\\n}\\n.mat-slide-toggle-bar {\\n  background-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-slider-track-background {\\n  background-color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-primary .mat-slider-track-fill,\\n.mat-primary .mat-slider-thumb,\\n.mat-primary .mat-slider-thumb-label {\\n  background-color: #00778b;\\n}\\n.mat-primary .mat-slider-thumb-label-text {\\n  color: white;\\n}\\n.mat-primary .mat-slider-focus-ring {\\n  background-color: rgba(0, 119, 139, 0.2);\\n}\\n.mat-accent .mat-slider-track-fill,\\n.mat-accent .mat-slider-thumb,\\n.mat-accent .mat-slider-thumb-label {\\n  background-color: #6fb9c3;\\n}\\n.mat-accent .mat-slider-thumb-label-text {\\n  color: black;\\n}\\n.mat-accent .mat-slider-focus-ring {\\n  background-color: rgba(111, 185, 195, 0.2);\\n}\\n.mat-warn .mat-slider-track-fill,\\n.mat-warn .mat-slider-thumb,\\n.mat-warn .mat-slider-thumb-label {\\n  background-color: #f44336;\\n}\\n.mat-warn .mat-slider-thumb-label-text {\\n  color: white;\\n}\\n.mat-warn .mat-slider-focus-ring {\\n  background-color: rgba(244, 67, 54, 0.2);\\n}\\n.mat-slider:hover .mat-slider-track-background,\\n.cdk-focused .mat-slider-track-background {\\n  background-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-slider-disabled .mat-slider-track-background,\\n.mat-slider-disabled .mat-slider-track-fill,\\n.mat-slider-disabled .mat-slider-thumb {\\n  background-color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-slider-disabled:hover .mat-slider-track-background {\\n  background-color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-slider-min-value .mat-slider-focus-ring {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,\\n.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {\\n  background-color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,\\n.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {\\n  background-color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {\\n  border-color: rgba(0, 0, 0, 0.26);\\n  background-color: transparent;\\n}\\n.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {\\n  border-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {\\n  border-color: rgba(0, 0, 0, 0.26);\\n}\\n.mat-slider-has-ticks .mat-slider-wrapper::after {\\n  border-color: rgba(0, 0, 0, 0.7);\\n}\\n.mat-slider-horizontal .mat-slider-ticks {\\n  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.mat-slider-vertical .mat-slider-ticks {\\n  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);\\n}\\n.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover {\\n  background-color: rgba(0, 0, 0, 0.04);\\n}\\n@media (hover: none) {\\n  .mat-step-header:hover {\\n    background: none;\\n  }\\n}\\n.mat-step-header .mat-step-label,\\n.mat-step-header .mat-step-optional {\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n.mat-step-header .mat-step-icon {\\n  background-color: rgba(0, 0, 0, 0.54);\\n  color: white;\\n}\\n.mat-step-header .mat-step-icon-selected,\\n.mat-step-header .mat-step-icon-state-done,\\n.mat-step-header .mat-step-icon-state-edit {\\n  background-color: #00778b;\\n  color: white;\\n}\\n.mat-step-header .mat-step-icon-state-error {\\n  background-color: transparent;\\n  color: #f44336;\\n}\\n.mat-step-header .mat-step-label.mat-step-label-active {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-step-header .mat-step-label.mat-step-label-error {\\n  color: #f44336;\\n}\\n.mat-stepper-horizontal, .mat-stepper-vertical {\\n  background-color: white;\\n}\\n.mat-stepper-vertical-line::before {\\n  border-left-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-horizontal-stepper-header::before,\\n.mat-horizontal-stepper-header::after,\\n.mat-stepper-horizontal-line {\\n  border-top-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-horizontal-stepper-header {\\n  height: 72px;\\n}\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n.mat-vertical-stepper-header {\\n  padding: 24px 24px;\\n}\\n.mat-stepper-vertical-line::before {\\n  top: -16px;\\n  bottom: -16px;\\n}\\n.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {\\n  top: 36px;\\n}\\n.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n  top: 36px;\\n}\\n.mat-sort-header-arrow {\\n  color: #757575;\\n}\\n.mat-tab-nav-bar,\\n.mat-tab-header {\\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12);\\n}\\n.mat-tab-group-inverted-header .mat-tab-nav-bar,\\n.mat-tab-group-inverted-header .mat-tab-header {\\n  border-top: 1px solid rgba(0, 0, 0, 0.12);\\n  border-bottom: none;\\n}\\n.mat-tab-label, .mat-tab-link {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {\\n  color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-tab-header-pagination-chevron {\\n  border-color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n  border-color: rgba(0, 0, 0, 0.38);\\n}\\n.mat-tab-group[class*=mat-background-] .mat-tab-header,\\n.mat-tab-nav-bar[class*=mat-background-] {\\n  border-bottom: none;\\n  border-top: none;\\n}\\n.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(179, 214, 220, 0.3);\\n}\\n.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {\\n  background-color: #00778b;\\n}\\n.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar {\\n  background-color: white;\\n}\\n.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(179, 214, 220, 0.3);\\n}\\n.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {\\n  background-color: #6fb9c3;\\n}\\n.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar {\\n  background-color: black;\\n}\\n.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(255, 205, 210, 0.3);\\n}\\n.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {\\n  background-color: #f44336;\\n}\\n.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar {\\n  background-color: white;\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(179, 214, 220, 0.3);\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-header, .mat-tab-group.mat-background-primary .mat-tab-links, .mat-tab-group.mat-background-primary .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary .mat-tab-header, .mat-tab-nav-bar.mat-background-primary .mat-tab-links, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination {\\n  background-color: #00778b;\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-label, .mat-tab-group.mat-background-primary .mat-tab-link, .mat-tab-nav-bar.mat-background-primary .mat-tab-label, .mat-tab-nav-bar.mat-background-primary .mat-tab-link {\\n  color: white;\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled {\\n  color: rgba(255, 255, 255, 0.4);\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron {\\n  border-color: white;\\n}\\n.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n  border-color: rgba(255, 255, 255, 0.4);\\n}\\n.mat-tab-group.mat-background-primary .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.12);\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(179, 214, 220, 0.3);\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-header, .mat-tab-group.mat-background-accent .mat-tab-links, .mat-tab-group.mat-background-accent .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent .mat-tab-header, .mat-tab-nav-bar.mat-background-accent .mat-tab-links, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination {\\n  background-color: #6fb9c3;\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-label, .mat-tab-group.mat-background-accent .mat-tab-link, .mat-tab-nav-bar.mat-background-accent .mat-tab-label, .mat-tab-nav-bar.mat-background-accent .mat-tab-link {\\n  color: black;\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled {\\n  color: rgba(0, 0, 0, 0.4);\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron {\\n  border-color: black;\\n}\\n.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n  border-color: rgba(0, 0, 0, 0.4);\\n}\\n.mat-tab-group.mat-background-accent .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent .mat-ripple-element {\\n  background-color: rgba(0, 0, 0, 0.12);\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),\\n.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {\\n  background-color: rgba(255, 205, 210, 0.3);\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-header, .mat-tab-group.mat-background-warn .mat-tab-links, .mat-tab-group.mat-background-warn .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn .mat-tab-header, .mat-tab-nav-bar.mat-background-warn .mat-tab-links, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination {\\n  background-color: #f44336;\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-label, .mat-tab-group.mat-background-warn .mat-tab-link, .mat-tab-nav-bar.mat-background-warn .mat-tab-label, .mat-tab-nav-bar.mat-background-warn .mat-tab-link {\\n  color: white;\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled {\\n  color: rgba(255, 255, 255, 0.4);\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron {\\n  border-color: white;\\n}\\n.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n  border-color: rgba(255, 255, 255, 0.4);\\n}\\n.mat-tab-group.mat-background-warn .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn .mat-ripple-element {\\n  background-color: rgba(255, 255, 255, 0.12);\\n}\\n.mat-toolbar {\\n  background: whitesmoke;\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-toolbar.mat-primary {\\n  background: #00778b;\\n  color: white;\\n}\\n.mat-toolbar.mat-accent {\\n  background: #6fb9c3;\\n  color: black;\\n}\\n.mat-toolbar.mat-warn {\\n  background: #f44336;\\n  color: white;\\n}\\n.mat-toolbar .mat-form-field-underline,\\n.mat-toolbar .mat-form-field-ripple,\\n.mat-toolbar .mat-focused .mat-form-field-ripple {\\n  background-color: currentColor;\\n}\\n.mat-toolbar .mat-form-field-label,\\n.mat-toolbar .mat-focused .mat-form-field-label,\\n.mat-toolbar .mat-select-value,\\n.mat-toolbar .mat-select-arrow,\\n.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {\\n  color: inherit;\\n}\\n.mat-toolbar .mat-input-element {\\n  caret-color: currentColor;\\n}\\n.mat-toolbar-multiple-rows {\\n  min-height: 64px;\\n}\\n.mat-toolbar-row, .mat-toolbar-single-row {\\n  height: 64px;\\n}\\n@media (max-width: 599px) {\\n  .mat-toolbar-multiple-rows {\\n    min-height: 56px;\\n  }\\n\\n  .mat-toolbar-row, .mat-toolbar-single-row {\\n    height: 56px;\\n  }\\n}\\n.mat-tooltip {\\n  background: rgba(97, 97, 97, 0.9);\\n}\\n.mat-tree {\\n  background: white;\\n}\\n.mat-tree-node,\\n.mat-nested-tree-node {\\n  color: rgba(0, 0, 0, 0.87);\\n}\\n.mat-tree-node {\\n  min-height: 48px;\\n}\\n.mat-snack-bar-container {\\n  color: rgba(255, 255, 255, 0.7);\\n  background: #323232;\\n  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\\n}\\n.mat-simple-snackbar-action {\\n  color: #6fb9c3;\\n}\\nbody {\\n  margin: 0;\\n  font-family: sans-serif;\\n}\\n.right-aligned-header > .mat-content {\\n  justify-content: space-between;\\n}\\n.mat-content > mat-panel-title, .mat-content > mat-panel-description {\\n  flex: 0 0 auto;\\n}\\n.mat-button-focus-overlay {\\n  background-color: transparent;\\n}\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {\\n  padding: 0.4em 0px;\\n}\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix > span.mat-form-field-label-wrapper {\\n  top: -1.5em;\\n}\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper {\\n  margin-bottom: -1.25em;\\n}\\n.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {\\n  transform: translateY(-1.1em) scale(0.75);\\n  width: 133.33333%;\\n}\\n.snack-bar-success {\\n  background-color: #D6EDCF;\\n  color: #193600;\\n  border: 1px solid #193600;\\n  align-content: center;\\n  font-weight: bold;\\n  text-align: center;\\n}\\n.snack-bar-notify {\\n  background-color: #C9E5F4;\\n  color: #3977B1;\\n  border: 1px solid #3977B1;\\n  align-content: center;\\n  font-weight: bold;\\n  text-align: center;\\n}\\n.snack-bar-error {\\n  background-color: #F1DBDB;\\n  color: #A94642;\\n  border: 1px solid #A94642;\\n  align-content: center;\\n  font-weight: bold;\\n  text-align: center;\\n}\\n.snack-bar-error button {\\n  color: #A94642;\\n  font-weight: bold;\\n  border: 1px solid #A94642;\\n}\\n.popover {\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  z-index: 1060;\\n  display: block;\\n  max-width: 276px;\\n  font-family: -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial, \\\"Noto Sans\\\", sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n  font-style: normal;\\n  font-weight: 400;\\n  line-height: 1.5;\\n  text-align: left;\\n  text-align: start;\\n  text-decoration: none;\\n  text-shadow: none;\\n  text-transform: none;\\n  letter-spacing: normal;\\n  word-break: normal;\\n  word-spacing: normal;\\n  white-space: normal;\\n  line-break: auto;\\n  font-size: 0.875rem;\\n  word-wrap: break-word;\\n  background-color: #fff;\\n  background-clip: padding-box;\\n  border: 1px solid rgba(0, 0, 0, 0.2);\\n  border-radius: 0.3rem;\\n}\\n.popover .arrow {\\n  position: absolute;\\n  display: block;\\n  width: 1rem;\\n  height: 0.5rem;\\n  margin: 0 0.3rem;\\n}\\n.popover .arrow::before, .popover .arrow::after {\\n  position: absolute;\\n  display: block;\\n  content: \\\"\\\";\\n  border-color: transparent;\\n  border-style: solid;\\n}\\n.bs-popover-top, .bs-popover-auto[x-placement^=top] {\\n  margin-bottom: 0.5rem;\\n}\\n.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {\\n  bottom: calc(-0.5rem - 1px);\\n}\\n.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {\\n  bottom: 0;\\n  border-width: 0.5rem 0.5rem 0;\\n  border-top-color: rgba(0, 0, 0, 0.25);\\n}\\n.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {\\n  bottom: 1px;\\n  border-width: 0.5rem 0.5rem 0;\\n  border-top-color: #fff;\\n}\\n.bs-popover-right, .bs-popover-auto[x-placement^=right] {\\n  margin-left: 0.5rem;\\n}\\n.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {\\n  left: calc(-0.5rem - 1px);\\n  width: 0.5rem;\\n  height: 1rem;\\n  margin: 0.3rem 0;\\n}\\n.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {\\n  left: 0;\\n  border-width: 0.5rem 0.5rem 0.5rem 0;\\n  border-right-color: rgba(0, 0, 0, 0.25);\\n}\\n.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {\\n  left: 1px;\\n  border-width: 0.5rem 0.5rem 0.5rem 0;\\n  border-right-color: #fff;\\n}\\n.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {\\n  margin-top: 0.5rem;\\n}\\n.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {\\n  top: calc(-0.5rem - 1px);\\n}\\n.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {\\n  top: 0;\\n  border-width: 0 0.5rem 0.5rem 0.5rem;\\n  border-bottom-color: rgba(0, 0, 0, 0.25);\\n}\\n.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {\\n  top: 1px;\\n  border-width: 0 0.5rem 0.5rem 0.5rem;\\n  border-bottom-color: #fff;\\n}\\n.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {\\n  position: absolute;\\n  top: 0;\\n  left: 50%;\\n  display: block;\\n  width: 1rem;\\n  margin-left: -0.5rem;\\n  content: \\\"\\\";\\n  border-bottom: 1px solid #f7f7f7;\\n}\\n.bs-popover-left, .bs-popover-auto[x-placement^=left] {\\n  margin-right: 0.5rem;\\n}\\n.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {\\n  right: calc(-0.5rem - 1px);\\n  width: 0.5rem;\\n  height: 1rem;\\n  margin: 0.3rem 0;\\n}\\n.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {\\n  right: 0;\\n  border-width: 0.5rem 0 0.5rem 0.5rem;\\n  border-left-color: rgba(0, 0, 0, 0.25);\\n}\\n.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {\\n  right: 1px;\\n  border-width: 0.5rem 0 0.5rem 0.5rem;\\n  border-left-color: #fff;\\n}\\n.popover-header {\\n  padding: 0.5rem 0.75rem;\\n  margin-bottom: 0;\\n  font-size: 1rem;\\n  background-color: #f7f7f7;\\n  border-bottom: 1px solid #ebebeb;\\n  border-top-left-radius: calc(0.3rem - 1px);\\n  border-top-right-radius: calc(0.3rem - 1px);\\n}\\n.popover-header:empty {\\n  display: none;\\n}\\n.popover-body {\\n  padding: 0.5rem 0.75rem;\\n  color: #212529;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://node_modules/@angular/material/_theming.scss\",\"webpack://src/styles.scss\",\"webpack://node_modules/bootstrap/scss/_popover.scss\",\"webpack://node_modules/bootstrap/scss/_variables.scss\",\"webpack://node_modules/bootstrap/scss/mixins/_reset-text.scss\",\"webpack://node_modules/bootstrap/scss/vendor/_rfs.scss\",\"webpack://node_modules/bootstrap/scss/mixins/_border-radius.scss\"],\"names\":[],\"mappings\":\"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pC;ACjgFI;EACE,WC0LwB;EDzLxB,6BAAA;EACA,sBC7CK;AFgjFX;AC9/EA;EACE,mBCs0BkC;AF2rDpC;AC//EE;EACE,yBAAA;EACA,aCk0BgC;EDj0BhC,YCg0BgC;ED/zBhC,gBAAA;ADigFJ;AC//EI;EACE,OAAA;EACA,oCAAA;EACA,uCC8zB8B;AFmsDpC;AC9/EI;EACE,SCmKwB;EDlKxB,oCAAA;EACA,wBCpEK;AFokFX;AC3/EA;EACE,kBC+yBkC;AF+sDpC;AC5/EE;EACE,wBAAA;AD8/EJ;AC5/EI;EACE,MAAA;EACA,oCAAA;EACA,wCC0yB8B;AFotDpC;AC3/EI;EACE,QC+IwB;ED9IxB,oCAAA;EACA,yBCxFK;AFqlFX;ACx/EE;EACE,kBAAA;EACA,MAAA;EACA,SAAA;EACA,cAAA;EACA,WCsxBgC;EDrxBhC,oBAAA;EACA,WAAA;EACA,gCAAA;AD0/EJ;ACt/EA;EACE,oBC+wBkC;AF0uDpC;ACv/EE;EACE,0BAAA;EACA,aC2wBgC;ED1wBhC,YCywBgC;EDxwBhC,gBAAA;ADy/EJ;ACv/EI;EACE,QAAA;EACA,oCAAA;EACA,sCCuwB8B;AFkvDpC;ACt/EI;EACE,UC4GwB;ED3GxB,oCAAA;EACA,uBC3HK;AFmnFX;ACl+EA;EACE,uBAAA;EACA,gBAAA;EG3BI,eAtCa;EHoEjB,yBCytBkC;EDxtBlC,gCAAA;EInIE,0CAAA;EACA,2CAAA;ALwmFJ;ACn+EE;EACE,aAAA;ADq+EJ;ACj+EA;EACE,uBAAA;EACA,cCxJS;AF4nFX\",\"sourcesContent\":[\"// File for which all imports are resolved and bundled. This is the entry-point for\\n// the `@angular/material` theming Sass bundle. See `//src/material:theming_bundle`.\\n\\n// Import all the theming functionality.\\n// We want overlays to always appear over user content, so set a baseline\\n// very high z-index for the overlay container, which is where we create the new\\n// stacking context for all overlays.\\n$cdk-z-index-overlay-container: 1000 !default;\\n$cdk-z-index-overlay: 1000 !default;\\n$cdk-z-index-overlay-backdrop: 1000 !default;\\n\\n// Background color for all of the backdrops\\n$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.32) !default;\\n\\n// Default backdrop animation is based on the Material Design swift-ease-out.\\n$backdrop-animation-duration: 400ms !default;\\n$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\\n\\n\\n@mixin cdk-overlay() {\\n  .cdk-overlay-container, .cdk-global-overlay-wrapper {\\n    // Disable events from being captured on the overlay container.\\n    pointer-events: none;\\n\\n    // The container should be the size of the viewport.\\n    top: 0;\\n    left: 0;\\n    height: 100%;\\n    width: 100%;\\n  }\\n\\n  // The overlay-container is an invisible element which contains all individual overlays.\\n  .cdk-overlay-container {\\n    position: fixed;\\n    z-index: $cdk-z-index-overlay-container;\\n\\n    &:empty {\\n      // Hide the element when it doesn't have any child nodes. This doesn't\\n      // include overlays that have been detached, rather than disposed.\\n      display: none;\\n    }\\n  }\\n\\n  // We use an extra wrapper element in order to use make the overlay itself a flex item.\\n  // This makes centering the overlay easy without running into the subpixel rendering\\n  // problems tied to using `transform` and without interfering with the other position\\n  // strategies.\\n  .cdk-global-overlay-wrapper {\\n    display: flex;\\n    position: absolute;\\n    z-index: $cdk-z-index-overlay;\\n  }\\n\\n  // A single overlay pane.\\n  .cdk-overlay-pane {\\n    // Note: it's important for this one to start off `absolute`,\\n    // in order for us to be able to measure it correctly.\\n    position: absolute;\\n    pointer-events: auto;\\n    box-sizing: border-box;\\n    z-index: $cdk-z-index-overlay;\\n\\n    // For connected-position overlays, we set `display: flex` in\\n    // order to force `max-width` and `max-height` to take effect.\\n    display: flex;\\n    max-width: 100%;\\n    max-height: 100%;\\n  }\\n\\n  .cdk-overlay-backdrop {\\n    // TODO(jelbourn): reuse sidenav fullscreen mixin.\\n    position: absolute;\\n    top: 0;\\n    bottom: 0;\\n    left: 0;\\n    right: 0;\\n\\n    z-index: $cdk-z-index-overlay-backdrop;\\n    pointer-events: auto;\\n    -webkit-tap-highlight-color: transparent;\\n    transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;\\n    opacity: 0;\\n\\n    &.cdk-overlay-backdrop-showing {\\n      opacity: 1;\\n\\n      // In high contrast mode the rgba background will become solid so we need to fall back\\n      // to making it opaque using `opacity`. Note that we can't use the `cdk-high-contrast`\\n      // mixin, because we can't normalize the import path to the _a11y.scss both for the\\n      // source and when this file is distributed. See #10908.\\n      @media screen and (-ms-high-contrast: active) {\\n        opacity: 0.6;\\n      }\\n    }\\n  }\\n\\n  .cdk-overlay-dark-backdrop {\\n    background: $cdk-overlay-dark-backdrop-background;\\n  }\\n\\n  .cdk-overlay-transparent-backdrop {\\n    // Note: as of Firefox 57, having the backdrop be `background: none` will prevent it from\\n    // capturing the user's mouse scroll events. Since we also can't use something like\\n    // `rgba(0, 0, 0, 0)`, we work around the inconsistency by not setting the background at\\n    // all and using `opacity` to make the element transparent.\\n    &, &.cdk-overlay-backdrop-showing {\\n      opacity: 0;\\n    }\\n  }\\n\\n  // Overlay parent element used with the connected position strategy. Used to constrain the\\n  // overlay element's size to fit within the viewport.\\n  .cdk-overlay-connected-position-bounding-box {\\n    position: absolute;\\n    z-index: $cdk-z-index-overlay;\\n\\n    // We use `display: flex` on this element exclusively for centering connected overlays.\\n    // When *not* centering, a top/left/bottom/right will be set which overrides the normal\\n    // flex layout.\\n    display: flex;\\n\\n    // We use the `column` direction here to avoid some flexbox issues in Edge\\n    // when using the \\\"grow after open\\\" options.\\n    flex-direction: column;\\n\\n    // Add some dimensions so the element has an `innerText` which some people depend on in tests.\\n    min-width: 1px;\\n    min-height: 1px;\\n  }\\n\\n  // Used when disabling global scrolling.\\n  .cdk-global-scrollblock {\\n    position: fixed;\\n\\n    // Necessary for the content not to lose its width. Note that we're using 100%, instead of\\n    // 100vw, because 100vw includes the width plus the scrollbar, whereas 100% is the width\\n    // that the element had before we made it `fixed`.\\n    width: 100%;\\n\\n    // Note: this will always add a scrollbar to whatever element it is on, which can\\n    // potentially result in double scrollbars. It shouldn't be an issue, because we won't\\n    // block scrolling on a page that doesn't have a scrollbar in the first place.\\n    overflow-y: scroll;\\n  }\\n}\\n\\n@mixin cdk-a11y {\\n  .cdk-visually-hidden {\\n    border: 0;\\n    clip: rect(0 0 0 0);\\n    height: 1px;\\n    margin: -1px;\\n    overflow: hidden;\\n    padding: 0;\\n    position: absolute;\\n    width: 1px;\\n\\n    // Avoid browsers rendering the focus ring in some cases.\\n    outline: 0;\\n\\n    // Avoid some cases where the browser will still render the native controls (see #9049).\\n    -webkit-appearance: none;\\n    -moz-appearance: none;\\n  }\\n}\\n\\n/// Emits the mixin's content nested under `$selector-context` if `$selector-context`\\n/// is non-empty.\\n/// @param selector-context The selector under which to nest the mixin's content.\\n@mixin _cdk-optionally-nest-content($selector-context) {\\n  @if ($selector-context == '') {\\n    @content;\\n  }\\n  @else {\\n    #{$selector-context} {\\n      @content;\\n    }\\n  }\\n}\\n\\n/// Applies styles for users in high contrast mode. Note that this only applies\\n/// to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\\n/// attribute, however Chrome handles high contrast differently.\\n///\\n/// @param target Which kind of high contrast setting to target. Defaults to `active`, can be\\n///    `white-on-black` or `black-on-white`.\\n/// @param encapsulation Whether to emit styles for view encapsulation. Values are:\\n///     * `on` - works for `Emulated`, `Native`, and `ShadowDom`\\n///     * `off` - works for `None`\\n///     * `any` - works for all encapsulation modes by emitting the CSS twice (default).\\n@mixin cdk-high-contrast($target: active, $encapsulation: 'any') {\\n  @if ($target != 'active' and $target != 'black-on-white' and $target != 'white-on-black') {\\n    @error 'Unknown cdk-high-contrast value \\\"#{$target}\\\" provided. ' +\\n           'Allowed values are \\\"active\\\", \\\"black-on-white\\\", and \\\"white-on-black\\\"';\\n  }\\n\\n  @if ($encapsulation != 'on' and $encapsulation != 'off' and $encapsulation != 'any') {\\n    @error 'Unknown cdk-high-contrast encapsulation \\\"#{$encapsulation}\\\" provided. ' +\\n           'Allowed values are \\\"on\\\", \\\"off\\\", and \\\"any\\\"';\\n  }\\n\\n  // If the selector context has multiple parts, such as `.section, .region`, just doing\\n  // `.cdk-high-contrast-xxx #{&}` will only apply the parent selector to the first part of the\\n  // context. We address this by nesting the selector context under .cdk-high-contrast.\\n  @at-root {\\n    $selector-context: #{&};\\n\\n    @if ($encapsulation != 'on') {\\n      .cdk-high-contrast-#{$target} {\\n        @include _cdk-optionally-nest-content($selector-context) {\\n          @content;\\n        }\\n      }\\n    }\\n\\n    @if ($encapsulation != 'off') {\\n      .cdk-high-contrast-#{$target} :host {\\n        @include _cdk-optionally-nest-content($selector-context) {\\n          @content;\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n// Core styles that enable monitoring autofill state of text fields.\\n@mixin cdk-text-field {\\n  // Keyframes that apply no styles, but allow us to monitor when an text field becomes autofilled\\n  // by watching for the animation events that are fired when they start. Note: the /*!*/ comment is\\n  // needed to prevent LibSass from stripping the keyframes out.\\n  // Based on: https://medium.com/@brunn/detecting-autofilled-fields-in-javascript-aed598d25da7\\n  @keyframes cdk-text-field-autofill-start {/*!*/}\\n  @keyframes cdk-text-field-autofill-end {/*!*/}\\n\\n  .cdk-text-field-autofill-monitored:-webkit-autofill {\\n    // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\\n    animation: cdk-text-field-autofill-start 0s 1ms;\\n  }\\n\\n  .cdk-text-field-autofill-monitored:not(:-webkit-autofill) {\\n    // Since Chrome 80 we need a 1ms delay, or the animationstart event won't fire.\\n    animation: cdk-text-field-autofill-end 0s 1ms;\\n  }\\n\\n  // Remove the resize handle on autosizing textareas, because whatever height\\n  // the user resized to will be overwritten once they start typing again.\\n  textarea.cdk-textarea-autosize {\\n    resize: none;\\n  }\\n\\n  // This class is temporarily applied to the textarea when it is being measured. It is immediately\\n  // removed when measuring is complete. We use `!important` rules here to make sure user-specified\\n  // rules do not interfere with the measurement.\\n  textarea.cdk-textarea-autosize-measuring {\\n    @include _cdk-textarea-autosize-measuring-base;\\n    height: auto !important;\\n    overflow: hidden !important;\\n  }\\n\\n  // Similar to the `cdk-textarea-autosize-measuring` class, but only applied on Firefox. We need\\n  // to use this class, because Firefox has a bug where changing the `overflow` breaks the user's\\n  // ability to undo/redo what they were typing (see #16629). This class is only scoped to Firefox,\\n  // because the measurements there don't seem to be affected by the `height: 0`, whereas on other\\n  // browsers they are, e.g. Chrome detects longer text and IE does't resize back to normal.\\n  // Identical issue report: https://bugzilla.mozilla.org/show_bug.cgi?id=448784\\n  textarea.cdk-textarea-autosize-measuring-firefox {\\n    @include _cdk-textarea-autosize-measuring-base;\\n    height: 0 !important;\\n  }\\n}\\n\\n@mixin _cdk-textarea-autosize-measuring-base {\\n  // Having 2px top and bottom padding seems to fix a bug where Chrome gets an incorrect\\n  // measurement. We just have to account for it later and subtract it off the final result.\\n  padding: 2px 0 !important;\\n  box-sizing: content-box !important;\\n}\\n\\n// Used to generate UIDs for keyframes used to change the text field autofill styles.\\n$cdk-text-field-autofill-color-frame-count: 0;\\n\\n// Mixin used to apply custom background and foreground colors to an autofilled text field.\\n// Based on: https://stackoverflow.com/questions/2781549/\\n// removing-input-background-colour-for-chrome-autocomplete#answer-37432260\\n@mixin cdk-text-field-autofill-color($background, $foreground:'') {\\n  @keyframes cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} {\\n    to {\\n      background: $background;\\n      @if $foreground != '' { color: $foreground; }\\n    }\\n  }\\n\\n  &:-webkit-autofill {\\n    animation: cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\\n  }\\n\\n  &.cdk-text-field-autofill-monitored:-webkit-autofill {\\n    // Since Chrome 80 we need a 1ms delay for cdk-text-field-autofill-start, or the animationstart\\n    // event won't fire.\\n    animation: cdk-text-field-autofill-start 0s 1ms,\\n               cdk-text-field-autofill-color-#{$cdk-text-field-autofill-color-frame-count} both;\\n  }\\n\\n  $cdk-text-field-autofill-color-frame-count:\\n      $cdk-text-field-autofill-color-frame-count + 1 !global;\\n}\\n\\n\\n// Core styles that can be used to apply material design treatments to any element.\\n// Media queries\\n// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,\\n$mat-xsmall: 'max-width: 599px';\\n$mat-small: 'max-width: 959px';\\n\\n// TODO: Revisit all z-indices before beta\\n// z-index master list\\n\\n$z-index-fab: 20 !default;\\n$z-index-drawer: 100 !default;\\n\\n// Global constants\\n$pi: 3.14159265;\\n\\n// Padding between input toggles and their labels\\n$mat-toggle-padding: 8px !default;\\n// Width and height of input toggles\\n$mat-toggle-size: 20px !default;\\n\\n// Easing Curves\\n// TODO(jelbourn): all of these need to be revisited\\n\\n// The default animation curves used by material design.\\n$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\\n$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\\n$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\\n\\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\\n\\n$swift-ease-out-duration: 400ms !default;\\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\\n\\n$swift-ease-in-duration: 300ms !default;\\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\\n\\n$swift-ease-in-out-duration: 500ms !default;\\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\\n\\n$swift-linear-duration: 80ms !default;\\n$swift-linear-timing-function: linear !default;\\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\\n\\n\\n\\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\\n// element.\\n// See: https://material.io/design/environment/elevation.html\\n// Examples:\\n//\\n//\\n// .mat-foo {\\n//   @include $mat-elevation(2);\\n//\\n//   &:active {\\n//     @include $mat-elevation(8);\\n//   }\\n// }\\n//\\n// <div id=\\\"external-card\\\" class=\\\"mat-elevation-z2\\\"><p>Some content</p></div>\\n//\\n// For an explanation of the design behind how elevation is implemented, see the design doc at\\n// https://goo.gl/Kq0k9Z.\\n\\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\\n// space completely obscured by an object relative to its light source), one for penumbra (the\\n// space partially obscured by an object), and one for ambient (the space which contains the object\\n// itself). For a further explanation of these terms and their meanings, see\\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\\n\\n// Maps for the different shadow sets and their values within each z-space. These values were\\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\\n// all of the values between them.\\n\\n@function _get-umbra-map($color, $opacity) {\\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.2), $color);\\n\\n  @return (\\n    0: '0px 0px 0px 0px #{$shadow-color}',\\n    1: '0px 2px 1px -1px #{$shadow-color}',\\n    2: '0px 3px 1px -2px #{$shadow-color}',\\n    3: '0px 3px 3px -2px #{$shadow-color}',\\n    4: '0px 2px 4px -1px #{$shadow-color}',\\n    5: '0px 3px 5px -1px #{$shadow-color}',\\n    6: '0px 3px 5px -1px #{$shadow-color}',\\n    7: '0px 4px 5px -2px #{$shadow-color}',\\n    8: '0px 5px 5px -3px #{$shadow-color}',\\n    9: '0px 5px 6px -3px #{$shadow-color}',\\n    10: '0px 6px 6px -3px #{$shadow-color}',\\n    11: '0px 6px 7px -4px #{$shadow-color}',\\n    12: '0px 7px 8px -4px #{$shadow-color}',\\n    13: '0px 7px 8px -4px #{$shadow-color}',\\n    14: '0px 7px 9px -4px #{$shadow-color}',\\n    15: '0px 8px 9px -5px #{$shadow-color}',\\n    16: '0px 8px 10px -5px #{$shadow-color}',\\n    17: '0px 8px 11px -5px #{$shadow-color}',\\n    18: '0px 9px 11px -5px #{$shadow-color}',\\n    19: '0px 9px 12px -6px #{$shadow-color}',\\n    20: '0px 10px 13px -6px #{$shadow-color}',\\n    21: '0px 10px 13px -6px #{$shadow-color}',\\n    22: '0px 10px 14px -6px #{$shadow-color}',\\n    23: '0px 11px 14px -7px #{$shadow-color}',\\n    24: '0px 11px 15px -7px #{$shadow-color}'\\n  );\\n}\\n\\n@function _get-penumbra-map($color, $opacity) {\\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.14), $color);\\n\\n  @return (\\n    0: '0px 0px 0px 0px #{$shadow-color}',\\n    1: '0px 1px 1px 0px #{$shadow-color}',\\n    2: '0px 2px 2px 0px #{$shadow-color}',\\n    3: '0px 3px 4px 0px #{$shadow-color}',\\n    4: '0px 4px 5px 0px #{$shadow-color}',\\n    5: '0px 5px 8px 0px #{$shadow-color}',\\n    6: '0px 6px 10px 0px #{$shadow-color}',\\n    7: '0px 7px 10px 1px #{$shadow-color}',\\n    8: '0px 8px 10px 1px #{$shadow-color}',\\n    9: '0px 9px 12px 1px #{$shadow-color}',\\n    10: '0px 10px 14px 1px #{$shadow-color}',\\n    11: '0px 11px 15px 1px #{$shadow-color}',\\n    12: '0px 12px 17px 2px #{$shadow-color}',\\n    13: '0px 13px 19px 2px #{$shadow-color}',\\n    14: '0px 14px 21px 2px #{$shadow-color}',\\n    15: '0px 15px 22px 2px #{$shadow-color}',\\n    16: '0px 16px 24px 2px #{$shadow-color}',\\n    17: '0px 17px 26px 2px #{$shadow-color}',\\n    18: '0px 18px 28px 2px #{$shadow-color}',\\n    19: '0px 19px 29px 2px #{$shadow-color}',\\n    20: '0px 20px 31px 3px #{$shadow-color}',\\n    21: '0px 21px 33px 3px #{$shadow-color}',\\n    22: '0px 22px 35px 3px #{$shadow-color}',\\n    23: '0px 23px 36px 3px #{$shadow-color}',\\n    24: '0px 24px 38px 3px #{$shadow-color}'\\n  );\\n}\\n\\n@function _get-ambient-map($color, $opacity) {\\n  $shadow-color: if(type-of($color) == color, rgba($color, $opacity * 0.12), $color);\\n\\n  @return (\\n    0: '0px 0px 0px 0px #{$shadow-color}',\\n    1: '0px 1px 3px 0px #{$shadow-color}',\\n    2: '0px 1px 5px 0px #{$shadow-color}',\\n    3: '0px 1px 8px 0px #{$shadow-color}',\\n    4: '0px 1px 10px 0px #{$shadow-color}',\\n    5: '0px 1px 14px 0px #{$shadow-color}',\\n    6: '0px 1px 18px 0px #{$shadow-color}',\\n    7: '0px 2px 16px 1px #{$shadow-color}',\\n    8: '0px 3px 14px 2px #{$shadow-color}',\\n    9: '0px 3px 16px 2px #{$shadow-color}',\\n    10: '0px 4px 18px 3px #{$shadow-color}',\\n    11: '0px 4px 20px 3px #{$shadow-color}',\\n    12: '0px 5px 22px 4px #{$shadow-color}',\\n    13: '0px 5px 24px 4px #{$shadow-color}',\\n    14: '0px 5px 26px 4px #{$shadow-color}',\\n    15: '0px 6px 28px 5px #{$shadow-color}',\\n    16: '0px 6px 30px 5px #{$shadow-color}',\\n    17: '0px 6px 32px 5px #{$shadow-color}',\\n    18: '0px 7px 34px 6px #{$shadow-color}',\\n    19: '0px 7px 36px 6px #{$shadow-color}',\\n    20: '0px 8px 38px 7px #{$shadow-color}',\\n    21: '0px 8px 40px 7px #{$shadow-color}',\\n    22: '0px 8px 42px 7px #{$shadow-color}',\\n    23: '0px 9px 44px 8px #{$shadow-color}',\\n    24: '0px 9px 46px 8px #{$shadow-color}'\\n  );\\n}\\n\\n// The default duration value for elevation transitions.\\n$mat-elevation-transition-duration: 280ms !default;\\n\\n// The default easing value for elevation transitions.\\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\\n\\n// The default color for elevation shadows.\\n$mat-elevation-color: black !default;\\n\\n// The default opacity scaling value for elevation shadows.\\n$mat-elevation-opacity: 1 !default;\\n\\n// Prefix for elevation-related selectors.\\n$_mat-elevation-prefix: 'mat-elevation-z';\\n\\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\\n// The $zValue must be between 0 and 24.\\n@mixin mat-elevation($zValue, $color: $mat-elevation-color, $opacity: $mat-elevation-opacity) {\\n  @if type-of($zValue) != number or not unitless($zValue) {\\n    @error '$zValue must be a unitless number';\\n  }\\n  @if $zValue < 0 or $zValue > 24 {\\n    @error '$zValue must be between 0 and 24';\\n  }\\n\\n  box-shadow: #{map-get(_get-umbra-map($color, $opacity), $zValue)},\\n              #{map-get(_get-penumbra-map($color, $opacity), $zValue)},\\n              #{map-get(_get-ambient-map($color, $opacity), $zValue)};\\n}\\n\\n@mixin _mat-theme-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n  $foreground: map-get($config, foreground);\\n  $elevation-color: map-get($foreground, elevation);\\n  $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n  @include mat-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Applies the elevation to an element in a manner that allows\\n// consumers to override it via the Material elevation classes.\\n@mixin mat-overridable-elevation(\\n    $zValue,\\n    $color: $mat-elevation-color,\\n    $opacity: $mat-elevation-opacity) {\\n  &:not([class*='#{$_mat-elevation-prefix}']) {\\n    @include mat-elevation($zValue, $color, $opacity);\\n  }\\n}\\n\\n@mixin _mat-theme-overridable-elevation($zValue, $config, $opacity: $mat-elevation-opacity) {\\n  $foreground: map-get($config, foreground);\\n  $elevation-color: map-get($foreground, elevation);\\n  $elevation-color-or-default: if($elevation-color == null, $mat-elevation-color, $elevation-color);\\n\\n  @include mat-overridable-elevation($zValue, $elevation-color-or-default, $opacity);\\n}\\n\\n// Returns a string that can be used as the value for a transition property for elevation.\\n// Calling this function directly is useful in situations where a component needs to transition\\n// more than one property.\\n//\\n// .foo {\\n//   transition: mat-elevation-transition-property-value(), opacity 100ms ease;\\n// }\\n@function mat-elevation-transition-property-value(\\n    $duration: $mat-elevation-transition-duration,\\n    $easing: $mat-elevation-transition-timing-function) {\\n  @return box-shadow #{$duration} #{$easing};\\n}\\n\\n// Applies the correct css rules needed to have an element transition between elevations.\\n// This mixin should be applied to elements whose elevation values will change depending on their\\n// context (e.g. when active or disabled).\\n//\\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\\n// be used in the same way by clients.\\n@mixin mat-elevation-transition(\\n    $duration: $mat-elevation-transition-duration,\\n    $easing: $mat-elevation-transition-timing-function) {\\n  transition: mat-elevation-transition-property-value($duration, $easing);\\n}\\n\\n// Color palettes from the Material Design spec.\\n// See https://material.io/design/color/\\n//\\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\\n\\n\\n// @deprecated renamed to $dark-primary-text.\\n// @breaking-change 8.0.0\\n$black-87-opacity: rgba(black, 0.87);\\n// @deprecated renamed to $light-primary-text.\\n// @breaking-change 8.0.0\\n$white-87-opacity: rgba(white, 0.87);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-12-opacity: rgba(black, 0.12);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-12-opacity: rgba(white, 0.12);\\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$black-6-opacity: rgba(black, 0.06);\\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\\n// @breaking-change 8.0.0\\n$white-6-opacity: rgba(white, 0.06);\\n\\n$dark-primary-text: rgba(black, 0.87);\\n$dark-secondary-text: rgba(black, 0.54);\\n$dark-disabled-text: rgba(black, 0.38);\\n$dark-dividers: rgba(black, 0.12);\\n$dark-focused: rgba(black, 0.12);\\n$light-primary-text: white;\\n$light-secondary-text: rgba(white, 0.7);\\n$light-disabled-text: rgba(white, 0.5);\\n$light-dividers: rgba(white, 0.12);\\n$light-focused: rgba(white, 0.12);\\n\\n$mat-red: (\\n  50: #ffebee,\\n  100: #ffcdd2,\\n  200: #ef9a9a,\\n  300: #e57373,\\n  400: #ef5350,\\n  500: #f44336,\\n  600: #e53935,\\n  700: #d32f2f,\\n  800: #c62828,\\n  900: #b71c1c,\\n  A100: #ff8a80,\\n  A200: #ff5252,\\n  A400: #ff1744,\\n  A700: #d50000,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-pink: (\\n  50: #fce4ec,\\n  100: #f8bbd0,\\n  200: #f48fb1,\\n  300: #f06292,\\n  400: #ec407a,\\n  500: #e91e63,\\n  600: #d81b60,\\n  700: #c2185b,\\n  800: #ad1457,\\n  900: #880e4f,\\n  A100: #ff80ab,\\n  A200: #ff4081,\\n  A400: #f50057,\\n  A700: #c51162,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-purple: (\\n  50: #f3e5f5,\\n  100: #e1bee7,\\n  200: #ce93d8,\\n  300: #ba68c8,\\n  400: #ab47bc,\\n  500: #9c27b0,\\n  600: #8e24aa,\\n  700: #7b1fa2,\\n  800: #6a1b9a,\\n  900: #4a148c,\\n  A100: #ea80fc,\\n  A200: #e040fb,\\n  A400: #d500f9,\\n  A700: #aa00ff,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $light-primary-text,\\n    400: $light-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-deep-purple: (\\n  50: #ede7f6,\\n  100: #d1c4e9,\\n  200: #b39ddb,\\n  300: #9575cd,\\n  400: #7e57c2,\\n  500: #673ab7,\\n  600: #5e35b1,\\n  700: #512da8,\\n  800: #4527a0,\\n  900: #311b92,\\n  A100: #b388ff,\\n  A200: #7c4dff,\\n  A400: #651fff,\\n  A700: #6200ea,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $light-primary-text,\\n    400: $light-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-indigo: (\\n  50: #e8eaf6,\\n  100: #c5cae9,\\n  200: #9fa8da,\\n  300: #7986cb,\\n  400: #5c6bc0,\\n  500: #3f51b5,\\n  600: #3949ab,\\n  700: #303f9f,\\n  800: #283593,\\n  900: #1a237e,\\n  A100: #8c9eff,\\n  A200: #536dfe,\\n  A400: #3d5afe,\\n  A700: #304ffe,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $light-primary-text,\\n    400: $light-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-blue: (\\n  50: #e3f2fd,\\n  100: #bbdefb,\\n  200: #90caf9,\\n  300: #64b5f6,\\n  400: #42a5f5,\\n  500: #2196f3,\\n  600: #1e88e5,\\n  700: #1976d2,\\n  800: #1565c0,\\n  900: #0d47a1,\\n  A100: #82b1ff,\\n  A200: #448aff,\\n  A400: #2979ff,\\n  A700: #2962ff,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $light-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-light-blue: (\\n  50: #e1f5fe,\\n  100: #b3e5fc,\\n  200: #81d4fa,\\n  300: #4fc3f7,\\n  400: #29b6f6,\\n  500: #03a9f4,\\n  600: #039be5,\\n  700: #0288d1,\\n  800: #0277bd,\\n  900: #01579b,\\n  A100: #80d8ff,\\n  A200: #40c4ff,\\n  A400: #00b0ff,\\n  A700: #0091ea,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-cyan: (\\n  50: #e0f7fa,\\n  100: #b2ebf2,\\n  200: #80deea,\\n  300: #4dd0e1,\\n  400: #26c6da,\\n  500: #00bcd4,\\n  600: #00acc1,\\n  700: #0097a7,\\n  800: #00838f,\\n  900: #006064,\\n  A100: #84ffff,\\n  A200: #18ffff,\\n  A400: #00e5ff,\\n  A700: #00b8d4,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-teal: (\\n  50: #e0f2f1,\\n  100: #b2dfdb,\\n  200: #80cbc4,\\n  300: #4db6ac,\\n  400: #26a69a,\\n  500: #009688,\\n  600: #00897b,\\n  700: #00796b,\\n  800: #00695c,\\n  900: #004d40,\\n  A100: #a7ffeb,\\n  A200: #64ffda,\\n  A400: #1de9b6,\\n  A700: #00bfa5,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-green: (\\n  50: #e8f5e9,\\n  100: #c8e6c9,\\n  200: #a5d6a7,\\n  300: #81c784,\\n  400: #66bb6a,\\n  500: #4caf50,\\n  600: #43a047,\\n  700: #388e3c,\\n  800: #2e7d32,\\n  900: #1b5e20,\\n  A100: #b9f6ca,\\n  A200: #69f0ae,\\n  A400: #00e676,\\n  A700: #00c853,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-light-green: (\\n  50: #f1f8e9,\\n  100: #dcedc8,\\n  200: #c5e1a5,\\n  300: #aed581,\\n  400: #9ccc65,\\n  500: #8bc34a,\\n  600: #7cb342,\\n  700: #689f38,\\n  800: #558b2f,\\n  900: #33691e,\\n  A100: #ccff90,\\n  A200: #b2ff59,\\n  A400: #76ff03,\\n  A700: #64dd17,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $dark-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-lime: (\\n  50: #f9fbe7,\\n  100: #f0f4c3,\\n  200: #e6ee9c,\\n  300: #dce775,\\n  400: #d4e157,\\n  500: #cddc39,\\n  600: #c0ca33,\\n  700: #afb42b,\\n  800: #9e9d24,\\n  900: #827717,\\n  A100: #f4ff81,\\n  A200: #eeff41,\\n  A400: #c6ff00,\\n  A700: #aeea00,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $dark-primary-text,\\n    700: $dark-primary-text,\\n    800: $dark-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-yellow: (\\n  50: #fffde7,\\n  100: #fff9c4,\\n  200: #fff59d,\\n  300: #fff176,\\n  400: #ffee58,\\n  500: #ffeb3b,\\n  600: #fdd835,\\n  700: #fbc02d,\\n  800: #f9a825,\\n  900: #f57f17,\\n  A100: #ffff8d,\\n  A200: #ffff00,\\n  A400: #ffea00,\\n  A700: #ffd600,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $dark-primary-text,\\n    700: $dark-primary-text,\\n    800: $dark-primary-text,\\n    900: $dark-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-amber: (\\n  50: #fff8e1,\\n  100: #ffecb3,\\n  200: #ffe082,\\n  300: #ffd54f,\\n  400: #ffca28,\\n  500: #ffc107,\\n  600: #ffb300,\\n  700: #ffa000,\\n  800: #ff8f00,\\n  900: #ff6f00,\\n  A100: #ffe57f,\\n  A200: #ffd740,\\n  A400: #ffc400,\\n  A700: #ffab00,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $dark-primary-text,\\n    700: $dark-primary-text,\\n    800: $dark-primary-text,\\n    900: $dark-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $dark-primary-text,\\n  )\\n);\\n\\n$mat-orange: (\\n  50: #fff3e0,\\n  100: #ffe0b2,\\n  200: #ffcc80,\\n  300: #ffb74d,\\n  400: #ffa726,\\n  500: #ff9800,\\n  600: #fb8c00,\\n  700: #f57c00,\\n  800: #ef6c00,\\n  900: #e65100,\\n  A100: #ffd180,\\n  A200: #ffab40,\\n  A400: #ff9100,\\n  A700: #ff6d00,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $dark-primary-text,\\n    700: $dark-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: black,\\n  )\\n);\\n\\n$mat-deep-orange: (\\n  50: #fbe9e7,\\n  100: #ffccbc,\\n  200: #ffab91,\\n  300: #ff8a65,\\n  400: #ff7043,\\n  500: #ff5722,\\n  600: #f4511e,\\n  700: #e64a19,\\n  800: #d84315,\\n  900: #bf360c,\\n  A100: #ff9e80,\\n  A200: #ff6e40,\\n  A400: #ff3d00,\\n  A700: #dd2c00,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-brown: (\\n  50: #efebe9,\\n  100: #d7ccc8,\\n  200: #bcaaa4,\\n  300: #a1887f,\\n  400: #8d6e63,\\n  500: #795548,\\n  600: #6d4c41,\\n  700: #5d4037,\\n  800: #4e342e,\\n  900: #3e2723,\\n  A100: #d7ccc8,\\n  A200: #bcaaa4,\\n  A400: #8d6e63,\\n  A700: #5d4037,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $light-primary-text,\\n    400: $light-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n$mat-grey: (\\n  50: #fafafa,\\n  100: #f5f5f5,\\n  200: #eeeeee,\\n  300: #e0e0e0,\\n  400: #bdbdbd,\\n  500: #9e9e9e,\\n  600: #757575,\\n  700: #616161,\\n  800: #424242,\\n  900: #212121,\\n  A100: #ffffff,\\n  A200: #eeeeee,\\n  A400: #bdbdbd,\\n  A700: #616161,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $dark-primary-text,\\n    500: $dark-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $dark-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-gray: $mat-grey;\\n\\n$mat-blue-grey: (\\n  50: #eceff1,\\n  100: #cfd8dc,\\n  200: #b0bec5,\\n  300: #90a4ae,\\n  400: #78909c,\\n  500: #607d8b,\\n  600: #546e7a,\\n  700: #455a64,\\n  800: #37474f,\\n  900: #263238,\\n  A100: #cfd8dc,\\n  A200: #b0bec5,\\n  A400: #78909c,\\n  A700: #455a64,\\n  contrast: (\\n    50: $dark-primary-text,\\n    100: $dark-primary-text,\\n    200: $dark-primary-text,\\n    300: $dark-primary-text,\\n    400: $light-primary-text,\\n    500: $light-primary-text,\\n    600: $light-primary-text,\\n    700: $light-primary-text,\\n    800: $light-primary-text,\\n    900: $light-primary-text,\\n    A100: $dark-primary-text,\\n    A200: $dark-primary-text,\\n    A400: $light-primary-text,\\n    A700: $light-primary-text,\\n  )\\n);\\n\\n// Alias for alternate spelling.\\n$mat-blue-gray: $mat-blue-grey;\\n\\n\\n// Background palette for light themes.\\n$mat-light-theme-background: (\\n  status-bar: map-get($mat-grey, 300),\\n  app-bar:    map-get($mat-grey, 100),\\n  background: map-get($mat-grey, 50),\\n  hover:      rgba(black, 0.04), // TODO(kara): check style with Material Design UX\\n  card:       white,\\n  dialog:     white,\\n  disabled-button: rgba(black, 0.12),\\n  raised-button: white,\\n  focused-button: $dark-focused,\\n  selected-button: map-get($mat-grey, 300),\\n  selected-disabled-button: map-get($mat-grey, 400),\\n  disabled-button-toggle: map-get($mat-grey, 200),\\n  unselected-chip: map-get($mat-grey, 300),\\n  disabled-list-option: map-get($mat-grey, 200),\\n  tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Background palette for dark themes.\\n$mat-dark-theme-background: (\\n  status-bar: black,\\n  app-bar:    map-get($mat-grey, 900),\\n  background: #303030,\\n  hover:      rgba(white, 0.04), // TODO(kara): check style with Material Design UX\\n  card:       map-get($mat-grey, 800),\\n  dialog:     map-get($mat-grey, 800),\\n  disabled-button: rgba(white, 0.12),\\n  raised-button: map-get($mat-grey, 800),\\n  focused-button: $light-focused,\\n  selected-button: map-get($mat-grey, 900),\\n  selected-disabled-button: map-get($mat-grey, 800),\\n  disabled-button-toggle: black,\\n  unselected-chip: map-get($mat-grey, 700),\\n  disabled-list-option: black,\\n  tooltip: map-get($mat-grey, 700),\\n);\\n\\n// Foreground palette for light themes.\\n$mat-light-theme-foreground: (\\n  base:              black,\\n  divider:           $dark-dividers,\\n  dividers:          $dark-dividers,\\n  disabled:          $dark-disabled-text,\\n  disabled-button:   rgba(black, 0.26),\\n  disabled-text:     $dark-disabled-text,\\n  elevation:         black,\\n  hint-text:         $dark-disabled-text,\\n  secondary-text:    $dark-secondary-text,\\n  icon:              rgba(black, 0.54),\\n  icons:             rgba(black, 0.54),\\n  text:              rgba(black, 0.87),\\n  slider-min:        rgba(black, 0.87),\\n  slider-off:        rgba(black, 0.26),\\n  slider-off-active: rgba(black, 0.38),\\n);\\n\\n// Foreground palette for dark themes.\\n$mat-dark-theme-foreground: (\\n  base:              white,\\n  divider:           $light-dividers,\\n  dividers:          $light-dividers,\\n  disabled:          $light-disabled-text,\\n  disabled-button:   rgba(white, 0.3),\\n  disabled-text:     $light-disabled-text,\\n  elevation:         black,\\n  hint-text:         $light-disabled-text,\\n  secondary-text:    $light-secondary-text,\\n  icon:              white,\\n  icons:             white,\\n  text:              white,\\n  slider-min:        white,\\n  slider-off:        rgba(white, 0.3),\\n  slider-off-active: rgba(white, 0.3),\\n);\\n\\n\\n// Whether density should be generated by default.\\n$_mat-theme-generate-default-density: true !default;\\n\\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\\n// @param $color-map\\n// @param $hue\\n@function mat-contrast($palette, $hue) {\\n  @return map-get(map-get($palette, contrast), $hue);\\n}\\n\\n\\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\\n// of the Material Design hues.\\n// @param $color-map\\n// @param $primary\\n// @param $lighter\\n@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700, $text: $default) {\\n  $result: map-merge($base-palette, (\\n    default: map-get($base-palette, $default),\\n    lighter: map-get($base-palette, $lighter),\\n    darker: map-get($base-palette, $darker),\\n    text: map-get($base-palette, $text),\\n\\n    default-contrast: mat-contrast($base-palette, $default),\\n    lighter-contrast: mat-contrast($base-palette, $lighter),\\n    darker-contrast: mat-contrast($base-palette, $darker)\\n  ));\\n\\n  // For each hue in the palette, add a \\\"-contrast\\\" color to the map.\\n  @each $hue, $color in $base-palette {\\n    $result: map-merge($result, (\\n      '#{$hue}-contrast': mat-contrast($base-palette, $hue)\\n    ));\\n  }\\n\\n  @return $result;\\n}\\n\\n\\n// Gets a color from a theme palette (the output of mat-palette).\\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \\\"-contrast\\\".\\n//\\n// @param $color-map The theme palette (output of mat-palette).\\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\\n//     be treated as opacity.\\n// @param $opacity The alpha channel value for the color.\\n@function mat-color($palette, $hue: default, $opacity: null) {\\n  // If hueKey is a number between zero and one, then it actually contains an\\n  // opacity value, so recall this function with the default hue and that given opacity.\\n  @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\\n    @return mat-color($palette, default, $hue);\\n  }\\n\\n  $color: map-get($palette, $hue);\\n\\n  @if (type-of($color) != color) {\\n    // If the $color resolved to something different from a color (e.g. a CSS variable),\\n    // we can't apply the opacity anyway so we return the value as is, otherwise Sass can\\n    // throw an error or output something invalid.\\n    @return $color;\\n  }\\n\\n  @return rgba($color, if($opacity == null, opacity($color), $opacity));\\n}\\n\\n// Validates the specified theme by ensuring that the optional color config defines\\n// a primary, accent and warn palette. Returns the theme if no failures were found.\\n@function _mat-validate-theme($theme) {\\n  @if map-get($theme, color) {\\n    $color: map-get($theme, color);\\n    @if not map-get($color, primary) {\\n      @error 'Theme does not define a valid \\\"primary\\\" palette.';\\n    }\\n    @else if not map-get($color, accent) {\\n      @error 'Theme does not define a valid \\\"accent\\\" palette.';\\n    }\\n    @else if not map-get($color, warn) {\\n      @error 'Theme does not define a valid \\\"warn\\\" palette.';\\n    }\\n  }\\n  @return $theme;\\n}\\n\\n// Creates a backwards compatible theme. Previously in Angular Material, theme objects\\n// contained the color configuration directly. With the recent refactoring of the theming\\n// system to allow for density and typography configurations, this is no longer the case.\\n// To ensure that constructed themes which will be passed to custom theme mixins do not break,\\n// we copy the color configuration and put its properties at the top-level of the theme object.\\n// Here is an example of a pattern that should still work until it's officially marked as a\\n// breaking change:\\n//\\n//    @mixin my-custom-component-theme($theme) {\\n//      .my-comp {\\n//        background-color: mat-color(map-get($theme, primary));\\n//      }\\n//    }\\n//\\n// Note that the `$theme.primary` key does usually not exist since the color configuration\\n// is stored in `$theme.color` which contains a property for `primary`. This method copies\\n// the map from `$theme.color` to `$theme` for backwards compatibility.\\n@function _mat-create-backwards-compatibility-theme($theme) {\\n  @if not map-get($theme, color) {\\n    @return $theme;\\n  }\\n  $color: map-get($theme, color);\\n  @return map-merge($theme, $color);\\n}\\n\\n// Creates a light-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-light-color-config($primary, $accent, $warn: null) {\\n  @return (\\n    primary: $primary,\\n    accent: $accent,\\n    warn: if($warn != null, $warn, mat-palette($mat-red)),\\n    is-dark: false,\\n    foreground: $mat-light-theme-foreground,\\n    background: $mat-light-theme-background,\\n  );\\n}\\n\\n// Creates a dark-themed color configuration from the specified\\n// primary, accent and warn palettes.\\n@function _mat-create-dark-color-config($primary, $accent, $warn: null) {\\n  @return (\\n    primary: $primary,\\n    accent: $accent,\\n    warn: if($warn != null, $warn, mat-palette($mat-red)),\\n    is-dark: true,\\n    foreground: $mat-dark-theme-foreground,\\n    background: $mat-dark-theme-background,\\n  );\\n}\\n\\n// Creates a container object for a light theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-light-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n  // This function creates a container object for the individual component theme mixins. Consumers\\n  // can construct such an object by calling this function, or by building the object manually.\\n  // There are two possible ways to invoke this function in order to create such an object:\\n  //\\n  //    (1) Passing in a map that holds optional configurations for individual parts of the\\n  //        theming system. For `color` configurations, the function only expects the palettes\\n  //        for `primary` and `accent` (and optionally `warn`). The function will expand the\\n  //        shorthand into an actual configuration that can be consumed in `-color` mixins.\\n  //    (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n  //        as passing in a configuration map because only the `color` system can be configured.\\n  //\\n  // If the legacy pattern is used, we generate a container object only with a light-themed\\n  // configuration for the `color` theming part.\\n  @if $accent != null {\\n    @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n      _is-legacy-theme: true,\\n      color: _mat-create-light-color-config($primary, $accent, $warn),\\n    )));\\n  }\\n  // If the map pattern is used (1), we just pass-through the configurations for individual\\n  // parts of the theming system, but update the `color` configuration if set. As explained\\n  // above, the color shorthand will be expanded to an actual light-themed color configuration.\\n  $result: $primary;\\n  @if map-get($primary, color) {\\n    $color-settings: map-get($primary, color);\\n    $primary: map-get($color-settings, primary);\\n    $accent: map-get($color-settings, accent);\\n    $warn: map-get($color-settings, warn);\\n    $result: map-merge($result, (color: _mat-create-light-color-config($primary, $accent, $warn)));\\n  }\\n  @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n// Creates a container object for a dark theme to be given to individual component theme mixins.\\n// TODO: Remove legacy API and rename `$primary` to `$config`. Currently it cannot be renamed\\n// as it would break existing apps that set the parameter by name.\\n@function mat-dark-theme($primary, $accent: null, $warn: mat-palette($mat-red)) {\\n  // This function creates a container object for the individual component theme mixins. Consumers\\n  // can construct such an object by calling this function, or by building the object manually.\\n  // There are two possible ways to invoke this function in order to create such an object:\\n  //\\n  //    (1) Passing in a map that holds optional configurations for individual parts of the\\n  //        theming system. For `color` configurations, the function only expects the palettes\\n  //        for `primary` and `accent` (and optionally `warn`). The function will expand the\\n  //        shorthand into an actual configuration that can be consumed in `-color` mixins.\\n  //    (2) Legacy pattern: Passing in the palettes as parameters. This is not as flexible\\n  //        as passing in a configuration map because only the `color` system can be configured.\\n  //\\n  // If the legacy pattern is used, we generate a container object only with a dark-themed\\n  // configuration for the `color` theming part.\\n  @if $accent != null {\\n    @return _mat-create-backwards-compatibility-theme(_mat-validate-theme((\\n      _is-legacy-theme: true,\\n      color: _mat-create-dark-color-config($primary, $accent, $warn),\\n    )));\\n  }\\n  // If the map pattern is used (1), we just pass-through the configurations for individual\\n  // parts of the theming system, but update the `color` configuration if set. As explained\\n  // above, the color shorthand will be expanded to an actual dark-themed color configuration.\\n  $result: $primary;\\n  @if map-get($primary, color) {\\n    $color-settings: map-get($primary, color);\\n    $primary: map-get($color-settings, primary);\\n    $accent: map-get($color-settings, accent);\\n    $warn: map-get($color-settings, warn);\\n    $result: map-merge($result, (color: _mat-create-dark-color-config($primary, $accent, $warn)));\\n  }\\n  @return _mat-create-backwards-compatibility-theme(_mat-validate-theme($result));\\n}\\n\\n/// Gets the color configuration from the given theme or configuration.\\n@function mat-get-color-config($theme, $default: null) {\\n  // If a configuration has been passed, return the config directly.\\n  @if not _mat-is-theme-object($theme) {\\n    @return $theme;\\n  }\\n  // If the theme has been constructed through the legacy theming API, we use the theme object\\n  // as color configuration instead of the dedicated `color` property. We do this because for\\n  // backwards compatibility, we copied the color configuration from `$theme.color` to `$theme`.\\n  // Hence developers could customize the colors at top-level and want to respect these changes\\n  // TODO: Remove when legacy theming API is removed.\\n  @if _mat-is-legacy-constructed-theme($theme) {\\n    @return $theme;\\n  }\\n  @if map-has-key($theme, color) {\\n    @return map-get($theme, color);\\n  }\\n  @return $default;\\n}\\n\\n/// Gets the density configuration from the given theme or configuration.\\n@function mat-get-density-config($theme-or-config, $default: 0) {\\n  // If a configuration has been passed, return the config directly.\\n  @if not _mat-is-theme-object($theme-or-config) {\\n    @return $theme-or-config;\\n  }\\n  // In case a theme has been passed, extract the configuration if present,\\n  // or fall back to the default density config.\\n  @if map-has-key($theme-or-config, density) {\\n    @return map-get($theme-or-config, density);\\n  }\\n  @return $default;\\n}\\n\\n/// Gets the typography configuration from the given theme or configuration.\\n/// For backwards compatibility, typography is not included by default.\\n@function mat-get-typography-config($theme-or-config, $default: null) {\\n  // If a configuration has been passed, return the config directly.\\n  @if not _mat-is-theme-object($theme-or-config) {\\n    @return $theme-or-config;\\n  }\\n  // In case a theme has been passed, extract the configuration if present,\\n  // or fall back to the default typography config.\\n  @if (map-has-key($theme-or-config, typography)) {\\n    @return map-get($theme-or-config, typography);\\n  }\\n  @return $default;\\n}\\n\\n// Checks whether the given value resolves to a theme object. Theme objects are always\\n// of type `map` and can optionally only specify `color`, `density` or `typography`.\\n@function _mat-is-theme-object($value) {\\n  @return type-of($value) == 'map' and (\\n    map-has-key($value, color) or\\n    map-has-key($value, density) or\\n    map-has-key($value, typography) or\\n    length($value) == 0\\n  );\\n}\\n\\n// Checks whether a given value corresponds to a legacy constructed theme.\\n@function _mat-is-legacy-constructed-theme($value) {\\n  @return type-of($value) == 'map' and map-get($value, '_is-legacy-theme');\\n}\\n\\n// Gets the theme from the given value that is either already a theme, or a color configuration.\\n// This handles the legacy case where developers pass a color configuration directly to the\\n// theme mixin. Before we introduced the new pattern for constructing a theme, developers passed\\n// the color configuration directly to the theme mixins. This can be still the case if developers\\n// construct a theme manually and pass it to a theme. We support this for backwards compatibility.\\n// TODO(devversion): remove this in the future. Constructing themes manually is rare,\\n// and the code can be easily updated to the new API.\\n@function _mat-legacy-get-theme($theme-or-color-config) {\\n  @if _mat-is-theme-object($theme-or-color-config) {\\n    @return $theme-or-color-config;\\n  }\\n  @return _mat-create-backwards-compatibility-theme((\\n    _is-legacy-theme: true,\\n    color: $theme-or-color-config\\n  ));\\n}\\n\\n\\n\\n// Whether duplication warnings should be disabled. Warnings enabled by default.\\n$mat-theme-ignore-duplication-warnings: false !default;\\n\\n// Warning that will be printed if duplicated styles are generated by a theme.\\n$_mat-theme-duplicate-warning: 'Read more about how style duplication can be avoided in a ' +\\n  'dedicated guide. https://github.com/angular/components/blob/master/guides/duplicate-theming-styles.md';\\n\\n// These variable are not intended to be overridden externally. They use `!default` to\\n// avoid being reset every time this file is imported.\\n$_mat-theme-emitted-color: () !default;\\n$_mat-theme-emitted-typography: () !default;\\n$_mat-theme-emitted-density: () !default;\\n\\n// Checks if configurations that have been declared in the given theme have been generated\\n// before. If so, warnings will be reported. This should notify developers in case duplicate\\n// styles are accidentally generated due to wrong usage of the all-theme mixins.\\n//\\n// Additionally, this mixin controls the default value for the density configuration. By\\n// default, density styles are generated at scale zero. If the same density styles would be\\n// generated a second time though, the default value will change to avoid duplicate styles.\\n//\\n// The mixin keeps track of all configurations in a list that is scoped to the specified\\n// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins\\n// (e.g. `angular-material-theme` and `angular-material-mdc-theme`) without causing any\\n// style duplication.\\n@mixin _mat-check-duplicate-theme-styles($theme-or-color-config, $id) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  $color-config: mat-get-color-config($theme);\\n  $density-config: mat-get-density-config($theme);\\n  $typography-config: mat-get-typography-config($theme);\\n  // Lists of previous `color`, `density` and `typography` configurations.\\n  $previous-color: map-get($_mat-theme-emitted-color, $id) or ();\\n  $previous-typography: map-get($_mat-theme-emitted-typography, $id) or ();\\n  $previous-density: map-get($_mat-theme-emitted-density, $id) or ();\\n  // Whether duplicate legacy density styles would be generated.\\n  $duplicate-legacy-density: false;\\n\\n  // Check if the color configuration has been generated before.\\n  @if $color-config != null {\\n    @if index($previous-color, $color-config) != null and\\n        not $mat-theme-ignore-duplication-warnings {\\n      @warn 'The same color styles are generated multiple times. ' +\\n          $_mat-theme-duplicate-warning;\\n    }\\n    $previous-color: append($previous-color, $color-config);\\n  }\\n\\n  // Check if the typography configuration has been generated before.\\n  @if $typography-config != null {\\n    @if index($previous-typography, $typography-config) != null and\\n        not $mat-theme-ignore-duplication-warnings {\\n      @warn 'The same typography styles are generated multiple times. ' +\\n          $_mat-theme-duplicate-warning;\\n    }\\n    $previous-typography: append($previous-typography, $typography-config);\\n  }\\n\\n  // Check if the density configuration has been generated before.\\n  @if $density-config != null {\\n    @if index($previous-density, $density-config) != null {\\n      // Only report a warning if density styles would be duplicated for non-legacy theme\\n      // definitions. For legacy themes, we have compatibility logic that avoids duplication\\n      // of default density styles. We don't want to report a warning in those cases.\\n      @if _mat-is-legacy-constructed-theme($theme) {\\n        $duplicate-legacy-density: true;\\n      }\\n      @else if not $mat-theme-ignore-duplication-warnings {\\n        @warn 'The same density styles are generated multiple times. ' +\\n           $_mat-theme-duplicate-warning;\\n      }\\n    }\\n    $previous-density: append($previous-density, $density-config);\\n  }\\n\\n  $_mat-theme-emitted-color: map-merge(\\n      $_mat-theme-emitted-color, ($id: $previous-color)) !global;\\n  $_mat-theme-emitted-density: map-merge(\\n      $_mat-theme-emitted-density, ($id: $previous-density)) !global;\\n  $_mat-theme-emitted-typography: map-merge(\\n      $_mat-theme-emitted-typography, ($id: $previous-typography)) !global;\\n\\n  // Optionally, consumers of this mixin can wrap contents inside so that nested\\n  // duplicate style checks do not report another warning. e.g. if developers include\\n  // the `angular-material-theme` mixin twice, only the top-level duplicate styles check\\n  // should report a warning. Not all individual components should report a warning too.\\n  $orig-mat-theme-ignore-duplication-warnings: $mat-theme-ignore-duplication-warnings;\\n  $mat-theme-ignore-duplication-warnings: true !global;\\n\\n  // If duplicate default density styles would be generated for a legacy constructed theme,\\n  // we adjust the density generation so that no density styles are generated by default.\\n  // If no default density styles have been generated yet, we ensure that the styles\\n  // are generated at root. For legacy themes our goal is to generate default density\\n  // styles **once** and at root. This matches the old behavior where density styles were\\n  // part of the base component styles (that did not use view encapsulation).\\n  // TODO: Remove this compatibility logic when the legacy theming API is removed.\\n  $_mat-density-generate-at-root: _mat-is-legacy-constructed-theme($theme) !global;\\n  $_mat-density-generate-styles: not $duplicate-legacy-density !global;\\n\\n  @content;\\n  $mat-theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;\\n\\n  $_mat-density-generate-at-root: false !global;\\n  $_mat-density-generate-styles: true !global;\\n}\\n\\n\\n\\n$mat-ripple-color-opacity: 0.1;\\n\\n@mixin mat-ripple() {\\n\\n  // The host element of an mat-ripple directive should always have a position of \\\"absolute\\\" or\\n  // \\\"relative\\\" so that the ripples inside are correctly positioned relatively to the container.\\n  .mat-ripple {\\n    overflow: hidden;\\n\\n    // By default, every ripple container should have position: relative in favor of creating an\\n    // easy API for developers using the MatRipple directive.\\n    position: relative;\\n\\n    // Promote containers that have ripples to a new layer. We want to target `:not(:empty)`,\\n    // because we don't want all ripple containers to have their own layer since they're used in a\\n    // lot of places and the layer is only relevant while animating. Note that ideally we'd use\\n    // the `contain` property here (see #13175), because `:empty` can be broken by having extra\\n    // text inside the element, but it isn't very well supported yet.\\n    &:not(:empty) {\\n      transform: translateZ(0);\\n    }\\n  }\\n\\n  .mat-ripple.mat-ripple-unbounded {\\n    overflow: visible;\\n  }\\n\\n  .mat-ripple-element {\\n    position: absolute;\\n    border-radius: 50%;\\n    pointer-events: none;\\n\\n    transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\\n    transform: scale(0);\\n\\n    // In high contrast mode the ripple is opaque, causing it to obstruct the content.\\n    @include cdk-high-contrast(active, off) {\\n      display: none;\\n    }\\n  }\\n}\\n\\n/* Colors for the ripple elements.*/\\n@mixin mat-ripple-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $foreground-base: map-get($foreground, base);\\n\\n  .mat-ripple-element {\\n    // If the ripple color is resolves to a color *type*, we can use it directly, otherwise\\n    // (e.g. it resolves to a CSS variable) we fall back to using the color and setting an opacity.\\n    @if (type-of($foreground-base) == color) {\\n      background-color: rgba($foreground-base, $mat-ripple-color-opacity);\\n    }\\n    @else {\\n      background-color: $foreground-base;\\n      opacity: $mat-ripple-color-opacity;\\n    }\\n  }\\n}\\n\\n@mixin mat-ripple-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-ripple') {\\n    $color: mat-get-color-config($theme);\\n    @if $color != null {\\n      @include mat-ripple-color($color);\\n    }\\n  }\\n}\\n\\n\\n\\n// This mixin ensures an element spans to fill the nearest ancestor with defined positioning.\\n@mixin mat-fill {\\n  top: 0;\\n  left: 0;\\n  right: 0;\\n  bottom: 0;\\n  position: absolute;\\n}\\n\\n\\n/// Mixin that turns on strong focus indicators.\\n///\\n/// @example\\n///   .my-app {\\n///     @include mat-strong-focus-indicators($config);\\n///   }\\n@mixin mat-strong-focus-indicators($config: ()) {\\n  // Default focus indicator config.\\n  $default-config: (\\n    border-style: solid,\\n    border-width: 3px,\\n    border-radius: 4px,\\n  );\\n\\n  // Merge default config with user config.\\n  $config: map-merge($default-config, $config);\\n  $border-style: map-get($config, border-style);\\n  $border-width: map-get($config, border-width);\\n  $border-radius: map-get($config, border-radius);\\n\\n  // Base styles for focus indicators.\\n  .mat-focus-indicator::before {\\n    @include mat-fill();\\n    box-sizing: border-box;\\n    pointer-events: none;\\n    border: $border-width $border-style transparent;\\n    border-radius: $border-radius;\\n  }\\n\\n  // By default, all focus indicators are flush with the bounding box of their\\n  // host element. For particular elements (listed below), default inset/offset\\n  // values are necessary to ensure that the focus indicator is sufficiently\\n  // contrastive and renders appropriately.\\n\\n  .mat-focus-indicator.mat-flat-button::before,\\n  .mat-focus-indicator.mat-raised-button::before,\\n  .mat-focus-indicator.mat-fab::before,\\n  .mat-focus-indicator.mat-mini-fab::before,\\n  .mat-focus-indicator.mat-chip::before,\\n  .mat-focus-indicator.mat-sort-header-container::before {\\n    margin: -($border-width + 2px);\\n  }\\n\\n  .mat-focus-indicator.mat-stroked-button::before,\\n  .mat-focus-indicator.mat-calendar-body-cell-content::before {\\n    margin: -($border-width + 3px);\\n  }\\n\\n  .mat-focus-indicator.mat-tab-link::before,\\n  .mat-focus-indicator.mat-tab-label::before {\\n    margin: 5px;\\n  }\\n\\n  // Render the focus indicator on focus. Defining a pseudo element's\\n  // content will cause it to render.\\n\\n  // Checkboxes, radios, and slide toggles render focus indicators when the\\n  // associated visually-hidden input is focused.\\n  .mat-checkbox-input:focus ~ .mat-focus-indicator::before,\\n  .mat-radio-input:focus ~ .mat-focus-indicator::before,\\n  .mat-slide-toggle-input:focus ~ .mat-slide-toggle-thumb-container .mat-focus-indicator::before,\\n\\n  // For options, render the focus indicator when the class .mat-active\\n  // is present.\\n  .mat-focus-indicator.mat-option.mat-active::before,\\n\\n  // For calendar cells, render the focus indicator when the parent cell is\\n  // focused.\\n  .mat-calendar-body-cell:focus .mat-focus-indicator::before,\\n\\n  // For all other components, render the focus indicator on focus.\\n  .mat-focus-indicator:focus::before {\\n    content: '';\\n  }\\n}\\n\\n// Mixin that applies the border color for the focus indicators.\\n@mixin _mat-strong-focus-indicators-border-color($color) {\\n  .mat-focus-indicator::before {\\n    border-color: $color;\\n  }\\n}\\n\\n@mixin mat-strong-focus-indicators-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  @include _mat-strong-focus-indicators-border-color(mat-color(map-get($config, primary)));\\n}\\n\\n/// Mixin that sets the color of the focus indicators.\\n///\\n/// @param {color|map} $theme-or-color\\n///   If theme, focus indicators are set to the primary color of the theme. If\\n///   color, focus indicators are set to that color.\\n///\\n/// @example\\n///   .demo-dark-theme {\\n///     @include mat-strong-focus-indicators-theme($dark-theme-map);\\n///   }\\n///\\n/// @example\\n///   .demo-red-theme {\\n///     @include mat-strong-focus-indicators-theme(#f00);\\n///   }\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-strong-focus-indicators-theme($theme-or-color) {\\n  @if type-of($theme-or-color) != 'map' {\\n    @include _mat-strong-focus-indicators-border-color($theme-or-color);\\n  }\\n  @else {\\n    $theme: _mat-legacy-get-theme($theme-or-color);\\n    @include _mat-check-duplicate-theme-styles($theme, 'mat-strong-focus-indicators') {\\n      $color: mat-get-color-config($theme);\\n      @if $color != null {\\n        @include mat-strong-focus-indicators-color($color);\\n      }\\n    }\\n  }\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `mat-core`.\\n@mixin _mat-strong-focus-indicators-positioning() {\\n  .mat-focus-indicator {\\n    position: relative;\\n  }\\n}\\n\\n\\n\\n\\n// Utility for fetching a nested value from a typography config.\\n@function _mat-get-type-value($config, $level, $name) {\\n  @return map-get(map-get($config, $level), $name);\\n}\\n\\n// Gets the font size for a level inside a typography config.\\n@function mat-font-size($config, $level) {\\n  @return _mat-get-type-value($config, $level, font-size);\\n}\\n\\n// Gets the line height for a level inside a typography config.\\n@function mat-line-height($config, $level) {\\n  @return _mat-get-type-value($config, $level, line-height);\\n}\\n\\n// Gets the font weight for a level inside a typography config.\\n@function mat-font-weight($config, $level) {\\n  @return _mat-get-type-value($config, $level, font-weight);\\n}\\n\\n// Gets the letter spacing for a level inside a typography config.\\n@function mat-letter-spacing($config, $level) {\\n  @return _mat-get-type-value($config, $level, letter-spacing);\\n}\\n\\n// Gets the font-family from a typography config and removes the quotes around it.\\n@function mat-font-family($config, $level: null) {\\n  $font-family: map-get($config, font-family);\\n\\n  @if $level != null {\\n    $font-family: _mat-get-type-value($config, $level, font-family);\\n  }\\n\\n  // Guard against unquoting non-string values, because it's deprecated.\\n  @return if(type-of($font-family) == string, unquote($font-family), $font-family);\\n}\\n\\n// Outputs the shorthand `font` CSS property, based on a set of typography values. Falls back to\\n// the individual properties if a value that isn't allowed in the shorthand is passed in.\\n@mixin mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family) {\\n  // If any of the values are set to `inherit`, we can't use the shorthand\\n  // so we fall back to passing in the individual properties.\\n  @if ($font-size == inherit or\\n       $font-weight == inherit or\\n       $line-height == inherit or\\n       $font-family == inherit or\\n       $font-size == null or\\n       $font-weight == null or\\n       $line-height == null or\\n       $font-family == null) {\\n\\n    font-size: $font-size;\\n    font-weight: $font-weight;\\n    line-height: $line-height;\\n    font-family: $font-family;\\n  }\\n  @else {\\n    // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note\\n    // that we need to use interpolation for `font-size/line-height` in order to prevent\\n    // Sass from dividing the two values.\\n    font: $font-weight #{$font-size}/#{$line-height} $font-family;\\n  }\\n}\\n\\n// Converts a typography level into CSS styles.\\n@mixin mat-typography-level-to-styles($config, $level) {\\n  $font-size: mat-font-size($config, $level);\\n  $font-weight: mat-font-weight($config, $level);\\n  $line-height: mat-line-height($config, $level);\\n  $font-family: mat-font-family($config, $level);\\n\\n  @include mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family);\\n  letter-spacing: mat-letter-spacing($config, $level);\\n}\\n\\n\\n@mixin mat-option-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n\\n  .mat-option {\\n    color: mat-color($foreground, text);\\n\\n    &:hover:not(.mat-option-disabled),\\n    &:focus:not(.mat-option-disabled) {\\n      background: mat-color($background, hover);\\n    }\\n\\n    // In multiple mode there is a checkbox to show that the option is selected.\\n    &.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\\n      background: mat-color($background, hover);\\n    }\\n\\n    &.mat-active {\\n      background: mat-color($background, hover);\\n      color: mat-color($foreground, text);\\n    }\\n\\n    &.mat-option-disabled {\\n      color: mat-color($foreground, hint-text);\\n    }\\n  }\\n\\n  .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {\\n    color: mat-color($primary, text);\\n  }\\n\\n  .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {\\n    color: mat-color($accent, text);\\n  }\\n\\n  .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {\\n    color: mat-color($warn, text);\\n  }\\n}\\n\\n@mixin mat-option-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-option {\\n    font: {\\n      family: mat-font-family($config);\\n      size: mat-font-size($config, subheading-2);\\n    }\\n  }\\n}\\n\\n@mixin _mat-option-density($config-or-theme) {}\\n\\n@mixin mat-option-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-option') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-option-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-option-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-option-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-optgroup-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-optgroup-label {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-optgroup-disabled .mat-optgroup-label {\\n    color: mat-color($foreground, hint-text);\\n  }\\n}\\n\\n@mixin mat-optgroup-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-optgroup-label {\\n    @include mat-typography-level-to-styles($config, body-2);\\n  }\\n}\\n\\n@mixin _mat-optgroup-density($config-or-theme) {}\\n\\n@mixin mat-optgroup-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-optgroup') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-optgroup-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-optgroup-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-optgroup-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n@mixin mat-pseudo-checkbox-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $is-dark-theme: map-get($config, is-dark);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n\\n  // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n  // this does not work well with elements layered on top of one another. To get around this we\\n  // blend the colors together based on the base color and the theme background.\\n  $white-30pct-opacity-on-dark: #686868;\\n  $black-26pct-opacity-on-light: #b0b0b0;\\n  $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n  $colored-box-selector: '.mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate';\\n\\n  .mat-pseudo-checkbox {\\n    color: mat-color(map-get($config, foreground), secondary-text);\\n\\n    &::after {\\n      color: mat-color($background, background);\\n    }\\n  }\\n\\n  .mat-pseudo-checkbox-disabled {\\n    color: $disabled-color;\\n  }\\n\\n  .mat-primary .mat-pseudo-checkbox-checked,\\n  .mat-primary .mat-pseudo-checkbox-indeterminate {\\n    background: mat-color(map-get($config, primary));\\n  }\\n\\n  // Default to the accent color. Note that the pseudo checkboxes are meant to inherit the\\n  // theme from their parent, rather than implementing their own theming, which is why we\\n  // don't attach to the `mat-*` classes. Also note that this needs to be below `.mat-primary`\\n  // in order to allow for the color to be overwritten if the checkbox is inside a parent that\\n  // has `mat-accent` and is placed inside another parent that has `mat-primary`.\\n  .mat-pseudo-checkbox-checked,\\n  .mat-pseudo-checkbox-indeterminate,\\n  .mat-accent .mat-pseudo-checkbox-checked,\\n  .mat-accent .mat-pseudo-checkbox-indeterminate {\\n    background: mat-color(map-get($config, accent));\\n  }\\n\\n  .mat-warn .mat-pseudo-checkbox-checked,\\n  .mat-warn .mat-pseudo-checkbox-indeterminate {\\n    background: mat-color(map-get($config, warn));\\n  }\\n\\n  .mat-pseudo-checkbox-checked,\\n  .mat-pseudo-checkbox-indeterminate {\\n    &.mat-pseudo-checkbox-disabled {\\n      background: $disabled-color;\\n    }\\n  }\\n}\\n\\n@mixin mat-pseudo-checkbox-typography($config-or-theme) {}\\n\\n@mixin _mat-pseudo-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-pseudo-checkbox-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-pseudo-checkbox') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-pseudo-checkbox-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-pseudo-checkbox-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-pseudo-checkbox-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n// Represents a typography level from the Material design spec.\\n@function mat-typography-level(\\n  $font-size,\\n  $line-height: $font-size,\\n  $font-weight: 400,\\n  $font-family: null,\\n  $letter-spacing: normal) {\\n\\n  @return (\\n    font-size: $font-size,\\n    line-height: $line-height,\\n    font-weight: $font-weight,\\n    font-family: $font-family,\\n    letter-spacing: $letter-spacing\\n  );\\n}\\n\\n// Represents a collection of typography levels.\\n// Defaults come from https://material.io/guidelines/style/typography.html\\n// Note: The spec doesn't mention letter spacing. The values here come from\\n// eyeballing it until it looked exactly like the spec examples.\\n@function mat-typography-config(\\n  $font-family:   'Roboto, \\\"Helvetica Neue\\\", sans-serif',\\n  $display-4:     mat-typography-level(112px, 112px, 300, $letter-spacing: -0.05em),\\n  $display-3:     mat-typography-level(56px, 56px, 400, $letter-spacing: -0.02em),\\n  $display-2:     mat-typography-level(45px, 48px, 400, $letter-spacing: -0.005em),\\n  $display-1:     mat-typography-level(34px, 40px, 400),\\n  $headline:      mat-typography-level(24px, 32px, 400),\\n  $title:         mat-typography-level(20px, 32px, 500),\\n  $subheading-2:  mat-typography-level(16px, 28px, 400),\\n  $subheading-1:  mat-typography-level(15px, 24px, 400),\\n  $body-2:        mat-typography-level(14px, 24px, 500),\\n  $body-1:        mat-typography-level(14px, 20px, 400),\\n  $caption:       mat-typography-level(12px, 20px, 400),\\n  $button:        mat-typography-level(14px, 14px, 500),\\n  // Line-height must be unit-less fraction of the font-size.\\n  $input:         mat-typography-level(inherit, 1.125, 400)\\n) {\\n\\n  // Declare an initial map with all of the levels.\\n  $config: (\\n    display-4:      $display-4,\\n    display-3:      $display-3,\\n    display-2:      $display-2,\\n    display-1:      $display-1,\\n    headline:       $headline,\\n    title:          $title,\\n    subheading-2:   $subheading-2,\\n    subheading-1:   $subheading-1,\\n    body-2:         $body-2,\\n    body-1:         $body-1,\\n    caption:        $caption,\\n    button:         $button,\\n    input:          $input,\\n  );\\n\\n  // Loop through the levels and set the `font-family` of the ones that don't have one to the base.\\n  // Note that Sass can't modify maps in place, which means that we need to merge and re-assign.\\n  @each $key, $level in $config {\\n    @if map-get($level, font-family) == null {\\n      $new-level: map-merge($level, (font-family: $font-family));\\n      $config: map-merge($config, ($key: $new-level));\\n    }\\n  }\\n\\n  // Add the base font family to the config.\\n  @return map-merge($config, (font-family: $font-family));\\n}\\n\\n// Adds the base typography styles, based on a config.\\n/* stylelint-disable-next-line material/theme-mixin-api */\\n@mixin mat-base-typography($config, $selector: '.mat-typography') {\\n  .mat-h1, .mat-headline, #{$selector} h1 {\\n    @include mat-typography-level-to-styles($config, headline);\\n    margin: 0 0 16px;\\n  }\\n\\n  .mat-h2, .mat-title, #{$selector} h2 {\\n    @include mat-typography-level-to-styles($config, title);\\n    margin: 0 0 16px;\\n  }\\n\\n  .mat-h3, .mat-subheading-2, #{$selector} h3 {\\n    @include mat-typography-level-to-styles($config, subheading-2);\\n    margin: 0 0 16px;\\n  }\\n\\n  .mat-h4, .mat-subheading-1, #{$selector} h4 {\\n    @include mat-typography-level-to-styles($config, subheading-1);\\n    margin: 0 0 16px;\\n  }\\n\\n  // Note: the spec doesn't have anything that would correspond to h5 and h6, but we add these for\\n  // consistency. The font sizes come from the Chrome user agent styles which have h5 at 0.83em\\n  // and h6 at 0.67em.\\n  .mat-h5, #{$selector} h5 {\\n    @include mat-typography-font-shorthand(\\n       // calc is used here to support css variables\\n      calc(#{mat-font-size($config, body-1)} * 0.83),\\n      mat-font-weight($config, body-1),\\n      mat-line-height($config, body-1),\\n      mat-font-family($config, body-1)\\n    );\\n\\n    margin: 0 0 12px;\\n  }\\n\\n  .mat-h6, #{$selector} h6 {\\n    @include mat-typography-font-shorthand(\\n       // calc is used here to support css variables\\n      calc(#{mat-font-size($config, body-1)} * 0.67),\\n      mat-font-weight($config, body-1),\\n      mat-line-height($config, body-1),\\n      mat-font-family($config, body-1)\\n    );\\n\\n    margin: 0 0 12px;\\n  }\\n\\n  .mat-body-strong, .mat-body-2 {\\n    @include mat-typography-level-to-styles($config, body-2);\\n  }\\n\\n  .mat-body, .mat-body-1, #{$selector} {\\n    @include mat-typography-level-to-styles($config, body-1);\\n\\n    p {\\n      margin: 0 0 12px;\\n    }\\n  }\\n\\n  .mat-small, .mat-caption {\\n    @include mat-typography-level-to-styles($config, caption);\\n  }\\n\\n  .mat-display-4, #{$selector} .mat-display-4 {\\n    @include mat-typography-level-to-styles($config, display-4);\\n    margin: 0 0 56px;\\n  }\\n\\n  .mat-display-3, #{$selector} .mat-display-3 {\\n    @include mat-typography-level-to-styles($config, display-3);\\n    margin: 0 0 64px;\\n  }\\n\\n  .mat-display-2, #{$selector} .mat-display-2 {\\n    @include mat-typography-level-to-styles($config, display-2);\\n    margin: 0 0 64px;\\n  }\\n\\n  .mat-display-1, #{$selector} .mat-display-1 {\\n    @include mat-typography-level-to-styles($config, display-1);\\n    margin: 0 0 64px;\\n  }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-autocomplete-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n\\n  .mat-autocomplete-panel {\\n    @include _mat-theme-overridable-elevation(4, $config);\\n    background: mat-color($background, card);\\n    color: mat-color($foreground, text);\\n\\n    // Selected options in autocompletes should not be gray, but we\\n    // only want to override the background for selected options if\\n    // they are *not* in hover or focus state. This change has to be\\n    // made here because base option styles are shared between the\\n    // autocomplete and the select.\\n    .mat-option.mat-selected:not(.mat-active):not(:hover) {\\n      background: mat-color($background, card);\\n\\n      &:not(.mat-option-disabled) {\\n        color: mat-color($foreground, text);\\n      }\\n    }\\n  }\\n}\\n\\n@mixin mat-autocomplete-typography($config-or-theme) {}\\n\\n@mixin _mat-autocomplete-density($config-or-theme) {}\\n\\n@mixin mat-autocomplete-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-autocomplete') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-autocomplete-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-autocomplete-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-autocomplete-typography($typography);\\n    }\\n  }\\n}\\n\\n// This contains all of the styles for the badge\\n// rather than just the color/theme because of\\n// no style sheet support for directives.\\n\\n\\n\\n\\n\\n\\n$mat-badge-font-size: 12px;\\n$mat-badge-font-weight: 600;\\n$mat-badge-default-size: 22px !default;\\n$mat-badge-small-size: $mat-badge-default-size - 6;\\n$mat-badge-large-size: $mat-badge-default-size + 6;\\n\\n// Mixin for building offset given different sizes\\n@mixin _mat-badge-size($size) {\\n  .mat-badge-content {\\n    width: $size;\\n    height: $size;\\n    line-height: $size;\\n  }\\n\\n  &.mat-badge-above {\\n    .mat-badge-content {\\n      top: -$size / 2;\\n    }\\n  }\\n\\n  &.mat-badge-below {\\n    .mat-badge-content {\\n      bottom: -$size / 2;\\n    }\\n  }\\n\\n  &.mat-badge-before {\\n    .mat-badge-content {\\n      left: -$size;\\n    }\\n  }\\n\\n  [dir='rtl'] &.mat-badge-before {\\n    .mat-badge-content {\\n      left: auto;\\n      right: -$size;\\n    }\\n  }\\n\\n  &.mat-badge-after {\\n    .mat-badge-content {\\n      right: -$size;\\n    }\\n  }\\n\\n  [dir='rtl'] &.mat-badge-after {\\n    .mat-badge-content {\\n      right: auto;\\n      left: -$size;\\n    }\\n  }\\n\\n  &.mat-badge-overlap {\\n    &.mat-badge-before {\\n      .mat-badge-content {\\n        left: -$size / 2;\\n      }\\n    }\\n\\n    [dir='rtl'] &.mat-badge-before {\\n      .mat-badge-content {\\n        left: auto;\\n        right: -$size / 2;\\n      }\\n    }\\n\\n    &.mat-badge-after {\\n      .mat-badge-content {\\n        right: -$size / 2;\\n      }\\n    }\\n\\n    [dir='rtl'] &.mat-badge-after {\\n      .mat-badge-content {\\n        right: auto;\\n        left: -$size / 2;\\n      }\\n    }\\n  }\\n}\\n\\n@mixin mat-badge-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $primary: map-get($config, primary);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-badge-content {\\n    color: mat-color($primary, default-contrast);\\n    background: mat-color($primary);\\n\\n    @include cdk-high-contrast(active, off) {\\n      outline: solid 1px;\\n      border-radius: 0;\\n    }\\n  }\\n\\n  .mat-badge-accent {\\n    .mat-badge-content {\\n      background: mat-color($accent);\\n      color: mat-color($accent, default-contrast);\\n    }\\n  }\\n\\n  .mat-badge-warn {\\n    .mat-badge-content {\\n      color: mat-color($warn, default-contrast);\\n      background: mat-color($warn);\\n    }\\n  }\\n\\n  .mat-badge {\\n    position: relative;\\n  }\\n\\n  .mat-badge-hidden {\\n    .mat-badge-content {\\n      display: none;\\n    }\\n  }\\n\\n  .mat-badge-disabled {\\n    .mat-badge-content {\\n      $app-background: mat-color($background, 'background');\\n      $badge-color: mat-color($foreground, disabled-button);\\n\\n      // The disabled color usually has some kind of opacity, but because the badge is overlayed\\n      // on top of something else, it won't look good if it's opaque. If it is a color *type*,\\n      // we convert it into a solid color by taking the opacity from the rgba value and using\\n      // the value to determine the percentage of the background to put into foreground when\\n      // mixing the colors together.\\n      @if (type-of($badge-color) == color and type-of($app-background) == color) {\\n        $badge-opacity: opacity($badge-color);\\n        background: mix($app-background, rgba($badge-color, 1), (1 - $badge-opacity) * 100%);\\n      }\\n      @else {\\n        background: $badge-color;\\n      }\\n\\n      color: mat-color($foreground, disabled-text);\\n    }\\n  }\\n\\n  .mat-badge-content {\\n    position: absolute;\\n    text-align: center;\\n    display: inline-block;\\n    border-radius: 50%;\\n    transition: transform 200ms ease-in-out;\\n    transform: scale(0.6);\\n    overflow: hidden;\\n    white-space: nowrap;\\n    text-overflow: ellipsis;\\n    pointer-events: none;\\n  }\\n\\n  .ng-animate-disabled .mat-badge-content,\\n  .mat-badge-content._mat-animation-noopable {\\n    transition: none;\\n  }\\n\\n  // The active class is added after the element is added\\n  // so it can animate scale to default\\n  .mat-badge-content.mat-badge-active {\\n    // Scale to `none` instead of `1` to avoid blurry text in some browsers.\\n    transform: none;\\n  }\\n\\n  .mat-badge-small {\\n    @include _mat-badge-size($mat-badge-small-size);\\n  }\\n  .mat-badge-medium {\\n    @include _mat-badge-size($mat-badge-default-size);\\n  }\\n  .mat-badge-large {\\n    @include _mat-badge-size($mat-badge-large-size);\\n  }\\n}\\n\\n@mixin mat-badge-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-badge-content {\\n    font-weight: $mat-badge-font-weight;\\n    font-size: $mat-badge-font-size;\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-badge-small .mat-badge-content {\\n    // Set the font size to 75% of the original.\\n    font-size: $mat-badge-font-size * 0.75;\\n  }\\n\\n  .mat-badge-large .mat-badge-content {\\n    font-size: $mat-badge-font-size * 2;\\n  }\\n}\\n\\n@mixin _mat-badge-density($config-or-theme) {}\\n\\n@mixin mat-badge-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-badge') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-badge-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-badge-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-badge-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-bottom-sheet-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-bottom-sheet-container {\\n    @include _mat-theme-elevation(16, $config);\\n    background: mat-color($background, dialog);\\n    color: mat-color($foreground, text);\\n  }\\n}\\n\\n@mixin mat-bottom-sheet-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-bottom-sheet-container {\\n    @include mat-typography-level-to-styles($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-bottom-sheet-density($config-or-theme) {}\\n\\n@mixin mat-bottom-sheet-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-bottom-sheet') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-bottom-sheet-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-bottom-sheet-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-bottom-sheet-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n$_mat-button-ripple-opacity: 0.1;\\n\\n// Applies a focus style to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-focus-overlay-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n\\n  &.mat-primary .mat-button-focus-overlay {\\n    background-color: mat-color($primary);\\n  }\\n\\n  &.mat-accent .mat-button-focus-overlay {\\n    background-color: mat-color($accent);\\n  }\\n\\n  &.mat-warn .mat-button-focus-overlay {\\n    background-color: mat-color($warn);\\n  }\\n\\n  &.mat-button-disabled .mat-button-focus-overlay {\\n    background-color: transparent;\\n  }\\n}\\n\\n// Applies the background color for a ripple. If the value provided is not a Sass color,\\n// we assume that we've been given a CSS variable. Since we can't perform alpha-blending\\n// on a CSS variable, we instead add the opacity directly to the ripple element.\\n@mixin _mat-button-ripple-background($palette, $hue, $opacity) {\\n  $background-color: mat-color($palette, $hue, $opacity);\\n  background-color: $background-color;\\n  @if (type-of($background-color) != color) {\\n    opacity: $opacity;\\n  }\\n}\\n\\n@mixin _mat-button-ripple-color($theme, $hue, $opacity: $_mat-button-ripple-opacity) {\\n  $primary: map-get($theme, primary);\\n  $accent: map-get($theme, accent);\\n  $warn: map-get($theme, warn);\\n\\n  &.mat-primary .mat-ripple-element {\\n    @include _mat-button-ripple-background($primary, $hue, $opacity);\\n  }\\n\\n  &.mat-accent .mat-ripple-element {\\n    @include _mat-button-ripple-background($accent, $hue, $opacity);\\n  }\\n\\n  &.mat-warn .mat-ripple-element {\\n    @include _mat-button-ripple-background($warn, $hue, $opacity);\\n  }\\n}\\n\\n// Applies a property to an mat-button element for each of the supported palettes.\\n@mixin _mat-button-theme-property($theme, $property, $hue) {\\n  $primary: map-get($theme, primary);\\n  $accent: map-get($theme, accent);\\n  $warn: map-get($theme, warn);\\n  $background: map-get($theme, background);\\n  $foreground: map-get($theme, foreground);\\n\\n  &.mat-primary {\\n    #{$property}: mat-color($primary, $hue);\\n  }\\n  &.mat-accent {\\n    #{$property}: mat-color($accent, $hue);\\n  }\\n  &.mat-warn {\\n    #{$property}: mat-color($warn, $hue);\\n  }\\n\\n  &.mat-primary, &.mat-accent, &.mat-warn, &.mat-button-disabled {\\n    &.mat-button-disabled {\\n      $palette: if($property == 'color', $foreground, $background);\\n      #{$property}: mat-color($palette, disabled-button);\\n    }\\n  }\\n}\\n\\n@mixin mat-button-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-button, .mat-icon-button, .mat-stroked-button {\\n    // Buttons without a background color should inherit the font color. This is necessary to\\n    // ensure that the button is readable on custom background colors. It's wrong to always assume\\n    // that those buttons are always placed inside of containers with the default background\\n    // color of the theme (e.g. themed toolbars).\\n    color: inherit;\\n    background: transparent;\\n\\n    @include _mat-button-theme-property($config, 'color', text);\\n    @include _mat-button-focus-overlay-color($config);\\n\\n    // Setup the ripple color to be based on the text color. This ensures that the ripples\\n    // are matching with the current theme palette and are in contrast to the background color\\n    // (e.g in themed toolbars).\\n    .mat-ripple-element {\\n      opacity: $_mat-button-ripple-opacity;\\n      background-color: currentColor;\\n    }\\n  }\\n\\n  .mat-button-focus-overlay {\\n    background: map-get($foreground, base);\\n  }\\n\\n  // Note: this needs a bit extra specificity, because we're not guaranteed the inclusion\\n  // order of the theme styles and the button reset may end up resetting this as well.\\n  .mat-stroked-button:not(.mat-button-disabled) {\\n    border-color: mat-color($foreground, divider);\\n  }\\n\\n  .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {\\n    // Default font and background color when not using any color palette.\\n    color: mat-color($foreground, text);\\n    background-color: mat-color($background, raised-button);\\n\\n    @include _mat-button-theme-property($config, 'color', default-contrast);\\n    @include _mat-button-theme-property($config, 'background-color', default);\\n    @include _mat-button-ripple-color($config, default-contrast);\\n  }\\n\\n  .mat-stroked-button, .mat-flat-button {\\n    @include _mat-theme-overridable-elevation(0, $config);\\n  }\\n\\n  .mat-raised-button {\\n    @include _mat-theme-overridable-elevation(2, $config);\\n\\n    &:not(.mat-button-disabled):active {\\n      @include _mat-theme-overridable-elevation(8, $config);\\n    }\\n\\n    &.mat-button-disabled {\\n      @include _mat-theme-overridable-elevation(0, $config);\\n    }\\n  }\\n\\n  .mat-fab, .mat-mini-fab {\\n    @include _mat-theme-overridable-elevation(6, $config);\\n\\n    &:not(.mat-button-disabled):active {\\n      @include _mat-theme-overridable-elevation(12, $config);\\n    }\\n\\n    &.mat-button-disabled {\\n      @include _mat-theme-overridable-elevation(0, $config);\\n    }\\n  }\\n}\\n\\n@mixin mat-button-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,\\n  .mat-flat-button, .mat-fab, .mat-mini-fab {\\n    font: {\\n      family: mat-font-family($config, button);\\n      size: mat-font-size($config, button);\\n      weight: mat-font-weight($config, button);\\n    }\\n  }\\n}\\n\\n@mixin _mat-button-density($config-or-theme) {}\\n\\n@mixin mat-button-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-button') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-button-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-button-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-button-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Taken from mat-density with small modifications to not rely on the new Sass module\\n// system, and to support arbitrary properties in a density configuration.\\n// https://github.com/material-components/material-components-web/blob/master/packages/mdc-density\\n\\n$_mat-density-interval: 4px !default;\\n$_mat-density-minimum-scale: minimum !default;\\n$_mat-density-maximum-scale: maximum !default;\\n$_mat-density-supported-scales: (default, minimum, maximum) !default;\\n$_mat-density-default-scale: 0 !default;\\n\\n// Whether density should be generated at root. This will be temporarily set to `true`\\n// whenever density styles for legacy themes are generated.\\n$_mat-density-generate-at-root: false;\\n// Whether density styles should be generated. This will be temporarily set to `false` if\\n// duplicate density styles for a legacy theme would be generated. For legacy themes,\\n// we always generate the default density **only once** at root.\\n$_mat-density-generate-styles: true;\\n\\n// Mixin that can be used to wrap density styles of given components. The mixin will\\n// move the density styles to root if the `$_mat-density-generate-at-root` global variable\\n// is set. If `$_mat-density-generate-styles` is set to `false`, generation of density\\n// styles wrapped in this mixin is skipped. This mixin exists to improve backwards compatibility\\n// of the new theming API where density styles are included as part of themes. Previously,\\n// density styles of components were part of their base styles. With the new API, they are\\n// part of the theming system. The `<..>-theme` mixins generate density by default unless\\n// the density configuration is explicitly specified as per new API. This means, that projects\\n// using `<..>-theme` mixins for separate themes (like `.dark-theme`) will cause duplicate\\n// density styles. This is breaking as it increases specificity of density styles. This mixin\\n// provides an API to control generation of density styles so that we can ensure they are only\\n// created *once* and at root.\\n@mixin _mat-density-legacy-compatibility() {\\n  @if $_mat-density-generate-styles and $_mat-density-generate-at-root {\\n    @at-root {\\n      @content;\\n    }\\n  }\\n  @else if $_mat-density-generate-styles {\\n    @content;\\n  }\\n}\\n\\n@function _mat-density-prop-value($density-config, $density-scale, $property-name) {\\n  @if (type-of($density-scale) == 'string' and\\n      index($list: $_mat-density-supported-scales, $value: $density-scale) == null) {\\n    @error 'mat-density: Supported density scales #{$_mat-density-supported-scales}, '  +\\n      'but received #{$density-scale}.';\\n  }\\n\\n  $value: null;\\n  $property-scale-map: map-get($density-config, $property-name);\\n\\n  @if map-has-key($property-scale-map, $density-scale) {\\n    $value: map-get($property-scale-map, $density-scale);\\n  }\\n  @else {\\n    $value: map-get($property-scale-map, default) + $density-scale * $_mat-density-interval;\\n  }\\n\\n  $min-value: map-get($property-scale-map, $_mat-density-minimum-scale);\\n  $max-value: map-get($property-scale-map, $_mat-density-maximum-scale);\\n\\n  @if ($value < $min-value or $value > $max-value) {\\n    @error 'mat-density: #{$property-name} must be between #{$min-value} and ' +\\n      '#{$max-value} (inclusive), but received #{$value}.';\\n  }\\n\\n  @return $value;\\n}\\n\\n$mat-button-toggle-standard-height: 48px !default;\\n// Minimum height for highest density can vary based on the content that developers\\n// project into button-toggle's. We use a minimum of `24px` though because commonly\\n// icons or text are displayed. Icons by default have a size of `24px`.\\n$mat-button-toggle-standard-minimum-height: 24px !default;\\n$mat-button-toggle-standard-maximum-height: $mat-button-toggle-standard-height !default;\\n\\n$mat-button-toggle-standard-density-config: (\\n  height: (\\n    default: $mat-button-toggle-standard-height,\\n    maximum: $mat-button-toggle-standard-maximum-height,\\n    minimum: $mat-button-toggle-standard-minimum-height,\\n  )\\n) !default;\\n\\n\\n@mixin mat-button-toggle-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n  $divider-color: mat-color($foreground, divider);\\n\\n  .mat-button-toggle-standalone,\\n  .mat-button-toggle-group {\\n    @include _mat-theme-elevation(2, $config);\\n  }\\n\\n  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n  .mat-button-toggle-group-appearance-standard {\\n    box-shadow: none;\\n  }\\n\\n  .mat-button-toggle {\\n    color: mat-color($foreground, hint-text);\\n\\n    .mat-button-toggle-focus-overlay {\\n      background-color: mat-color($background, focused-button);\\n    }\\n  }\\n\\n  .mat-button-toggle-appearance-standard {\\n    color: mat-color($foreground, text);\\n    background: mat-color($background, card);\\n\\n    .mat-button-toggle-focus-overlay {\\n      background-color: mat-color($background, focused-button, 1);\\n    }\\n  }\\n\\n  .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n    border-left: solid 1px $divider-color;\\n  }\\n\\n  [dir='rtl'] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {\\n    border-left: none;\\n    border-right: solid 1px $divider-color;\\n  }\\n\\n  .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical {\\n    .mat-button-toggle + .mat-button-toggle {\\n      border-left: none;\\n      border-right: none;\\n      border-top: solid 1px $divider-color;\\n    }\\n  }\\n\\n  .mat-button-toggle-checked {\\n    background-color: mat-color($background, selected-button);\\n    color: mat-color($foreground, secondary-text);\\n\\n    &.mat-button-toggle-appearance-standard {\\n      color: mat-color($foreground, text);\\n    }\\n  }\\n\\n  .mat-button-toggle-disabled {\\n    color: mat-color($foreground, disabled-button);\\n    background-color: mat-color($background, disabled-button-toggle);\\n\\n    &.mat-button-toggle-appearance-standard {\\n      background: mat-color($background, card);\\n    }\\n\\n    &.mat-button-toggle-checked {\\n      background-color: mat-color($background, selected-disabled-button);\\n    }\\n  }\\n\\n  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,\\n  .mat-button-toggle-group-appearance-standard {\\n    border: solid 1px $divider-color;\\n  }\\n}\\n\\n@mixin mat-button-toggle-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-button-toggle {\\n    font-family: mat-font-family($config);\\n  }\\n}\\n\\n@mixin _mat-button-toggle-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $standard-height: _mat-density-prop-value(\\n      $mat-button-toggle-standard-density-config, $density-scale, height);\\n\\n  @include _mat-density-legacy-compatibility() {\\n    .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {\\n      line-height: $standard-height;\\n    }\\n  }\\n}\\n\\n@mixin mat-button-toggle-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-button-toggle') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-button-toggle-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-button-toggle-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-button-toggle-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-card-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-card {\\n    @include _mat-theme-overridable-elevation(1, $config);\\n    background: mat-color($background, card);\\n    color: mat-color($foreground, text);\\n\\n    // Needs extra specificity to be able to override the elevation selectors.\\n    &.mat-card-flat {\\n      @include _mat-theme-overridable-elevation(0, $config);\\n    }\\n  }\\n\\n  .mat-card-subtitle {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n}\\n\\n@mixin mat-card-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-card {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-card-title {\\n    font: {\\n      size: mat-font-size($config, headline);\\n      weight: mat-font-weight($config, title);\\n    }\\n  }\\n\\n  .mat-card-header .mat-card-title {\\n    font-size: mat-font-size($config, title);\\n  }\\n\\n  .mat-card-subtitle,\\n  .mat-card-content {\\n    font-size: mat-font-size($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-card-density($config-or-theme) {}\\n\\n@mixin mat-card-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-card') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-card-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-card-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-card-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-checkbox-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $is-dark-theme: map-get($config, is-dark);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n\\n  // The color of the checkbox's checkmark / mixedmark.\\n  $checkbox-mark-color: mat-color($background, background);\\n\\n  // NOTE(traviskaufman): While the spec calls for translucent blacks/whites for disabled colors,\\n  // this does not work well with elements layered on top of one another. To get around this we\\n  // blend the colors together based on the base color and the theme background.\\n  $white-30pct-opacity-on-dark: #686868;\\n  $black-26pct-opacity-on-light: #b0b0b0;\\n  $disabled-color: if($is-dark-theme, $white-30pct-opacity-on-dark, $black-26pct-opacity-on-light);\\n\\n  .mat-checkbox-frame {\\n    border-color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-checkbox-checkmark {\\n    fill: $checkbox-mark-color;\\n  }\\n\\n  .mat-checkbox-checkmark-path {\\n    // !important is needed here because a stroke must be set as an\\n    // attribute on the SVG in order for line animation to work properly.\\n    stroke: $checkbox-mark-color !important;\\n  }\\n\\n  .mat-checkbox-mixedmark {\\n    background-color: $checkbox-mark-color;\\n  }\\n\\n  .mat-checkbox-indeterminate, .mat-checkbox-checked {\\n    &.mat-primary .mat-checkbox-background {\\n      background-color: mat-color($primary);\\n    }\\n\\n    &.mat-accent .mat-checkbox-background {\\n      background-color: mat-color($accent);\\n    }\\n\\n    &.mat-warn .mat-checkbox-background {\\n      background-color: mat-color($warn);\\n    }\\n  }\\n\\n  .mat-checkbox-disabled {\\n    &.mat-checkbox-checked,\\n    &.mat-checkbox-indeterminate {\\n      .mat-checkbox-background {\\n        background-color: $disabled-color;\\n      }\\n    }\\n\\n    &:not(.mat-checkbox-checked) {\\n      .mat-checkbox-frame {\\n        border-color: $disabled-color;\\n      }\\n    }\\n\\n    .mat-checkbox-label {\\n      color: mat-color($foreground, secondary-text);\\n    }\\n  }\\n\\n  // Switch this to a solid color since we're using `opacity`\\n  // to control how opaque the ripple should be.\\n  .mat-checkbox .mat-ripple-element {\\n    background-color: map-get(map-get($config, foreground), base);\\n  }\\n\\n  .mat-checkbox-checked:not(.mat-checkbox-disabled),\\n  .mat-checkbox:active:not(.mat-checkbox-disabled) {\\n    &.mat-primary .mat-ripple-element {\\n      background: mat-color($primary);\\n    }\\n\\n    &.mat-accent .mat-ripple-element {\\n      background: mat-color($accent);\\n    }\\n\\n    &.mat-warn .mat-ripple-element {\\n      background: mat-color($warn);\\n    }\\n  }\\n}\\n\\n@mixin mat-checkbox-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-checkbox {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  // TODO(kara): Remove this style when fixing vertical baseline\\n  .mat-checkbox-layout .mat-checkbox-label {\\n    line-height: mat-line-height($config, body-2);\\n  }\\n}\\n\\n@mixin _mat-checkbox-density($config-or-theme) {}\\n\\n@mixin mat-checkbox-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-checkbox') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-checkbox-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-checkbox-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-checkbox-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-chip-remove-font-size: 18px;\\n\\n@mixin _mat-chip-element-color($foreground, $background) {\\n  background-color: $background;\\n  color: $foreground;\\n\\n  .mat-chip-remove {\\n    color: $foreground;\\n    opacity: 0.4;\\n  }\\n}\\n\\n\\n// Applies the background color for a ripple element.\\n// If the color value provided is not a Sass color,\\n// we assume that we've been given a CSS variable.\\n// Since we can't perform alpha-blending on a CSS variable,\\n// we instead add the opacity directly to the ripple element.\\n@mixin _mat-chips-ripple-background($palette, $default-contrast, $opacity) {\\n  $background-color: mat-color($palette, $default-contrast, $opacity);\\n  background-color: $background-color;\\n  @if (type-of($background-color) != color) {\\n    opacity: $opacity;\\n  }\\n}\\n\\n@mixin _mat-chip-theme-color($palette) {\\n  @include _mat-chip-element-color(mat-color($palette, default-contrast), mat-color($palette));\\n\\n  .mat-ripple-element {\\n    @include _mat-chips-ripple-background($palette, default-contrast, 0.1);\\n  }\\n}\\n\\n@mixin mat-chips-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $is-dark-theme: map-get($config, is-dark);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  $unselected-background: mat-color($background, unselected-chip);\\n  $unselected-foreground: mat-color($foreground, text);\\n\\n  .mat-chip.mat-standard-chip {\\n    @include _mat-chip-element-color($unselected-foreground, $unselected-background);\\n\\n    &:not(.mat-chip-disabled) {\\n      &:active {\\n        @include _mat-theme-elevation(3, $config);\\n      }\\n\\n      .mat-chip-remove:hover {\\n        opacity: 0.54;\\n      }\\n    }\\n\\n    &.mat-chip-disabled {\\n      opacity: 0.4;\\n    }\\n\\n    &::after {\\n      background: map-get($foreground, base);\\n    }\\n  }\\n\\n  .mat-chip.mat-standard-chip.mat-chip-selected {\\n    &.mat-primary {\\n      @include _mat-chip-theme-color($primary);\\n    }\\n\\n    &.mat-warn {\\n      @include _mat-chip-theme-color($warn);\\n    }\\n\\n    &.mat-accent {\\n      @include _mat-chip-theme-color($accent);\\n    }\\n  }\\n}\\n\\n@mixin mat-chips-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-chip {\\n    font-size: mat-font-size($config, body-2);\\n    font-weight: mat-font-weight($config, body-2);\\n\\n    .mat-chip-trailing-icon.mat-icon,\\n    .mat-chip-remove.mat-icon {\\n      font-size: $mat-chip-remove-font-size;\\n    }\\n  }\\n}\\n\\n@mixin _mat-chips-density($config-or-theme) {}\\n\\n@mixin mat-chips-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-chips') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-chips-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-chips-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-chips-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-divider-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-divider {\\n    border-top-color: mat-color($foreground, divider);\\n  }\\n\\n  .mat-divider-vertical {\\n    border-right-color: mat-color($foreground, divider);\\n  }\\n}\\n\\n@mixin mat-divider-typography($config-or-theme) {}\\n\\n@mixin _mat-divider-density($config-or-theme) {}\\n\\n@mixin mat-divider-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-divider') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-divider-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-divider-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-divider-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-table-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-table {\\n    background: mat-color($background, 'card');\\n  }\\n\\n  .mat-table thead, .mat-table tbody, .mat-table tfoot,\\n  mat-header-row, mat-row, mat-footer-row,\\n  [mat-header-row], [mat-row], [mat-footer-row],\\n  .mat-table-sticky {\\n    background: inherit;\\n  }\\n\\n  mat-row, mat-header-row, mat-footer-row,\\n  th.mat-header-cell, td.mat-cell, td.mat-footer-cell {\\n    border-bottom-color: mat-color($foreground, divider);\\n  }\\n\\n  .mat-header-cell {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-cell, .mat-footer-cell {\\n    color: mat-color($foreground, text);\\n  }\\n}\\n\\n@mixin mat-table-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-table {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-header-cell {\\n    font-size: mat-font-size($config, caption);\\n    font-weight: mat-font-weight($config, body-2);\\n  }\\n\\n  .mat-cell, .mat-footer-cell {\\n    font-size: mat-font-size($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-table-density($config-or-theme) {}\\n\\n@mixin mat-table-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-table') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-table-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-table-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-table-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n$mat-datepicker-selected-today-box-shadow-width: 1px;\\n$mat-datepicker-selected-fade-amount: 0.6;\\n$mat-datepicker-range-fade-amount: 0.2;\\n$mat-datepicker-today-fade-amount: 0.2;\\n$mat-calendar-body-font-size: 13px !default;\\n$mat-calendar-weekday-table-font-size: 11px !default;\\n\\n@mixin _mat-datepicker-color($palette) {\\n  @include mat-date-range-colors(\\n    mat-color($palette, default, $mat-datepicker-range-fade-amount));\\n\\n  .mat-calendar-body-selected {\\n    background-color: mat-color($palette);\\n    color: mat-color($palette, default-contrast);\\n  }\\n\\n  .mat-calendar-body-disabled > .mat-calendar-body-selected {\\n    $background: mat-color($palette);\\n\\n    @if (type-of($background) == color) {\\n      background-color: fade-out($background, $mat-datepicker-selected-fade-amount);\\n    }\\n    @else {\\n      // If we couldn't resolve to background to a color (e.g. it's a CSS variable),\\n      // fall back to fading the content out via `opacity`.\\n      opacity: $mat-datepicker-today-fade-amount;\\n    }\\n  }\\n\\n  .mat-calendar-body-today.mat-calendar-body-selected {\\n    box-shadow: inset 0 0 0 $mat-datepicker-selected-today-box-shadow-width\\n                mat-color($palette, default-contrast);\\n  }\\n}\\n\\n// Utility mixin to target cells that aren't selected. Used to make selector easier to follow.\\n@mixin _mat-datepicker-unselected-cell {\\n  &:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {\\n    @content;\\n  }\\n}\\n\\n@mixin mat-datepicker-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n  $disabled-color: mat-color($foreground, disabled-text);\\n\\n  .mat-calendar-arrow {\\n    border-top-color: mat-color($foreground, icon);\\n  }\\n\\n  // The prev/next buttons need a bit more specificity to\\n  // avoid being overwritten by the .mat-icon-button.\\n  .mat-datepicker-toggle,\\n  .mat-datepicker-content .mat-calendar-next-button,\\n  .mat-datepicker-content .mat-calendar-previous-button {\\n    color: mat-color($foreground, icon);\\n  }\\n\\n  .mat-calendar-table-header {\\n    color: mat-color($foreground, hint-text);\\n  }\\n\\n  .mat-calendar-table-header-divider::after {\\n    background: mat-color($foreground, divider);\\n  }\\n\\n  .mat-calendar-body-label {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-calendar-body-cell-content,\\n  .mat-date-range-input-separator {\\n    color: mat-color($foreground, text);\\n    border-color: transparent;\\n  }\\n\\n  .mat-calendar-body-disabled > .mat-calendar-body-cell-content {\\n    @include _mat-datepicker-unselected-cell {\\n      color: $disabled-color;\\n    }\\n  }\\n\\n  .mat-form-field-disabled .mat-date-range-input-separator {\\n    color: $disabled-color;\\n  }\\n\\n  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover,\\n  .cdk-keyboard-focused .mat-calendar-body-active,\\n  .cdk-program-focused .mat-calendar-body-active {\\n    & > .mat-calendar-body-cell-content {\\n      @include _mat-datepicker-unselected-cell {\\n        background-color: mat-color($background, hover);\\n      }\\n    }\\n  }\\n\\n  .mat-calendar-body-in-preview {\\n    $divider-color: mat-color($foreground, divider);\\n\\n    @if type-of($divider-color) == color {\\n      // The divider color is set under the assumption that it'll be used\\n      // for a solid border, but because we're using a dashed border for the\\n      // preview range, we need to bump its opacity to ensure that it's visible.\\n      color: rgba($divider-color, min(opacity($divider-color) * 2, 1));\\n    }\\n    @else {\\n      color: $divider-color;\\n    }\\n  }\\n\\n  .mat-calendar-body-today {\\n    @include _mat-datepicker-unselected-cell {\\n      // Note: though it's not text, the border is a hint about the fact that this is today's date,\\n      // so we use the hint color.\\n      border-color: mat-color($foreground, hint-text);\\n    }\\n  }\\n\\n  .mat-calendar-body-disabled > .mat-calendar-body-today {\\n    @include _mat-datepicker-unselected-cell {\\n      $color: mat-color($foreground, hint-text);\\n\\n      @if (type-of($color) == color) {\\n        border-color: fade-out($color, $mat-datepicker-today-fade-amount);\\n      }\\n      @else {\\n        // If the color didn't resolve to a color value, but something like a CSS variable, we can't\\n        // fade it out so we fall back to reducing the element opacity. Note that we don't use the\\n        // $mat-datepicker-today-fade-amount, because hint text usually has some opacity applied\\n        // to it already and we don't want them to stack on top of each other.\\n        opacity: 0.5;\\n      }\\n    }\\n  }\\n\\n  @include _mat-datepicker-color(map-get($config, primary));\\n\\n  .mat-datepicker-content {\\n    @include _mat-theme-elevation(4, $config);\\n    background-color: mat-color($background, card);\\n    color: mat-color($foreground, text);\\n\\n    &.mat-accent {\\n      @include _mat-datepicker-color(map-get($config, accent));\\n    }\\n\\n    &.mat-warn {\\n      @include _mat-datepicker-color(map-get($config, warn));\\n    }\\n  }\\n\\n  .mat-datepicker-content-touch {\\n    @include _mat-theme-elevation(0, $config);\\n  }\\n\\n  .mat-datepicker-toggle-active {\\n    color: mat-color(map-get($config, primary), text);\\n\\n    &.mat-accent {\\n      color: mat-color(map-get($config, accent), text);\\n    }\\n\\n    &.mat-warn {\\n      color: mat-color(map-get($config, warn), text);\\n    }\\n  }\\n\\n  .mat-date-range-input-inner[disabled] {\\n    color: mat-color($foreground, disabled-text);\\n  }\\n}\\n\\n@mixin mat-datepicker-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-calendar {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-calendar-body {\\n    font-size: $mat-calendar-body-font-size;\\n  }\\n\\n  .mat-calendar-body-label,\\n  .mat-calendar-period-button {\\n    font: {\\n      size: mat-font-size($config, button);\\n      weight: mat-font-weight($config, button);\\n    }\\n  }\\n\\n  .mat-calendar-table-header th {\\n    font: {\\n      size: $mat-calendar-weekday-table-font-size;\\n      weight: mat-font-weight($config, body-1);\\n    }\\n  }\\n}\\n\\n@mixin mat-date-range-colors(\\n  $range-color,\\n  $comparison-color: rgba(#f9ab00, $mat-datepicker-range-fade-amount),\\n  $overlap-color: #a8dab5,\\n  $overlap-selected-color: darken($overlap-color, 30%)) {\\n\\n  .mat-calendar-body-in-range::before {\\n    background: $range-color;\\n  }\\n\\n  .mat-calendar-body-comparison-identical,\\n  .mat-calendar-body-in-comparison-range::before {\\n    background: $comparison-color;\\n  }\\n\\n  .mat-calendar-body-comparison-bridge-start::before,\\n  [dir='rtl'] .mat-calendar-body-comparison-bridge-end::before {\\n    background: linear-gradient(to right, $range-color 50%, $comparison-color 50%);\\n  }\\n\\n  .mat-calendar-body-comparison-bridge-end::before,\\n  [dir='rtl'] .mat-calendar-body-comparison-bridge-start::before {\\n    background: linear-gradient(to left, $range-color 50%, $comparison-color 50%);\\n  }\\n\\n  .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,\\n  .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {\\n    background: $overlap-color;\\n  }\\n\\n  .mat-calendar-body-comparison-identical.mat-calendar-body-selected,\\n  .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {\\n    background: $overlap-selected-color;\\n  }\\n}\\n\\n@mixin _mat-datepicker-density($config-or-theme) {}\\n\\n@mixin mat-datepicker-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-datepicker') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-datepicker-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-datepicker-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-datepicker-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-dialog-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-dialog-container {\\n    @include _mat-theme-elevation(24, $config);\\n    background: mat-color($background, dialog);\\n    color: mat-color($foreground, text);\\n  }\\n}\\n\\n@mixin mat-dialog-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-dialog-title {\\n    @include mat-typography-level-to-styles($config, title);\\n  }\\n}\\n\\n@mixin _mat-dialog-density($config-or-theme) {}\\n\\n@mixin mat-dialog-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-dialog') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-dialog-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-dialog-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-dialog-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Default minimum and maximum height for collapsed panel headers.\\n$mat-expansion-panel-header-collapsed-height: 48px !default;\\n$mat-expansion-panel-header-collapsed-minimum-height: 36px !default;\\n$mat-expansion-panel-header-collapsed-maximum-height:\\n    $mat-expansion-panel-header-collapsed-height !default;\\n\\n// Default minimum and maximum height for expanded panel headers.\\n$mat-expansion-panel-header-expanded-height: 64px !default;\\n$mat-expansion-panel-header-expanded-minimum-height: 48px !default;\\n$mat-expansion-panel-header-expanded-maximum-height:\\n    $mat-expansion-panel-header-expanded-height !default;\\n\\n// Density configuration for the expansion panel. Captures the\\n// height for both expanded and collapsed panel headers.\\n$mat-expansion-panel-header-density-config: (\\n  collapsed-height: (\\n    default: $mat-expansion-panel-header-collapsed-height,\\n    maximum: $mat-expansion-panel-header-collapsed-maximum-height,\\n    minimum: $mat-expansion-panel-header-collapsed-minimum-height,\\n  ),\\n  expanded-height: (\\n    default: $mat-expansion-panel-header-expanded-height,\\n    maximum: $mat-expansion-panel-header-expanded-maximum-height,\\n    minimum: $mat-expansion-panel-header-expanded-minimum-height,\\n  )\\n) !default;\\n\\n// Note: Keep this in sync with the animation timing for the toggle indicator\\n// and body expansion. These are animated using Angular animations.\\n$mat-expansion-panel-header-transition: 225ms cubic-bezier(0.4, 0, 0.2, 1);\\n\\n\\n@mixin mat-expansion-panel-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-expansion-panel {\\n    @include _mat-theme-overridable-elevation(2, $config);\\n    background: mat-color($background, card);\\n    color: mat-color($foreground, text);\\n  }\\n\\n  .mat-action-row {\\n    border-top-color: mat-color($foreground, divider);\\n  }\\n\\n  .mat-expansion-panel {\\n    & .mat-expansion-panel-header.cdk-keyboard-focused,\\n    & .mat-expansion-panel-header.cdk-program-focused,\\n    &:not(.mat-expanded) .mat-expansion-panel-header:hover {\\n      &:not([aria-disabled='true']) {\\n        background: mat-color($background, hover);\\n      }\\n    }\\n  }\\n\\n  // Disable the hover on touch devices since it can appear like it is stuck. We can't use\\n  // `@media (hover)` above, because the desktop support browser support isn't great.\\n  @media (hover: none) {\\n    .mat-expansion-panel:not(.mat-expanded):not([aria-disabled='true'])\\n      .mat-expansion-panel-header:hover {\\n      background: mat-color($background, card);\\n    }\\n  }\\n\\n  .mat-expansion-panel-header-title {\\n    color: mat-color($foreground, text);\\n  }\\n\\n  .mat-expansion-panel-header-description,\\n  .mat-expansion-indicator::after {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-expansion-panel-header[aria-disabled='true'] {\\n    color: mat-color($foreground, disabled-button);\\n\\n    .mat-expansion-panel-header-title,\\n    .mat-expansion-panel-header-description {\\n      color: inherit;\\n    }\\n  }\\n}\\n\\n@mixin mat-expansion-panel-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-expansion-panel-header {\\n    font: {\\n      family: mat-font-family($config, subheading-1);\\n      size: mat-font-size($config, subheading-1);\\n      weight: mat-font-weight($config, subheading-1);\\n    }\\n  }\\n\\n  .mat-expansion-panel-content {\\n    @include mat-typography-level-to-styles($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-expansion-panel-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $expanded-height: _mat-density-prop-value(\\n        $mat-expansion-panel-header-density-config, $density-scale, expanded-height);\\n  $collapsed-height: _mat-density-prop-value(\\n      $mat-expansion-panel-header-density-config, $density-scale, collapsed-height);\\n\\n  @include _mat-density-legacy-compatibility() {\\n    .mat-expansion-panel-header {\\n      height: $collapsed-height;\\n\\n      &.mat-expanded {\\n        height: $expanded-height;\\n      }\\n    }\\n  }\\n}\\n\\n@mixin mat-expansion-panel-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-expansion-panel') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-expansion-panel-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-expansion-panel-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-expansion-panel-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n// This mixin will ensure that lines that overflow the container will hide the overflow and\\n// truncate neatly with an ellipsis.\\n@mixin mat-truncate-line() {\\n  white-space: nowrap;\\n  overflow: hidden;\\n  text-overflow: ellipsis;\\n}\\n\\n// Mixin to provide all mat-line styles, changing secondary font size based on whether the list\\n// is in dense mode.\\n@mixin mat-line-base($secondary-font-size) {\\n  .mat-line {\\n    @include mat-truncate-line();\\n    display: block;\\n    box-sizing: border-box;\\n\\n    // all lines but the top line should have smaller text\\n    &:nth-child(n+2) {\\n      font-size: $secondary-font-size;\\n    }\\n  }\\n}\\n\\n// This mixin normalizes default element styles, e.g. font weight for heading text.\\n@mixin mat-normalize-text() {\\n  & > * {\\n    margin: 0;\\n    padding: 0;\\n    font-weight: normal;\\n    font-size: inherit;\\n  }\\n}\\n\\n// This mixin provides base styles for the wrapper around mat-line elements in a list.\\n@mixin mat-line-wrapper-base() {\\n  @include mat-normalize-text();\\n\\n  display: flex;\\n  flex-direction: column;\\n  flex: auto;\\n  box-sizing: border-box;\\n  overflow: hidden;\\n\\n  // Must remove wrapper when lines are empty or it takes up horizontal\\n  // space and pushes other elements to the right.\\n  &:empty {\\n    display: none;\\n  }\\n}\\n\\n\\n\\n// Include this empty mixin for consistency with the other components.\\n@mixin mat-grid-list-color($config-or-theme) {}\\n\\n@mixin mat-grid-list-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-grid-tile-header,\\n  .mat-grid-tile-footer {\\n    @include mat-line-base(mat-font-size($config, caption));\\n    font-size: mat-font-size($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-grid-list-density($config-or-theme) {}\\n\\n@mixin mat-grid-list-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-grid-list') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-grid-list-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-grid-list-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-grid-list-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n@mixin mat-icon-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-icon {\\n    &.mat-primary {\\n      color: mat-color($primary, text);\\n    }\\n\\n    &.mat-accent {\\n      color: mat-color($accent, text);\\n    }\\n\\n    &.mat-warn {\\n      color: mat-color($warn, text);\\n    }\\n  }\\n}\\n\\n@mixin mat-icon-typography($config-or-theme) {}\\n\\n@mixin _mat-icon-density($config-or-theme) {}\\n\\n@mixin mat-icon-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-icon') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-icon-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-icon-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-icon-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Renders a gradient for showing the dashed line when the input is disabled.\\n// Unlike using a border, a gradient allows us to adjust the spacing of the dotted line\\n// to match the Material Design spec.\\n@mixin mat-control-disabled-underline($color) {\\n  background-image: linear-gradient(to right, $color 0%, $color 33%, transparent 0%);\\n  background-size: 4px 100%;\\n  background-repeat: repeat-x;\\n}\\n\\n// Figures out the color of the placeholder for a form control.\\n// Used primarily to prevent the various form controls from\\n// becoming out of sync since these colors aren't in a palette.\\n@function _mat-control-placeholder-color($config) {\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n  @return mat-color($foreground, secondary-text, if($is-dark-theme, 0.5, 0.42));\\n}\\n\\n\\n/* stylelint-disable material/no-prefixes */\\n@mixin user-select($value) {\\n  -webkit-user-select: $value;\\n  -moz-user-select: $value;\\n  -ms-user-select: $value;\\n  user-select: $value;\\n}\\n\\n@mixin input-placeholder {\\n  &::placeholder {\\n    @content;\\n  }\\n\\n  &::-moz-placeholder {\\n    @content;\\n  }\\n\\n  &::-webkit-input-placeholder {\\n    @content;\\n  }\\n\\n  &:-ms-input-placeholder {\\n    @content;\\n  }\\n}\\n\\n@mixin cursor-grab {\\n  cursor: -webkit-grab;\\n  cursor: grab;\\n}\\n\\n@mixin cursor-grabbing {\\n  cursor: -webkit-grabbing;\\n  cursor: grabbing;\\n}\\n\\n@mixin backface-visibility($value) {\\n  -webkit-backface-visibility: $value;\\n  backface-visibility: $value;\\n}\\n\\n@mixin position-sticky {\\n  position: -webkit-sticky;\\n  position: sticky;\\n}\\n/* stylelint-enable */\\n\\n\\n\\n@mixin mat-input-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-form-field-type-mat-native-select .mat-form-field-infix::after {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-input-element:disabled,\\n  .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {\\n    color: mat-color($foreground, disabled-text);\\n  }\\n\\n  .mat-input-element {\\n    caret-color: mat-color($primary, text);\\n\\n    @include input-placeholder {\\n      color: _mat-control-placeholder-color($config);\\n    }\\n\\n    // On dark themes we set the native `select` color to some shade of white,\\n    // however the color propagates to all of the `option` elements, which are\\n    // always on a white background inside the dropdown, causing them to blend in.\\n    // Since we can't change background of the dropdown, we need to explicitly\\n    // reset the color of the options to something dark.\\n    @if (map-get($config, is-dark)) {\\n      option {\\n        color: $dark-primary-text;\\n      }\\n\\n      option:disabled {\\n        color: $dark-disabled-text;\\n      }\\n    }\\n  }\\n\\n  .mat-form-field.mat-accent .mat-input-element {\\n    caret-color: mat-color($accent, text);\\n  }\\n\\n  .mat-form-field.mat-warn .mat-input-element,\\n  .mat-form-field-invalid .mat-input-element {\\n    caret-color: mat-color($warn, text);\\n  }\\n\\n  .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {\\n    color: mat-color($warn, text);\\n  }\\n}\\n\\n@mixin mat-input-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n\\n  // The amount of space between the top of the line and the top of the actual text\\n  // (as a fraction of the font-size).\\n  $line-spacing: ($line-height - 1) / 2;\\n\\n  // <input> elements seem to have their height set slightly too large on Safari causing the text to\\n  // be misaligned w.r.t. the placeholder. Adding this margin corrects it.\\n  input.mat-input-element {\\n    margin-top: -$line-spacing * 1em;\\n  }\\n}\\n\\n@mixin _mat-input-density($config-or-theme) {}\\n\\n@mixin mat-input-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-input') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-input-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-input-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-input-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-list-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-list-base {\\n    .mat-list-item {\\n      color: mat-color($foreground, text);\\n    }\\n\\n    .mat-list-option {\\n      color: mat-color($foreground, text);\\n    }\\n\\n    .mat-subheader {\\n      color: mat-color($foreground, secondary-text);\\n    }\\n  }\\n\\n  .mat-list-item-disabled {\\n    background-color: mat-color($background, disabled-list-option);\\n  }\\n\\n  .mat-list-option,\\n  .mat-nav-list .mat-list-item,\\n  .mat-action-list .mat-list-item {\\n    &:hover, &:focus {\\n      background: mat-color($background, 'hover');\\n    }\\n  }\\n\\n  .mat-list-single-selected-option {\\n    &, &:hover, &:focus {\\n      background: mat-color($background, hover, 0.12);\\n    }\\n  }\\n}\\n\\n@mixin mat-list-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  $font-family: mat-font-family($config);\\n\\n  .mat-list-item {\\n    font-family: $font-family;\\n  }\\n\\n  .mat-list-option {\\n    font-family: $font-family;\\n  }\\n\\n  // Default list\\n  .mat-list-base {\\n    .mat-list-item {\\n      font-size: mat-font-size($config, subheading-2);\\n      @include mat-line-base(mat-font-size($config, body-1));\\n    }\\n\\n    .mat-list-option {\\n      font-size: mat-font-size($config, subheading-2);\\n      @include mat-line-base(mat-font-size($config, body-1));\\n    }\\n\\n    .mat-subheader {\\n      font-family: mat-font-family($config, body-2);\\n      font-size: mat-font-size($config, body-2);\\n      font-weight: mat-font-weight($config, body-2);\\n    }\\n  }\\n\\n  // Dense list\\n  .mat-list-base[dense] {\\n    .mat-list-item {\\n      font-size: mat-font-size($config, caption);\\n      @include mat-line-base(mat-font-size($config, caption));\\n    }\\n\\n    .mat-list-option {\\n      font-size: mat-font-size($config, caption);\\n      @include mat-line-base(mat-font-size($config, caption));\\n    }\\n\\n    .mat-subheader {\\n      font-family: $font-family;\\n      font-size: mat-font-size($config, caption);\\n      font-weight: mat-font-weight($config, body-2);\\n    }\\n  }\\n}\\n\\n@mixin _mat-list-density($config-or-theme) {}\\n\\n@mixin mat-list-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-list') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-list-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-list-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-list-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-menu-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-menu-panel {\\n    @include _mat-theme-overridable-elevation(4, $config);\\n    background: mat-color($background, 'card');\\n  }\\n\\n  .mat-menu-item {\\n    background: transparent;\\n    color: mat-color($foreground, 'text');\\n\\n    &[disabled] {\\n      &, &::after {\\n        color: mat-color($foreground, 'disabled');\\n      }\\n    }\\n  }\\n\\n  .mat-menu-item .mat-icon-no-color,\\n  .mat-menu-item-submenu-trigger::after {\\n    color: mat-color($foreground, 'icon');\\n  }\\n\\n  .mat-menu-item:hover,\\n  .mat-menu-item.cdk-program-focused,\\n  .mat-menu-item.cdk-keyboard-focused,\\n  .mat-menu-item-highlighted {\\n    &:not([disabled]) {\\n      background: mat-color($background, 'hover');\\n    }\\n  }\\n}\\n\\n@mixin mat-menu-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-menu-item {\\n    font: {\\n      family: mat-font-family($config, body-1);\\n      size: mat-font-size($config, body-1);\\n      weight: mat-font-weight($config, body-1);\\n    }\\n  }\\n}\\n\\n@mixin _mat-menu-density($config-or-theme) {}\\n\\n@mixin mat-menu-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-menu') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-menu-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-menu-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-menu-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n$mat-paginator-height: 56px !default;\\n// Minimum height for paginator's in the highest density is determined based on how\\n// much the paginator can shrink until the content exceeds (i.e. navigation buttons).\\n$mat-paginator-minimum-height: 40px !default;\\n$mat-paginator-maximum-height: $mat-paginator-height !default;\\n\\n$mat-paginator-density-config: (\\n  height: (\\n    default: $mat-paginator-height,\\n    maximum: $mat-paginator-maximum-height,\\n    minimum: $mat-paginator-minimum-height,\\n  )\\n) !default;\\n\\n\\n@mixin mat-paginator-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n\\n  .mat-paginator {\\n    background: mat-color($background, 'card');\\n  }\\n\\n  .mat-paginator,\\n  .mat-paginator-page-size .mat-select-trigger {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-paginator-decrement,\\n  .mat-paginator-increment {\\n    border-top: 2px solid mat-color($foreground, 'icon');\\n    border-right: 2px solid mat-color($foreground, 'icon');\\n  }\\n\\n  .mat-paginator-first,\\n  .mat-paginator-last {\\n    border-top: 2px solid mat-color($foreground, 'icon');\\n  }\\n\\n  .mat-icon-button[disabled] {\\n    .mat-paginator-decrement,\\n    .mat-paginator-increment,\\n    .mat-paginator-first,\\n    .mat-paginator-last {\\n      border-color: mat-color($foreground, 'disabled');\\n    }\\n  }\\n}\\n\\n@mixin mat-paginator-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-paginator,\\n  .mat-paginator-page-size .mat-select-trigger {\\n    font: {\\n      family: mat-font-family($config, caption);\\n      size: mat-font-size($config, caption);\\n    }\\n  }\\n}\\n\\n@mixin _mat-paginator-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $height: _mat-density-prop-value($mat-paginator-density-config, $density-scale, height);\\n\\n  @include _mat-density-legacy-compatibility() {\\n    .mat-paginator-container {\\n      min-height: $height;\\n    }\\n  }\\n}\\n\\n@mixin mat-paginator-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-paginator') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-paginator-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-paginator-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-paginator-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n@mixin mat-progress-bar-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n\\n  .mat-progress-bar-background {\\n    fill: mat-color($primary, lighter);\\n  }\\n\\n  .mat-progress-bar-buffer {\\n    background-color: mat-color($primary, lighter);\\n  }\\n\\n  .mat-progress-bar-fill::after {\\n    background-color: mat-color($primary);\\n  }\\n\\n  .mat-progress-bar.mat-accent {\\n    .mat-progress-bar-background {\\n      fill: mat-color($accent, lighter);\\n    }\\n\\n    .mat-progress-bar-buffer {\\n      background-color: mat-color($accent, lighter);\\n    }\\n\\n    .mat-progress-bar-fill::after {\\n      background-color: mat-color($accent);\\n    }\\n  }\\n\\n  .mat-progress-bar.mat-warn {\\n    .mat-progress-bar-background {\\n      fill: mat-color($warn, lighter);\\n    }\\n\\n    .mat-progress-bar-buffer {\\n      background-color: mat-color($warn, lighter);\\n    }\\n\\n    .mat-progress-bar-fill::after {\\n      background-color: mat-color($warn);\\n    }\\n  }\\n}\\n\\n@mixin mat-progress-bar-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-bar-density($config-or-theme) {}\\n\\n@mixin mat-progress-bar-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-bar') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-progress-bar-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-progress-bar-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-progress-bar-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-progress-spinner-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n\\n  .mat-progress-spinner, .mat-spinner {\\n    circle {\\n      stroke: mat-color($primary);\\n    }\\n\\n    &.mat-accent circle {\\n      stroke: mat-color($accent);\\n    }\\n\\n    &.mat-warn circle {\\n      stroke: mat-color($warn);\\n    }\\n  }\\n}\\n\\n@mixin mat-progress-spinner-typography($config-or-theme) {}\\n\\n@mixin _mat-progress-spinner-density($config-or-theme) {}\\n\\n@mixin mat-progress-spinner-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-progress-spinner') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-progress-spinner-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-progress-spinner-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-progress-spinner-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin _mat-radio-color($palette) {\\n  &.mat-radio-checked .mat-radio-outer-circle {\\n    border-color: mat-color($palette);\\n  }\\n\\n  .mat-radio-inner-circle,\\n  .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),\\n  &.mat-radio-checked .mat-radio-persistent-ripple,\\n  &:active .mat-radio-persistent-ripple {\\n    background-color: mat-color($palette);\\n  }\\n}\\n\\n@mixin mat-radio-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-radio-outer-circle {\\n    border-color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-radio-button {\\n    &.mat-primary {\\n      @include _mat-radio-color($primary);\\n    }\\n\\n    &.mat-accent {\\n      @include _mat-radio-color($accent);\\n    }\\n\\n    &.mat-warn {\\n      @include _mat-radio-color($warn);\\n    }\\n\\n    // This needs extra specificity, because the classes above are combined\\n    // (e.g. `.mat-radio-button.mat-accent`) which increases their specificity a lot.\\n    // TODO: consider making the selectors into descendants (`.mat-primary .mat-radio-button`).\\n    &.mat-radio-disabled {\\n      &.mat-radio-checked .mat-radio-outer-circle,\\n      .mat-radio-outer-circle {\\n        border-color: mat-color($foreground, disabled);\\n      }\\n\\n      .mat-radio-ripple .mat-ripple-element,\\n      .mat-radio-inner-circle {\\n        background-color: mat-color($foreground, disabled);\\n      }\\n\\n      .mat-radio-label-content {\\n        color: mat-color($foreground, disabled);\\n      }\\n    }\\n\\n    // Switch this to a solid color since we're using `opacity`\\n    // to control how opaque the ripple should be.\\n    .mat-ripple-element {\\n      background-color: map-get($foreground, base);\\n    }\\n  }\\n}\\n\\n@mixin mat-radio-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-radio-button {\\n    font-family: mat-font-family($config);\\n  }\\n}\\n\\n@mixin _mat-radio-density($config-or-theme) {}\\n\\n@mixin mat-radio-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-radio') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-radio-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-radio-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-radio-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-select-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n\\n  .mat-select-value {\\n    color: mat-color($foreground, text);\\n  }\\n\\n  .mat-select-placeholder {\\n    color: _mat-control-placeholder-color($config);\\n  }\\n\\n  .mat-select-disabled .mat-select-value {\\n    color: mat-color($foreground, disabled-text);\\n  }\\n\\n  .mat-select-arrow {\\n    color: mat-color($foreground, secondary-text);\\n  }\\n\\n  .mat-select-panel {\\n    background: mat-color($background, card);\\n    @include _mat-theme-overridable-elevation(4, $config);\\n\\n    .mat-option.mat-selected:not(.mat-option-multiple) {\\n      background: mat-color($background, hover, 0.12);\\n    }\\n  }\\n\\n  .mat-form-field {\\n    &.mat-focused {\\n      &.mat-primary .mat-select-arrow {\\n        color: mat-color($primary, text);\\n      }\\n\\n      &.mat-accent .mat-select-arrow {\\n        color: mat-color($accent, text);\\n      }\\n\\n      &.mat-warn .mat-select-arrow {\\n        color: mat-color($warn, text);\\n      }\\n    }\\n\\n    .mat-select.mat-select-invalid .mat-select-arrow {\\n      color: mat-color($warn, text);\\n    }\\n\\n    .mat-select.mat-select-disabled .mat-select-arrow {\\n      color: mat-color($foreground, disabled-text);\\n    }\\n  }\\n}\\n\\n@mixin mat-select-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n\\n  .mat-select {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-select-trigger {\\n    height: $line-height * 1em;\\n  }\\n}\\n\\n@mixin _mat-select-density($config-or-theme) {}\\n\\n@mixin mat-select-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-select') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-select-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-select-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-select-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-sidenav-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  $drawer-background-color: mat-color($background, dialog);\\n  $drawer-container-background-color:  mat-color($background, background);\\n  $drawer-push-background-color: mat-color($background, dialog);\\n  $drawer-side-border: solid 1px mat-color($foreground, divider);\\n\\n  .mat-drawer-container {\\n    background-color: $drawer-container-background-color;\\n    color: mat-color($foreground, text);\\n  }\\n\\n  .mat-drawer {\\n    background-color: $drawer-background-color;\\n    color: mat-color($foreground, text);\\n\\n    &.mat-drawer-push {\\n      background-color: $drawer-push-background-color;\\n    }\\n\\n    &:not(.mat-drawer-side) {\\n      // The elevation of z-16 is noted in the design specifications.\\n      // See https://material.io/design/components/navigation-drawer.html\\n      @include _mat-theme-elevation(16, $config);\\n    }\\n  }\\n\\n  .mat-drawer-side {\\n    border-right: $drawer-side-border;\\n\\n    &.mat-drawer-end {\\n      border-left: $drawer-side-border;\\n      border-right: none;\\n    }\\n  }\\n\\n  [dir='rtl'] .mat-drawer-side {\\n    border-left: $drawer-side-border;\\n    border-right: none;\\n\\n    &.mat-drawer-end {\\n      border-left: none;\\n      border-right: $drawer-side-border;\\n    }\\n  }\\n\\n  .mat-drawer-backdrop.mat-drawer-shown {\\n    $opacity: 0.6;\\n    $backdrop-color: mat-color($background, card, $opacity);\\n\\n    @if (type-of($backdrop-color) == color) {\\n      // We use invert() here to have the darken the background color expected to be used. If the\\n      // background is light, we use a dark backdrop. If the background is dark,\\n      // we use a light backdrop.\\n      background-color: invert($backdrop-color);\\n    }\\n    @else {\\n      // If we couldn't resolve the backdrop color to a color value, fall back to using\\n      // `opacity` to make it opaque since its end value could be a solid color.\\n      background-color: $backdrop-color;\\n      opacity: $opacity;\\n    }\\n  }\\n}\\n\\n@mixin mat-sidenav-typography($config-or-theme) {}\\n\\n@mixin _mat-sidenav-density($config-or-theme) {}\\n\\n@mixin mat-sidenav-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-sidenav') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-sidenav-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-sidenav-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-sidenav-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slide-toggle-checked($palette, $thumb-checked-hue) {\\n  &.mat-checked {\\n    .mat-slide-toggle-thumb {\\n      background-color: mat-color($palette, $thumb-checked-hue);\\n    }\\n\\n    .mat-slide-toggle-bar {\\n      // Opacity is determined from the specs for the selection controls.\\n      // See: https://material.io/design/components/selection-controls.html#specs\\n      background-color: mat-color($palette, $thumb-checked-hue, 0.54);\\n    }\\n\\n    .mat-ripple-element {\\n      // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n      // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n      background-color: mat-color($palette, $thumb-checked-hue);\\n    }\\n  }\\n}\\n\\n@mixin mat-slide-toggle-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $is-dark: map-get($config, is-dark);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  // Color hues are based on the specs which briefly show the hues that are applied to a switch.\\n  // The 2018 specs no longer describe how dark switches should look like. Due to the lack of\\n  // information for dark themed switches, we partially keep the old behavior that is based on\\n  // the previous specifications. For the checked color we always use the `default` hue because\\n  // that follows MDC and also makes it easier for people to create a custom theme without needing\\n  // to specify each hue individually.\\n  $thumb-unchecked-hue: if($is-dark, 400, 50);\\n  $thumb-checked-hue: default;\\n\\n  $bar-unchecked-color: mat-color($foreground, disabled);\\n  $ripple-unchecked-color: mat-color($foreground, base);\\n\\n  .mat-slide-toggle {\\n    @include _mat-slide-toggle-checked($accent, $thumb-checked-hue);\\n\\n    &.mat-primary {\\n      @include _mat-slide-toggle-checked($primary, $thumb-checked-hue);\\n    }\\n\\n    &.mat-warn {\\n      @include _mat-slide-toggle-checked($warn, $thumb-checked-hue);\\n    }\\n\\n    &:not(.mat-checked) .mat-ripple-element {\\n      // Set no opacity for the ripples because the ripple opacity will be adjusted dynamically\\n      // based on the type of interaction with the slide-toggle (e.g. for hover, focus)\\n      background-color: $ripple-unchecked-color;\\n    }\\n  }\\n\\n  .mat-slide-toggle-thumb {\\n    @include _mat-theme-elevation(1, $config);\\n    background-color: mat-color($mat-grey, $thumb-unchecked-hue);\\n  }\\n\\n  .mat-slide-toggle-bar {\\n    background-color: $bar-unchecked-color;\\n  }\\n}\\n\\n@mixin mat-slide-toggle-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-slide-toggle-content {\\n    font-family: mat-font-family($config);\\n  }\\n}\\n\\n@mixin _mat-slide-toggle-density($config-or-theme) {}\\n\\n@mixin mat-slide-toggle-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-slide-toggle') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-slide-toggle-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-slide-toggle-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-slide-toggle-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n@mixin _mat-slider-inner-content-theme($palette) {\\n  .mat-slider-track-fill,\\n  .mat-slider-thumb,\\n  .mat-slider-thumb-label {\\n    background-color: mat-color($palette);\\n  }\\n\\n  .mat-slider-thumb-label-text {\\n    color: mat-color($palette, default-contrast);\\n  }\\n\\n  .mat-slider-focus-ring {\\n    $opacity: 0.2;\\n    $color: mat-color($palette, default, $opacity);\\n    background-color: $color;\\n\\n    // `mat-color` uses `rgba` for the opacity which won't work with\\n    // CSS variables so we need to use `opacity` as a fallback.\\n    @if (type-of($color) != color) {\\n      opacity: $opacity;\\n    }\\n  }\\n}\\n\\n@mixin mat-slider-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  $mat-slider-off-color: mat-color($foreground, slider-off);\\n  $mat-slider-off-focused-color: mat-color($foreground, slider-off-active);\\n  $mat-slider-disabled-color: mat-color($foreground, slider-off);\\n  $mat-slider-labeled-min-value-thumb-color: mat-color($foreground, slider-min);\\n  $mat-slider-labeled-min-value-thumb-label-color: mat-color($foreground, slider-off);\\n  $mat-slider-tick-opacity: 0.7;\\n  $mat-slider-tick-color: mat-color($foreground, base, $mat-slider-tick-opacity);\\n  $mat-slider-tick-size: 2px;\\n\\n  .mat-slider-track-background {\\n    background-color: $mat-slider-off-color;\\n  }\\n\\n  .mat-primary {\\n    @include _mat-slider-inner-content-theme($primary);\\n  }\\n\\n  .mat-accent {\\n    @include _mat-slider-inner-content-theme($accent);\\n  }\\n\\n  .mat-warn {\\n    @include _mat-slider-inner-content-theme($warn);\\n  }\\n\\n  .mat-slider:hover,\\n  .cdk-focused {\\n    .mat-slider-track-background {\\n      background-color: $mat-slider-off-focused-color;\\n    }\\n  }\\n\\n  .mat-slider-disabled {\\n    .mat-slider-track-background,\\n    .mat-slider-track-fill,\\n    .mat-slider-thumb {\\n      background-color: $mat-slider-disabled-color;\\n    }\\n\\n    &:hover {\\n      .mat-slider-track-background {\\n        background-color: $mat-slider-disabled-color;\\n      }\\n    }\\n  }\\n\\n  .mat-slider-min-value {\\n    .mat-slider-focus-ring {\\n      $opacity: 0.12;\\n      $color: mat-color($foreground, base, $opacity);\\n      background-color: $color;\\n\\n      // `mat-color` uses `rgba` for the opacity which won't work with\\n      // CSS variables so we need to use `opacity` as a fallback.\\n      @if (type-of($color) != color) {\\n        opacity: $opacity;\\n      }\\n    }\\n\\n    &.mat-slider-thumb-label-showing {\\n      .mat-slider-thumb,\\n      .mat-slider-thumb-label {\\n        background-color: $mat-slider-labeled-min-value-thumb-color;\\n      }\\n\\n      &.cdk-focused {\\n        .mat-slider-thumb,\\n        .mat-slider-thumb-label {\\n          background-color: $mat-slider-labeled-min-value-thumb-label-color;\\n        }\\n      }\\n    }\\n\\n    &:not(.mat-slider-thumb-label-showing) {\\n      .mat-slider-thumb {\\n        border-color: $mat-slider-off-color;\\n        background-color: transparent;\\n      }\\n\\n      &:hover,\\n      &.cdk-focused {\\n        .mat-slider-thumb {\\n          border-color: $mat-slider-off-focused-color;\\n        }\\n\\n        &.mat-slider-disabled .mat-slider-thumb {\\n          border-color: $mat-slider-disabled-color;\\n        }\\n      }\\n    }\\n  }\\n\\n  .mat-slider-has-ticks .mat-slider-wrapper::after {\\n    border-color: $mat-slider-tick-color;\\n\\n    // `mat-color` uses `rgba` for the opacity which won't work with\\n    // CSS variables so we need to use `opacity` as a fallback.\\n    @if (type-of($mat-slider-tick-color) != color) {\\n      opacity: $mat-slider-tick-opacity;\\n    }\\n  }\\n\\n  .mat-slider-horizontal .mat-slider-ticks {\\n    background-image: repeating-linear-gradient(to right, $mat-slider-tick-color,\\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n    // Firefox doesn't draw the gradient correctly with 'to right'\\n    // (see https://bugzilla.mozilla.org/show_bug.cgi?id=1314319).\\n    background-image: -moz-repeating-linear-gradient(0.0001deg, $mat-slider-tick-color,\\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n    // `mat-color` uses `rgba` for the opacity which won't work with\\n    // CSS variables so we need to use `opacity` as a fallback.\\n    @if (type-of($mat-slider-tick-color) != color) {\\n      opacity: $mat-slider-tick-opacity;\\n    }\\n  }\\n\\n  .mat-slider-vertical .mat-slider-ticks {\\n    background-image: repeating-linear-gradient(to bottom, $mat-slider-tick-color,\\n        $mat-slider-tick-color $mat-slider-tick-size, transparent 0, transparent);\\n\\n    // `mat-color` uses `rgba` for the opacity which won't work with\\n    // CSS variables so we need to use `opacity` as a fallback.\\n    @if (type-of($mat-slider-tick-color) != color) {\\n      opacity: $mat-slider-tick-opacity;\\n    }\\n  }\\n}\\n\\n@mixin mat-slider-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-slider-thumb-label-text {\\n    font: {\\n      family: mat-font-family($config);\\n      size: mat-font-size($config, caption);\\n      weight: mat-font-weight($config, body-2);\\n    }\\n  }\\n}\\n\\n@mixin _mat-slider-density($config-or-theme) {}\\n\\n@mixin mat-slider-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-slider') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-slider-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-slider-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-slider-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-stepper-header-height: 72px !default;\\n// Minimum height for highest density stepper's is determined based on how much\\n// stepper headers can shrink until the step icon or step label exceed. We can't use\\n// a value below `42px` because the optional label for steps would otherwise exceed.\\n$mat-stepper-header-minimum-height: 42px !default;\\n$mat-stepper-header-maximum-height: $mat-stepper-header-height !default;\\n\\n$mat-stepper-density-config: (\\n  height: (\\n    default: $mat-stepper-header-height,\\n    maximum: $mat-stepper-header-maximum-height,\\n    minimum: $mat-stepper-header-minimum-height,\\n  )\\n) !default;\\n\\n// Note: These variables are not denoted with `!default` because they are used in the non-theme\\n// component styles. Modifying these variables does not have the desired effect for consumers.\\n$mat-stepper-label-header-height: 24px;\\n$mat-stepper-label-position-bottom-top-gap: 16px;\\n$mat-stepper-label-min-width: 50px;\\n\\n$mat-vertical-stepper-content-margin: 36px;\\n\\n$mat-stepper-side-gap: 24px;\\n$mat-stepper-line-width: 1px;\\n$mat-stepper-line-gap: 8px;\\n\\n$mat-step-sub-label-font-size: 12px;\\n$mat-step-header-icon-size: 16px;\\n\\n\\n@mixin mat-stepper-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $background: map-get($config, background);\\n  $primary: map-get($config, primary);\\n  $warn: map-get($config, warn);\\n\\n  .mat-step-header {\\n    &.cdk-keyboard-focused,\\n    &.cdk-program-focused,\\n    &:hover {\\n      background-color: mat-color($background, hover);\\n    }\\n\\n    // On touch devices the :hover state will linger on the element after a tap.\\n    // Reset it via `@media` after the declaration, because the media query isn't\\n    // supported by all browsers yet.\\n    @media (hover: none) {\\n      &:hover {\\n        background: none;\\n      }\\n    }\\n\\n    .mat-step-label,\\n    .mat-step-optional {\\n      // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n      // instead of secondary-text.\\n      color: mat-color($foreground, secondary-text);\\n    }\\n\\n    .mat-step-icon {\\n      // TODO(josephperrott): Update to using a corrected disabled-text contrast\\n      // instead of secondary-text.\\n      background-color: mat-color($foreground, secondary-text);\\n      color: mat-color($primary, default-contrast);\\n    }\\n\\n    .mat-step-icon-selected,\\n    .mat-step-icon-state-done,\\n    .mat-step-icon-state-edit {\\n      background-color: mat-color($primary);\\n      color: mat-color($primary, default-contrast);\\n    }\\n\\n    .mat-step-icon-state-error {\\n      background-color: transparent;\\n      color: mat-color($warn, text);\\n    }\\n\\n    .mat-step-label.mat-step-label-active {\\n      color: mat-color($foreground, text);\\n    }\\n\\n    .mat-step-label.mat-step-label-error {\\n      color: mat-color($warn, text);\\n    }\\n  }\\n\\n  .mat-stepper-horizontal, .mat-stepper-vertical {\\n    background-color: mat-color($background, card);\\n  }\\n\\n  .mat-stepper-vertical-line::before {\\n    border-left-color: mat-color($foreground, divider);\\n  }\\n\\n  .mat-horizontal-stepper-header::before,\\n  .mat-horizontal-stepper-header::after,\\n  .mat-stepper-horizontal-line {\\n    border-top-color: mat-color($foreground, divider);\\n  }\\n}\\n\\n@mixin mat-stepper-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-stepper-vertical, .mat-stepper-horizontal {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-step-label {\\n    font: {\\n      size: mat-font-size($config, body-1);\\n      weight: mat-font-weight($config, body-1);\\n    };\\n  }\\n\\n  .mat-step-sub-label-error {\\n    font-weight: normal;\\n  }\\n\\n  .mat-step-label-error {\\n    font-size: mat-font-size($config, body-2);\\n  }\\n\\n  .mat-step-label-selected {\\n    font: {\\n      size: mat-font-size($config, body-2);\\n      weight: mat-font-weight($config, body-2);\\n    };\\n  }\\n}\\n\\n@mixin _mat-stepper-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $height: _mat-density-prop-value($mat-stepper-density-config, $density-scale, height);\\n  $vertical-padding: ($height - $mat-stepper-label-header-height) / 2;\\n\\n  @include _mat-density-legacy-compatibility() {\\n    .mat-horizontal-stepper-header {\\n      height: $height;\\n    }\\n\\n    .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,\\n    .mat-vertical-stepper-header, {\\n      padding: $vertical-padding $mat-stepper-side-gap;\\n    }\\n\\n    // Ensures that the vertical lines for the step content exceed into the step\\n    // headers with a given distance (`$mat-stepper-line-gap`) to the step icon.\\n    .mat-stepper-vertical-line::before {\\n      top: $mat-stepper-line-gap - $vertical-padding;\\n      bottom: $mat-stepper-line-gap - $vertical-padding;\\n    }\\n\\n    // Ensures that the horizontal lines for the step header are centered vertically.\\n    .mat-stepper-label-position-bottom .mat-horizontal-stepper-header {\\n      &::after, &::before {\\n        top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n      }\\n    }\\n\\n    // Ensures that the horizontal line for the step content is aligned centered vertically.\\n    .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {\\n      top: $vertical-padding + $mat-stepper-label-header-height / 2;\\n    }\\n  }\\n}\\n\\n@mixin mat-stepper-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-stepper') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-stepper-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-stepper-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-stepper-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n@mixin mat-sort-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-sort-header-arrow {\\n    $table-background: mat-color($background, 'card');\\n    $text-color: mat-color($foreground, secondary-text);\\n\\n    // Because the arrow is made up of multiple elements that are stacked on top of each other,\\n    // we can't use the semi-transparent color from the theme directly. If the value is a color\\n    // *type*, we convert it into a solid color by taking the opacity from the rgba value and\\n    // using the value to determine the percentage of the background to put into foreground\\n    // when mixing the colors together. Otherwise, if it resolves to something different\\n    // (e.g. it resolves to a CSS variable), we use the color directly.\\n    @if (type-of($table-background) == color and type-of($text-color) == color) {\\n      $text-opacity: opacity($text-color);\\n      color: mix($table-background, rgba($text-color, 1), (1 - $text-opacity) * 100%);\\n    }\\n    @else {\\n      color: $text-color;\\n    }\\n  }\\n}\\n\\n@mixin mat-sort-typography($config-or-theme) {}\\n\\n@mixin _mat-sort-density($config-or-theme) {}\\n\\n@mixin mat-sort-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-sort') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-sort-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-sort-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-sort-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n@mixin mat-tabs-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n  $header-border: 1px solid mat-color($foreground, divider);\\n\\n  .mat-tab-nav-bar,\\n  .mat-tab-header {\\n    border-bottom: $header-border;\\n  }\\n\\n  .mat-tab-group-inverted-header {\\n    .mat-tab-nav-bar,\\n    .mat-tab-header {\\n      border-top: $header-border;\\n      border-bottom: none;\\n    }\\n  }\\n\\n  .mat-tab-label, .mat-tab-link {\\n    color: mat-color($foreground, text);\\n\\n    &.mat-tab-disabled {\\n      color: mat-color($foreground, disabled-text);\\n    }\\n  }\\n\\n  .mat-tab-header-pagination-chevron {\\n    border-color: mat-color($foreground, text);\\n  }\\n\\n  .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n    border-color: mat-color($foreground, disabled-text);\\n  }\\n\\n  // Remove header border when there is a background color\\n  .mat-tab-group[class*='mat-background-'] .mat-tab-header,\\n  .mat-tab-nav-bar[class*='mat-background-'] {\\n    border-bottom: none;\\n    border-top: none;\\n  }\\n\\n  .mat-tab-group, .mat-tab-nav-bar {\\n    $theme-colors: (\\n      primary: $primary,\\n      accent: $accent,\\n      warn: $warn\\n    );\\n\\n    @each $name, $color in $theme-colors {\\n      // Set the foreground color of the tabs\\n      &.mat-#{$name} {\\n        @include _mat-tab-label-focus($color);\\n        @include _mat-ink-bar($color);\\n\\n        // Override ink bar when background color is the same\\n        &.mat-background-#{$name} {\\n          @include _mat-ink-bar($color, default-contrast);\\n        }\\n      }\\n    }\\n\\n    @each $name, $color in $theme-colors {\\n      // Set background color of the tabs and override focus color\\n      &.mat-background-#{$name} {\\n        @include _mat-tab-label-focus($color);\\n        @include _mat-tabs-background($color);\\n      }\\n    }\\n  }\\n}\\n\\n@mixin _mat-ink-bar($color, $hue: default) {\\n  .mat-ink-bar {\\n    background-color: mat-color($color, $hue);\\n  }\\n}\\n\\n@mixin _mat-tab-label-focus($tab-focus-color) {\\n  .mat-tab-label,\\n  .mat-tab-link {\\n    &.cdk-keyboard-focused,\\n    &.cdk-program-focused {\\n      &:not(.mat-tab-disabled) {\\n        background-color: mat-color($tab-focus-color, lighter, 0.3);\\n      }\\n    }\\n  }\\n}\\n\\n@mixin _mat-tabs-background($background-color) {\\n  // Set background color for the tab group\\n  .mat-tab-header, .mat-tab-links, .mat-tab-header-pagination {\\n    background-color: mat-color($background-color);\\n  }\\n\\n  // Set labels to contrast against background\\n  .mat-tab-label, .mat-tab-link {\\n    color: mat-color($background-color, default-contrast);\\n\\n    &.mat-tab-disabled {\\n      color: mat-color($background-color, default-contrast, 0.4);\\n    }\\n  }\\n\\n  // Set pagination chevrons to contrast background\\n  .mat-tab-header-pagination-chevron {\\n    border-color: mat-color($background-color, default-contrast);\\n  }\\n\\n  .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {\\n    border-color: mat-color($background-color, default-contrast, 0.4);\\n  }\\n\\n  // Set ripples color to be the contrast color of the new background. Otherwise the ripple\\n  // color will be based on the app background color.\\n  .mat-ripple-element {\\n    background-color: mat-color($background-color, default-contrast, 0.12);\\n  }\\n}\\n\\n@mixin mat-tabs-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-tab-group {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-tab-label, .mat-tab-link {\\n    font: {\\n      family: mat-font-family($config, button);\\n      size: mat-font-size($config, button);\\n      weight: mat-font-weight($config, button);\\n    }\\n  }\\n}\\n\\n@mixin _mat-tabs-density($config-or-theme) {}\\n\\n@mixin mat-tabs-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-tabs') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-tabs-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-tabs-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-tabs-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n// Minimum height for toolbar's in the highest density is difficult to determine because\\n// developers can project arbitrary content. We use a minimum value that ensures that most\\n// common content (e.g. icon buttons) does not exceed the row boundaries in highest density.\\n$mat-toolbar-minimum-height: 44px !default;\\n\\n$mat-toolbar-height-desktop: 64px !default;\\n$mat-toolbar-maximum-height-desktop: $mat-toolbar-height-desktop !default;\\n$mat-toolbar-minimum-height-desktop: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-height-mobile: 56px !default;\\n$mat-toolbar-maximum-height-mobile: $mat-toolbar-height-mobile !default;\\n$mat-toolbar-minimum-height-mobile: $mat-toolbar-minimum-height !default;\\n\\n$mat-toolbar-desktop-density-config: (\\n  height: (\\n    default: $mat-toolbar-height-desktop,\\n    maximum: $mat-toolbar-maximum-height-desktop,\\n    minimum: $mat-toolbar-minimum-height-desktop,\\n  )\\n) !default;\\n\\n$mat-toolbar-mobile-density-config: (\\n  height: (\\n    default: $mat-toolbar-height-mobile,\\n    maximum: $mat-toolbar-maximum-height-mobile,\\n    minimum: $mat-toolbar-minimum-height-mobile,\\n  )\\n) !default;\\n\\n\\n@mixin _mat-toolbar-height($height) {\\n  .mat-toolbar-multiple-rows {\\n    min-height: $height;\\n  }\\n  .mat-toolbar-row, .mat-toolbar-single-row {\\n    height: $height;\\n  }\\n}\\n\\n@mixin _mat-toolbar-color($palette) {\\n  background: mat-color($palette);\\n  color: mat-color($palette, default-contrast);\\n}\\n\\n@mixin _mat-toolbar-form-field-overrides {\\n  .mat-form-field-underline,\\n  .mat-form-field-ripple,\\n  .mat-focused .mat-form-field-ripple {\\n    background-color: currentColor;\\n  }\\n\\n  .mat-form-field-label,\\n  .mat-focused .mat-form-field-label,\\n  .mat-select-value,\\n  .mat-select-arrow,\\n  .mat-form-field.mat-focused .mat-select-arrow {\\n    color: inherit;\\n  }\\n\\n  .mat-input-element {\\n    caret-color: currentColor;\\n  }\\n}\\n\\n@mixin mat-toolbar-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-toolbar {\\n    background: mat-color($background, app-bar);\\n    color: mat-color($foreground, text);\\n\\n    &.mat-primary {\\n      @include _mat-toolbar-color($primary);\\n    }\\n\\n    &.mat-accent {\\n      @include _mat-toolbar-color($accent);\\n    }\\n\\n    &.mat-warn {\\n      @include _mat-toolbar-color($warn);\\n    }\\n\\n    @include _mat-toolbar-form-field-overrides;\\n  }\\n}\\n\\n@mixin mat-toolbar-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-toolbar,\\n  .mat-toolbar h1,\\n  .mat-toolbar h2,\\n  .mat-toolbar h3,\\n  .mat-toolbar h4,\\n  .mat-toolbar h5,\\n  .mat-toolbar h6 {\\n    @include mat-typography-level-to-styles($config, title);\\n    margin: 0;\\n  }\\n}\\n\\n@mixin _mat-toolbar-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $height-desktop: _mat-density-prop-value(\\n      $mat-toolbar-desktop-density-config, $density-scale, height);\\n  $height-mobile: _mat-density-prop-value(\\n      $mat-toolbar-mobile-density-config, $density-scale, height);\\n\\n  @include _mat-density-legacy-compatibility() {\\n    // Set the default height for the toolbar.\\n    @include _mat-toolbar-height($height-desktop);\\n\\n    // As per specs, toolbars should have a different height in mobile devices. This has been\\n    // specified in the old guidelines and is still observable in the new specifications by\\n    // looking at the spec images. See: https://material.io/design/components/app-bars-top.html#anatomy\\n    @media ($mat-xsmall) {\\n      @include _mat-toolbar-height($height-mobile);\\n    }\\n  }\\n}\\n\\n@mixin mat-toolbar-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-toolbar') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-toolbar-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-toolbar-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-toolbar-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tooltip-target-height: 22px;\\n$mat-tooltip-font-size: 10px;\\n$mat-tooltip-vertical-padding: ($mat-tooltip-target-height - $mat-tooltip-font-size) / 2;\\n\\n$mat-tooltip-handset-target-height: 30px;\\n$mat-tooltip-handset-font-size: 14px;\\n$mat-tooltip-handset-vertical-padding:\\n    ($mat-tooltip-handset-target-height - $mat-tooltip-handset-font-size) / 2;\\n\\n@mixin mat-tooltip-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n\\n  .mat-tooltip {\\n    background: mat-color($background, tooltip, 0.9);\\n  }\\n}\\n\\n@mixin mat-tooltip-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-tooltip {\\n    font-family: mat-font-family($config);\\n    font-size: $mat-tooltip-font-size;\\n    padding-top: $mat-tooltip-vertical-padding;\\n    padding-bottom: $mat-tooltip-vertical-padding;\\n  }\\n\\n  .mat-tooltip-handset {\\n    font-size: $mat-tooltip-handset-font-size;\\n    padding-top: $mat-tooltip-handset-vertical-padding;\\n    padding-bottom: $mat-tooltip-handset-vertical-padding;\\n  }\\n}\\n\\n@mixin _mat-tooltip-density($config-or-theme) {}\\n\\n@mixin mat-tooltip-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-tooltip') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-tooltip-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-tooltip-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-tooltip-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n@mixin mat-snack-bar-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $is-dark-theme: map-get($config, is-dark);\\n  $accent: map-get($config, accent);\\n\\n  .mat-snack-bar-container {\\n    // Use the primary text on the dark theme, even though the lighter one uses\\n    // a secondary, because the contrast on the light primary text is poor.\\n    color: if($is-dark-theme, $dark-primary-text, $light-secondary-text);\\n    background: if($is-dark-theme, map-get($mat-grey, 50), #323232);\\n\\n    @include _mat-theme-elevation(6, $config);\\n  }\\n\\n  .mat-simple-snackbar-action {\\n    color: if($is-dark-theme, inherit, mat-color($accent, text));\\n  }\\n}\\n\\n@mixin mat-snack-bar-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-simple-snackbar {\\n    font: {\\n      family: mat-font-family($config, body-1);\\n      size: mat-font-size($config, body-1);\\n    }\\n  }\\n\\n  .mat-simple-snackbar-action {\\n    line-height: 1;\\n    font: {\\n      family: inherit;\\n      size: inherit;\\n      weight: mat-font-weight($config, button);\\n    }\\n  }\\n}\\n\\n@mixin _mat-snack-bar-density($config-or-theme) {}\\n\\n@mixin mat-snack-bar-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-snack-bar') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-snack-bar-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-snack-bar-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-snack-bar-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the fill appearance of the form-field.\\n\\n@mixin mat-form-field-fill-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n\\n  $fill-background: mat-color($foreground, base, if($is-dark-theme, 0.1, 0.04));\\n  $fill-disabled-background: mat-color($foreground, base, if($is-dark-theme, 0.05, 0.02));\\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.5, 0.42));\\n  $label-disabled-color: mat-color($foreground, disabled-text);\\n\\n  .mat-form-field-appearance-fill {\\n    .mat-form-field-flex {\\n      background-color: $fill-background;\\n    }\\n\\n    &.mat-form-field-disabled .mat-form-field-flex {\\n      background-color: $fill-disabled-background;\\n    }\\n\\n    .mat-form-field-underline::before {\\n      background-color: $underline-color;\\n    }\\n\\n    &.mat-form-field-disabled {\\n      .mat-form-field-label {\\n        color: $label-disabled-color;\\n      }\\n\\n      .mat-form-field-underline::before {\\n        background-color: transparent;\\n      }\\n    }\\n  }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-fill-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-fill-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-fill-dedupe)\\n             scale($font-scale);\\n  width: 100% / $font-scale + $mat-form-field-fill-dedupe;\\n\\n  $mat-form-field-fill-dedupe: $mat-form-field-fill-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-fill-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n  // The amount to scale the font for the floating label and subscript.\\n  $subscript-font-scale: 0.75;\\n  // The padding on top of the infix.\\n  $infix-padding-top: 0.25em;\\n  // The padding below the infix.\\n  $infix-padding-bottom: 0.75em;\\n  // The margin applied to the form-field-infix to reserve space for the floating label.\\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n  // The amount we offset the label from the input text in the fill appearance.\\n  $fill-appearance-label-offset: -0.5em;\\n\\n  .mat-form-field-appearance-fill {\\n    .mat-form-field-infix {\\n      padding: $infix-padding-top 0 $infix-padding-bottom 0;\\n    }\\n\\n    .mat-form-field-label {\\n      top: $infix-margin-top + $infix-padding-top;\\n      margin-top: $fill-appearance-label-offset;\\n    }\\n\\n    &.mat-form-field-can-float {\\n      &.mat-form-field-should-float .mat-form-field-label,\\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n        @include _mat-form-field-fill-label-floating(\\n                $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n                $infix-margin-top);\\n      }\\n\\n      // Server-side rendered matInput with a label attribute but label not shown\\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n      .mat-form-field-label {\\n        @include _mat-form-field-fill-label-floating(\\n                $subscript-font-scale, $infix-padding-top + $fill-appearance-label-offset,\\n                $infix-margin-top);\\n      }\\n    }\\n  }\\n}\\n\\n@mixin _mat-form-field-fill-density($config-or-theme) {}\\n\\n@mixin mat-form-field-fill-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-fill') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-form-field-fill-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-form-field-fill-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-form-field-fill-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the legacy appearance of the form-field.\\n\\n@mixin mat-form-field-legacy-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n\\n  $label-color: mat-color($foreground, secondary-text);\\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n  .mat-form-field-appearance-legacy {\\n    .mat-form-field-label {\\n      color: $label-color;\\n    }\\n\\n    .mat-hint {\\n      color: $label-color;\\n    }\\n\\n    .mat-form-field-underline {\\n      background-color: $underline-color;\\n    }\\n\\n    &.mat-form-field-disabled .mat-form-field-underline {\\n      @include mat-control-disabled-underline($underline-color);\\n    }\\n  }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-legacy-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-legacy-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n  // We use perspective to fix the text blurriness as described here:\\n  // http://www.useragentman.com/blog/2014/05/04/fixing-typography-inside-of-2-d-css-transforms/\\n  // This results in a small jitter after the label floats on Firefox, which the\\n  // translateZ fixes.\\n  transform: translateY(-$infix-margin-top - $infix-padding) scale($font-scale) perspective(100px)\\n  translateZ(0.001px + $mat-form-field-legacy-dedupe);\\n  // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n  // worse on IE, so we don't include them in the IE version.\\n  -ms-transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n                  scale($font-scale);\\n\\n  width: 100% / $font-scale + $mat-form-field-legacy-dedupe;\\n\\n  $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n// Same as mixin above, but omits the translateZ for printing purposes.\\n@mixin _mat-form-field-legacy-label-floating-print($font-scale, $infix-padding, $infix-margin-top) {\\n  // This results in a small jitter after the label floats on Firefox, which the\\n  // translateZ fixes.\\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-legacy-dedupe)\\n                  scale($font-scale);\\n  // The tricks above used to smooth out the animation on chrome and firefox actually make things\\n  // worse on IE, so we don't include them in the IE version.\\n  $mat-form-field-legacy-dedupe: $mat-form-field-legacy-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-legacy-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n  // The amount to scale the font for the floating label and subscript.\\n  $subscript-font-scale: 0.75;\\n  // The amount of space between the top of the line and the top of the actual text\\n  // (as a fraction of the font-size).\\n  $line-spacing: ($line-height - 1) / 2;\\n  // The padding on the infix. Mocks show half of the text size, but seem to measure from the edge\\n  // of the text itself, not the edge of the line; therefore we subtract off the line spacing.\\n  $infix-padding: 0.5em - $line-spacing;\\n  // The margin applied to the form-field-infix to reserve space for the floating label.\\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n  // text font size, so we need to divide by the scale factor to make it half of the original text\\n  // size. We again need to subtract off the line spacing since the mocks measure to the edge of the\\n  // text, not the  edge of the line.\\n  $subscript-margin-top: 0.5em / $subscript-font-scale - ($line-spacing * 2);\\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n  .mat-form-field-appearance-legacy {\\n    .mat-form-field-wrapper {\\n      padding-bottom: $wrapper-padding-bottom;\\n    }\\n\\n    .mat-form-field-infix {\\n      padding: $infix-padding 0;\\n    }\\n\\n    &.mat-form-field-can-float {\\n      &.mat-form-field-should-float .mat-form-field-label,\\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n        @include _mat-form-field-legacy-label-floating(\\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\\n      }\\n\\n      // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n      .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n      .mat-form-field-label {\\n        @include _mat-form-field-legacy-label-floating(\\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\\n      }\\n\\n      // Server-side rendered matInput with a label attribute but label not shown\\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n      .mat-form-field-label {\\n        @include _mat-form-field-legacy-label-floating(\\n                $subscript-font-scale, $infix-padding, $infix-margin-top);\\n      }\\n    }\\n\\n    .mat-form-field-label {\\n      top: $infix-margin-top + $infix-padding;\\n    }\\n\\n    .mat-form-field-underline {\\n      // We want the underline to start at the end of the content box, not the padding box,\\n      // so we move it up by the padding amount.\\n      bottom: $wrapper-padding-bottom;\\n    }\\n\\n    .mat-form-field-subscript-wrapper {\\n      margin-top: $subscript-margin-top;\\n\\n      // We want the subscript to start at the end of the content box, not the padding box,\\n      // so we move it up by the padding amount (adjusted for the smaller font size);\\n      top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n    }\\n  }\\n\\n  // translateZ causes the label to not appear while printing, so we override it to not\\n  // apply translateZ while printing\\n  @media print {\\n    .mat-form-field-appearance-legacy {\\n      &.mat-form-field-can-float {\\n        &.mat-form-field-should-float .mat-form-field-label,\\n        .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n          @include _mat-form-field-legacy-label-floating-print(\\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\\n        }\\n\\n        // @breaking-change 8.0.0 will rely on AutofillMonitor instead.\\n        .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper\\n        .mat-form-field-label {\\n          @include _mat-form-field-legacy-label-floating-print(\\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\\n        }\\n\\n        // Server-side rendered matInput with a label attribute but label not shown\\n        // (used as a pure CSS stand-in for mat-form-field-should-float).\\n        .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n        .mat-form-field-label {\\n          @include _mat-form-field-legacy-label-floating-print(\\n                  $subscript-font-scale, $infix-padding, $infix-margin-top);\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n@mixin _mat-form-field-legacy-density($config-or-theme) {}\\n\\n@mixin mat-form-field-legacy-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-legacy') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-form-field-legacy-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-form-field-legacy-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-form-field-legacy-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the outline appearance of the form-field.\\n\\n@mixin mat-form-field-outline-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n\\n  $label-disabled-color: mat-color($foreground, disabled-text);\\n  $outline-color: mat-color($foreground, divider, if($is-dark-theme, 0.3, 0.12));\\n  $outline-color-hover: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n  $outline-color-primary: mat-color($primary);\\n  $outline-color-accent: mat-color($accent);\\n  $outline-color-warn: mat-color($warn);\\n  $outline-color-disabled: mat-color($foreground, divider, if($is-dark-theme, 0.15, 0.06));\\n\\n  .mat-form-field-appearance-outline {\\n    .mat-form-field-outline {\\n      color: $outline-color;\\n    }\\n\\n    .mat-form-field-outline-thick {\\n      color: $outline-color-hover;\\n    }\\n\\n    &.mat-focused {\\n      .mat-form-field-outline-thick {\\n        color: $outline-color-primary;\\n      }\\n\\n      &.mat-accent .mat-form-field-outline-thick {\\n        color: $outline-color-accent;\\n      }\\n\\n      &.mat-warn .mat-form-field-outline-thick {\\n        color: $outline-color-warn;\\n      }\\n    }\\n\\n    // Class repeated so that rule is specific enough to override focused accent color case.\\n    &.mat-form-field-invalid.mat-form-field-invalid {\\n      .mat-form-field-outline-thick {\\n        color: $outline-color-warn;\\n      }\\n    }\\n\\n    &.mat-form-field-disabled {\\n      .mat-form-field-label {\\n        color: $label-disabled-color;\\n      }\\n\\n      .mat-form-field-outline {\\n        color: $outline-color-disabled;\\n      }\\n    }\\n  }\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-outline-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-outline-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-outline-dedupe)\\n  scale($font-scale);\\n  width: 100% / $font-scale + $mat-form-field-outline-dedupe;\\n\\n  $mat-form-field-outline-dedupe: $mat-form-field-outline-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-outline-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n  // The amount to scale the font for the floating label and subscript.\\n  $subscript-font-scale: 0.75;\\n  // The padding above and below the infix.\\n  $infix-padding: 1em;\\n  // The margin applied to the form-field-infix to reserve space for the floating label.\\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n  // text font size, so we need to divide by the scale factor to make it half of the original text\\n  // size.\\n  $subscript-margin-top: 0.5em / $subscript-font-scale;\\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n  // The amount we offset the label from the input text in the outline appearance.\\n  $outline-appearance-label-offset: -0.25em;\\n\\n  .mat-form-field-appearance-outline {\\n    .mat-form-field-infix {\\n      padding: $infix-padding 0 $infix-padding 0;\\n    }\\n\\n    .mat-form-field-label {\\n      top: $infix-margin-top + $infix-padding;\\n      margin-top: $outline-appearance-label-offset;\\n    }\\n\\n    &.mat-form-field-can-float {\\n      &.mat-form-field-should-float .mat-form-field-label,\\n      .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n        @include _mat-form-field-outline-label-floating(\\n                $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n                $infix-margin-top);\\n      }\\n\\n      // Server-side rendered matInput with a label attribute but label not shown\\n      // (used as a pure CSS stand-in for mat-form-field-should-float).\\n      .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n      .mat-form-field-label {\\n        @include _mat-form-field-outline-label-floating(\\n                $subscript-font-scale, $infix-padding + $outline-appearance-label-offset,\\n                $infix-margin-top);\\n      }\\n    }\\n  }\\n}\\n\\n@mixin _mat-form-field-outline-density($config-or-theme) {}\\n\\n@mixin mat-form-field-outline-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-outline') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-form-field-outline-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-form-field-outline-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-form-field-outline-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Theme styles that only apply to the standard appearance of the form-field.\\n\\n@mixin mat-form-field-standard-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n\\n  $underline-color: mat-color($foreground, divider, if($is-dark-theme, 0.7, 0.42));\\n\\n  .mat-form-field-appearance-standard {\\n    .mat-form-field-underline {\\n      background-color: $underline-color;\\n    }\\n\\n    &.mat-form-field-disabled .mat-form-field-underline {\\n      @include mat-control-disabled-underline($underline-color);\\n    }\\n  }\\n}\\n\\n@mixin mat-form-field-standard-typography($config-or-theme) {}\\n\\n@mixin _mat-form-field-standard-density($config-or-theme) {}\\n\\n@mixin mat-form-field-standard-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field-standard') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-form-field-standard-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-form-field-standard-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-form-field-standard-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n// Color styles that apply to all appearances of the form-field.\\n@mixin mat-form-field-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $primary: map-get($config, primary);\\n  $accent: map-get($config, accent);\\n  $warn: map-get($config, warn);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n  $is-dark-theme: map-get($config, is-dark);\\n\\n  // Label colors. Required is used for the `*` star shown in the label.\\n  $label-color: mat-color($foreground, secondary-text, if($is-dark-theme, 0.7, 0.6));\\n  $focused-label-color: mat-color($primary, text);\\n  $required-label-color: mat-color($accent, text);\\n\\n  // Underline colors.\\n  $underline-color-base: mat-color($foreground, divider, if($is-dark-theme, 1, 0.87));\\n  $underline-color-accent: mat-color($accent, text);\\n  $underline-color-warn: mat-color($warn, text);\\n  $underline-focused-color: mat-color($primary, text);\\n\\n  .mat-form-field-label {\\n    color: $label-color;\\n  }\\n\\n  .mat-hint {\\n    color: $label-color;\\n  }\\n\\n  .mat-form-field.mat-focused .mat-form-field-label {\\n    color: $focused-label-color;\\n\\n    &.mat-accent {\\n      color: $underline-color-accent;\\n    }\\n\\n    &.mat-warn {\\n      color: $underline-color-warn;\\n    }\\n  }\\n\\n  .mat-focused .mat-form-field-required-marker {\\n    color: $required-label-color;\\n  }\\n\\n  .mat-form-field-ripple {\\n    background-color: $underline-color-base;\\n  }\\n\\n  .mat-form-field.mat-focused {\\n    .mat-form-field-ripple {\\n      background-color: $underline-focused-color;\\n\\n      &.mat-accent {\\n        background-color: $underline-color-accent;\\n      }\\n\\n      &.mat-warn {\\n        background-color: $underline-color-warn;\\n      }\\n    }\\n  }\\n\\n  .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) {\\n    .mat-form-field-infix::after {\\n      color: $underline-focused-color;\\n    }\\n\\n    &.mat-accent .mat-form-field-infix::after {\\n      color: $underline-color-accent;\\n    }\\n\\n    &.mat-warn .mat-form-field-infix::after {\\n      color: $underline-color-warn;\\n    }\\n  }\\n\\n  // Styling for the error state of the form field. Note that while the same can be\\n  // achieved with the ng-* classes, we use this approach in order to ensure that the same\\n  // logic is used to style the error state and to show the error messages.\\n  .mat-form-field.mat-form-field-invalid {\\n    .mat-form-field-label {\\n      color: $underline-color-warn;\\n\\n      &.mat-accent,\\n      .mat-form-field-required-marker {\\n        color: $underline-color-warn;\\n      }\\n    }\\n\\n    .mat-form-field-ripple,\\n    .mat-form-field-ripple.mat-accent {\\n      background-color: $underline-color-warn;\\n    }\\n  }\\n\\n  .mat-error {\\n    color: $underline-color-warn;\\n  }\\n\\n  @include mat-form-field-legacy-color($config);\\n  @include mat-form-field-standard-color($config);\\n  @include mat-form-field-fill-color($config);\\n  @include mat-form-field-outline-color($config);\\n}\\n\\n// Used to make instances of the _mat-form-field-label-floating mixin negligibly different,\\n// and prevent Google's CSS Optimizer from collapsing the declarations. This is needed because some\\n// of the selectors contain pseudo-classes not recognized in all browsers. If a browser encounters\\n// an unknown pseudo-class it will discard the entire rule set.\\n$mat-form-field-dedupe: 0;\\n\\n// Applies a floating label above the form field control itself.\\n@mixin _mat-form-field-label-floating($font-scale, $infix-padding, $infix-margin-top) {\\n  transform: translateY(-$infix-margin-top - $infix-padding + $mat-form-field-dedupe)\\n             scale($font-scale);\\n  width: 100% / $font-scale + $mat-form-field-dedupe;\\n\\n  $mat-form-field-dedupe: $mat-form-field-dedupe + 0.00001 !global;\\n}\\n\\n@mixin mat-form-field-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  // The unit-less line-height from the font config.\\n  $line-height: mat-line-height($config, input);\\n\\n  // The amount to scale the font for the floating label and subscript.\\n  $subscript-font-scale: 0.75;\\n  // The amount to scale the font for the prefix and suffix icons.\\n  $prefix-suffix-icon-font-scale: 1.5;\\n\\n  // The padding on the infix. Mocks show half of the text size.\\n  $infix-padding: 0.5em;\\n  // The margin applied to the form-field-infix to reserve space for the floating label.\\n  $infix-margin-top: 1em * $line-height * $subscript-font-scale;\\n  // Font size to use for the label and subscript text.\\n  $subscript-font-size: $subscript-font-scale * 100%;\\n  // Font size to use for the for the prefix and suffix icons.\\n  $prefix-suffix-icon-font-size: $prefix-suffix-icon-font-scale * 100%;\\n  // The space between the bottom of the .mat-form-field-flex area and the subscript wrapper.\\n  // Mocks show half of the text size, but this margin is applied to an element with the subscript\\n  // text font size, so we need to divide by the scale factor to make it half of the original text\\n  // size.\\n  $subscript-margin-top: 0.5em / $subscript-font-scale;\\n  // The padding applied to the form-field-wrapper to reserve space for the subscript, since it's\\n  // absolutely positioned. This is a combination of the subscript's margin and line-height, but we\\n  // need to multiply by the subscript font scale factor since the wrapper has a larger font size.\\n  $wrapper-padding-bottom: ($subscript-margin-top + $line-height) * $subscript-font-scale;\\n\\n  .mat-form-field {\\n    @include mat-typography-level-to-styles($config, input);\\n  }\\n\\n  .mat-form-field-wrapper {\\n    padding-bottom: $wrapper-padding-bottom;\\n  }\\n\\n  .mat-form-field-prefix,\\n  .mat-form-field-suffix {\\n    // Allow icons in a prefix or suffix to adapt to the correct size.\\n    .mat-icon {\\n      font-size: $prefix-suffix-icon-font-size;\\n      line-height: $line-height;\\n    }\\n\\n    // Allow icon buttons in a prefix or suffix to adapt to the correct size.\\n    .mat-icon-button {\\n      height: $prefix-suffix-icon-font-scale * 1em;\\n      width: $prefix-suffix-icon-font-scale * 1em;\\n\\n      .mat-icon {\\n        height: $line-height * 1em;\\n        line-height: $line-height;\\n      }\\n    }\\n  }\\n\\n  .mat-form-field-infix {\\n    padding: $infix-padding 0;\\n    // Throws off the baseline if we do it as a real margin, so we do it as a border instead.\\n    border-top: $infix-margin-top solid transparent;\\n  }\\n\\n  .mat-form-field-can-float {\\n    &.mat-form-field-should-float .mat-form-field-label,\\n    .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {\\n      @include _mat-form-field-label-floating(\\n              $subscript-font-scale, $infix-padding, $infix-margin-top);\\n    }\\n\\n    // Server-side rendered matInput with a label attribute but label not shown\\n    // (used as a pure CSS stand-in for mat-form-field-should-float).\\n    .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper\\n        .mat-form-field-label {\\n      @include _mat-form-field-label-floating(\\n              $subscript-font-scale, $infix-padding, $infix-margin-top);\\n    }\\n  }\\n\\n  .mat-form-field-label-wrapper {\\n    top: -$infix-margin-top;\\n    padding-top: $infix-margin-top;\\n  }\\n\\n  .mat-form-field-label {\\n    top: $infix-margin-top + $infix-padding;\\n  }\\n\\n  .mat-form-field-underline {\\n    // We want the underline to start at the end of the content box, not the padding box,\\n    // so we move it up by the padding amount.\\n    bottom: $wrapper-padding-bottom;\\n  }\\n\\n  .mat-form-field-subscript-wrapper {\\n    font-size: $subscript-font-size;\\n    margin-top: $subscript-margin-top;\\n\\n    // We want the subscript to start at the end of the content box, not the padding box,\\n    // so we move it up by the padding amount (adjusted for the smaller font size);\\n    top: calc(100% - #{$wrapper-padding-bottom / $subscript-font-scale});\\n  }\\n\\n  @include mat-form-field-legacy-typography($config);\\n  @include mat-form-field-standard-typography($config);\\n  @include mat-form-field-fill-typography($config);\\n  @include mat-form-field-outline-typography($config);\\n}\\n\\n@mixin _mat-form-field-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  @include _mat-form-field-legacy-density($density-scale);\\n  @include _mat-form-field-standard-density($density-scale);\\n  @include _mat-form-field-fill-density($density-scale);\\n  @include _mat-form-field-outline-density($density-scale);\\n}\\n\\n@mixin mat-form-field-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-form-field') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-form-field-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-form-field-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-form-field-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n$mat-tree-node-height: 48px !default;\\n// Minimum height for tree nodes in highest density is difficult to determine as\\n// developers can display arbitrary content. We use a minimum height which ensures\\n// that common content placed in tree nodes does not exceed (e.g. icons, checkboxes).\\n$mat-tree-node-minimum-height: 24px !default;\\n$mat-tree-node-maximum-height: $mat-tree-node-height !default;\\n\\n$mat-tree-density-config: (\\n  height: (\\n    default: $mat-tree-node-height,\\n    maximum: $mat-tree-node-maximum-height,\\n    minimum: $mat-tree-node-minimum-height,\\n  )\\n) !default;\\n\\n\\n@mixin mat-tree-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  $background: map-get($config, background);\\n  $foreground: map-get($config, foreground);\\n\\n  .mat-tree {\\n    background: mat-color($background, 'card');\\n  }\\n\\n  .mat-tree-node,\\n  .mat-nested-tree-node {\\n    color: mat-color($foreground, text);\\n  }\\n}\\n\\n@mixin mat-tree-typography($config-or-theme) {\\n  $config: mat-get-typography-config($config-or-theme);\\n  .mat-tree {\\n    font-family: mat-font-family($config);\\n  }\\n\\n  .mat-tree-node,\\n  .mat-nested-tree-node {\\n    font-weight: mat-font-weight($config, body-1);\\n    font-size: mat-font-size($config, body-1);\\n  }\\n}\\n\\n@mixin _mat-tree-density($config-or-theme) {\\n  $density-scale: mat-get-density-config($config-or-theme);\\n  $height: _mat-density-prop-value($mat-tree-density-config, $density-scale, height);\\n\\n  @include _mat-density-legacy-compatibility() {\\n    .mat-tree-node {\\n      min-height: $height;\\n    }\\n  }\\n}\\n\\n@mixin mat-tree-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-tree') {\\n    $color: mat-get-color-config($theme);\\n    $density: mat-get-density-config($theme);\\n    $typography: mat-get-typography-config($theme);\\n\\n    @if $color != null {\\n      @include mat-tree-color($color);\\n    }\\n    @if $density != null {\\n      @include _mat-tree-density($density);\\n    }\\n    @if $typography != null {\\n      @include mat-tree-typography($typography);\\n    }\\n  }\\n}\\n\\n\\n\\n\\n// Includes all of the typographic styles.\\n@mixin angular-material-typography($config-or-theme: null) {\\n  $config: if(_mat-is-theme-object($config-or-theme),\\n      mat-get-typography-config($config-or-theme), $config-or-theme);\\n\\n  // If no actual color configuration has been specified, create a default one.\\n  @if not $config {\\n    $config: mat-typography-config();\\n  }\\n\\n  // TODO: COMP-309: Do not use individual mixins. Instead, use the all-theme mixin and only\\n  // specify a `typography` config while setting `color` and `density` to `null`. This is currently\\n  // not possible as it would introduce a circular dependency for typography because the `mat-core`\\n  // mixin that is transitively loaded by the `all-theme` file, imports `all-typography` which\\n  // would then load `all-theme` again. This ultimately results a circular dependency.\\n\\n  @include mat-badge-typography($config);\\n  @include mat-base-typography($config);\\n  @include mat-autocomplete-typography($config);\\n  @include mat-bottom-sheet-typography($config);\\n  @include mat-button-typography($config);\\n  @include mat-button-toggle-typography($config);\\n  @include mat-card-typography($config);\\n  @include mat-checkbox-typography($config);\\n  @include mat-chips-typography($config);\\n  @include mat-divider-typography($config);\\n  @include mat-table-typography($config);\\n  @include mat-datepicker-typography($config);\\n  @include mat-dialog-typography($config);\\n  @include mat-expansion-panel-typography($config);\\n  @include mat-form-field-typography($config);\\n  @include mat-grid-list-typography($config);\\n  @include mat-icon-typography($config);\\n  @include mat-input-typography($config);\\n  @include mat-menu-typography($config);\\n  @include mat-paginator-typography($config);\\n  @include mat-progress-bar-typography($config);\\n  @include mat-progress-spinner-typography($config);\\n  @include mat-radio-typography($config);\\n  @include mat-select-typography($config);\\n  @include mat-sidenav-typography($config);\\n  @include mat-slide-toggle-typography($config);\\n  @include mat-slider-typography($config);\\n  @include mat-stepper-typography($config);\\n  @include mat-sort-typography($config);\\n  @include mat-tabs-typography($config);\\n  @include mat-toolbar-typography($config);\\n  @include mat-tooltip-typography($config);\\n  @include mat-list-typography($config);\\n  @include mat-option-typography($config);\\n  @include mat-optgroup-typography($config);\\n  @include mat-snack-bar-typography($config);\\n  @include mat-tree-typography($config);\\n}\\n\\n\\n// Mixin that renders all of the core styles that are not theme-dependent.\\n@mixin mat-core($typography-config: null) {\\n  @include angular-material-typography($typography-config);\\n  @include mat-ripple();\\n  @include cdk-a11y();\\n  @include cdk-overlay();\\n  @include cdk-text-field();\\n\\n  @include _mat-strong-focus-indicators-positioning();\\n  @include _mat-mdc-core();\\n}\\n\\n@mixin mat-core-color($config-or-theme) {\\n  $config: mat-get-color-config($config-or-theme);\\n  // Wrapper element that provides the theme background when the user's content isn't\\n  // inside of a `mat-sidenav-container`. Note that we need to exclude the ampersand\\n  // selector in case the mixin is included at the top level.\\n  .mat-app-background#{if(&, ', &.mat-app-background', '')} {\\n    $background: map-get($config, background);\\n    $foreground: map-get($config, foreground);\\n\\n    background-color: mat-color($background, background);\\n    color: mat-color($foreground, text);\\n  }\\n\\n  // Provides external CSS classes for each elevation value. Each CSS class is formatted as\\n  // `mat-elevation-z$zValue` where `$zValue` corresponds to the z-space to which the element is\\n  // elevated.\\n  @for $zValue from 0 through 24 {\\n    .#{$_mat-elevation-prefix}#{$zValue} {\\n      @include _mat-theme-elevation($zValue, $config);\\n    }\\n  }\\n\\n  // Marker that is used to determine whether the user has added a theme to their page.\\n  @at-root {\\n    .mat-theme-loaded-marker {\\n      display: none;\\n    }\\n  }\\n}\\n\\n// Mixin that renders all of the core styles that depend on the theme.\\n@mixin mat-core-theme($theme-or-color-config) {\\n  $theme: _mat-legacy-get-theme($theme-or-color-config);\\n  // Wrap the sub-theme includes in the duplicate theme styles mixin. This ensures that\\n  // there won't be multiple warnings. e.g. if `mat-core-theme` reports a warning, then\\n  // the imported themes (such as `mat-ripple-theme`) should not report again.\\n  @include _mat-check-duplicate-theme-styles($theme, 'mat-core') {\\n    @include mat-ripple-theme($theme);\\n    @include mat-option-theme($theme);\\n    @include mat-optgroup-theme($theme);\\n    @include mat-pseudo-checkbox-theme($theme);\\n\\n    $color: mat-get-color-config($theme);\\n    @if $color != null {\\n      @include mat-core-color($color);\\n    }\\n  }\\n}\\n\\n// Mixin that renders all of the core MDC styles. Private mixin included with `mat-core`.\\n@mixin _mat-mdc-core() {\\n  @include _mat-mdc-strong-focus-indicators-positioning();\\n}\\n\\n// Mixin that ensures focus indicator host elements are positioned so that the focus indicator\\n// pseudo element within is positioned relative to the host. Private mixin included within\\n// `_mat-mdc-core`.\\n@mixin _mat-mdc-strong-focus-indicators-positioning() {\\n  .mat-mdc-focus-indicator {\\n    position: relative;\\n  }\\n}\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n// Create a theme.\\n@mixin angular-material-theme($theme-or-color-config) {\\n  @include _mat-check-duplicate-theme-styles($theme-or-color-config, 'angular-material-theme') {\\n    @include mat-core-theme($theme-or-color-config);\\n    @include mat-autocomplete-theme($theme-or-color-config);\\n    @include mat-badge-theme($theme-or-color-config);\\n    @include mat-bottom-sheet-theme($theme-or-color-config);\\n    @include mat-button-theme($theme-or-color-config);\\n    @include mat-button-toggle-theme($theme-or-color-config);\\n    @include mat-card-theme($theme-or-color-config);\\n    @include mat-checkbox-theme($theme-or-color-config);\\n    @include mat-chips-theme($theme-or-color-config);\\n    @include mat-table-theme($theme-or-color-config);\\n    @include mat-datepicker-theme($theme-or-color-config);\\n    @include mat-dialog-theme($theme-or-color-config);\\n    @include mat-divider-theme($theme-or-color-config);\\n    @include mat-expansion-panel-theme($theme-or-color-config);\\n    @include mat-form-field-theme($theme-or-color-config);\\n    @include mat-grid-list-theme($theme-or-color-config);\\n    @include mat-icon-theme($theme-or-color-config);\\n    @include mat-input-theme($theme-or-color-config);\\n    @include mat-list-theme($theme-or-color-config);\\n    @include mat-menu-theme($theme-or-color-config);\\n    @include mat-paginator-theme($theme-or-color-config);\\n    @include mat-progress-bar-theme($theme-or-color-config);\\n    @include mat-progress-spinner-theme($theme-or-color-config);\\n    @include mat-radio-theme($theme-or-color-config);\\n    @include mat-select-theme($theme-or-color-config);\\n    @include mat-sidenav-theme($theme-or-color-config);\\n    @include mat-slide-toggle-theme($theme-or-color-config);\\n    @include mat-slider-theme($theme-or-color-config);\\n    @include mat-stepper-theme($theme-or-color-config);\\n    @include mat-sort-theme($theme-or-color-config);\\n    @include mat-tabs-theme($theme-or-color-config);\\n    @include mat-toolbar-theme($theme-or-color-config);\\n    @include mat-tooltip-theme($theme-or-color-config);\\n    @include mat-tree-theme($theme-or-color-config);\\n    @include mat-snack-bar-theme($theme-or-color-config);\\n  }\\n}\\n\\n\\n// Includes all of the color styles.\\n@mixin angular-material-color($config-or-theme) {\\n  // In case a theme object has been passed instead of a configuration for\\n  // the color system, extract the color config from the theme object.\\n  $config: if(_mat-is-theme-object($config-or-theme),\\n      mat-get-color-config($config-or-theme), $config-or-theme);\\n\\n  @if $config == null {\\n    @error 'No color configuration specified.';\\n  }\\n\\n  @include angular-material-theme((\\n    color: $config,\\n    typography: null,\\n    density: null,\\n  ));\\n}\\n\\n\\n\\n// Includes all of the density styles.\\n@mixin _angular-material-density($config-or-theme) {\\n  // In case a theme object has been passed instead of a configuration for\\n  // the density system, extract the density config from the theme object.\\n  $config: if(_mat-is-theme-object($config-or-theme),\\n      mat-get-density-config($config-or-theme), $config-or-theme);\\n\\n  @if $config == null {\\n    @error 'No density configuration specified.';\\n  }\\n\\n  @include angular-material-theme((\\n    color: null,\\n    typography: null,\\n    density: $config,\\n  ));\\n}\\n\\n\\n\\n\",\"//@import \\\"~bootstrap/dist/css/bootstrap.min.css\\\";\\r\\n//@import \\\"~font-awesome/css/font-awesome.min.css\\\";\\r\\n//@import \\\"~@angular/material/prebuilt-themes/deeppurple-amber.css\\\";\\r\\n@import './assets/scss/pkd-theme.scss';\\r\\n@import url(\\\"https://fonts.googleapis.com/icon?family=Material+Icons\\\");\\r\\n@import url(\\\"https://fonts.googleapis.com/icon?family=Material+Icons+Two+Tone\\\");\\r\\n@import url(\\\"https://fonts.googleapis.com/icon?family=Material+Icons+Outlined\\\");\\r\\n\\r\\nbody {\\r\\n  margin: 0;\\r\\n  font-family: sans-serif;\\r\\n}\\r\\n\\r\\n.right-aligned-header > .mat-content {\\r\\n  justify-content: space-between;\\r\\n}\\r\\n\\r\\n.mat-content > mat-panel-title, .mat-content > mat-panel-description {\\r\\n  flex: 0 0 auto;\\r\\n}\\r\\n\\r\\n.mat-button-focus-overlay {\\r\\n  background-color: transparent;\\r\\n}\\r\\n\\r\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix {\\r\\n  padding: 0.4em 0px\\r\\n}\\r\\n\\r\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper > div.mat-form-field-flex > div.mat-form-field-infix > span.mat-form-field-label-wrapper {\\r\\n  top: -1.5em;\\r\\n}\\r\\n\\r\\nmat-form-field.mat-form-field.mat-form-field-appearance-outline > div.mat-form-field-wrapper {\\r\\n  margin-bottom: -1.25em;\\r\\n}\\r\\n\\r\\n.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {\\r\\n  transform: translateY(-1.1em) scale(.75);\\r\\n  width: 133.33333%;\\r\\n}\\r\\n\\r\\n.snack-bar-success {\\r\\n  background-color: #D6EDCF;\\r\\n  color: #193600;\\r\\n  border: 1px solid #193600;\\r\\n  align-content: center;\\r\\n  font-weight: bold;\\r\\n  text-align: center;\\r\\n}\\r\\n\\r\\n.snack-bar-notify {\\r\\n  background-color: #C9E5F4;\\r\\n  color: #3977B1;\\r\\n  border: 1px solid #3977B1;\\r\\n  align-content: center;\\r\\n  font-weight: bold;\\r\\n  text-align: center;\\r\\n}\\r\\n\\r\\n.snack-bar-error {\\r\\n  background-color: #F1DBDB;\\r\\n  color: #A94642;\\r\\n  border: 1px solid #A94642;\\r\\n  align-content: center;\\r\\n  font-weight: bold;\\r\\n  text-align: center;\\r\\n\\r\\n  button {\\r\\n    color: #A94642;\\r\\n    font-weight: bold;\\r\\n    border: 1px solid #A94642;\\r\\n  }\\r\\n}\\r\\n\\r\\n\\r\\n//@import \\\"~bootstrap/scss/bootstrap\\\";\\r\\n@import \\\"~bootstrap/scss/functions\\\";\\r\\n@import \\\"~bootstrap/scss/variables\\\";\\r\\n@import \\\"~bootstrap/scss/mixins\\\";\\r\\n@import \\\"~bootstrap/scss/popover\\\";\\r\\n\",\".popover {\\n  position: absolute;\\n  top: 0;\\n  left: 0;\\n  z-index: $zindex-popover;\\n  display: block;\\n  max-width: $popover-max-width;\\n  // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.\\n  // So reset our font and text properties to avoid inheriting weird values.\\n  @include reset-text();\\n  @include font-size($popover-font-size);\\n  // Allow breaking very long words so they don't overflow the popover's bounds\\n  word-wrap: break-word;\\n  background-color: $popover-bg;\\n  background-clip: padding-box;\\n  border: $popover-border-width solid $popover-border-color;\\n  @include border-radius($popover-border-radius);\\n  @include box-shadow($popover-box-shadow);\\n\\n  .arrow {\\n    position: absolute;\\n    display: block;\\n    width: $popover-arrow-width;\\n    height: $popover-arrow-height;\\n    margin: 0 $popover-border-radius;\\n\\n    &::before,\\n    &::after {\\n      position: absolute;\\n      display: block;\\n      content: \\\"\\\";\\n      border-color: transparent;\\n      border-style: solid;\\n    }\\n  }\\n}\\n\\n.bs-popover-top {\\n  margin-bottom: $popover-arrow-height;\\n\\n  > .arrow {\\n    bottom: subtract(-$popover-arrow-height, $popover-border-width);\\n\\n    &::before {\\n      bottom: 0;\\n      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\\n      border-top-color: $popover-arrow-outer-color;\\n    }\\n\\n    &::after {\\n      bottom: $popover-border-width;\\n      border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;\\n      border-top-color: $popover-arrow-color;\\n    }\\n  }\\n}\\n\\n.bs-popover-right {\\n  margin-left: $popover-arrow-height;\\n\\n  > .arrow {\\n    left: subtract(-$popover-arrow-height, $popover-border-width);\\n    width: $popover-arrow-height;\\n    height: $popover-arrow-width;\\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\\n\\n    &::before {\\n      left: 0;\\n      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\\n      border-right-color: $popover-arrow-outer-color;\\n    }\\n\\n    &::after {\\n      left: $popover-border-width;\\n      border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;\\n      border-right-color: $popover-arrow-color;\\n    }\\n  }\\n}\\n\\n.bs-popover-bottom {\\n  margin-top: $popover-arrow-height;\\n\\n  > .arrow {\\n    top: subtract(-$popover-arrow-height, $popover-border-width);\\n\\n    &::before {\\n      top: 0;\\n      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\\n      border-bottom-color: $popover-arrow-outer-color;\\n    }\\n\\n    &::after {\\n      top: $popover-border-width;\\n      border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);\\n      border-bottom-color: $popover-arrow-color;\\n    }\\n  }\\n\\n  // This will remove the popover-header's border just below the arrow\\n  .popover-header::before {\\n    position: absolute;\\n    top: 0;\\n    left: 50%;\\n    display: block;\\n    width: $popover-arrow-width;\\n    margin-left: -$popover-arrow-width / 2;\\n    content: \\\"\\\";\\n    border-bottom: $popover-border-width solid $popover-header-bg;\\n  }\\n}\\n\\n.bs-popover-left {\\n  margin-right: $popover-arrow-height;\\n\\n  > .arrow {\\n    right: subtract(-$popover-arrow-height, $popover-border-width);\\n    width: $popover-arrow-height;\\n    height: $popover-arrow-width;\\n    margin: $popover-border-radius 0; // make sure the arrow does not touch the popover's rounded corners\\n\\n    &::before {\\n      right: 0;\\n      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\\n      border-left-color: $popover-arrow-outer-color;\\n    }\\n\\n    &::after {\\n      right: $popover-border-width;\\n      border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;\\n      border-left-color: $popover-arrow-color;\\n    }\\n  }\\n}\\n\\n.bs-popover-auto {\\n  &[x-placement^=\\\"top\\\"] {\\n    @extend .bs-popover-top;\\n  }\\n  &[x-placement^=\\\"right\\\"] {\\n    @extend .bs-popover-right;\\n  }\\n  &[x-placement^=\\\"bottom\\\"] {\\n    @extend .bs-popover-bottom;\\n  }\\n  &[x-placement^=\\\"left\\\"] {\\n    @extend .bs-popover-left;\\n  }\\n}\\n\\n\\n// Offset the popover to account for the popover arrow\\n.popover-header {\\n  padding: $popover-header-padding-y $popover-header-padding-x;\\n  margin-bottom: 0; // Reset the default from Reboot\\n  @include font-size($font-size-base);\\n  color: $popover-header-color;\\n  background-color: $popover-header-bg;\\n  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);\\n  @include border-top-radius($popover-inner-border-radius);\\n\\n  &:empty {\\n    display: none;\\n  }\\n}\\n\\n.popover-body {\\n  padding: $popover-body-padding-y $popover-body-padding-x;\\n  color: $popover-body-color;\\n}\\n\",\"// Variables\\n//\\n// Variables should follow the `$component-state-property-size` formula for\\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\\n\\n// Color system\\n\\n$white:    #fff !default;\\n$gray-100: #f8f9fa !default;\\n$gray-200: #e9ecef !default;\\n$gray-300: #dee2e6 !default;\\n$gray-400: #ced4da !default;\\n$gray-500: #adb5bd !default;\\n$gray-600: #6c757d !default;\\n$gray-700: #495057 !default;\\n$gray-800: #343a40 !default;\\n$gray-900: #212529 !default;\\n$black:    #000 !default;\\n\\n$grays: () !default;\\n$grays: map-merge(\\n  (\\n    \\\"100\\\": $gray-100,\\n    \\\"200\\\": $gray-200,\\n    \\\"300\\\": $gray-300,\\n    \\\"400\\\": $gray-400,\\n    \\\"500\\\": $gray-500,\\n    \\\"600\\\": $gray-600,\\n    \\\"700\\\": $gray-700,\\n    \\\"800\\\": $gray-800,\\n    \\\"900\\\": $gray-900\\n  ),\\n  $grays\\n);\\n\\n$blue:    #007bff !default;\\n$indigo:  #6610f2 !default;\\n$purple:  #6f42c1 !default;\\n$pink:    #e83e8c !default;\\n$red:     #dc3545 !default;\\n$orange:  #fd7e14 !default;\\n$yellow:  #ffc107 !default;\\n$green:   #28a745 !default;\\n$teal:    #20c997 !default;\\n$cyan:    #17a2b8 !default;\\n\\n$colors: () !default;\\n$colors: map-merge(\\n  (\\n    \\\"blue\\\":       $blue,\\n    \\\"indigo\\\":     $indigo,\\n    \\\"purple\\\":     $purple,\\n    \\\"pink\\\":       $pink,\\n    \\\"red\\\":        $red,\\n    \\\"orange\\\":     $orange,\\n    \\\"yellow\\\":     $yellow,\\n    \\\"green\\\":      $green,\\n    \\\"teal\\\":       $teal,\\n    \\\"cyan\\\":       $cyan,\\n    \\\"white\\\":      $white,\\n    \\\"gray\\\":       $gray-600,\\n    \\\"gray-dark\\\":  $gray-800\\n  ),\\n  $colors\\n);\\n\\n$primary:       $blue !default;\\n$secondary:     $gray-600 !default;\\n$success:       $green !default;\\n$info:          $cyan !default;\\n$warning:       $yellow !default;\\n$danger:        $red !default;\\n$light:         $gray-100 !default;\\n$dark:          $gray-800 !default;\\n\\n$theme-colors: () !default;\\n$theme-colors: map-merge(\\n  (\\n    \\\"primary\\\":    $primary,\\n    \\\"secondary\\\":  $secondary,\\n    \\\"success\\\":    $success,\\n    \\\"info\\\":       $info,\\n    \\\"warning\\\":    $warning,\\n    \\\"danger\\\":     $danger,\\n    \\\"light\\\":      $light,\\n    \\\"dark\\\":       $dark\\n  ),\\n  $theme-colors\\n);\\n\\n// Set a specific jump point for requesting color jumps\\n$theme-color-interval:      8% !default;\\n\\n// The yiq lightness value that determines when the lightness of color changes from \\\"dark\\\" to \\\"light\\\". Acceptable values are between 0 and 255.\\n$yiq-contrasted-threshold:  150 !default;\\n\\n// Customize the light and dark text colors for use in our YIQ color contrast function.\\n$yiq-text-dark:             $gray-900 !default;\\n$yiq-text-light:            $white !default;\\n\\n// Characters which are escaped by the escape-svg function\\n$escaped-characters: (\\n  (\\\"<\\\", \\\"%3c\\\"),\\n  (\\\">\\\", \\\"%3e\\\"),\\n  (\\\"#\\\", \\\"%23\\\"),\\n  (\\\"(\\\", \\\"%28\\\"),\\n  (\\\")\\\", \\\"%29\\\"),\\n) !default;\\n\\n\\n// Options\\n//\\n// Quickly modify global styling by enabling or disabling optional features.\\n\\n$enable-caret:                                true !default;\\n$enable-rounded:                              true !default;\\n$enable-shadows:                              false !default;\\n$enable-gradients:                            false !default;\\n$enable-transitions:                          true !default;\\n$enable-prefers-reduced-motion-media-query:   true !default;\\n$enable-hover-media-query:                    false !default; // Deprecated, no longer affects any compiled CSS\\n$enable-grid-classes:                         true !default;\\n$enable-pointer-cursor-for-buttons:           true !default;\\n$enable-print-styles:                         true !default;\\n$enable-responsive-font-sizes:                false !default;\\n$enable-validation-icons:                     true !default;\\n$enable-deprecation-messages:                 true !default;\\n\\n\\n// Spacing\\n//\\n// Control the default styling of most Bootstrap elements by modifying these\\n// variables. Mostly focused on spacing.\\n// You can add more entries to the $spacers map, should you need more variation.\\n\\n$spacer: 1rem !default;\\n$spacers: () !default;\\n$spacers: map-merge(\\n  (\\n    0: 0,\\n    1: ($spacer * .25),\\n    2: ($spacer * .5),\\n    3: $spacer,\\n    4: ($spacer * 1.5),\\n    5: ($spacer * 3)\\n  ),\\n  $spacers\\n);\\n\\n// This variable affects the `.h-*` and `.w-*` classes.\\n$sizes: () !default;\\n$sizes: map-merge(\\n  (\\n    25: 25%,\\n    50: 50%,\\n    75: 75%,\\n    100: 100%,\\n    auto: auto\\n  ),\\n  $sizes\\n);\\n\\n\\n// Body\\n//\\n// Settings for the `<body>` element.\\n\\n$body-bg:                   $white !default;\\n$body-color:                $gray-900 !default;\\n\\n\\n// Links\\n//\\n// Style anchor elements.\\n\\n$link-color:                              theme-color(\\\"primary\\\") !default;\\n$link-decoration:                         none !default;\\n$link-hover-color:                        darken($link-color, 15%) !default;\\n$link-hover-decoration:                   underline !default;\\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\\n$emphasized-link-hover-darken-percentage: 15% !default;\\n\\n// Paragraphs\\n//\\n// Style p element.\\n\\n$paragraph-margin-bottom:   1rem !default;\\n\\n\\n// Grid breakpoints\\n//\\n// Define the minimum dimensions at which your layout will change,\\n// adapting to different screen sizes, for use in media queries.\\n\\n$grid-breakpoints: (\\n  xs: 0,\\n  sm: 576px,\\n  md: 768px,\\n  lg: 992px,\\n  xl: 1200px\\n) !default;\\n\\n@include _assert-ascending($grid-breakpoints, \\\"$grid-breakpoints\\\");\\n@include _assert-starts-at-zero($grid-breakpoints, \\\"$grid-breakpoints\\\");\\n\\n\\n// Grid containers\\n//\\n// Define the maximum width of `.container` for different screen sizes.\\n\\n$container-max-widths: (\\n  sm: 540px,\\n  md: 720px,\\n  lg: 960px,\\n  xl: 1140px\\n) !default;\\n\\n@include _assert-ascending($container-max-widths, \\\"$container-max-widths\\\");\\n\\n\\n// Grid columns\\n//\\n// Set the number of columns and specify the width of the gutters.\\n\\n$grid-columns:                12 !default;\\n$grid-gutter-width:           30px !default;\\n$grid-row-columns:            6 !default;\\n\\n\\n// Components\\n//\\n// Define common padding and border radius sizes and more.\\n\\n$line-height-lg:              1.5 !default;\\n$line-height-sm:              1.5 !default;\\n\\n$border-width:                1px !default;\\n$border-color:                $gray-300 !default;\\n\\n$border-radius:               .25rem !default;\\n$border-radius-lg:            .3rem !default;\\n$border-radius-sm:            .2rem !default;\\n\\n$rounded-pill:                50rem !default;\\n\\n$box-shadow-sm:               0 .125rem .25rem rgba($black, .075) !default;\\n$box-shadow:                  0 .5rem 1rem rgba($black, .15) !default;\\n$box-shadow-lg:               0 1rem 3rem rgba($black, .175) !default;\\n\\n$component-active-color:      $white !default;\\n$component-active-bg:         theme-color(\\\"primary\\\") !default;\\n\\n$caret-width:                 .3em !default;\\n$caret-vertical-align:        $caret-width * .85 !default;\\n$caret-spacing:               $caret-width * .85 !default;\\n\\n$transition-base:             all .2s ease-in-out !default;\\n$transition-fade:             opacity .15s linear !default;\\n$transition-collapse:         height .35s ease !default;\\n\\n$embed-responsive-aspect-ratios: () !default;\\n$embed-responsive-aspect-ratios: join(\\n  (\\n    (21 9),\\n    (16 9),\\n    (4 3),\\n    (1 1),\\n  ),\\n  $embed-responsive-aspect-ratios\\n);\\n\\n// Typography\\n//\\n// Font, line-height, and color for body text, headings, and more.\\n\\n// stylelint-disable value-keyword-case\\n$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, \\\"Segoe UI\\\", Roboto, \\\"Helvetica Neue\\\", Arial, \\\"Noto Sans\\\", sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\" !default;\\n$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, \\\"Liberation Mono\\\", \\\"Courier New\\\", monospace !default;\\n$font-family-base:            $font-family-sans-serif !default;\\n// stylelint-enable value-keyword-case\\n\\n$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`\\n$font-size-lg:                $font-size-base * 1.25 !default;\\n$font-size-sm:                $font-size-base * .875 !default;\\n\\n$font-weight-lighter:         lighter !default;\\n$font-weight-light:           300 !default;\\n$font-weight-normal:          400 !default;\\n$font-weight-bold:            700 !default;\\n$font-weight-bolder:          bolder !default;\\n\\n$font-weight-base:            $font-weight-normal !default;\\n$line-height-base:            1.5 !default;\\n\\n$h1-font-size:                $font-size-base * 2.5 !default;\\n$h2-font-size:                $font-size-base * 2 !default;\\n$h3-font-size:                $font-size-base * 1.75 !default;\\n$h4-font-size:                $font-size-base * 1.5 !default;\\n$h5-font-size:                $font-size-base * 1.25 !default;\\n$h6-font-size:                $font-size-base !default;\\n\\n$headings-margin-bottom:      $spacer / 2 !default;\\n$headings-font-family:        null !default;\\n$headings-font-weight:        500 !default;\\n$headings-line-height:        1.2 !default;\\n$headings-color:              null !default;\\n\\n$display1-size:               6rem !default;\\n$display2-size:               5.5rem !default;\\n$display3-size:               4.5rem !default;\\n$display4-size:               3.5rem !default;\\n\\n$display1-weight:             300 !default;\\n$display2-weight:             300 !default;\\n$display3-weight:             300 !default;\\n$display4-weight:             300 !default;\\n$display-line-height:         $headings-line-height !default;\\n\\n$lead-font-size:              $font-size-base * 1.25 !default;\\n$lead-font-weight:            300 !default;\\n\\n$small-font-size:             80% !default;\\n\\n$text-muted:                  $gray-600 !default;\\n\\n$blockquote-small-color:      $gray-600 !default;\\n$blockquote-small-font-size:  $small-font-size !default;\\n$blockquote-font-size:        $font-size-base * 1.25 !default;\\n\\n$hr-border-color:             rgba($black, .1) !default;\\n$hr-border-width:             $border-width !default;\\n\\n$mark-padding:                .2em !default;\\n\\n$dt-font-weight:              $font-weight-bold !default;\\n\\n$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;\\n$nested-kbd-font-weight:      $font-weight-bold !default;\\n\\n$list-inline-padding:         .5rem !default;\\n\\n$mark-bg:                     #fcf8e3 !default;\\n\\n$hr-margin-y:                 $spacer !default;\\n\\n\\n// Tables\\n//\\n// Customizes the `.table` component with basic values, each used across all table variations.\\n\\n$table-cell-padding:          .75rem !default;\\n$table-cell-padding-sm:       .3rem !default;\\n\\n$table-color:                 $body-color !default;\\n$table-bg:                    null !default;\\n$table-accent-bg:             rgba($black, .05) !default;\\n$table-hover-color:           $table-color !default;\\n$table-hover-bg:              rgba($black, .075) !default;\\n$table-active-bg:             $table-hover-bg !default;\\n\\n$table-border-width:          $border-width !default;\\n$table-border-color:          $border-color !default;\\n\\n$table-head-bg:               $gray-200 !default;\\n$table-head-color:            $gray-700 !default;\\n$table-th-font-weight:        null !default;\\n\\n$table-dark-color:            $white !default;\\n$table-dark-bg:               $gray-800 !default;\\n$table-dark-accent-bg:        rgba($white, .05) !default;\\n$table-dark-hover-color:      $table-dark-color !default;\\n$table-dark-hover-bg:         rgba($white, .075) !default;\\n$table-dark-border-color:     lighten($table-dark-bg, 7.5%) !default;\\n\\n$table-striped-order:         odd !default;\\n\\n$table-caption-color:         $text-muted !default;\\n\\n$table-bg-level:              -9 !default;\\n$table-border-level:          -6 !default;\\n\\n\\n// Buttons + Forms\\n//\\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\\n\\n$input-btn-padding-y:         .375rem !default;\\n$input-btn-padding-x:         .75rem !default;\\n$input-btn-font-family:       null !default;\\n$input-btn-font-size:         $font-size-base !default;\\n$input-btn-line-height:       $line-height-base !default;\\n\\n$input-btn-focus-width:       .2rem !default;\\n$input-btn-focus-color:       rgba($component-active-bg, .25) !default;\\n$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\\n\\n$input-btn-padding-y-sm:      .25rem !default;\\n$input-btn-padding-x-sm:      .5rem !default;\\n$input-btn-font-size-sm:      $font-size-sm !default;\\n$input-btn-line-height-sm:    $line-height-sm !default;\\n\\n$input-btn-padding-y-lg:      .5rem !default;\\n$input-btn-padding-x-lg:      1rem !default;\\n$input-btn-font-size-lg:      $font-size-lg !default;\\n$input-btn-line-height-lg:    $line-height-lg !default;\\n\\n$input-btn-border-width:      $border-width !default;\\n\\n\\n// Buttons\\n//\\n// For each of Bootstrap's buttons, define text, background, and border color.\\n\\n$btn-padding-y:               $input-btn-padding-y !default;\\n$btn-padding-x:               $input-btn-padding-x !default;\\n$btn-font-family:             $input-btn-font-family !default;\\n$btn-font-size:               $input-btn-font-size !default;\\n$btn-line-height:             $input-btn-line-height !default;\\n$btn-white-space:             null !default; // Set to `nowrap` to prevent text wrapping\\n\\n$btn-padding-y-sm:            $input-btn-padding-y-sm !default;\\n$btn-padding-x-sm:            $input-btn-padding-x-sm !default;\\n$btn-font-size-sm:            $input-btn-font-size-sm !default;\\n$btn-line-height-sm:          $input-btn-line-height-sm !default;\\n\\n$btn-padding-y-lg:            $input-btn-padding-y-lg !default;\\n$btn-padding-x-lg:            $input-btn-padding-x-lg !default;\\n$btn-font-size-lg:            $input-btn-font-size-lg !default;\\n$btn-line-height-lg:          $input-btn-line-height-lg !default;\\n\\n$btn-border-width:            $input-btn-border-width !default;\\n\\n$btn-font-weight:             $font-weight-normal !default;\\n$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\\n$btn-focus-width:             $input-btn-focus-width !default;\\n$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;\\n$btn-disabled-opacity:        .65 !default;\\n$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;\\n\\n$btn-link-disabled-color:     $gray-600 !default;\\n\\n$btn-block-spacing-y:         .5rem !default;\\n\\n// Allows for customizing button radius independently from global border radius\\n$btn-border-radius:           $border-radius !default;\\n$btn-border-radius-lg:        $border-radius-lg !default;\\n$btn-border-radius-sm:        $border-radius-sm !default;\\n\\n$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\\n\\n\\n// Forms\\n\\n$label-margin-bottom:                   .5rem !default;\\n\\n$input-padding-y:                       $input-btn-padding-y !default;\\n$input-padding-x:                       $input-btn-padding-x !default;\\n$input-font-family:                     $input-btn-font-family !default;\\n$input-font-size:                       $input-btn-font-size !default;\\n$input-font-weight:                     $font-weight-base !default;\\n$input-line-height:                     $input-btn-line-height !default;\\n\\n$input-padding-y-sm:                    $input-btn-padding-y-sm !default;\\n$input-padding-x-sm:                    $input-btn-padding-x-sm !default;\\n$input-font-size-sm:                    $input-btn-font-size-sm !default;\\n$input-line-height-sm:                  $input-btn-line-height-sm !default;\\n\\n$input-padding-y-lg:                    $input-btn-padding-y-lg !default;\\n$input-padding-x-lg:                    $input-btn-padding-x-lg !default;\\n$input-font-size-lg:                    $input-btn-font-size-lg !default;\\n$input-line-height-lg:                  $input-btn-line-height-lg !default;\\n\\n$input-bg:                              $white !default;\\n$input-disabled-bg:                     $gray-200 !default;\\n\\n$input-color:                           $gray-700 !default;\\n$input-border-color:                    $gray-400 !default;\\n$input-border-width:                    $input-btn-border-width !default;\\n$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;\\n\\n$input-border-radius:                   $border-radius !default;\\n$input-border-radius-lg:                $border-radius-lg !default;\\n$input-border-radius-sm:                $border-radius-sm !default;\\n\\n$input-focus-bg:                        $input-bg !default;\\n$input-focus-border-color:              lighten($component-active-bg, 25%) !default;\\n$input-focus-color:                     $input-color !default;\\n$input-focus-width:                     $input-btn-focus-width !default;\\n$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;\\n\\n$input-placeholder-color:               $gray-600 !default;\\n$input-plaintext-color:                 $body-color !default;\\n\\n$input-height-border:                   $input-border-width * 2 !default;\\n\\n$input-height-inner:                    add($input-line-height * 1em, $input-padding-y * 2) !default;\\n$input-height-inner-half:               add($input-line-height * .5em, $input-padding-y) !default;\\n$input-height-inner-quarter:            add($input-line-height * .25em, $input-padding-y / 2) !default;\\n\\n$input-height:                          add($input-line-height * 1em, add($input-padding-y * 2, $input-height-border, false)) !default;\\n$input-height-sm:                       add($input-line-height-sm * 1em, add($input-padding-y-sm * 2, $input-height-border, false)) !default;\\n$input-height-lg:                       add($input-line-height-lg * 1em, add($input-padding-y-lg * 2, $input-height-border, false)) !default;\\n\\n$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\\n\\n$form-text-margin-top:                  .25rem !default;\\n\\n$form-check-input-gutter:               1.25rem !default;\\n$form-check-input-margin-y:             .3rem !default;\\n$form-check-input-margin-x:             .25rem !default;\\n\\n$form-check-inline-margin-x:            .75rem !default;\\n$form-check-inline-input-margin-x:      .3125rem !default;\\n\\n$form-grid-gutter-width:                10px !default;\\n$form-group-margin-bottom:              1rem !default;\\n\\n$input-group-addon-color:               $input-color !default;\\n$input-group-addon-bg:                  $gray-200 !default;\\n$input-group-addon-border-color:        $input-border-color !default;\\n\\n$custom-forms-transition:               background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\\n\\n$custom-control-gutter:                 .5rem !default;\\n$custom-control-spacer-x:               1rem !default;\\n$custom-control-cursor:                 null !default;\\n\\n$custom-control-indicator-size:         1rem !default;\\n$custom-control-indicator-bg:           $input-bg !default;\\n\\n$custom-control-indicator-bg-size:      50% 50% !default;\\n$custom-control-indicator-box-shadow:   $input-box-shadow !default;\\n$custom-control-indicator-border-color: $gray-500 !default;\\n$custom-control-indicator-border-width: $input-border-width !default;\\n\\n$custom-control-label-color:            null !default;\\n\\n$custom-control-indicator-disabled-bg:          $input-disabled-bg !default;\\n$custom-control-label-disabled-color:           $gray-600 !default;\\n\\n$custom-control-indicator-checked-color:        $component-active-color !default;\\n$custom-control-indicator-checked-bg:           $component-active-bg !default;\\n$custom-control-indicator-checked-disabled-bg:  rgba(theme-color(\\\"primary\\\"), .5) !default;\\n$custom-control-indicator-checked-box-shadow:   null !default;\\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\\n\\n$custom-control-indicator-focus-box-shadow:     $input-focus-box-shadow !default;\\n$custom-control-indicator-focus-border-color:   $input-focus-border-color !default;\\n\\n$custom-control-indicator-active-color:         $component-active-color !default;\\n$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;\\n$custom-control-indicator-active-box-shadow:    null !default;\\n$custom-control-indicator-active-border-color:  $custom-control-indicator-active-bg !default;\\n\\n$custom-checkbox-indicator-border-radius:       $border-radius !default;\\n$custom-checkbox-indicator-icon-checked:        url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/></svg>\\\") !default;\\n\\n$custom-checkbox-indicator-indeterminate-bg:           $component-active-bg !default;\\n$custom-checkbox-indicator-indeterminate-color:        $custom-control-indicator-checked-color !default;\\n$custom-checkbox-indicator-icon-indeterminate:         url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'><path stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/></svg>\\\") !default;\\n$custom-checkbox-indicator-indeterminate-box-shadow:   null !default;\\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\\n\\n$custom-radio-indicator-border-radius:          50% !default;\\n$custom-radio-indicator-icon-checked:           url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'><circle r='3' fill='#{$custom-control-indicator-checked-color}'/></svg>\\\") !default;\\n\\n$custom-switch-width:                           $custom-control-indicator-size * 1.75 !default;\\n$custom-switch-indicator-border-radius:         $custom-control-indicator-size / 2 !default;\\n$custom-switch-indicator-size:                  subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\\n\\n$custom-select-padding-y:           $input-padding-y !default;\\n$custom-select-padding-x:           $input-padding-x !default;\\n$custom-select-font-family:         $input-font-family !default;\\n$custom-select-font-size:           $input-font-size !default;\\n$custom-select-height:              $input-height !default;\\n$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator\\n$custom-select-font-weight:         $input-font-weight !default;\\n$custom-select-line-height:         $input-line-height !default;\\n$custom-select-color:               $input-color !default;\\n$custom-select-disabled-color:      $gray-600 !default;\\n$custom-select-bg:                  $input-bg !default;\\n$custom-select-disabled-bg:         $gray-200 !default;\\n$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions\\n$custom-select-indicator-color:     $gray-800 !default;\\n$custom-select-indicator:           url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'><path fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>\\\") !default;\\n$custom-select-background:          escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\\n\\n$custom-select-feedback-icon-padding-right: add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\\n$custom-select-feedback-icon-position:      center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\\n$custom-select-feedback-icon-size:          $input-height-inner-half $input-height-inner-half !default;\\n\\n$custom-select-border-width:        $input-border-width !default;\\n$custom-select-border-color:        $input-border-color !default;\\n$custom-select-border-radius:       $border-radius !default;\\n$custom-select-box-shadow:          inset 0 1px 2px rgba($black, .075) !default;\\n\\n$custom-select-focus-border-color:  $input-focus-border-color !default;\\n$custom-select-focus-width:         $input-focus-width !default;\\n$custom-select-focus-box-shadow:    0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\\n\\n$custom-select-padding-y-sm:        $input-padding-y-sm !default;\\n$custom-select-padding-x-sm:        $input-padding-x-sm !default;\\n$custom-select-font-size-sm:        $input-font-size-sm !default;\\n$custom-select-height-sm:           $input-height-sm !default;\\n\\n$custom-select-padding-y-lg:        $input-padding-y-lg !default;\\n$custom-select-padding-x-lg:        $input-padding-x-lg !default;\\n$custom-select-font-size-lg:        $input-font-size-lg !default;\\n$custom-select-height-lg:           $input-height-lg !default;\\n\\n$custom-range-track-width:          100% !default;\\n$custom-range-track-height:         .5rem !default;\\n$custom-range-track-cursor:         pointer !default;\\n$custom-range-track-bg:             $gray-300 !default;\\n$custom-range-track-border-radius:  1rem !default;\\n$custom-range-track-box-shadow:     inset 0 .25rem .25rem rgba($black, .1) !default;\\n\\n$custom-range-thumb-width:                   1rem !default;\\n$custom-range-thumb-height:                  $custom-range-thumb-width !default;\\n$custom-range-thumb-bg:                      $component-active-bg !default;\\n$custom-range-thumb-border:                  0 !default;\\n$custom-range-thumb-border-radius:           1rem !default;\\n$custom-range-thumb-box-shadow:              0 .1rem .25rem rgba($black, .1) !default;\\n$custom-range-thumb-focus-box-shadow:        0 0 0 1px $body-bg, $input-focus-box-shadow !default;\\n$custom-range-thumb-focus-box-shadow-width:  $input-focus-width !default; // For focus box shadow issue in IE/Edge\\n$custom-range-thumb-active-bg:               lighten($component-active-bg, 35%) !default;\\n$custom-range-thumb-disabled-bg:             $gray-500 !default;\\n\\n$custom-file-height:                $input-height !default;\\n$custom-file-height-inner:          $input-height-inner !default;\\n$custom-file-focus-border-color:    $input-focus-border-color !default;\\n$custom-file-focus-box-shadow:      $input-focus-box-shadow !default;\\n$custom-file-disabled-bg:           $input-disabled-bg !default;\\n\\n$custom-file-padding-y:             $input-padding-y !default;\\n$custom-file-padding-x:             $input-padding-x !default;\\n$custom-file-line-height:           $input-line-height !default;\\n$custom-file-font-family:           $input-font-family !default;\\n$custom-file-font-weight:           $input-font-weight !default;\\n$custom-file-color:                 $input-color !default;\\n$custom-file-bg:                    $input-bg !default;\\n$custom-file-border-width:          $input-border-width !default;\\n$custom-file-border-color:          $input-border-color !default;\\n$custom-file-border-radius:         $input-border-radius !default;\\n$custom-file-box-shadow:            $input-box-shadow !default;\\n$custom-file-button-color:          $custom-file-color !default;\\n$custom-file-button-bg:             $input-group-addon-bg !default;\\n$custom-file-text: (\\n  en: \\\"Browse\\\"\\n) !default;\\n\\n\\n// Form validation\\n\\n$form-feedback-margin-top:          $form-text-margin-top !default;\\n$form-feedback-font-size:           $small-font-size !default;\\n$form-feedback-valid-color:         theme-color(\\\"success\\\") !default;\\n$form-feedback-invalid-color:       theme-color(\\\"danger\\\") !default;\\n\\n$form-feedback-icon-valid-color:    $form-feedback-valid-color !default;\\n$form-feedback-icon-valid:          url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'><path fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/></svg>\\\") !default;\\n$form-feedback-icon-invalid-color:  $form-feedback-invalid-color !default;\\n$form-feedback-icon-invalid:        url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='#{$form-feedback-icon-invalid-color}' viewBox='0 0 12 12'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='#{$form-feedback-icon-invalid-color}' stroke='none'/></svg>\\\") !default;\\n\\n$form-validation-states: () !default;\\n$form-validation-states: map-merge(\\n  (\\n    \\\"valid\\\": (\\n      \\\"color\\\": $form-feedback-valid-color,\\n      \\\"icon\\\": $form-feedback-icon-valid\\n    ),\\n    \\\"invalid\\\": (\\n      \\\"color\\\": $form-feedback-invalid-color,\\n      \\\"icon\\\": $form-feedback-icon-invalid\\n    ),\\n  ),\\n  $form-validation-states\\n);\\n\\n// Z-index master list\\n//\\n// Warning: Avoid customizing these values. They're used for a bird's eye view\\n// of components dependent on the z-axis and are designed to all work together.\\n\\n$zindex-dropdown:                   1000 !default;\\n$zindex-sticky:                     1020 !default;\\n$zindex-fixed:                      1030 !default;\\n$zindex-modal-backdrop:             1040 !default;\\n$zindex-modal:                      1050 !default;\\n$zindex-popover:                    1060 !default;\\n$zindex-tooltip:                    1070 !default;\\n\\n\\n// Navs\\n\\n$nav-link-padding-y:                .5rem !default;\\n$nav-link-padding-x:                1rem !default;\\n$nav-link-disabled-color:           $gray-600 !default;\\n\\n$nav-tabs-border-color:             $gray-300 !default;\\n$nav-tabs-border-width:             $border-width !default;\\n$nav-tabs-border-radius:            $border-radius !default;\\n$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;\\n$nav-tabs-link-active-color:        $gray-700 !default;\\n$nav-tabs-link-active-bg:           $body-bg !default;\\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\\n\\n$nav-pills-border-radius:           $border-radius !default;\\n$nav-pills-link-active-color:       $component-active-color !default;\\n$nav-pills-link-active-bg:          $component-active-bg !default;\\n\\n$nav-divider-color:                 $gray-200 !default;\\n$nav-divider-margin-y:              $spacer / 2 !default;\\n\\n\\n// Navbar\\n\\n$navbar-padding-y:                  $spacer / 2 !default;\\n$navbar-padding-x:                  $spacer !default;\\n\\n$navbar-nav-link-padding-x:         .5rem !default;\\n\\n$navbar-brand-font-size:            $font-size-lg !default;\\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\\n$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\\n$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;\\n$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;\\n\\n$navbar-toggler-padding-y:          .25rem !default;\\n$navbar-toggler-padding-x:          .75rem !default;\\n$navbar-toggler-font-size:          $font-size-lg !default;\\n$navbar-toggler-border-radius:      $btn-border-radius !default;\\n\\n$navbar-dark-color:                 rgba($white, .5) !default;\\n$navbar-dark-hover-color:           rgba($white, .75) !default;\\n$navbar-dark-active-color:          $white !default;\\n$navbar-dark-disabled-color:        rgba($white, .25) !default;\\n$navbar-dark-toggler-icon-bg:       url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-dark-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\\\") !default;\\n$navbar-dark-toggler-border-color:  rgba($white, .1) !default;\\n\\n$navbar-light-color:                rgba($black, .5) !default;\\n$navbar-light-hover-color:          rgba($black, .7) !default;\\n$navbar-light-active-color:         rgba($black, .9) !default;\\n$navbar-light-disabled-color:       rgba($black, .3) !default;\\n$navbar-light-toggler-icon-bg:      url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>\\\") !default;\\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\\n\\n$navbar-light-brand-color:                $navbar-light-active-color !default;\\n$navbar-light-brand-hover-color:          $navbar-light-active-color !default;\\n$navbar-dark-brand-color:                 $navbar-dark-active-color !default;\\n$navbar-dark-brand-hover-color:           $navbar-dark-active-color !default;\\n\\n\\n// Dropdowns\\n//\\n// Dropdown menu container and contents.\\n\\n$dropdown-min-width:                10rem !default;\\n$dropdown-padding-x:                0 !default;\\n$dropdown-padding-y:                .5rem !default;\\n$dropdown-spacer:                   .125rem !default;\\n$dropdown-font-size:                $font-size-base !default;\\n$dropdown-color:                    $body-color !default;\\n$dropdown-bg:                       $white !default;\\n$dropdown-border-color:             rgba($black, .15) !default;\\n$dropdown-border-radius:            $border-radius !default;\\n$dropdown-border-width:             $border-width !default;\\n$dropdown-inner-border-radius:      subtract($dropdown-border-radius, $dropdown-border-width) !default;\\n$dropdown-divider-bg:               $gray-200 !default;\\n$dropdown-divider-margin-y:         $nav-divider-margin-y !default;\\n$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;\\n\\n$dropdown-link-color:               $gray-900 !default;\\n$dropdown-link-hover-color:         darken($gray-900, 5%) !default;\\n$dropdown-link-hover-bg:            $gray-100 !default;\\n\\n$dropdown-link-active-color:        $component-active-color !default;\\n$dropdown-link-active-bg:           $component-active-bg !default;\\n\\n$dropdown-link-disabled-color:      $gray-600 !default;\\n\\n$dropdown-item-padding-y:           .25rem !default;\\n$dropdown-item-padding-x:           1.5rem !default;\\n\\n$dropdown-header-color:             $gray-600 !default;\\n$dropdown-header-padding:           $dropdown-padding-y $dropdown-item-padding-x !default;\\n\\n\\n// Pagination\\n\\n$pagination-padding-y:              .5rem !default;\\n$pagination-padding-x:              .75rem !default;\\n$pagination-padding-y-sm:           .25rem !default;\\n$pagination-padding-x-sm:           .5rem !default;\\n$pagination-padding-y-lg:           .75rem !default;\\n$pagination-padding-x-lg:           1.5rem !default;\\n$pagination-line-height:            1.25 !default;\\n\\n$pagination-color:                  $link-color !default;\\n$pagination-bg:                     $white !default;\\n$pagination-border-width:           $border-width !default;\\n$pagination-border-color:           $gray-300 !default;\\n\\n$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;\\n$pagination-focus-outline:          0 !default;\\n\\n$pagination-hover-color:            $link-hover-color !default;\\n$pagination-hover-bg:               $gray-200 !default;\\n$pagination-hover-border-color:     $gray-300 !default;\\n\\n$pagination-active-color:           $component-active-color !default;\\n$pagination-active-bg:              $component-active-bg !default;\\n$pagination-active-border-color:    $pagination-active-bg !default;\\n\\n$pagination-disabled-color:         $gray-600 !default;\\n$pagination-disabled-bg:            $white !default;\\n$pagination-disabled-border-color:  $gray-300 !default;\\n\\n\\n// Jumbotron\\n\\n$jumbotron-padding:                 2rem !default;\\n$jumbotron-color:                   null !default;\\n$jumbotron-bg:                      $gray-200 !default;\\n\\n\\n// Cards\\n\\n$card-spacer-y:                     .75rem !default;\\n$card-spacer-x:                     1.25rem !default;\\n$card-border-width:                 $border-width !default;\\n$card-border-radius:                $border-radius !default;\\n$card-border-color:                 rgba($black, .125) !default;\\n$card-inner-border-radius:          subtract($card-border-radius, $card-border-width) !default;\\n$card-cap-bg:                       rgba($black, .03) !default;\\n$card-cap-color:                    null !default;\\n$card-height:                       null !default;\\n$card-color:                        null !default;\\n$card-bg:                           $white !default;\\n\\n$card-img-overlay-padding:          1.25rem !default;\\n\\n$card-group-margin:                 $grid-gutter-width / 2 !default;\\n$card-deck-margin:                  $card-group-margin !default;\\n\\n$card-columns-count:                3 !default;\\n$card-columns-gap:                  1.25rem !default;\\n$card-columns-margin:               $card-spacer-y !default;\\n\\n\\n// Tooltips\\n\\n$tooltip-font-size:                 $font-size-sm !default;\\n$tooltip-max-width:                 200px !default;\\n$tooltip-color:                     $white !default;\\n$tooltip-bg:                        $black !default;\\n$tooltip-border-radius:             $border-radius !default;\\n$tooltip-opacity:                   .9 !default;\\n$tooltip-padding-y:                 .25rem !default;\\n$tooltip-padding-x:                 .5rem !default;\\n$tooltip-margin:                    0 !default;\\n\\n$tooltip-arrow-width:               .8rem !default;\\n$tooltip-arrow-height:              .4rem !default;\\n$tooltip-arrow-color:               $tooltip-bg !default;\\n\\n// Form tooltips must come after regular tooltips\\n$form-feedback-tooltip-padding-y:     $tooltip-padding-y !default;\\n$form-feedback-tooltip-padding-x:     $tooltip-padding-x !default;\\n$form-feedback-tooltip-font-size:     $tooltip-font-size !default;\\n$form-feedback-tooltip-line-height:   $line-height-base !default;\\n$form-feedback-tooltip-opacity:       $tooltip-opacity !default;\\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\\n\\n\\n// Popovers\\n\\n$popover-font-size:                 $font-size-sm !default;\\n$popover-bg:                        $white !default;\\n$popover-max-width:                 276px !default;\\n$popover-border-width:              $border-width !default;\\n$popover-border-color:              rgba($black, .2) !default;\\n$popover-border-radius:             $border-radius-lg !default;\\n$popover-inner-border-radius:       subtract($popover-border-radius, $popover-border-width) !default;\\n$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;\\n\\n$popover-header-bg:                 darken($popover-bg, 3%) !default;\\n$popover-header-color:              $headings-color !default;\\n$popover-header-padding-y:          .5rem !default;\\n$popover-header-padding-x:          .75rem !default;\\n\\n$popover-body-color:                $body-color !default;\\n$popover-body-padding-y:            $popover-header-padding-y !default;\\n$popover-body-padding-x:            $popover-header-padding-x !default;\\n\\n$popover-arrow-width:               1rem !default;\\n$popover-arrow-height:              .5rem !default;\\n$popover-arrow-color:               $popover-bg !default;\\n\\n$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;\\n\\n\\n// Toasts\\n\\n$toast-max-width:                   350px !default;\\n$toast-padding-x:                   .75rem !default;\\n$toast-padding-y:                   .25rem !default;\\n$toast-font-size:                   .875rem !default;\\n$toast-color:                       null !default;\\n$toast-background-color:            rgba($white, .85) !default;\\n$toast-border-width:                1px !default;\\n$toast-border-color:                rgba(0, 0, 0, .1) !default;\\n$toast-border-radius:               .25rem !default;\\n$toast-box-shadow:                  0 .25rem .75rem rgba($black, .1) !default;\\n\\n$toast-header-color:                $gray-600 !default;\\n$toast-header-background-color:     rgba($white, .85) !default;\\n$toast-header-border-color:         rgba(0, 0, 0, .05) !default;\\n\\n\\n// Badges\\n\\n$badge-font-size:                   75% !default;\\n$badge-font-weight:                 $font-weight-bold !default;\\n$badge-padding-y:                   .25em !default;\\n$badge-padding-x:                   .4em !default;\\n$badge-border-radius:               $border-radius !default;\\n\\n$badge-transition:                  $btn-transition !default;\\n$badge-focus-width:                 $input-btn-focus-width !default;\\n\\n$badge-pill-padding-x:              .6em !default;\\n// Use a higher than normal value to ensure completely rounded edges when\\n// customizing padding or font-size on labels.\\n$badge-pill-border-radius:          10rem !default;\\n\\n\\n// Modals\\n\\n// Padding applied to the modal body\\n$modal-inner-padding:               1rem !default;\\n\\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\\n$modal-footer-margin-between:       .5rem !default;\\n\\n$modal-dialog-margin:               .5rem !default;\\n$modal-dialog-margin-y-sm-up:       1.75rem !default;\\n\\n$modal-title-line-height:           $line-height-base !default;\\n\\n$modal-content-color:               null !default;\\n$modal-content-bg:                  $white !default;\\n$modal-content-border-color:        rgba($black, .2) !default;\\n$modal-content-border-width:        $border-width !default;\\n$modal-content-border-radius:       $border-radius-lg !default;\\n$modal-content-inner-border-radius: subtract($modal-content-border-radius, $modal-content-border-width) !default;\\n$modal-content-box-shadow-xs:       0 .25rem .5rem rgba($black, .5) !default;\\n$modal-content-box-shadow-sm-up:    0 .5rem 1rem rgba($black, .5) !default;\\n\\n$modal-backdrop-bg:                 $black !default;\\n$modal-backdrop-opacity:            .5 !default;\\n$modal-header-border-color:         $border-color !default;\\n$modal-footer-border-color:         $modal-header-border-color !default;\\n$modal-header-border-width:         $modal-content-border-width !default;\\n$modal-footer-border-width:         $modal-header-border-width !default;\\n$modal-header-padding-y:            1rem !default;\\n$modal-header-padding-x:            1rem !default;\\n$modal-header-padding:              $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\\n\\n$modal-xl:                          1140px !default;\\n$modal-lg:                          800px !default;\\n$modal-md:                          500px !default;\\n$modal-sm:                          300px !default;\\n\\n$modal-fade-transform:              translate(0, -50px) !default;\\n$modal-show-transform:              none !default;\\n$modal-transition:                  transform .3s ease-out !default;\\n$modal-scale-transform:             scale(1.02) !default;\\n\\n\\n// Alerts\\n//\\n// Define alert colors, border radius, and padding.\\n\\n$alert-padding-y:                   .75rem !default;\\n$alert-padding-x:                   1.25rem !default;\\n$alert-margin-bottom:               1rem !default;\\n$alert-border-radius:               $border-radius !default;\\n$alert-link-font-weight:            $font-weight-bold !default;\\n$alert-border-width:                $border-width !default;\\n\\n$alert-bg-level:                    -10 !default;\\n$alert-border-level:                -9 !default;\\n$alert-color-level:                 6 !default;\\n\\n\\n// Progress bars\\n\\n$progress-height:                   1rem !default;\\n$progress-font-size:                $font-size-base * .75 !default;\\n$progress-bg:                       $gray-200 !default;\\n$progress-border-radius:            $border-radius !default;\\n$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;\\n$progress-bar-color:                $white !default;\\n$progress-bar-bg:                   theme-color(\\\"primary\\\") !default;\\n$progress-bar-animation-timing:     1s linear infinite !default;\\n$progress-bar-transition:           width .6s ease !default;\\n\\n\\n// List group\\n\\n$list-group-color:                  null !default;\\n$list-group-bg:                     $white !default;\\n$list-group-border-color:           rgba($black, .125) !default;\\n$list-group-border-width:           $border-width !default;\\n$list-group-border-radius:          $border-radius !default;\\n\\n$list-group-item-padding-y:         .75rem !default;\\n$list-group-item-padding-x:         1.25rem !default;\\n\\n$list-group-hover-bg:               $gray-100 !default;\\n$list-group-active-color:           $component-active-color !default;\\n$list-group-active-bg:              $component-active-bg !default;\\n$list-group-active-border-color:    $list-group-active-bg !default;\\n\\n$list-group-disabled-color:         $gray-600 !default;\\n$list-group-disabled-bg:            $list-group-bg !default;\\n\\n$list-group-action-color:           $gray-700 !default;\\n$list-group-action-hover-color:     $list-group-action-color !default;\\n\\n$list-group-action-active-color:    $body-color !default;\\n$list-group-action-active-bg:       $gray-200 !default;\\n\\n\\n// Image thumbnails\\n\\n$thumbnail-padding:                 .25rem !default;\\n$thumbnail-bg:                      $body-bg !default;\\n$thumbnail-border-width:            $border-width !default;\\n$thumbnail-border-color:            $gray-300 !default;\\n$thumbnail-border-radius:           $border-radius !default;\\n$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;\\n\\n\\n// Figures\\n\\n$figure-caption-font-size:          90% !default;\\n$figure-caption-color:              $gray-600 !default;\\n\\n\\n// Breadcrumbs\\n\\n$breadcrumb-font-size:              null !default;\\n\\n$breadcrumb-padding-y:              .75rem !default;\\n$breadcrumb-padding-x:              1rem !default;\\n$breadcrumb-item-padding:           .5rem !default;\\n\\n$breadcrumb-margin-bottom:          1rem !default;\\n\\n$breadcrumb-bg:                     $gray-200 !default;\\n$breadcrumb-divider-color:          $gray-600 !default;\\n$breadcrumb-active-color:           $gray-600 !default;\\n$breadcrumb-divider:                quote(\\\"/\\\") !default;\\n\\n$breadcrumb-border-radius:          $border-radius !default;\\n\\n\\n// Carousel\\n\\n$carousel-control-color:             $white !default;\\n$carousel-control-width:             15% !default;\\n$carousel-control-opacity:           .5 !default;\\n$carousel-control-hover-opacity:     .9 !default;\\n$carousel-control-transition:        opacity .15s ease !default;\\n\\n$carousel-indicator-width:           30px !default;\\n$carousel-indicator-height:          3px !default;\\n$carousel-indicator-hit-area-height: 10px !default;\\n$carousel-indicator-spacer:          3px !default;\\n$carousel-indicator-active-bg:       $white !default;\\n$carousel-indicator-transition:      opacity .6s ease !default;\\n\\n$carousel-caption-width:             70% !default;\\n$carousel-caption-color:             $white !default;\\n\\n$carousel-control-icon-width:        20px !default;\\n\\n$carousel-control-prev-icon-bg:      url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/></svg>\\\") !default;\\n$carousel-control-next-icon-bg:      url(\\\"data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' width='8' height='8' viewBox='0 0 8 8'><path d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/></svg>\\\") !default;\\n\\n$carousel-transition-duration:       .6s !default;\\n$carousel-transition:                transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\\n\\n\\n// Spinners\\n\\n$spinner-width:         2rem !default;\\n$spinner-height:        $spinner-width !default;\\n$spinner-border-width:  .25em !default;\\n\\n$spinner-width-sm:        1rem !default;\\n$spinner-height-sm:       $spinner-width-sm !default;\\n$spinner-border-width-sm: .2em !default;\\n\\n\\n// Close\\n\\n$close-font-size:                   $font-size-base * 1.5 !default;\\n$close-font-weight:                 $font-weight-bold !default;\\n$close-color:                       $black !default;\\n$close-text-shadow:                 0 1px 0 $white !default;\\n\\n\\n// Code\\n\\n$code-font-size:                    87.5% !default;\\n$code-color:                        $pink !default;\\n\\n$kbd-padding-y:                     .2rem !default;\\n$kbd-padding-x:                     .4rem !default;\\n$kbd-font-size:                     $code-font-size !default;\\n$kbd-color:                         $white !default;\\n$kbd-bg:                            $gray-900 !default;\\n\\n$pre-color:                         $gray-900 !default;\\n$pre-scrollable-max-height:         340px !default;\\n\\n\\n// Utilities\\n\\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\\n$overflows: auto, hidden !default;\\n$positions: static, relative, absolute, fixed, sticky !default;\\n$user-selects: all, auto, none !default;\\n\\n\\n// Printing\\n\\n$print-page-size:                   a3 !default;\\n$print-body-min-width:              map-get($grid-breakpoints, \\\"lg\\\") !default;\\n\",\"@mixin reset-text() {\\n  font-family: $font-family-base;\\n  // We deliberately do NOT reset font-size or word-wrap.\\n  font-style: normal;\\n  font-weight: $font-weight-normal;\\n  line-height: $line-height-base;\\n  text-align: left; // Fallback for where `start` is not supported\\n  text-align: start;\\n  text-decoration: none;\\n  text-shadow: none;\\n  text-transform: none;\\n  letter-spacing: normal;\\n  word-break: normal;\\n  word-spacing: normal;\\n  white-space: normal;\\n  line-break: auto;\\n}\\n\",\"// stylelint-disable property-blacklist, scss/dollar-variable-default\\n\\n// SCSS RFS mixin\\n//\\n// Automated font-resizing\\n//\\n// See https://github.com/twbs/rfs\\n\\n// Configuration\\n\\n// Base font size\\n$rfs-base-font-size: 1.25rem !default;\\n$rfs-font-size-unit: rem !default;\\n\\n// Breakpoint at where font-size starts decreasing if screen width is smaller\\n$rfs-breakpoint: 1200px !default;\\n$rfs-breakpoint-unit: px !default;\\n\\n// Resize font-size based on screen height and width\\n$rfs-two-dimensional: false !default;\\n\\n// Factor of decrease\\n$rfs-factor: 10 !default;\\n\\n@if type-of($rfs-factor) != \\\"number\\\" or $rfs-factor <= 1 {\\n  @error \\\"`#{$rfs-factor}` is not a valid  $rfs-factor, it must be greater than 1.\\\";\\n}\\n\\n// Generate enable or disable classes. Possibilities: false, \\\"enable\\\" or \\\"disable\\\"\\n$rfs-class: false !default;\\n\\n// 1 rem = $rfs-rem-value px\\n$rfs-rem-value: 16 !default;\\n\\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\\n$rfs-safari-iframe-resize-bug-fix: false !default;\\n\\n// Disable RFS by setting $enable-responsive-font-sizes to false\\n$enable-responsive-font-sizes: true !default;\\n\\n// Cache $rfs-base-font-size unit\\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\\n\\n// Remove px-unit from $rfs-base-font-size for calculations\\n@if $rfs-base-font-size-unit == \\\"px\\\" {\\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\\n}\\n@else if $rfs-base-font-size-unit == \\\"rem\\\" {\\n  $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\\n}\\n\\n// Cache $rfs-breakpoint unit to prevent multiple calls\\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\\n\\n// Remove unit from $rfs-breakpoint for calculations\\n@if $rfs-breakpoint-unit-cache == \\\"px\\\" {\\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\\n}\\n@else if $rfs-breakpoint-unit-cache == \\\"rem\\\" or $rfs-breakpoint-unit-cache == \\\"em\\\" {\\n  $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\\n}\\n\\n// Responsive font-size mixin\\n@mixin rfs($fs, $important: false) {\\n  // Cache $fs unit\\n  $fs-unit: if(type-of($fs) == \\\"number\\\", unit($fs), false);\\n\\n  // Add !important suffix if needed\\n  $rfs-suffix: if($important, \\\" !important\\\", \\\"\\\");\\n\\n  // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\\n  @if not $fs-unit or $fs-unit != \\\"\\\" and $fs-unit != \\\"px\\\" and $fs-unit != \\\"rem\\\" or $fs == 0 {\\n    font-size: #{$fs}#{$rfs-suffix};\\n  }\\n  @else {\\n    // Variables for storing static and fluid rescaling\\n    $rfs-static: null;\\n    $rfs-fluid: null;\\n\\n    // Remove px-unit from $fs for calculations\\n    @if $fs-unit == \\\"px\\\" {\\n      $fs: $fs / ($fs * 0 + 1);\\n    }\\n    @else if $fs-unit == \\\"rem\\\" {\\n      $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\\n    }\\n\\n    // Set default font-size\\n    @if $rfs-font-size-unit == rem {\\n      $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\\n    }\\n    @else if $rfs-font-size-unit == px {\\n      $rfs-static: #{$fs}px#{$rfs-suffix};\\n    }\\n    @else {\\n      @error \\\"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\\\";\\n    }\\n\\n    // Only add media query if font-size is bigger as the minimum font-size\\n    // If $rfs-factor == 1, no rescaling will take place\\n    @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\\n      $min-width: null;\\n      $variable-unit: null;\\n\\n      // Calculate minimum font-size for given font-size\\n      $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\\n\\n      // Calculate difference between given font-size and minimum font-size for given font-size\\n      $fs-diff: $fs - $fs-min;\\n\\n      // Base font-size formatting\\n      // No need to check if the unit is valid, because we did that before\\n      $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\\n\\n      // If two-dimensional, use smallest of screen width and height\\n      $variable-unit: if($rfs-two-dimensional, vmin, vw);\\n\\n      // Calculate the variable width between 0 and $rfs-breakpoint\\n      $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\\n\\n      // Set the calculated font-size.\\n      $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\\n    }\\n\\n    // Rendering\\n    @if $rfs-fluid == null {\\n      // Only render static font-size if no fluid font-size is available\\n      font-size: $rfs-static;\\n    }\\n    @else {\\n      $mq-value: null;\\n\\n      // RFS breakpoint formatting\\n      @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\\n        $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\\n      }\\n      @else if $rfs-breakpoint-unit == px {\\n        $mq-value: #{$rfs-breakpoint}px;\\n      }\\n      @else {\\n        @error \\\"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\\\";\\n      }\\n\\n      @if $rfs-class == \\\"disable\\\" {\\n        // Adding an extra class increases specificity,\\n        // which prevents the media query to override the font size\\n        &,\\n        .disable-responsive-font-size &,\\n        &.disable-responsive-font-size {\\n          font-size: $rfs-static;\\n        }\\n      }\\n      @else {\\n        font-size: $rfs-static;\\n      }\\n\\n      @if $rfs-two-dimensional {\\n        @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\\n          @if $rfs-class == \\\"enable\\\" {\\n            .enable-responsive-font-size &,\\n            &.enable-responsive-font-size {\\n              font-size: $rfs-fluid;\\n            }\\n          }\\n          @else {\\n            font-size: $rfs-fluid;\\n          }\\n\\n          @if $rfs-safari-iframe-resize-bug-fix {\\n            // stylelint-disable-next-line length-zero-no-unit\\n            min-width: 0vw;\\n          }\\n        }\\n      }\\n      @else {\\n        @media (max-width: #{$mq-value}) {\\n          @if $rfs-class == \\\"enable\\\" {\\n            .enable-responsive-font-size &,\\n            &.enable-responsive-font-size {\\n              font-size: $rfs-fluid;\\n            }\\n          }\\n          @else {\\n            font-size: $rfs-fluid;\\n          }\\n\\n          @if $rfs-safari-iframe-resize-bug-fix {\\n            // stylelint-disable-next-line length-zero-no-unit\\n            min-width: 0vw;\\n          }\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\\n@mixin font-size($fs, $important: false) {\\n  @include rfs($fs, $important);\\n}\\n\\n@mixin responsive-font-size($fs, $important: false) {\\n  @include rfs($fs, $important);\\n}\\n\",\"// stylelint-disable property-disallowed-list\\n// Single side border-radius\\n\\n// Helper function to replace negative values with 0\\n@function valid-radius($radius) {\\n  $return: ();\\n  @each $value in $radius {\\n    @if type-of($value) == number {\\n      $return: append($return, max($value, 0));\\n    } @else {\\n      $return: append($return, $value);\\n    }\\n  }\\n  @return $return;\\n}\\n\\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\\n  @if $enable-rounded {\\n    border-radius: valid-radius($radius);\\n  }\\n  @else if $fallback-border-radius != false {\\n    border-radius: $fallback-border-radius;\\n  }\\n}\\n\\n@mixin border-top-radius($radius) {\\n  @if $enable-rounded {\\n    border-top-left-radius: valid-radius($radius);\\n    border-top-right-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-right-radius($radius) {\\n  @if $enable-rounded {\\n    border-top-right-radius: valid-radius($radius);\\n    border-bottom-right-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-bottom-radius($radius) {\\n  @if $enable-rounded {\\n    border-bottom-right-radius: valid-radius($radius);\\n    border-bottom-left-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-left-radius($radius) {\\n  @if $enable-rounded {\\n    border-top-left-radius: valid-radius($radius);\\n    border-bottom-left-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-top-left-radius($radius) {\\n  @if $enable-rounded {\\n    border-top-left-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-top-right-radius($radius) {\\n  @if $enable-rounded {\\n    border-top-right-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-bottom-right-radius($radius) {\\n  @if $enable-rounded {\\n    border-bottom-right-radius: valid-radius($radius);\\n  }\\n}\\n\\n@mixin border-bottom-left-radius($radius) {\\n  @if $enable-rounded {\\n    border-bottom-left-radius: valid-radius($radius);\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (useSourceMap) {\n  var list = []; // return the list of modules as css string\n\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = cssWithMappingToString(item, useSourceMap);\n\n      if (item[2]) {\n        return \"@media \".concat(item[2], \" {\").concat(content, \"}\");\n      }\n\n      return content;\n    }).join('');\n  }; // import a list of modules into the list\n  // eslint-disable-next-line func-names\n\n\n  list.i = function (modules, mediaQuery, dedupe) {\n    if (typeof modules === 'string') {\n      // eslint-disable-next-line no-param-reassign\n      modules = [[null, modules, '']];\n    }\n\n    var alreadyImportedModules = {};\n\n    if (dedupe) {\n      for (var i = 0; i < this.length; i++) {\n        // eslint-disable-next-line prefer-destructuring\n        var id = this[i][0];\n\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n\n    for (var _i = 0; _i < modules.length; _i++) {\n      var item = [].concat(modules[_i]);\n\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        // eslint-disable-next-line no-continue\n        continue;\n      }\n\n      if (mediaQuery) {\n        if (!item[2]) {\n          item[2] = mediaQuery;\n        } else {\n          item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n        }\n      }\n\n      list.push(item);\n    }\n  };\n\n  return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n  var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring\n\n  var cssMapping = item[3];\n\n  if (!cssMapping) {\n    return content;\n  }\n\n  if (useSourceMap && typeof btoa === 'function') {\n    var sourceMapping = toComment(cssMapping);\n    var sourceURLs = cssMapping.sources.map(function (source) {\n      return \"/*# sourceURL=\".concat(cssMapping.sourceRoot || '').concat(source, \" */\");\n    });\n    return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n  }\n\n  return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n  // eslint-disable-next-line no-undef\n  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n  var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n  return \"/*# \".concat(data, \" */\");\n}","\"use strict\";\n\nvar isOldIE = function isOldIE() {\n  var memo;\n  return function memorize() {\n    if (typeof memo === 'undefined') {\n      // Test for IE <= 9 as proposed by Browserhacks\n      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805\n      // Tests for existence of standard globals is to allow style-loader\n      // to operate correctly into non-standard environments\n      // @see https://github.com/webpack-contrib/style-loader/issues/177\n      memo = Boolean(window && document && document.all && !window.atob);\n    }\n\n    return memo;\n  };\n}();\n\nvar getTarget = function getTarget() {\n  var memo = {};\n  return function memorize(target) {\n    if (typeof memo[target] === 'undefined') {\n      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n        try {\n          // This will throw an exception if access to iframe is blocked\n          // due to cross-origin restrictions\n          styleTarget = styleTarget.contentDocument.head;\n        } catch (e) {\n          // istanbul ignore next\n          styleTarget = null;\n        }\n      }\n\n      memo[target] = styleTarget;\n    }\n\n    return memo[target];\n  };\n}();\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDom.length; i++) {\n    if (stylesInDom[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var index = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3]\n    };\n\n    if (index !== -1) {\n      stylesInDom[index].references++;\n      stylesInDom[index].updater(obj);\n    } else {\n      stylesInDom.push({\n        identifier: identifier,\n        updater: addStyle(obj, options),\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction insertStyleElement(options) {\n  var style = document.createElement('style');\n  var attributes = options.attributes || {};\n\n  if (typeof attributes.nonce === 'undefined') {\n    var nonce = typeof __webpack_nonce__ !== 'undefined' ? __webpack_nonce__ : null;\n\n    if (nonce) {\n      attributes.nonce = nonce;\n    }\n  }\n\n  Object.keys(attributes).forEach(function (key) {\n    style.setAttribute(key, attributes[key]);\n  });\n\n  if (typeof options.insert === 'function') {\n    options.insert(style);\n  } else {\n    var target = getTarget(options.insert || 'head');\n\n    if (!target) {\n      throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n    }\n\n    target.appendChild(style);\n  }\n\n  return style;\n}\n\nfunction removeStyleElement(style) {\n  // istanbul ignore if\n  if (style.parentNode === null) {\n    return false;\n  }\n\n  style.parentNode.removeChild(style);\n}\n/* istanbul ignore next  */\n\n\nvar replaceText = function replaceText() {\n  var textStore = [];\n  return function replace(index, replacement) {\n    textStore[index] = replacement;\n    return textStore.filter(Boolean).join('\\n');\n  };\n}();\n\nfunction applyToSingletonTag(style, index, remove, obj) {\n  var css = remove ? '' : obj.media ? \"@media \".concat(obj.media, \" {\").concat(obj.css, \"}\") : obj.css; // For old IE\n\n  /* istanbul ignore if  */\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = replaceText(index, css);\n  } else {\n    var cssNode = document.createTextNode(css);\n    var childNodes = style.childNodes;\n\n    if (childNodes[index]) {\n      style.removeChild(childNodes[index]);\n    }\n\n    if (childNodes.length) {\n      style.insertBefore(cssNode, childNodes[index]);\n    } else {\n      style.appendChild(cssNode);\n    }\n  }\n}\n\nfunction applyToTag(style, options, obj) {\n  var css = obj.css;\n  var media = obj.media;\n  var sourceMap = obj.sourceMap;\n\n  if (media) {\n    style.setAttribute('media', media);\n  } else {\n    style.removeAttribute('media');\n  }\n\n  if (sourceMap && btoa) {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    while (style.firstChild) {\n      style.removeChild(style.firstChild);\n    }\n\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nvar singleton = null;\nvar singletonCounter = 0;\n\nfunction addStyle(obj, options) {\n  var style;\n  var update;\n  var remove;\n\n  if (options.singleton) {\n    var styleIndex = singletonCounter++;\n    style = singleton || (singleton = insertStyleElement(options));\n    update = applyToSingletonTag.bind(null, style, styleIndex, false);\n    remove = applyToSingletonTag.bind(null, style, styleIndex, true);\n  } else {\n    style = insertStyleElement(options);\n    update = applyToTag.bind(null, style, options);\n\n    remove = function remove() {\n      removeStyleElement(style);\n    };\n  }\n\n  update(obj);\n  return function updateStyle(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n        return;\n      }\n\n      update(obj = newObj);\n    } else {\n      remove();\n    }\n  };\n}\n\nmodule.exports = function (list, options) {\n  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>\n  // tags it will allow on a page\n\n  if (!options.singleton && typeof options.singleton !== 'boolean') {\n    options.singleton = isOldIE();\n  }\n\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    if (Object.prototype.toString.call(newList) !== '[object Array]') {\n      return;\n    }\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDom[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDom[_index].references === 0) {\n        stylesInDom[_index].updater();\n\n        stylesInDom.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};"]}