Project import generated by Copybara.
GitOrigin-RevId: 63746295f1a5ab5a619056791995793d65529e62
diff --git a/node_modules/mdl-ext/lib/mdl-ext.css.map b/node_modules/mdl-ext/lib/mdl-ext.css.map
new file mode 100644
index 0000000..f91a309
--- /dev/null
+++ b/node_modules/mdl-ext/lib/mdl-ext.css.map
@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack:///~/material-design-lite/src/_variables.scss?0a5c","webpack:///webpack:///src/mdl-ext-build.scss","webpack:///webpack:///~/material-design-lite/src/_color-definitions.scss?1036","webpack:///webpack:///~/material-design-lite/src/_functions.scss?fd08","webpack:///webpack:///~/material-design-lite/src/_mixins.scss?572c","webpack:///webpack:///src/_variables.scss?5326","webpack:///webpack:///src/_functions.scss?19fe","webpack:///webpack:///src/aria-expanded-toggle/_aria-expanded-toggle.scss?d01f","webpack:///webpack:///src/_mixins.scss?c723","webpack:///webpack:///src/sticky-header/_sticky-header.scss?721e","webpack:///webpack:///src/dialog/dialog.scss?6dd1","webpack:///webpack:///src/grid/_grid-media-queries.scss","webpack:///webpack:///src/lightboard/_lightboard.scss?79ea","webpack:///webpack:///src/lightboard/_lightboard-media-queries.scss","webpack:///webpack:///src/lightbox/_lightbox.scss?bce5","webpack:///webpack:///src/carousel/_carousel.scss?ab9b","webpack:///webpack:///src/selectfield/_selectfield.scss?910a","webpack:///webpack:///src/menu-button/_menu-button.scss?610a","webpack:///webpack:///src/bordered-fields/_bordered-fields.scss?3072","webpack:///webpack:///src/collapsible/_collapsible.scss?5cb7","webpack:///webpack:///src/accordion/_accordion.scss?b350","webpack:///webpack:///src/color-themes/_color-themes.scss?0fde","webpack:///webpack:///src/color-themes/_light-color-theme.scss?77e1","webpack:///webpack:///src/color-themes/_dark-color-theme.scss?a990"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GCcG;;ADEH;wCCCwC;;ADExC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GCgCG;;ADGH;;AAEA;;;;;;;;;ECQE;;ADKF;;AAEA;;;;;GCEG;;ACzEH;;;;;;;;;;;;;;GDyFG;;ACzEH;;AAikBA;;ACjlBA;;;;;;;;;;;;;;GF6GG;;AD5BH;;AAGA;;AA8BA;;AAgBA;;AAEA;;AAkCA;;AAQA;;AAMA;;AAIA;;AAqBA;;AAOA;;AAQA;;AAYA;;AASA;;AAUA;;AASA;;AAOA;;AAMA;;AAOA;;AAaA;;AAIA;;AAKA;;AASA;;AAYA;;AAYA;;AAgBA;;AAWA;;AAKA;;AAeA;;AA6BA;;AAMA;;AAEA;;AAOA;;AAMA;;AAWA;;AAEA;;AA0BA;;AAKA;;AACA;;;;GC9RG;;ADiTH;;AAQA;;AAGA;;AAUA;;AAMA;;AAqBA;;AA6BA;;AAGA;;AAOA;;AAIA;;AI3kBA;;;;;;;;;;;;;;GHmOG;;AGnNH;;AA+MA;;AA6CA;;AAsBA;;AClSA;;;;;;;;;;;;;;GJ2PG;;AKtLH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AC3JA;;AAqCA;;AArCA;;AAqCA;;ACxGA;;;;;;;;;;;;;;;;;;GN6SG;;AK1OH;;AAqCA;;AClFA;ECiDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAGA;CPsOD;;AMjTD;EC8EI;EACA;CPuOH;;AAvFC;EO3II;EACA;CPsOL;;AMvTD;EC6CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAGA;CPsQD;;AM7UD;EC0EI;EACA;CPuQH;;AA5FC;EOtKI;EACA;CPsQL;;AQnXD;;;;;;;;;;;;;;GRmYG;;AInYH;;;;;;;;;;;;;;GJmZG;;AK9UH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AI3MA;EACE;EACA;EACA;EACA;CRyZD;;AQ7ZD;EAOI;CR0ZH;;AQtZD;EAEI;CRwZH;;AQtZC;EACE;CRyZH;;AQrZD;;EAEE;EAAA;CRwZD;;AQ1ZD;;EAKI;CR0ZH;;AQ/ZD;;EAQI;CR4ZH;;AS7cD;;;;;;;;;;;;;;;;;;GTieG;;AIjeH;;;;;;;;;;;;;;GJifG;;AK5aH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AK1MA;EACE;EACA;EACA;EACA;EACA;CTsfD;;AS3fD;EAQI;CTufH;;AS/fD;EAWI;CTwfH;;ASngBD;EAWI;CTwfH;;AStfW;EACR;CTyfH;;ASrfD;EACE;IAAK;GTyfJ;CACF;;ASxfD;EACE;IAAK;GT4fJ;CACF;;AUviBD;;;;;;;;;;;;;;;;;GV0jBG;;AU9hBH;EACE;EAAA;EACA;MAAA;EACA;EACA;MAAA;CViiBD;;AU/hBC;EACE;CVkiBH;;AU9hBD;EACE;CViiBD;;AU7hBD;EACE;MAAA;CVgiBD;;AU7hBD;EACE;MAAA;MAAA;CVgiBD;;AU7hBD;EACE;MAAA;CVgiBD;;AU7hBD;EACE;MAAA;MAAA;CVgiBD;;AU7hBD;EACE;CVgiBD;;AU3hBC;EACE;MAAA;CV8hBH;;AU/hBC;EACE;MAAA;CVkiBH;;AUniBC;EACE;MAAA;CVsiBH;;AUviBC;EACE;MAAA;CV0iBH;;AU3iBC;EACE;MAAA;CV8iBH;;AU/iBC;EACE;MAAA;CVkjBH;;AUnjBC;EACE;MAAA;CVsjBH;;AUvjBC;EACE;MAAA;CV0jBH;;AU3jBC;EACE;MAAA;CV8jBH;;AU/jBC;EACE;MAAA;CVkkBH;;AUnkBC;EACE;MAAA;CVskBH;;AUvkBC;EACE;MAAA;CV0kBH;;AU5iBD;;AACA;EACA;;EACE;IACE;GVijBD;;EU9iBD;IACE;IA/BF;GVilBC;;EU/kBD;IACE;GVklBD;;EUljBD;IACE;GVqjBD;;EUhjBC;IACE;QAAA;GVmjBH;;EUpjBC;IACE;QAAA;GVujBH;;EUxjBC;IACE;QAAA;GV2jBH;;EU5jBC;IACE;QAAA;GV+jBH;;EUhkBC;IACE;QAAA;GVmkBH;;EUpkBC;IACE;QAAA;GVukBH;;EUxkBC;IACE;QAAA;GV2kBH;;EU5kBC;IACE;QAAA;GV+kBH;;EUhlBC;IACE;QAAA;GVmlBH;;EUplBC;IACE;QAAA;GVulBH;;EUxlBC;IACE;QAAA;GV2lBH;;EU5lBC;IACE;QAAA;GV+lBH;;EUzlBC;;IAhDF;GV8oBC;;EU5oB0B;;;IACzB;GVipBD;;EUpmBC;;IAhDF;GVypBC;;EUvpBD;;;IACE;GV4pBD;;EU/mBC;;IAhDF;GVoqBC;;EUlqB0B;;;IACzB;GVuqBD;;EUlnBC;;IAxDF;GV+qBC;;EU7qBD;;;IACE;GVkrBD;;EU7nBC;;IAxDF;GV0rBC;;EUxrBD;;;IACE;GV6rBD;;EUxoBC;;IAxDF;GVqsBC;;EUnsBD;;;IACE;GVwsBD;;EUnpBC;;IAxDF;GVgtBC;;EU9sBD;;;IACE;GVmtBD;;EU9pBC;;IAxDF;GV2tBC;;EUztBD;;;IACE;GV8tBD;;EUzqBC;;IAxDF;GVsuBC;;EUpuBD;;;IACE;GVyuBD;;EUprBC;;IAxDF;GVivBC;;EU/uBD;;;IACE;GVovBD;;EU/rBC;;IAxDF;GV4vBC;;EU1vBD;;;IACE;GV+vBD;;EU1sBC;;IAxDF;GVuwBC;;EUrwBD;;;IACE;GV0wBD;;EU7sBC;;IApDF;GVswBC;;EUpwBD;;;IACE;GVywBD;;EUxtBC;;IApDF;GVixBC;;EU/wBsC;;;IACrC;GVoxBD;;EUnuBC;;IApDF;GV4xBC;;EU1xBD;;;IACE;GV+xBD;CACF;;AUruBD;;AACA;EAA4F;;EAC1F;IACE;GV2uBD;;EUxuBD;IACE;IAjFF;GV6zBC;;EU3zB0B;IACzB;GV8zBD;;EU5uBD;IACE;GV+uBD;;EU1uBC;IACE;QAAA;GV6uBH;;EU9uBC;IACE;QAAA;GVivBH;;EUlvBC;IACE;QAAA;GVqvBH;;EUtvBC;IACE;QAAA;GVyvBH;;EU1vBC;IACE;QAAA;GV6vBH;;EU9vBC;IACE;QAAA;GViwBH;;EUlwBC;IACE;QAAA;GVqwBH;;EUtwBC;IACE;QAAA;GVywBH;;EU1wBC;IACE;QAAA;GV6wBH;;EU9wBC;IACE;QAAA;GVixBH;;EUlxBC;IACE;QAAA;GVqxBH;;EUtxBC;IACE;QAAA;GVyxBH;;EUnxBC;;IAlGF;GV03BC;;EUx3B0B;;;IACzB;GV63BD;;EU9xBC;;IAlGF;GVq4BC;;EUn4BD;;;IACE;GVw4BD;;EUzyBC;;IAlGF;GVg5BC;;EU94B0B;;;IACzB;GVm5BD;;EUpzBC;;IAlGF;GV25BC;;EUz5BD;;;IACE;GV85BD;;EU/zBC;;IAlGF;GVs6BC;;EUp6B0B;;;IACzB;GVy6BD;;EU10BC;;IAlGF;GVi7BC;;EU/6B0B;;;IACzB;GVo7BD;;EUr1BC;;IAlGF;GV47BC;;EU17B0B;;;IACzB;GV+7BD;;EUx1BC;;IA1GF;GVu8BC;;EUr8B0B;;;IACzB;GV08BD;;EUn2BC;;IA1GF;GVk9BC;;EUh9B0B;;;IACzB;GVq9BD;;EU92BC;;IA1GF;GV69BC;;EU39B0B;;;IACzB;GVg+BD;;EUz3BC;;IA1GF;GVw+BC;;EUt+BD;;;IACE;GV2+BD;;EUp4BC;;IA1GF;GVm/BC;;EUj/B0B;;;IACzB;GVs/BD;;EUv4BC;;IAtGF;GVk/BC;;EUh/BD;;;IACE;GVq/BD;;EUl5BC;;IAtGF;GV6/BC;;EU3/BD;;;IACE;GVggCD;;EU75BC;;IAtGF;GVwgCC;;EUtgCsC;;;IACrC;GV2gCD;;EUx6BC;;IAtGF;GVmhCC;;EUjhCD;;;IACE;GVshCD;;EUn7BC;;IAtGF;GV8hCC;;EU5hCsC;;;IACrC;GViiCD;;EU97BC;;IAtGF;GVyiCC;;EUviCD;;;IACE;GV4iCD;;EUz8BC;;IAtGF;GVojCC;;EUljCD;;;IACE;GVujCD;CACF;;AU38BD;EACE;IACE;GV88BD;;EU38BD;IACE;IAlIF;GVilCC;;EU/kCD;IACE;GVklCD;;EU/8BD;IACE;GVk9BD;;EU78BC;IACE;QAAA;GVg9BH;;EUj9BC;IACE;QAAA;GVo9BH;;EUr9BC;IACE;QAAA;GVw9BH;;EUz9BC;IACE;QAAA;GV49BH;;EU79BC;IACE;QAAA;GVg+BH;;EUj+BC;IACE;QAAA;GVo+BH;;EUr+BC;IACE;QAAA;GVw+BH;;EUz+BC;IACE;QAAA;GV4+BH;;EU7+BC;IACE;QAAA;GVg/BH;;EUj/BC;IACE;QAAA;GVo/BH;;EUr/BC;IACE;QAAA;GVw/BH;;EUz/BC;IACE;QAAA;GV4/BH;;EUt/BC;;IAnJF;GV8oCC;;EU5oCD;;;IACE;GVipCD;;EUjgCC;;IAnJF;GVypCC;;EUvpCD;;;IACE;GV4pCD;;EU5gCC;;IAnJF;GVoqCC;;EUlqC0B;;;IACzB;GVuqCD;;EUvhCC;;IAnJF;GV+qCC;;EU7qCD;;;IACE;GVkrCD;;EUliCC;;IAnJF;GV0rCC;;EUxrC0B;;;IACzB;GV6rCD;;EU7iCC;;IAnJF;GVqsCC;;EUnsCD;;;IACE;GVwsCD;;EUxjCC;;IAnJF;GVgtCC;;EU9sC0B;;;IACzB;GVmtCD;;EUnkCC;;IAnJF;GV2tCC;;EUztC0B;;;IACzB;GV8tCD;;EU9kCC;;IAnJF;GVsuCC;;EUpuC0B;;;IACzB;GVyuCD;;EUzlCC;;IAnJF;GVivCC;;EU/uC0B;;;IACzB;GVovCD;;EUpmCC;;IAnJF;GV4vCC;;EU1vC0B;;;IACzB;GV+vCD;;EU/mCC;;IAnJF;GVuwCC;;EUrwC0B;;;IACzB;GV0wCD;;EUlnCC;;IA/IF;GVswCC;;EUpwCsC;;;IACrC;GVywCD;;EU7nCC;;IA/IF;GVixCC;;EU/wCD;;;IACE;GVoxCD;;EUxoCC;;IA/IF;GV4xCC;;EU1xCsC;;;IACrC;GV+xCD;;EUnpCC;;IA/IF;GVuyCC;;EUryCD;;;IACE;GV0yCD;;EU9pCC;;IA/IF;GVkzCC;;EUhzCsC;;;IACrC;GVqzCD;;EUzqCC;;IA/IF;GV6zCC;;EU3zCsC;;;IACrC;GVg0CD;;EUprCC;;IA/IF;GVw0CC;;EUt0CD;;;IACE;GV20CD;;EU/rCC;;IA/IF;GVm1CC;;EUj1CsC;;;IACrC;GVs1CD;;EU1sCC;;IA/IF;GV81CC;;EU51CD;;;IACE;GVi2CD;;EUrtCC;;IA/IF;GVy2CC;;EUv2CD;;;IACE;GV42CD;;EUhuCC;;IA/IF;GVo3CC;;EUl3CD;;;IACE;GVu3CD;CACF;;AWj9CD;;;;;;;;;;;;;;GXi+CG;;AWj9CH;;;;;GXw9CG;;AI1+CH;;;;;;;;;;;;;;GJ0/CG;;AKr7CH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AOlMA;EACE;CXu/CD;;AWp/CD;EACE;EACA;EACA;EACA;EAAA;EACA;MAAA;EACA;MAAA;CXu/CD;;AWr/CC;;;;EAIE;CXw/CH;;AWpgDD;EAgBI;EACA;EACA;EACA;EACA;EACA;EACA;CXw/CH;;AW9gDD;EA2BM;EACA;EACA;CXu/CL;;AWphDD;;;EAkCM;EACA;EACA;CXw/CL;;AW5hDD;;;EAuCQ;EACA;CX2/CP;;AWniDD;EA4CM;EACA;CX2/CL;;AWxiDD;EAgDM;CX4/CL;;AW1/CK;EACE;EACA;CX6/CP;;AWliDC;;EA0CI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CX6/CL;;AW7jDD;;EAmEQ;EACA;CX+/CP;;AWnkDD;;EAuEQ;CXigDP;;AWxkDD;;EA0EQ;EACA;EACA;EACA;EACA;EACA;CXmgDP;;AWllDD;;EAkFU;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CXqgDT;;AWngDO;;ER3GJ;EAgIF;EACA;EACA;EACA;EQrBQ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CX0gDT;;AWtgDO;;EAIE;EACA;CXugDT;;AW//CD;EACE;CXkgDD;;AWngDD;EAII;EACA;CXmgDH;;AWxgDD;EAQM;CXogDL;;AWjgDC;EACE;CXogDH;;AWhhDD;EAeM;EACA;CXqgDL;;AIjrDD;;;;;;;;;;;;;;GJisDG;;AK5nDH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AQjNA;;AACA;EAA2H;;EACzH;IACE;GZgtDD;;EY9sDC;IACE;IACA;GZitDH;;EY/sDoC;IAC/B;GZktDL;;EY/sDC;IACE;GZktDH;;EY9tDD;IAeM;IACA;GZmtDL;CACF;;AY7sDD;;AACA;EAA2H;;EACzH;IACE;GZmtDD;;EYjtDC;IACE;IACA;GZotDH;;EYltDoC;IAC/B;GZqtDL;;EYltDC;IACE;GZqtDH;;EYjuDD;IAeM;IACA;GZstDL;CACF;;AYhtDD;;AACA;EAA2H;;EACzH;IACE;GZstDD;;EYvtDD;IAII;IACA;GZutDH;;EY5tDD;IAQM;GZwtDL;;EYhuDD;IAYI;GZwtDH;;EYttDG;IACE;IACA;GZytDL;CACF;;AYntDD;EACE;IACE;GZstDD;;EYvtDD;IAII;IACA;GZutDH;;EY5tDD;IAQM;GZwtDL;;EYhuDD;IAYI;GZwtDH;;EYpuDD;IAeM;IACA;GZytDL;CACF;;Aan0DD;;;;;;;;;;;;;;Gbm1DG;;AIr1DH;;;;;;;;;;;;;;GJq2DG;;AKhyDH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;ASzMA;EACE;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cby2DD;;Aar3DD;;;;EAkBI;Cb02DH;;Aav2DC;EAGE;EACA;EACA;EACA;EAAA;EACA;MAAA;Cbw2DH;;Aat2DG;EACE;MAAA;EACA;EACA;EACA;EACA;EACA;EACA;Cby2DL;;Aah2DC;EACE;EACA;EACA;Cbm2DH;;Aap5DD;EAoDM;EACA;EACA;EACA;EACA;Cbo2DL;;Aa55DD;EVHI;EAgIF;EACA;EACA;EACA;EUnEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cbw2DL;;Aax3DG;EAmBI;Cby2DP;;Aat7DD;EAiFU;Cby2DT;;Aa17DD;;EAqFU;Cb02DT;;Aa/7DD;EA2FI;EACA;Cbw2DH;;Aap8DD;EA+FI;EAAA;EACA;MAAA;EACA;MAAA;EACA;Cby2DH;;Aav2DG;EACE;MAAA;EACA;EACA;EACA;EACA;Cb02DL;;Aan9DD;EA4GM;EAAA;Cb22DL;;Aav2DkC;EAC/B;EACA;EACA;Cb02DH;;Acl/DD;;;;;;;;;;;;;;GdkgEG;;Acl/DH;;Gds/DG;;Ac9+DH;EACE;Cdi/DD;;Ac9+DD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cdi/DD;;Ac9+DD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cdi/DD;;Ac5+DG;;EAIE;EACA;Cd6+DL;;Ac//DD;;EAwBI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cd4+DH;;Ac7gED;EAsCI;Cd2+DH;;Acx+DC;EACE;EACA;EACA;EACA;EACA;Cd2+DH;;Acz+DG;EACE;EACA;Cd4+DL;;Acz+DG;EACE;EX7EF;EAgIF;EACA;EACA;EACA;EWnDI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cd++DL;;AcljED;EA0EQ;EACA;Cd4+DP;;Acv+DC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Cd0+DH;;AcnkED;EA4FM;Cd2+DL;;AelnED;;;;;;;;;;;;;;GfkoEG;;AelnEH;;;;;;;;Gf4nEG;;AKvkEH;;AAqCA;;AUzEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CfknED;;Ae1nED;EAYI;EACA;CfknEH;;Ae9mEC;ERzCA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;EQ8BA;EACA;EACA;EACA;EACA;Cf0nEH;;AetnED;EAEI;ERtDF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CP2qEH;;Ae7nED;EACE;CfgoED;;Ae5nED;EACE;Cf+nED;;Ae3nED;EACE;EACA;EACA;Cf8nED;;Ae1nED;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CfynED;;AetnEC;EACE;EACA;CfynEH;;AernEC;EACE;EACA;CfwnEH;;Ae5pED;EAwCI;CfwnEH;;AernEC;EACE;CfwnEH;;AernEgC;EAC7B;EACA;CfwnEH;;AernEC;;EAEE;EACA;EACA;CfwnEH;;AehrED;EA4DI;EACA;EACA;CfwnEH;;AennED;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CfsnED;;AepnE8B;;EAE3B;CfunEH;;AennEqC;EZ+GpC;EACA;CHwgED;;AepnEqD;EAClD;CfunEH;;AepnEwC;;EAErC;CfunEH;;AepnEgD;;;EAG7C;EACA;EACA;EACA;CfunEH;;AepnEC;;;EAGE;CfunEH;;AepnEgD;EAC7C;EACA;CfunEH;;Ae3qED;EAyDI;EACA;EACA;EACA;EACA;EACA;EZuEF;EACA;EYrEE;EACA;CfsnEH;;AennEC;EACE;EACA;EACA;CfsnEH;;AennEgC;EAC7B;CfsnEH;;AejnED;EACE;EACA;EACA;EACA;EACA;EACA;CfonED;;AelnEC;EACE;CfqnEH;;AehnED;EACE;EACA;EACA;EZmCA;EACA;EY5BA;Cf8mED;;Ae5mEgC;;EAM7B;Cf2mEH;;AezmEC;EACE;Cf4mEH;;AgBx3ED;;;;;;;;;;;;;;;;;;GhB44EG;;AgBx3EH;;;;;;;;;EhBm4EE;;AgBx3EF;EACE;EbdE;EAqKF;EACA;EACA;EACA;EaxJA;EACA;EACA;EACA;EACA;EAAA;EACA;MAAA;EACA;MAAA;ChB+3ED;;AgB73EG;EACA;EACA;ChBg4EH;;AgB73EG;EACA;ChBg4EH;;AgBj5ED;EAqBI;ChBg4EH;;AgB33ED;EACE;EACA;EACA;EACA;ChB83ED;;AgB33ED;;EAEE;EACA;EACA;EACA;EACA;EAAA;ChB83ED;;AgB33ED;EACE;EACA;EACA;EACA;EACA;Eb4JA;Ea1JA;EAAA;EACA;MAAA;EACA;EACA;EACA;ChB83ED;;AgBz4ED;EAcI;EACA;ChB+3EH;;AgB94ED;ETxCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ESqDE;ChBs4EH;;AgBn4EC;EbsCA;EACA;EACA;EACA;EavCE;EACA;EACA;EACA;EACA;MAAA;EACA;MAAA;MAAA;EACA;EACA;EACA;EACA;KAAA;MAAA;UAAA;EACA;EACA;ChBy4EH;;AgBv4EG;EACE;ChB04EL;;AgBt4EG;EACE;EACA;EACA;EACA;EACA;EACA;EACA;ChBy4EL;;AgBt4EG;EACE;ChBy4EL;;AgBt4EG;EACE;EACA;EACA;EACA;ChBy4EL;;AgB/6EC;EA0CI;ChBy4EL;;AgBn7EC;EA8CI;EACA;EACA;EACA;ChBy4EL;;AgBv4EO;EACA;ChB04EP;;AgBt4EG;EACE;EACA;EACA;ChBy4EL;;AgBt4EK;EACA;EACA;ChBy4EL;;AgBt4EK;EACA;ChBy4EL;;AgBt4EK;EACA;ChBy4EL;;AgBr4EC;EACE;EACA;EACA;ChBw4EH;;AiBzjFD;;;;;;;;;;;;;;GjBykFG;;AiBzjFH;;GjB6jFG;;AI7kFH;;;;;;;;;;;;;;GJ6lFG;;AKxhFH;;AAqCA;;AD/CA;;AAUA;;AAWA;;AAEA;;AAoBA;;AAQA;;AAUA;;AA8CA;;AAQA;;AAkDA;;AC3JA;;AAqCA;;AY7EA;EACE;CjB+lFD;;AiBhmFD;EAII;CjBgmFH;;AiB5lFC;;EAEE;EACA;EAwCA;;;;;;MjB6jFE;CACL;;AiBjnFD;;;;EAeM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CjBymFL;;AiB/nFD;;;;EAyBQ;EACA;EACA;CjB6mFP;;AiBxoFD;;;;EAqCQ;EACA;CjB0mFP;;AiBhpFD;;EAgDM;CjBqmFL;;AiBrpFD;;;;EA8DQ;EACA;EACA;CjB8lFP;;AiB9pFD;;;;EAoEU;EACA;CjBimFT;;AiBtqFD;EA4EI;EACA;CjB8lFH;;AiB3qFD;;EAkFI;EVtGF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CPisFH;;AiB3rFD;;EAyFI;EACA;EACA;CjBumFH;;AiBlsFD;;;;;;;;EAuGQ;CjBsmFP;;AiBnmFG;;;;EAEE;EACA;EACA;EACA;EACA;EACA;CjBwmFL;;AiB/mFG;;;;EAWI;EACA;CjB2mFP;;AiBjuFD;;;;;;;;;;;;;;;;;;;;;;;;EAkIQ;EACA;EACA;EACA;EACA;EACA;CjB0nFP;;AiBpnFK;;;;;;;;EAEE;CjB6nFP;;AiB5wFD;;;;;;;;EAuJQ;CjBgoFP;;AiB3nFmC;;EAEhC;CjB8nFH;;AiBtnFS;;;;;;;;EAEF;EACA;CjB+nFP;;AiB7nFS;;;;EACF;CjBmoFP;;AiB/nFS;;;;EAEF;CjBooFP;;AiBtzFD;;;;;;;;EAwLQ;CjByoFP;;AiBj0FD;;;;EA4LQ;CjB4oFP;;AiBx0FD;;;;EAgMQ;CjB+oFP;;AiB3oFS;;EACF;CjB+oFP;;AiBp1FD;;;;EAyMQ;EACA;CjBkpFP;;AiB51FD;;;;EA+MM;EACA;CjBopFL;;AiB9oFG;;;;EAEE;EACA;CjBmpFL;;AkBv4FD;;;;;;;;;;;;;;;;;;GlB25FG;;AkBv4FH;EACE;EACA;ClB04FD;;AkBv4FD;;EAEE;ClB04FD;;AkBx4FC;;EXIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EWTE;ClBm5FH;;AmBl7FD;;;;;;;;;;;;;;;;;;GnBs8FG;;AmBl7FH;EZmDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAGA;CP23FD;;AOz3FC;EACE;EACA;CP43FH;;AAx6BC;EO/8DI;EACA;CP23FL;;AmB98FD;EZ+CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EAGA;CP25FD;;AOz5FC;EACE;EACA;CP45FH;;AA76BC;EO1+DI;EACA;CP25FL;;AmB1+FD;EACE;EACA;EACA;EACA;EACA;EAAA;CnB6+FD;;AmBl/FD;EAQI;CnB8+FH;;AmB3+FC;EACE;EACA;EACA;EACA;EAAA;EACA;MAAA;CnB8+FH;;AmB3+FC;EhB7BE;EAgEF;EACA;EACA;EACA;EgBnCE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;EACA;MAAA;EACA;MAAA;EACA;KAAA;MAAA;UAAA;EACA;EACA;EACA;EACA;CnBi/FH;;AmBngGC;EAqBI;EACA;EACA;CnBk/FL;;AmBzgGC;EA2BI;CnBk/FL;;AmB7gGC;EA+BI;CnBk/FL;;AmBjhGC;EAmCI;EACA;EACA;CnBk/FL;;AmBh/FO;EACA;CnBm/FP;;AmB/+FG;EACE;CnBk/FL;;AmB/hGC;EAiDI;EACA;CnBk/FL;;AmB/+FG;EACE;EACA;EACA;EACA;EACA;CnBk/FL;;AmB5iGC;EA8DI;CnBk/FL;;AmB9+FK;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CnBi/FP;;AmB3/FG;EAcI;CnBi/FP;;AmB5+FC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;MAAA;CnB++FH;;AmB7+FG;EZ5GF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CP6lGD;;AmB/+FC;EACE;MAAA;EACA;MAAA;CnBk/FH;;AmBh/FG;EACE;EACA;MAAA;CnBm/FL;;AmBh/FG;EACE;EACA;EACA;EACA;CnBm/FL;;AmBv/FG;EAOI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CnBo/FP;;AmBj/FO;EACA;CnBo/FP;;AmBjhGC;EAiCM;CnBo/FP;;AmBrhGC;EAqCM;CnBo/FP;;AmBzhGC;EA0CQ;EACA;CnBm/FT;;AmB9hGC;EAkDI;CnBg/FL;;AmBj/FG;EAII;EACA;CnBi/FP;;AmBt/FG;EAQM;EACA;EACA;CnBk/FT;;AmBt+FG;EACE;EACA;CnBy+FL;;AmBt+FkC;EAC7B;CnBy+FL;;AmBt+FG;EACE;MAAA;EACA;EACA;EACA;CnBy+FL;;AmB7+FG;EAOI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CnB0+FP;;AmBn+FO;EAEA;CnBq+FP;;AmBl+FO;EAEA;EACA;CnBo+FP;;AmB5gGC;EA4CM;EACA;CnBo+FP;;AmBjhGC;EAkDQ;EACA;CnBm+FT;;AmB99FG;EACE;CnBi+FL;;AmBl+FG;EAII;EACA;CnBk+FP;;AmBv+FG;EAQM;EACA;CnBm+FT;;AmB19FC;EAEE;EACA;CnB49FH;;AmBj+FD;EAUM;MAAA;CnB29FL;;AmBp9FD;EAEI;CnBs9FH;;AmBx9FD;EAKI;EACA;CnBu9FH;;AmBr9FK;EACA;CnBw9FL;;AmBj+FD;EAaI;EACA;CnBw9FH;;AmBn9FD;EACE;IACE;IACA;GnBs9FD;;EmBp9FD;IACE;IACA;GnBu9FD;;EmBr9FD;IACE;IACA;GnBw9FD;CACF;;AmBr9FD;;;;;;;;;;EnBi+FE;;AmBr9FF;EACE;IAAK;GnBy9FJ;;EmBx9FD;IAAM;GnB49FL;;EmB39FD;IAAM;GnB+9FL;;EmB99FD;IAAO;GnBk+FN;CACF;;AmBh+FD;EACE;IAAK;GnBo+FJ;;EmBn+FD;IAAM;GnBu+FL;;EmBt+FD;IAAM;GnB0+FL;;EmBz+FD;IAAO;GnB6+FN;CACF;;AmB3+FD;;;;;;;;;;EnBu/FE;;AmB3+FF;EACE;IAAK;GnB++FJ;;EmB9+FD;IAAM;GnBk/FL;;EmBj/FD;IAAM;GnBq/FL;;EmBp/FD;IAAO;GnBw/FN;CACF;;AmBt/FD;EACE;IAAK;GnB0/FJ;;EmBz/FD;IAAM;GnB6/FL;;EmB5/FD;IAAM;GnBggGL;;EmB//FD;IAAO;GnBmgGN;CACF;;AoB74GD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EpBu8GE;;AqBr8GF;EACE;EACA;CrBw8GD;;AqB18GD;EAKI;CrBy8GH;;AqBj8GC;EACE;CrBo8GH;;AqBj8GC;EACE;CrBo8GH;;AqB38GD;EAWI;CrBo8GH;;AqBj8GC;EACE;CrBo8GH;;AqBj8GC;EACE;CrBo8GH;;AqBv9GD;EAuBI;CrBo8GH;;AqB39GD;EA2BI;CrBo8GH;;AqB/9GD;EA+BI;CrBo8GH;;AqBj8GC;EACE;CrBo8GH;;AqBv+GD;EAuCI;CrBo8GH;;AqB77GD;EAEI;CrB+7GH;;AqBv7GC;EAGI;EACA;CrBw7GL;;AqB77GD;EAUQ;EACA;CrBu7GP;;AqB96GD;EAGI;EACA;CrB+6GH;;AqBj7GC;EAKI;CrBg7GL;;AqBv7GD;EAWM;CrBg7GL;;AqB37GD;EAeM;CrBg7GL;;AqB/7GD;EAmBM;CrBg7GL;;AqBj8GC;EAoBM;CrBi7GP;;AqBv8GD;EA6BI;CrB86GH;;AqB38GD;EAgCM;CrB+6GL;;AqBn7GC;EAQI;CrB+6GL;;AqBv7GC;EAYI;EACA;CrB+6GL;;AqB57GC;EAgBM;CrBg7GP;;AqBh8GC;EAoBM;CrBg7GP;;AqBh+GD;EAoDQ;CrBg7GP;;AqBp+GD;EAwDQ;CrBg7GP;;AqBx+GD;EAgEI;CrB46GH;;AqB5+GD;EAmEM;CrB66GL;;AqBj7GC;EAQI;CrB66GL;;AqBp/GD;EA2EM;EACA;CrB66GL;;AqBz/GD;EA+EQ;CrB86GP;;AqB7/GD;EAmFQ;CrB86GP;;AqBjgHD;EAuFQ;CrB86GP;;AqBrgHD;EA2FQ;CrB86GP;;AqBzgHD;EAmGI;CrB06GH;;AqBr6GC;EACE;CrBw6GH;;AqBjhHD;EA4GM;CrBy6GL;;AqBrhHD;;EAgHM;EACA;CrB06GL;;AqBt6GC;EACE;CrBy6GH;;AqBv6GK;EACA;CrB06GL;;AqB96GC;;EAQI;EACA;CrB26GL;;AqBziHD;;EAwIM;EACA;CrBs6GL;;AqB/iHD;;EAgJQ;EACA;CrBo6GP;;AqBrjHD;;EAyJQ;EACA;CrBi6GP;;AqBv7GC;;EA6BM;CrB+5GP;;AqBv5GD;EAIM;EACA;EAeA;EAgBA;EAGA;EA6BA;EAQA;EAOA;EA8BA;EA0BA;EAMA;EAsCA;EAkBA;CrB8tGL;;AqBv6GD;EAQQ;CrBm6GP;;AqB36GD;EAYQ;CrBm6GP;;AqB/6GD;EAgBQ;EACA;CrBm6GP;;AqBp7GD;EAsBQ;CrBk6GP;;AqBx7GD;EA8BQ;CrB85GP;;AqB57GD;EAyCQ;CrBu5GP;;AqBh8GD;EA6CQ;CrBu5GP;;AqBp8GD;EAiDQ;CrBu5GP;;AqBx8GD;EAqDQ;CrBu5GP;;AqB58GD;EAyDQ;CrBu5GP;;AqB/8GC;EA4DM;CrBu5GP;;AqBp9GD;EAiEQ;CrBu5GP;;AqBx9GD;EAsEQ;CrBs5GP;;AqB59GD;EA+EQ;CrBi5GP;;AqBh+GD;EAsFQ;EACA;CrB84GP;;AqBp+GC;EA0FM;EACA;CrB84GP;;AqB1+GD;EAgGQ;EACA;CrB84GP;;AqB/+GD;EAqGQ;EACA;CrB84GP;;AqBp/GD;EA0GQ;CrB84GP;;AqBx/GD;EA8GQ;CrB84GP;;AqB3/GC;EAkHM;CrB64GP;;AqB//GC;EA0HM;CrBy4GP;;AqBpgHD;EAqIQ;CrBm4GP;;AqBxgHD;EA8IQ;CrB83GP;;AqB3gHC;;;EAqJM;CrB43GP;;AqBlhHD;;;EA4JQ;CrB43GP;;AqBxhHD;EAgKQ;CrB43GP;;AqB3hHC;;;EAqKM;EACA;CrB43GP;;AqBliHC;;;EA4KM;EACA;CrB43GP;;AqB1iHD;;;EAoLQ;CrB43GP;;AqBhjHD;;;EA2LQ;CrB23GP;;AqBrjHC;EAkMM;CrBu3GP;;AqB52GC;EACE;CrB+2GH;;AqB9jHD;EAmNI;CrB+2GH;;AqB32GC;EACE;CrB82GH;;AqBv2GD;EAGI;CrBw2GH;;AqB32GD;EAMI;CrBy2GH;;AqB/2GD;;EAUI;EACA;EACA;CrB02GH;;AqBt3GD;EAeI;CrB22GH;;AqBz2GC;EACE;CrB42GH;;AqB12GmC;;EAEhC;CrB62GH;;AqB32G2C;;;EAGxC;CrB82GH;;AqBz4GD;EA8BI;CrB+2GH;;AqB74GD;EAiCI;CrBg3GH;;AqBj5GD;EAoCI;CrBi3GH;;AqBx2GC;EACE;CrB22GH;;AqB92GD;EAMI;CrB42GH;;AqBl3GD;;EAUI;CrB62GH;;AqB12GC;EACE;CrB62GH;;AqB33GD;EAiBI;EACA;CrB82GH;;AqBh4GD;EAsBI;CrB82GH;;AqBp4GD;EAyBI;CrB+2GH;;AqBx4GD;;EA6BI;CrBg3GH;;AqB74GD;;EAkCI;CrBg3GH;;AqB72GiC;EAC9B;CrBg3GH;;AqBt5GD;;EA0CI;CrBi3GH;;AqBz2GC;EACE;CrB42GH;;AqB92GD;EAKI;CrB62GH;;AqB32G6C;;EAE1C;CrB82GH;;AqB32GC;EACE;CrB82GH;;AqB33GD;;EAiBI;CrB+2GH;;AqBh4GD;;EAsBI;CrB+2GH;;AqBr4GD;EA0BI;CrB+2GH;;AqBz4GD;;EA8BI;CrBg3GH;;AqB12GD;EAEI;CrB42GH;;AqB92GD;EAKI;CrB62GH;;AqB32G8B;EAC3B;CrB82GH;;AqB52G6B;EAC1B;CrB+2GH;;AqB72GwC;EACrC;CrBg3GH;;AqB92GoC;EACjC;CrBi3GH;;AqB/2GiE;EAC9D;CrBk3GH;;AqBz2GC;EACE;CrB42GH;;AqB/2GD;EAMI;CrB62GH;;AqBn3GD;;EAUI;CrB82GH;;AqBx3GD;EAcI;CrB82GH;;AqB52GwB;EACrB;CrB+2GH;;AqBh4GD;;EAqBI;CrBg3GH;;AqBr4GD;EAyBI;CrBg3GH;;AqB92GwB;EACrB;CrBi3GH;;AqB/2GmC;EAChC;EACA;CrBk3GH;;AqB/2GuC;;EAEpC;CrBk3GH;;AqB/2G+B;EAC5B;CrBk3GH;;AqB35GD;;EA6CI;CrBm3GH;;AqB52GD;EAGI;EACA;CrB62GH;;AqBj3GD;EASU;CrB42GT;;AqBr3GD;EAYU;CrB62GT;;AqBz2GG;EACE;CrB42GL;;AqB73GD;;EAqBQ;CrB62GP;;AqBl4GD;;EAyBY;CrB82GX;;AqBj2GC;EACE;CrBo2GH;;AqBv2GD;EAOI;EACA;EACA;CrBo2GH;;AqBv2GC;EAMI;CrBq2GL;;AqB32GC;;EAWI;EACA;CrBq2GL;;AqBj3GC;;EAeM;CrBu2GP;;AqB53GD;;EAyBQ;CrBw2GP;;AqBr2GO;;EACA;CrBy2GP;;AqBh4GC;EA4BI;CrBw2GL;;AqB14GD;EAsCM;CrBw2GL;;AqB94GD;EA0CM;CrBw2GL;;AqB91GC;EACE;CrBi2GH;;AqBp2GD;EAOI;CrBi2GH;;AqB91GC;EACE;CrBi2GH;;AqB52GD;EAcM;CrBk2GL;;AqBh3GD;EAmBI;CrBi2GH;;AqB91GC;EACE;CrBi2GH;;AqBx3GD;EA2BI;CrBi2GH;;AqB91GC;EACE;CrBi2GH;;AqBh4GD;EAkCM;CrBk2GL;;AqB11GD;EAGI;EdzyBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CPioIH;;AqBz2GD;EAQI;EACA;CrBq2GH;;AqB92GD;EAYM;EACA;CrBs2GL;;AqBn3GD;EAiBI;CrBs2GH;;AqBv3GD;;EAqBI;EACA;EACA;CrBu2GH;;AqBp2GC;EACE;CrBu2GH;;AqBl4GD;;EA+BI;CrBw2GH;;AqBv4GD;;;;EAqCI;CrBy2GH;;AqB94GD;EAwCI;CrB02GH;;AqBl5GD;EA2CI;CrB22GH;;AqBt5GD;EA8CI;CrB42GH;;AqB15GD;EAkDI;CrB42GH;;AqBt2GD;EACE;CrBy2GD;;AqBt2GD;EAGI;CrBu2GH;;AqBx2GC;EAII;EACA;CrBw2GL;;AqB72GC;;EASM;CrBy2GP;;AqBp3GD;EAcQ;CrB02GP;;AqBt3GC;EAeM;EACA;CrB22GP;;AqB33GC;EAmBM;CrB42GP;;AqB12GS;EACA;CrB62GT;;AqBr4GD;EA6BM;CrB42GL;;AqBp2GD;;;;EASQ;EACA;EACA;CrBk2GP;;AqBt2GK;;;;EAOI;EACA;EACA;CrBs2GT;;AqBt3GD;;;;EAmBU;EACA;CrB02GT;;AqB93GD;;;;EA0BU;EACA;EACA;CrB22GT;;AqBv4GD;;;;EA+BY;EACA;CrB+2GX;;AqB/4GD;;EAwCM;Ed/6BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CPwxIH;;AqB/5GD;;EA8CM;EACA;EACA;CrBs3GL;;AqBt6GD;;;;EAwDQ;CrBq3GP;;AqB52GO;;;;;;;;;;;;;;;;;;;;;;;;EAEE;CrBq4GT;;AqB/3GO;;;;;;;;EAEE;CrBw4GT;;AqBl4GO;;;;;;;;EAEE;CrB24GT;;AqBt4GqC;;EAEhC;CrBy4GL;;AqBn+GD;;;;EAkGQ;CrBw4GP;;AqBn4GK;;;;EAEE;CrBw4GP;;AqB/3GD;EAKM;EACA;CrB83GL;;AqBp4GD;EASQ;CrB+3GP;;AqBt4GC;EAUM;CrBg4GP;;AqB54GD;EAeQ;CrBi4GP;;AqBh5GD;EAkBQ;EACA;EACA;CrBk4GP;;AqBh4GS;EACA;CrBm4GT;;AqBx5GC;EAyBM;CrBm4GP;;AqB55GC;EA6BQ;CrBm4GT;;AqBl6GD;EAqCM;EACA;CrBi4GL;;AqBx3GK;EACE;CrB23GP;;AqB36GD;EAmDU;CrB43GT;;AqBz3GK;EACE;CrB43GP;;AqBl3GK;EACE;CrBq3GP;;AqBv7GD;EAqEU;CrBs3GT;;AqBn3GK;EACE;CrBs3GP;;AqBj3GC;EAII;EACA;CrBi3GL;;AqBp8GD;EA2FM;EACA;CrB62GL;;AqB32GO;EACA;CrB82GP;;AqB78GD;EAmGM;EACA;CrB82GL;;AoBp9ID;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EpB8gJE;;AsB5gJF;EACE;EACA;CtB+gJD;;AsB9gJC;EACE;CtBihJH;;AsB5gJD;EAGI;CtB6gJH;;AsB1gJC;EACE;CtB6gJH;;AsB1gJC;EACE;CtB6gJH;;AsBxhJD;EAeI;CtB6gJH;;AsB5hJD;EAmBI;CtB6gJH;;AsBhiJD;EAuBI;CtB6gJH;;AsB1gJC;EACE;CtB6gJH;;AsBxiJD;EA+BI;CtB6gJH;;AsB5iJD;EAmCI;CtB6gJH;;AsB1gJC;EACE;CtB6gJH;;AsBtgJC;EACE;CtBygJH;;AsBlgJD;EAIM;EACA;CtBkgJL;;AsBtgJC;EASM;EACA;CtBigJP;;AsBx/ID;EAGI;EACA;CtBy/IH;;AsB7/ID;EAOM;CtB0/IL;;AsBjgJD;EAWM;CtB0/IL;;AsBngJC;EAaI;CtB0/IL;;AsBzgJD;EAmBM;CtB0/IL;;AsB7gJD;EAsBQ;CtB2/IP;;AsBjhJD;EA6BI;CtBw/IH;;AsBz/IC;EAII;CtBy/IL;;AsBzhJD;EAoCM;CtBy/IL;;AsB7hJD;EAwCM;EACA;CtBy/IL;;AsBliJD;EA4CQ;CtB0/IP;;AsBtiJD;EAgDQ;CtB0/IP;;AsB1iJD;EAoDQ;CtB0/IP;;AsB9iJD;EAwDQ;CtB0/IP;;AsBn/IC;EACE;CtBs/IH;;AsBtjJD;EAmEM;CtBu/IL;;AsB1jJD;EAuEM;CtBu/IL;;AsB//IC;EAYI;EACA;CtBu/IL;;AsBnkJD;EA+EQ;CtBw/IP;;AsBvkJD;EAmFQ;CtBw/IP;;AsB5gJC;EAwBM;CtBw/IP;;AsBr/IO;EACA;CtBw/IP;;AsBj/IC;EACE;CtBo/IH;;AsBvlJD;EAyGI;CtBk/IH;;AsB3lJD;EA4GM;CtBm/IL;;AsBv/IC;;EAQI;EACA;CtBo/IL;;AsBrmJD;EAsHI;CtBm/IH;;AsBzmJD;EAyHM;CtBo/IL;;AsB7mJD;;EA6HM;EACA;CtBq/IL;;AsB/+IC;;EAII;EACA;CtBg/IL;;AsBr/IC;;EAYM;EACA;CtB8+IP;;AsB/nJD;;EAyJQ;EACA;CtB2+IP;;AsBjgJC;;EA6BM;CtBy+IP;;AsB99IC;EAGI;EACA;EAeA;EAmBA;EA8BA;EAQA;EAOA;EA8BA;EA0BA;EAMA;EAsCA;EAkBA;CtBoyIL;;AsB/+ID;EASQ;CtB0+IP;;AsBn/ID;EAaQ;CtB0+IP;;AsBv/ID;EAiBQ;EACA;CtB0+IP;;AsB1/IC;EAqBM;CtBy+IP;;AsB9/IC;EA+BM;CtBm+IP;;AsBpgJD;EA2CQ;CtB69IP;;AsBxgJD;EA+CQ;CtB69IP;;AsB5gJD;EAmDQ;CtB69IP;;AsBhhJD;EAuDQ;CtB69IP;;AsBphJD;EA2DQ;CtB69IP;;AsBxhJD;EA+DQ;CtB69IP;;AsB5hJD;EAmEQ;CtB69IP;;AsBhiJD;EAwEQ;CtB49IP;;AsBpiJD;EAiFQ;CtBu9IP;;AsBxiJD;EAwFQ;EACA;CtBo9IP;;AsB7iJD;EA6FQ;EACA;CtBo9IP;;AsBhjJC;EAgGM;EACA;CtBo9IP;;AsBrjJC;EAqGM;EACA;CtBo9IP;;AsB5jJD;EA4GQ;CtBo9IP;;AsBhkJD;EAgHQ;CtBo9IP;;AsBlkJC;EAmHM;CtBm9IP;;AsBxkJD;EA6HQ;CtB+8IP;;AsB5kJD;EAuIQ;CtBy8IP;;AsBhlJD;EAgJQ;CtBo8IP;;AsBllJC;;;EAsJM;CtBk8IP;;AsB1lJD;;;EA8JQ;CtBk8IP;;AsB/7IiD;EAC1C;CtBk8IP;;AsBpmJD;;;EAwKQ;EACA;CtBk8IP;;AsBzmJC;;;EA6KM;EACA;CtBk8IP;;AsBlnJD;;;EAsLQ;CtBk8IP;;AsBtnJC;;;EA2LM;CtBi8IP;;AsB5nJC;EAmMM;CtB67IP;;AsBloJD;EAiNI;CtBq7IH;;AsBl7IC;EACE;CtBq7IH;;AsB1oJD;EA0NI;CtBo7IH;;AsB36IC;EACE;CtB86IH;;AsBj7ID;EAMI;CtB+6IH;;AsBr7ID;;EAUI;EACA;EACA;CtBg7IH;;AsB96IC;EACE;CtBi7IH;;AsBh8ID;EAkBI;CtBk7IH;;AsBp8ID;;EAsBI;CtBm7IH;;AsBj7I2C;;;EAGxC;CtBo7IH;;AsB/8ID;EA8BI;CtBq7IH;;AsBn9ID;EAiCI;CtBs7IH;;AsBv9ID;EAoCI;CtBu7IH;;AsB96IC;EACE;CtBi7IH;;AsBp7ID;EAMI;CtBk7IH;;AsBx7ID;;EAUI;CtBm7IH;;AsB77ID;EAcI;CtBm7IH;;AsBj8ID;EAiBI;EACA;CtBo7IH;;AsBj7IC;EACE;CtBo7IH;;AsB18ID;EAyBI;CtBq7IH;;AsB98ID;;EA6BI;CtBs7IH;;AsBn9ID;;EAkCI;CtBs7IH;;AsBx9ID;EAsCI;CtBs7IH;;AsBp7IkE;;EAE/D;CtBu7IH;;AsB/6IC;EACE;CtBk7IH;;AsBp7ID;EAKI;CtBm7IH;;AsBx7ID;;EASI;CtBo7IH;;AsB77ID;EAaI;CtBo7IH;;AsBl7I+B;;EAE5B;CtBq7IH;;AsBt8ID;;EAsBI;CtBq7IH;;AsBl7I8B;EAC3B;CtBq7IH;;AsBn7I4D;;EAEzD;CtBs7IH;;AsBh7ID;EAEI;CtBk7IH;;AsBp7ID;EAKI;CtBm7IH;;AsBx7ID;EAQI;CtBo7IH;;AsB57ID;EAWI;CtBq7IH;;AsBh8ID;EAcI;CtBs7IH;;AsBp7IoC;EACjC;CtBu7IH;;AsBr7IiE;EAC9D;CtBw7IH;;AsB/6IC;EACE;CtBk7IH;;AsBr7ID;EAMI;CtBm7IH;;AsBz7ID;;EAUI;CtBo7IH;;AsB97ID;EAcI;CtBo7IH;;AsBl7IwB;EACrB;CtBq7IH;;AsBn7IuC;;EAEpC;CtBs7IH;;AsBn7IC;EACE;CtBs7IH;;AsB/8ID;EA4BI;CtBu7IH;;AsBr7ImC;EAChC;EACA;CtBw7IH;;AsBx9ID;;EAqCI;CtBw7IH;;AsB79ID;EAyCI;CtBw7IH;;AsBj+ID;;EA6CI;CtBy7IH;;AsB/6IC;EACE;EACA;CtBk7IH;;AsB/6IK;EAEI;CtBi7IT;;AsBn7IK;EAMI;CtBi7IT;;AsB56IG;EACE;CtB+6IL;;AsBl8ID;;EAuBQ;CtBg7IP;;AsBr7IG;;EASQ;CtBi7IX;;AsBv6ID;EAGI;CtBw6IH;;AsB36ID;EAOI;EACA;EACA;CtBw6IH;;AsB36IC;EAMI;CtBy6IL;;AsBr7ID;;EAiBM;EACA;CtBy6IL;;AsB37ID;;EAqBQ;CtB26IP;;AsBh8ID;;EAyBQ;CtB46IP;;AsBr8ID;;EA6BQ;CtB66IP;;AsB18ID;EAkCM;CtB46IL;;AsB98ID;EAsCM;CtB46IL;;AsBl9ID;EA0CM;CtB46IL;;AsBr6ID;EAEI;CtBu6IH;;AsBp6IC;EACE;CtBu6IH;;AsB76ID;EAUI;CtBu6IH;;AsBx6IC;EAII;CtBw6IL;;AsBp6IC;EACE;CtBu6IH;;AsBp6IC;EACE;CtBu6IH;;AsB77ID;EA0BI;CtBu6IH;;AsBj8ID;EA8BI;CtBu6IH;;AsBx6IC;EAII;CtBw6IL;;AsBh6ID;EAGI;EfzyBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CPusKH;;AsBx6IC;EACE;EACA;CtB26IH;;AsBz6IG;EACE;EACA;CtB46IL;;AsBz6IgC;EAC7B;CtB46IH;;AsB77ID;;EAqBI;EACA;EACA;CtB66IH;;AsBp8ID;EA2BI;CtB66IH;;AsB36IwC;;EAErC;CtB86IH;;AsB78ID;;;;EAqCI;CtB+6IH;;AsB76IgD;EAC7C;CtBg7IH;;AsB96IC;EACE;CtBi7IH;;AsB59ID;EA8CI;CtBk7IH;;AsBh+ID;EAkDI;CtBk7IH;;AsB36ID;EACE;CtB86ID;;AsB36ID;EAGI;CtB46IH;;AsB/6ID;EAMM;EACA;CtB66IL;;AsBp7ID;;EAWQ;CtB86IP;;AsBz7ID;EAcQ;CtB+6IP;;AsB77ID;EAiBQ;EACA;CtBg7IP;;AsBl8ID;EAqBQ;CtBi7IP;;AsBt8ID;EAwBU;CtBk7IT;;AsB18ID;EA6BM;CtBi7IL;;AsBz6ID;;;;EASQ;EACA;EACA;CtBu6IP;;AsBl7ID;;;;EAcU;EACA;EACA;CtB26IT;;AsB37ID;;;;EAmBU;EACA;CtB+6IT;;AsBn8ID;;;;EA0BU;EACA;EACA;CtBg7IT;;AsB58ID;;;;EA+BY;EACA;CtBo7IX;;AsBp9ID;;EAwCM;Efh7BJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAKE;EACA;CP81KH;;AsBx7IqC;;EAEhC;EACA;EACA;CtB27IL;;AsBr7IK;;;;EAEE;CtB07IP;;AsBj7IO;;;;;;;;;;;;;;;;;;;;;;;;EAEE;CtB08IT;;AsB7gJD;;;;;;;;EA2EU;CtB68IT;;AsBv8IO;;;;;;;;EAEE;CtBg9IT;;AsBniJD;;EA0FM;CtB88IL;;AsBxiJD;;;;EAkGQ;CtB68IP;;AsB/iJD;;;;EAyGQ;CtB68IP;;AsBn8ID;EAKM;EACA;CtBk8IL;;AsBx8ID;EASQ;CtBm8IP;;AsB58ID;EAYQ;CtBo8IP;;AsBh9ID;EAeQ;CtBq8IP;;AsBp9ID;EAkBQ;EACA;EACA;CtBs8IP;;AsB19ID;EAuBU;CtBu8IT;;AsB99ID;EA2BQ;CtBu8IP;;AsBh+IC;EA6BQ;CtBu8IT;;AsBt+ID;EAqCM;EACA;CtBq8IL;;AsB3+ID;EAgDQ;CtB+7IP;;AsB/+ID;EAmDU;CtBg8IT;;AsB77IK;EACE;CtBg8IP;;AsBt7IK;EACE;CtBy7IP;;AsB3/ID;EAqEU;CtB07IT;;AsBv7IK;EACE;CtB07IP;;AsBr7IC;EAII;EACA;CtBq7IL;;AsBxgJD;EA2FM;EACA;CtBi7IL;;AsB7gJD;EA+FQ;CtBk7IP;;AsBjhJD;EAmGM;EACA;CtBk7IL","file":"mdl-ext.css","sourcesContent":["/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*------------------------------------*\\\n $CONTENTS\n\\*------------------------------------*/\n/**\n * STYLE GUIDE VARIABLES------------------Declarations of Sass variables\n * -----Typography\n * -----Colors\n * -----Textfield\n * -----Switch\n * -----Spinner\n * -----Radio\n * -----Menu\n * -----List\n * -----Layout\n * -----Icon toggles\n * -----Footer\n * -----Column\n * -----Checkbox\n * -----Card\n * -----Button\n * -----Animation\n * -----Progress\n * -----Badge\n * -----Shadows\n * -----Grid\n * -----Data table\n * -----Dialog\n * -----Snackbar\n * -----Tooltip\n * -----Chip\n *\n * Even though all variables have the `!default` directive, most of them\n * should not be changed as they are dependent one another. This can cause\n * visual distortions (like alignment issues) that are hard to track down\n * and fix.\n */\n\n\n/* ========== TYPOGRAPHY ========== */\n\n/* We're splitting fonts into \"preferred\" and \"performance\" in order to optimize\n page loading. For important text, such as the body, we want it to load\n immediately and not wait for the web font load, whereas for other sections,\n such as headers and titles, we're OK with things taking a bit longer to load.\n We do have some optional classes and parameters in the mixins, in case you\n definitely want to make sure you're using the preferred font and don't mind\n the performance hit.\n We should be able to improve on this once CSS Font Loading L3 becomes more\n widely available.\n*/\n$preferred_font: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;\n$performance_font: 'Helvetica', 'Arial', sans-serif !default;\n\n/* ========== COLORS ========== */\n\n/**\n*\n* Material design color palettes.\n* @see http://www.google.com/design/spec/style/color.html\n*\n**/\n\n@import \"color-definitions\";\n@import \"functions\";\n\n/* ========== IMAGES ========== */\n$image_path: '/images' !default;\n\n/* ========== Color & Themes ========== */\n\n// Define whether individual color palette items should have classes created.\n// Setting this to true will remove individual color classes for each color in the palettes.\n// To improve overall performance (assuming they aren't used) by:\n// * Saving server bandwidth sending the extra classes\n// * Save client computation against the classes\n// it is RECOMMENDED you set this to true.\n$trim-color-classes: false !default;\n\n// Use color primarily for emphasis. Choose colors that fit with\n// your brand and provide good contrast between visual components.\n$color-primary: $palette-indigo-500 !default;\n$color-primary-dark: $palette-indigo-700 !default;\n$color-accent: $palette-pink-A200 !default;\n\n// Our primary is dark, so use $color-dark-contrast for overlaid text.\n$color-primary-contrast: $color-dark-contrast !default;\n// Our accent is dark, so use $color-dark-contrast for overlaid text.\n$color-accent-contrast: $color-dark-contrast !default;\n\n// Replace all colors with placeholders if we're generating a template.\n@if $styleguide-generate-template == true {\n $color-primary: '$color-primary';\n $color-primary-dark: '$color-primary-dark';\n $color-accent: '$color-accent';\n $color-primary-contrast: '$color-primary-contrast';\n $color-accent-contrast: '$color-accent-contrast';\n}\n\n/* ========== Typography ========== */\n\n// We use the following default color styles: text-color-primary and\n// text-color-secondary. For light themes, use text-color-primary-inverse\n// and text-color-secondary-inverse.\n\n$text-color-primary: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$text-link-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n// Define whether to target elements directly for typographic enhancements.\n// Turning this off means you need to use mdl-* classes more often.\n// Other components may also fail to adhere to MD without these rules.\n// It is strongly recommended you leave this as true.\n\n$target-elements-directly: true !default;\n\n/* ========== Components ========== */\n\n/* ========== Standard Buttons ========== */\n\n// Default button colors.\n$button-primary-color: unquote(\"rgba(#{$palette-grey-500}, 0.20)\") !default;\n$button-secondary-color: unquote(\"rgb(#{$color-black})\") !default;\n$button-hover-color: $button-primary-color !default;\n$button-active-color: unquote(\"rgba(#{$palette-grey-500}, 0.40)\") !default;\n$button-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Colored button colors.\n$button-primary-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-secondary-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$button-hover-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-active-color-alt: unquote(\"rgb(#{$color-primary})\") !default;\n$button-focus-color-alt: $button-focus-color !default;\n\n// Ripple color for colored raised buttons.\n$button-ripple-color-alt: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n\n// Disabled button colors.\n$button-primary-color-disabled: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$button-secondary-color-disabled: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n// FAB colors and sizes.\n$button-fab-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-hover-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-active-color-alt: unquote(\"rgb(#{$color-accent})\") !default;\n$button-fab-text-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$button-fab-ripple-color-alt: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n\n// Icon button colors and sizes.\n$button-icon-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$button-icon-focus-color: $button-focus-color !default;\n\n/* ========== Icon Toggles ========== */\n\n$icon-toggle-color: unquote(\"rgb(#{$palette-grey-700})\") !default;\n$icon-toggle-focus-color: $button-focus-color !default;\n$icon-toggle-checked-color: unquote(\"rgb(#{$color-primary})\") !default;\n$icon-toggle-checked-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$icon-toggle-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ========== Radio Buttons ========== */\n\n$radio-color: unquote(\"rgb(#{$color-primary})\") !default;\n$radio-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$radio-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n\n/* ========== Ripple effect ========== */\n\n$ripple-bg-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n/* ========== Layout ========== */\n\n$layout-nav-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n// Drawer\n$layout-drawer-bg-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$layout-drawer-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-text-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$layout-drawer-navigation-color: #757575 !default;\n$layout-drawer-navigation-link-active-background: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$layout-drawer-navigation-link-active-color: unquote(\"rgb(#{$color-light-contrast})\") !default;\n\n// Header\n$layout-header-bg-color: unquote(\"rgb(#{$color-primary})\") !default;\n$layout-header-text-color: unquote(\"rgb(#{$color-primary-contrast})\") !default;\n$layout-header-nav-hover-color: unquote(\"rgba(#{$palette-grey-700}, 0.6)\") !default;\n$layout-header-tab-text-color: unquote(\"rgba(#{$color-primary-contrast}, 0.6)\") !default;\n\n// Tabs\n$layout-header-tab-highlight: unquote(\"rgb(#{$color-accent})\") !default;\n\n/* ========== Content Tabs ========== */\n\n$tab-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$tab-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$tab-active-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$tab-border-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n\n/* ========== Checkboxes ========== */\n\n$checkbox-color: unquote(\"rgb(#{$color-primary})\") !default;\n$checkbox-off-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$checkbox-disabled-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$checkbox-focus-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$checkbox-image-path: $image_path;\n\n/* ========== Switches ========== */\n\n$switch-color: unquote(\"rgb(#{$color-primary})\") !default;\n$switch-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$switch-thumb-color: $switch-color !default;\n$switch-track-color: unquote(\"rgba(#{$color-primary}, 0.5)\") !default;\n\n$switch-off-thumb-color: unquote(\"rgb(#{$palette-grey-50})\") !default;\n$switch-off-track-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$switch-disabled-thumb-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$switch-disabled-track-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ========== Spinner ========== */\n\n$spinner-color-1: unquote(\"rgb(#{$palette-blue-400})\") !default;\n$spinner-color-2: unquote(\"rgb(#{$palette-red-500})\") !default;\n$spinner-color-3: unquote(\"rgb(#{$palette-yellow-600})\") !default;\n$spinner-color-4: unquote(\"rgb(#{$palette-green-500})\") !default;\n\n$spinner-single-color: unquote(\"rgb(#{$color-primary})\") !default;\n\n/* ========== Text fields ========== */\n\n$input-text-background-color: transparent !default;\n$input-text-label-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$input-text-bottom-border-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n$input-text-highlight-color: unquote(\"rgb(#{$color-primary})\") !default;\n$input-text-disabled-color: $input-text-bottom-border-color !default;\n$input-text-disabled-text-color: $input-text-label-color !default;\n$input-text-error-color: unquote(\"rgb(#{$palette-red-A700})\") !default;\n\n/* ========== Card ========== */\n\n$card-background-color: unquote(\"rgb(#{$color-white})\") !default;\n$card-text-color: unquote(\"rgb(#{$color-black})\") !default;\n$card-image-placeholder-color: unquote(\"rgb(#{$color-accent})\") !default;\n$card-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$card-border-color: rgba(0,0,0,0.1) !default;\n$card-subtitle-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n\n/* ========== Sliders ========== */\n\n$range-bg-color: unquote(\"rgba(#{$color-black}, 0.26)\") !default;\n$range-color: unquote(\"rgb(#{$color-primary})\") !default;\n$range-faded-color: unquote(\"rgba(#{$color-primary}, 0.26)\") !default;\n$range-bg-focus-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n/* ========== Progress ========== */\n$progress-main-color: unquote(\"rgb(#{$color-primary})\") !default;\n$progress-secondary-color: unquote(\"rgba(#{$color-primary-contrast}, 0.7)\") !default;\n$progress-fallback-buffer-color: unquote(\"rgba(#{$color-primary-contrast}, 0.9)\") !default;\n$progress-image-path: $image_path;\n\n/* ========== List ========== */\n\n$list-main-text-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$list-supporting-text-text-color: unquote(\"rgba(#{$color-black}, 0.54)\") !default;\n$list-icon-color: unquote(\"rgb(#{$palette-grey-600})\") !default;\n$list-avatar-color: white !default;\n\n/* ========== Item ========== */\n\n// Default Item Colors\n$default-item-text-color: unquote(\"rgba(#{$color-black}, 0.87)\") !default;\n$default-item-outline-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n$default-item-hover-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-focus-bg-color: unquote(\"rgb(#{$palette-grey-200})\") !default;\n$default-item-active-bg-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$default-item-divider-color: unquote(\"rgba(#{$color-black}, 0.12)\") !default;\n\n// Disabled Button Colors\n$disabled-item-text-color: unquote(\"rgb(#{$palette-grey-400})\") !default;\n\n/* ========== Dropdown menu ========== */\n\n$default-dropdown-bg-color: unquote(\"rgb(#{$color-white})\") !default;\n\n/* ========== Tooltips ========== */\n\n$tooltip-text-color: unquote(\"rgb(#{$color-white})\") !default;\n$tooltip-background-color: unquote(\"rgba(#{$palette-grey-700}, 0.9)\") !default;\n\n/* ========== Footer ========== */\n\n$footer-bg-color: unquote(\"rgb(#{$palette-grey-800})\") !default;\n$footer-color: unquote(\"rgb(#{$palette-grey-500})\") !default;\n$footer-heading-color: unquote(\"rgb(#{$palette-grey-300})\") !default;\n$footer-button-fill-color: $footer-color !default;\n$footer-underline-color: $footer-color !default;\n\n\n/* TEXTFIELD */\n\n$input-text-font-size: 16px !default;\n$input-text-width: 100% !default;\n$input-text-padding: 4px !default;\n$input-text-vertical-spacing: 20px !default;\n\n$input-text-button-size: 32px !default;\n$input-text-floating-label-fontsize: 12px !default;\n$input-text-expandable-icon-top: 16px !default;\n\n\n/* SWITCH */\n\n$switch-label-font-size: 16px !default;\n$switch-label-height: 24px !default;\n$switch-track-height: 14px !default;\n$switch-track-length: 36px !default;\n$switch-thumb-size: 20px !default;\n$switch-track-top: ($switch-label-height - $switch-track-height) / 2 !default;\n$switch-thumb-top: ($switch-label-height - $switch-thumb-size) / 2 !default;\n$switch-ripple-size: $switch-label-height * 2 !default;\n$switch-helper-size: 8px !default;\n\n/* SPINNER */\n\n$spinner-size: 28px !default;\n$spinner-stroke-width: 3px !default;\n\n// Amount of circle the arc takes up.\n$spinner-arc-size: 270deg !default;\n// Time it takes to expand and contract arc.\n$spinner-arc-time: 1333ms !default;\n// How much the start location of the arc should rotate each time.\n$spinner-arc-start-rot: 216deg !default;\n\n$spinner-duration: 360 * $spinner-arc-time / (\n strip-units($spinner-arc-start-rot + (360deg - $spinner-arc-size)));\n\n\n/* RADIO */\n\n$radio-label-font-size: 16px !default;\n$radio-label-height: 24px !default;\n$radio-button-size: 16px !default;\n$radio-inner-margin: $radio-button-size / 4;\n$radio-padding: 8px !default;\n$radio-top-offset: ($radio-label-height - $radio-button-size) / 2;\n$radio-ripple-size: 42px !default;\n\n\n/* MENU */\n\n$menu-expand-duration: 0.3s !default;\n$menu-fade-duration: 0.2s !default;\n\n/* LIST */\n\n$list-border: 8px !default;\n$list-min-height: 48px !default;\n$list-min-padding: 16px !default;\n$list-bottom-padding: 20px !default;\n$list-avatar-text-left-distance: 72px !default;\n$list-icon-text-left-distance: 72px !default;\n\n$list-avatar-size: 40px !default;\n$list-icon-size: 24px !default;\n\n$list-two-line-height: 72px !default;\n$list-three-line-height: 88px !default;\n\n/* LAYOUT */\n\n$layout-drawer-narrow: 240px !default;\n$layout-drawer-wide: 456px !default;\n$layout-drawer-width: $layout-drawer-narrow !default;\n\n$layout-header-icon-size: 32px !default;\n$layout-screen-size-threshold: 1024px !default;\n$layout-header-icon-margin: 24px !default;\n$layout-drawer-button-mobile-size: 32px !default;\n$layout-drawer-button-desktop-size: 48px !default;\n\n$layout-header-mobile-row-height: 56px !default;\n$layout-mobile-header-height: $layout-header-mobile-row-height;\n$layout-header-desktop-row-height: 64px !default;\n$layout-desktop-header-height: $layout-header-desktop-row-height;\n\n$layout-header-desktop-baseline: 80px !default;\n$layout-header-mobile-baseline: 72px !default;\n$layout-header-mobile-indent: 16px !default;\n$layout-header-desktop-indent: 40px !default;\n\n$layout-tab-font-size: 14px !default;\n$layout-tab-bar-height: 48px !default;\n$layout-tab-mobile-padding: 12px !default;\n$layout-tab-desktop-padding: 24px !default;\n$layout-tab-highlight-thickness: 2px !default;\n\n\n/* ICON TOGGLE */\n\n$icon-toggle-size: 32px !default;\n$icon-toggle-font-size: 24px !default;\n$icon-toggle-ripple-size: 36px !default;\n\n/* FOOTER */\n\n/*mega-footer*/\n$footer-min-padding: 16px !default;\n$footer-padding-sides: 40px !default;\n$footer-heading-font-size: 14px !default;\n$footer-heading-line-height: (1.7 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px !default;\n\n/*mini-footer*/\n$padding: 16px !default;\n$footer-heading-font-size: 24px !default;\n$footer-heading-line-height: (1.5 * $footer-heading-font-size) !default;\n$footer-btn-size: 36px !default;\n\n/* CHECKBOX */\n\n$checkbox-label-font-size: 16px !default;\n$checkbox-label-height: 24px !default;\n$checkbox-button-size: 16px !default;\n$checkbox-inner-margin: 2px !default;\n$checkbox-padding: 8px !default;\n$checkbox-top-offset:\n($checkbox-label-height - $checkbox-button-size - $checkbox-inner-margin) / 2;\n$checkbox-ripple-size: $checkbox-label-height * 1.5;\n\n/* CARD */\n\n/* Card dimensions */\n$card-width: 330px !default;\n$card-height: 200px !default;\n$card-font-size: 16px !default;\n$card-title-font-size: 24px !default;\n$card-subtitle-font-size: 14px !default;\n$card-horizontal-padding: 16px !default;\n$card-vertical-padding: 16px !default;\n\n$card-title-perspective-origin-x: 165px !default;\n$card-title-perspective-origin-y: 56px !default;\n\n$card-title-transform-origin-x: 165px !default;\n$card-title-transform-origin-y: 56px !default;\n\n$card-title-text-transform-origin-x: 149px !default;\n$card-title-text-transform-origin-y: 48px !default;\n\n$card-supporting-text-font-size: 1rem !default;\n$card-supporting-text-line-height: 18px !default;\n\n$card-actions-font-size: 16px !default;\n\n$card-title-text-font-weight: 300 !default;\n$card-z-index: 1 !default;\n\n/* Cover image */\n$card-cover-image-height: 186px !default;\n$card-background-image-url: '' !default;\n\n\n/* BUTTON */\n/**\n *\n * Dimensions\n *\n */\n$button-min-width: 64px !default;\n$button-height: 36px !default;\n$button-padding: 16px !default;\n$button-margin: 4px !default;\n$button-border-radius: 2px !default;\n\n$button-fab-size: 56px !default;\n$button-fab-size-mini: 40px !default;\n$button-fab-font-size: 24px !default;\n\n$button-icon-size: 32px !default;\n$button-icon-size-mini: 24px !default;\n\n\n/* ANIMATION */\n$animation-curve-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$animation-curve-linear-out-slow-in: cubic-bezier(0, 0, 0.2, 1) !default;\n$animation-curve-fast-out-linear-in: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$animation-curve-default: $animation-curve-fast-out-slow-in !default;\n\n\n/* PROGRESS */\n$bar-height: 4px !default;\n\n/* BADGE */\n$badge-font-size: 12px !default;\n$badge-color: unquote(\"rgb(#{$color-accent-contrast})\") !default;\n$badge-color-inverse: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background: unquote(\"rgb(#{$color-accent})\") !default;\n$badge-background-inverse: unquote(\"rgba(#{$color-accent-contrast},0.2)\") !default;\n$badge-size : 22px !default;\n$badge-padding: 2px !default;\n$badge-overlap: 12px !default;\n\n/* SHADOWS */\n\n$shadow-key-umbra-opacity: 0.2 !default;\n$shadow-key-penumbra-opacity: 0.14 !default;\n$shadow-ambient-shadow-opacity: 0.12 !default;\n\n/* GRID */\n\n$grid-desktop-columns: 12 !default;\n$grid-desktop-gutter: 16px !default;\n$grid-desktop-margin: 16px !default;\n\n$grid-desktop-breakpoint: 840px !default;\n\n$grid-tablet-columns: 8 !default;\n$grid-tablet-gutter: $grid-desktop-gutter !default;\n$grid-tablet-margin: $grid-desktop-margin !default;\n\n$grid-tablet-breakpoint: 480px !default;\n\n$grid-phone-columns: 4 !default;\n$grid-phone-gutter: $grid-desktop-gutter !default;\n$grid-phone-margin: $grid-desktop-margin !default;\n\n$grid-cell-default-columns: $grid-phone-columns !default;\n$grid-max-columns: $grid-desktop-columns !default;\n\n/* DATA TABLE */\n\n$data-table-font-size: 13px !default;\n$data-table-header-font-size: 12px !default;\n$data-table-header-sort-icon-size: 16px !default;\n\n$data-table-header-color: rgba(#000, 0.54) !default;\n$data-table-header-sorted-color: rgba(#000, 0.87) !default;\n$data-table-header-sorted-icon-hover-color: rgba(#000, 0.26) !default;\n$data-table-divider-color: rgba(#000, 0.12) !default;\n\n$data-table-hover-color: #eeeeee !default;\n$data-table-selection-color: #e0e0e0 !default;\n\n$data-table-dividers: 1px solid $data-table-divider-color !default;\n\n$data-table-row-height: 48px !default;\n$data-table-last-row-height: 56px !default;\n$data-table-header-height: 56px !default;\n\n$data-table-column-spacing: 36px !default;\n$data-table-column-padding: $data-table-column-spacing / 2;\n\n$data-table-card-header-height: 64px !default;\n$data-table-card-title-top: 20px !default;\n$data-table-card-padding: 24px !default;\n$data-table-button-padding-right: 16px !default;\n$data-table-cell-top: $data-table-card-padding / 2;\n\n/* DIALOG */\n$dialog-content-color: $card-supporting-text-text-color;\n\n/* SNACKBAR */\n\n// Hard coded since the color is not present in any palette.\n$snackbar-background-color: #323232 !default;\n$snackbar-tablet-breakpoint: $grid-tablet-breakpoint;\n$snackbar-action-color: unquote(\"rgb(#{$color-accent})\") !default;\n\n/* TOOLTIP */\n$tooltip-font-size: 10px !default;\n$tooltip-font-size-large: 14px !default;\n\n/* CHIP */\n$chip-bg-color: rgb(222, 222, 222) !default;\n$chip-bg-active-color: rgb(214, 214, 214) !default;\n$chip-height: 32px !default;\n$chip-font-size: 13px !default; \n\n\n\n// WEBPACK FOOTER //\n// webpack:///~/material-design-lite/src/_variables.scss","@charset \"UTF-8\";\n\n// Material Design Lite\n@import '~material-design-lite/src/variables';\n@import '~material-design-lite/src/mixins';\n\n// mdl-ext\n@import 'mdl-ext';\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/mdl-ext-build.scss","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* ========== Color Palettes ========== */\n\n// Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, A100, A200,\n// A400, A700.\n\n$palette-red:\n\"255,235,238\"\n\"255,205,210\"\n\"239,154,154\"\n\"229,115,115\"\n\"239,83,80\"\n\"244,67,54\"\n\"229,57,53\"\n\"211,47,47\"\n\"198,40,40\"\n\"183,28,28\"\n\"255,138,128\"\n\"255,82,82\"\n\"255,23,68\"\n\"213,0,0\";\n\n$palette-red-50: nth($palette-red, 1);\n$palette-red-100: nth($palette-red, 2);\n$palette-red-200: nth($palette-red, 3);\n$palette-red-300: nth($palette-red, 4);\n$palette-red-400: nth($palette-red, 5);\n$palette-red-500: nth($palette-red, 6);\n$palette-red-600: nth($palette-red, 7);\n$palette-red-700: nth($palette-red, 8);\n$palette-red-800: nth($palette-red, 9);\n$palette-red-900: nth($palette-red, 10);\n$palette-red-A100: nth($palette-red, 11);\n$palette-red-A200: nth($palette-red, 12);\n$palette-red-A400: nth($palette-red, 13);\n$palette-red-A700: nth($palette-red, 14);\n\n$palette-pink:\n\"252,228,236\"\n\"248,187,208\"\n\"244,143,177\"\n\"240,98,146\"\n\"236,64,122\"\n\"233,30,99\"\n\"216,27,96\"\n\"194,24,91\"\n\"173,20,87\"\n\"136,14,79\"\n\"255,128,171\"\n\"255,64,129\"\n\"245,0,87\"\n\"197,17,98\";\n\n$palette-pink-50: nth($palette-pink, 1);\n$palette-pink-100: nth($palette-pink, 2);\n$palette-pink-200: nth($palette-pink, 3);\n$palette-pink-300: nth($palette-pink, 4);\n$palette-pink-400: nth($palette-pink, 5);\n$palette-pink-500: nth($palette-pink, 6);\n$palette-pink-600: nth($palette-pink, 7);\n$palette-pink-700: nth($palette-pink, 8);\n$palette-pink-800: nth($palette-pink, 9);\n$palette-pink-900: nth($palette-pink, 10);\n$palette-pink-A100: nth($palette-pink, 11);\n$palette-pink-A200: nth($palette-pink, 12);\n$palette-pink-A400: nth($palette-pink, 13);\n$palette-pink-A700: nth($palette-pink, 14);\n\n$palette-purple:\n\"243,229,245\"\n\"225,190,231\"\n\"206,147,216\"\n\"186,104,200\"\n\"171,71,188\"\n\"156,39,176\"\n\"142,36,170\"\n\"123,31,162\"\n\"106,27,154\"\n\"74,20,140\"\n\"234,128,252\"\n\"224,64,251\"\n\"213,0,249\"\n\"170,0,255\";\n\n$palette-purple-50: nth($palette-purple, 1);\n$palette-purple-100: nth($palette-purple, 2);\n$palette-purple-200: nth($palette-purple, 3);\n$palette-purple-300: nth($palette-purple, 4);\n$palette-purple-400: nth($palette-purple, 5);\n$palette-purple-500: nth($palette-purple, 6);\n$palette-purple-600: nth($palette-purple, 7);\n$palette-purple-700: nth($palette-purple, 8);\n$palette-purple-800: nth($palette-purple, 9);\n$palette-purple-900: nth($palette-purple, 10);\n$palette-purple-A100: nth($palette-purple, 11);\n$palette-purple-A200: nth($palette-purple, 12);\n$palette-purple-A400: nth($palette-purple, 13);\n$palette-purple-A700: nth($palette-purple, 14);\n\n$palette-deep-purple:\n\"237,231,246\"\n\"209,196,233\"\n\"179,157,219\"\n\"149,117,205\"\n\"126,87,194\"\n\"103,58,183\"\n\"94,53,177\"\n\"81,45,168\"\n\"69,39,160\"\n\"49,27,146\"\n\"179,136,255\"\n\"124,77,255\"\n\"101,31,255\"\n\"98,0,234\";\n\n$palette-deep-purple-50: nth($palette-deep-purple, 1);\n$palette-deep-purple-100: nth($palette-deep-purple, 2);\n$palette-deep-purple-200: nth($palette-deep-purple, 3);\n$palette-deep-purple-300: nth($palette-deep-purple, 4);\n$palette-deep-purple-400: nth($palette-deep-purple, 5);\n$palette-deep-purple-500: nth($palette-deep-purple, 6);\n$palette-deep-purple-600: nth($palette-deep-purple, 7);\n$palette-deep-purple-700: nth($palette-deep-purple, 8);\n$palette-deep-purple-800: nth($palette-deep-purple, 9);\n$palette-deep-purple-900: nth($palette-deep-purple, 10);\n$palette-deep-purple-A100: nth($palette-deep-purple, 11);\n$palette-deep-purple-A200: nth($palette-deep-purple, 12);\n$palette-deep-purple-A400: nth($palette-deep-purple, 13);\n$palette-deep-purple-A700: nth($palette-deep-purple, 14);\n\n$palette-indigo:\n\"232,234,246\"\n\"197,202,233\"\n\"159,168,218\"\n\"121,134,203\"\n\"92,107,192\"\n\"63,81,181\"\n\"57,73,171\"\n\"48,63,159\"\n\"40,53,147\"\n\"26,35,126\"\n\"140,158,255\"\n\"83,109,254\"\n\"61,90,254\"\n\"48,79,254\";\n\n$palette-indigo-50: nth($palette-indigo, 1);\n$palette-indigo-100: nth($palette-indigo, 2);\n$palette-indigo-200: nth($palette-indigo, 3);\n$palette-indigo-300: nth($palette-indigo, 4);\n$palette-indigo-400: nth($palette-indigo, 5);\n$palette-indigo-500: nth($palette-indigo, 6);\n$palette-indigo-600: nth($palette-indigo, 7);\n$palette-indigo-700: nth($palette-indigo, 8);\n$palette-indigo-800: nth($palette-indigo, 9);\n$palette-indigo-900: nth($palette-indigo, 10);\n$palette-indigo-A100: nth($palette-indigo, 11);\n$palette-indigo-A200: nth($palette-indigo, 12);\n$palette-indigo-A400: nth($palette-indigo, 13);\n$palette-indigo-A700: nth($palette-indigo, 14);\n\n$palette-blue:\n\"227,242,253\"\n\"187,222,251\"\n\"144,202,249\"\n\"100,181,246\"\n\"66,165,245\"\n\"33,150,243\"\n\"30,136,229\"\n\"25,118,210\"\n\"21,101,192\"\n\"13,71,161\"\n\"130,177,255\"\n\"68,138,255\"\n\"41,121,255\"\n\"41,98,255\";\n\n$palette-blue-50: nth($palette-blue, 1);\n$palette-blue-100: nth($palette-blue, 2);\n$palette-blue-200: nth($palette-blue, 3);\n$palette-blue-300: nth($palette-blue, 4);\n$palette-blue-400: nth($palette-blue, 5);\n$palette-blue-500: nth($palette-blue, 6);\n$palette-blue-600: nth($palette-blue, 7);\n$palette-blue-700: nth($palette-blue, 8);\n$palette-blue-800: nth($palette-blue, 9);\n$palette-blue-900: nth($palette-blue, 10);\n$palette-blue-A100: nth($palette-blue, 11);\n$palette-blue-A200: nth($palette-blue, 12);\n$palette-blue-A400: nth($palette-blue, 13);\n$palette-blue-A700: nth($palette-blue, 14);\n\n$palette-light-blue:\n\"225,245,254\"\n\"179,229,252\"\n\"129,212,250\"\n\"79,195,247\"\n\"41,182,246\"\n\"3,169,244\"\n\"3,155,229\"\n\"2,136,209\"\n\"2,119,189\"\n\"1,87,155\"\n\"128,216,255\"\n\"64,196,255\"\n\"0,176,255\"\n\"0,145,234\";\n\n$palette-light-blue-50: nth($palette-light-blue, 1);\n$palette-light-blue-100: nth($palette-light-blue, 2);\n$palette-light-blue-200: nth($palette-light-blue, 3);\n$palette-light-blue-300: nth($palette-light-blue, 4);\n$palette-light-blue-400: nth($palette-light-blue, 5);\n$palette-light-blue-500: nth($palette-light-blue, 6);\n$palette-light-blue-600: nth($palette-light-blue, 7);\n$palette-light-blue-700: nth($palette-light-blue, 8);\n$palette-light-blue-800: nth($palette-light-blue, 9);\n$palette-light-blue-900: nth($palette-light-blue, 10);\n$palette-light-blue-A100: nth($palette-light-blue, 11);\n$palette-light-blue-A200: nth($palette-light-blue, 12);\n$palette-light-blue-A400: nth($palette-light-blue, 13);\n$palette-light-blue-A700: nth($palette-light-blue, 14);\n\n$palette-cyan:\n\"224,247,250\"\n\"178,235,242\"\n\"128,222,234\"\n\"77,208,225\"\n\"38,198,218\"\n\"0,188,212\"\n\"0,172,193\"\n\"0,151,167\"\n\"0,131,143\"\n\"0,96,100\"\n\"132,255,255\"\n\"24,255,255\"\n\"0,229,255\"\n\"0,184,212\";\n\n$palette-cyan-50: nth($palette-cyan, 1);\n$palette-cyan-100: nth($palette-cyan, 2);\n$palette-cyan-200: nth($palette-cyan, 3);\n$palette-cyan-300: nth($palette-cyan, 4);\n$palette-cyan-400: nth($palette-cyan, 5);\n$palette-cyan-500: nth($palette-cyan, 6);\n$palette-cyan-600: nth($palette-cyan, 7);\n$palette-cyan-700: nth($palette-cyan, 8);\n$palette-cyan-800: nth($palette-cyan, 9);\n$palette-cyan-900: nth($palette-cyan, 10);\n$palette-cyan-A100: nth($palette-cyan, 11);\n$palette-cyan-A200: nth($palette-cyan, 12);\n$palette-cyan-A400: nth($palette-cyan, 13);\n$palette-cyan-A700: nth($palette-cyan, 14);\n\n$palette-teal:\n\"224,242,241\"\n\"178,223,219\"\n\"128,203,196\"\n\"77,182,172\"\n\"38,166,154\"\n\"0,150,136\"\n\"0,137,123\"\n\"0,121,107\"\n\"0,105,92\"\n\"0,77,64\"\n\"167,255,235\"\n\"100,255,218\"\n\"29,233,182\"\n\"0,191,165\";\n\n$palette-teal-50: nth($palette-teal, 1);\n$palette-teal-100: nth($palette-teal, 2);\n$palette-teal-200: nth($palette-teal, 3);\n$palette-teal-300: nth($palette-teal, 4);\n$palette-teal-400: nth($palette-teal, 5);\n$palette-teal-500: nth($palette-teal, 6);\n$palette-teal-600: nth($palette-teal, 7);\n$palette-teal-700: nth($palette-teal, 8);\n$palette-teal-800: nth($palette-teal, 9);\n$palette-teal-900: nth($palette-teal, 10);\n$palette-teal-A100: nth($palette-teal, 11);\n$palette-teal-A200: nth($palette-teal, 12);\n$palette-teal-A400: nth($palette-teal, 13);\n$palette-teal-A700: nth($palette-teal, 14);\n\n$palette-green:\n\"232,245,233\"\n\"200,230,201\"\n\"165,214,167\"\n\"129,199,132\"\n\"102,187,106\"\n\"76,175,80\"\n\"67,160,71\"\n\"56,142,60\"\n\"46,125,50\"\n\"27,94,32\"\n\"185,246,202\"\n\"105,240,174\"\n\"0,230,118\"\n\"0,200,83\";\n\n$palette-green-50: nth($palette-green, 1);\n$palette-green-100: nth($palette-green, 2);\n$palette-green-200: nth($palette-green, 3);\n$palette-green-300: nth($palette-green, 4);\n$palette-green-400: nth($palette-green, 5);\n$palette-green-500: nth($palette-green, 6);\n$palette-green-600: nth($palette-green, 7);\n$palette-green-700: nth($palette-green, 8);\n$palette-green-800: nth($palette-green, 9);\n$palette-green-900: nth($palette-green, 10);\n$palette-green-A100: nth($palette-green, 11);\n$palette-green-A200: nth($palette-green, 12);\n$palette-green-A400: nth($palette-green, 13);\n$palette-green-A700: nth($palette-green, 14);\n\n$palette-light-green:\n\"241,248,233\"\n\"220,237,200\"\n\"197,225,165\"\n\"174,213,129\"\n\"156,204,101\"\n\"139,195,74\"\n\"124,179,66\"\n\"104,159,56\"\n\"85,139,47\"\n\"51,105,30\"\n\"204,255,144\"\n\"178,255,89\"\n\"118,255,3\"\n\"100,221,23\";\n\n$palette-light-green-50: nth($palette-light-green, 1);\n$palette-light-green-100: nth($palette-light-green, 2);\n$palette-light-green-200: nth($palette-light-green, 3);\n$palette-light-green-300: nth($palette-light-green, 4);\n$palette-light-green-400: nth($palette-light-green, 5);\n$palette-light-green-500: nth($palette-light-green, 6);\n$palette-light-green-600: nth($palette-light-green, 7);\n$palette-light-green-700: nth($palette-light-green, 8);\n$palette-light-green-800: nth($palette-light-green, 9);\n$palette-light-green-900: nth($palette-light-green, 10);\n$palette-light-green-A100: nth($palette-light-green, 11);\n$palette-light-green-A200: nth($palette-light-green, 12);\n$palette-light-green-A400: nth($palette-light-green, 13);\n$palette-light-green-A700: nth($palette-light-green, 14);\n\n$palette-lime:\n\"249,251,231\"\n\"240,244,195\"\n\"230,238,156\"\n\"220,231,117\"\n\"212,225,87\"\n\"205,220,57\"\n\"192,202,51\"\n\"175,180,43\"\n\"158,157,36\"\n\"130,119,23\"\n\"244,255,129\"\n\"238,255,65\"\n\"198,255,0\"\n\"174,234,0\";\n\n$palette-lime-50: nth($palette-lime, 1);\n$palette-lime-100: nth($palette-lime, 2);\n$palette-lime-200: nth($palette-lime, 3);\n$palette-lime-300: nth($palette-lime, 4);\n$palette-lime-400: nth($palette-lime, 5);\n$palette-lime-500: nth($palette-lime, 6);\n$palette-lime-600: nth($palette-lime, 7);\n$palette-lime-700: nth($palette-lime, 8);\n$palette-lime-800: nth($palette-lime, 9);\n$palette-lime-900: nth($palette-lime, 10);\n$palette-lime-A100: nth($palette-lime, 11);\n$palette-lime-A200: nth($palette-lime, 12);\n$palette-lime-A400: nth($palette-lime, 13);\n$palette-lime-A700: nth($palette-lime, 14);\n\n$palette-yellow:\n\"255,253,231\"\n\"255,249,196\"\n\"255,245,157\"\n\"255,241,118\"\n\"255,238,88\"\n\"255,235,59\"\n\"253,216,53\"\n\"251,192,45\"\n\"249,168,37\"\n\"245,127,23\"\n\"255,255,141\"\n\"255,255,0\"\n\"255,234,0\"\n\"255,214,0\";\n\n$palette-yellow-50: nth($palette-yellow, 1);\n$palette-yellow-100: nth($palette-yellow, 2);\n$palette-yellow-200: nth($palette-yellow, 3);\n$palette-yellow-300: nth($palette-yellow, 4);\n$palette-yellow-400: nth($palette-yellow, 5);\n$palette-yellow-500: nth($palette-yellow, 6);\n$palette-yellow-600: nth($palette-yellow, 7);\n$palette-yellow-700: nth($palette-yellow, 8);\n$palette-yellow-800: nth($palette-yellow, 9);\n$palette-yellow-900: nth($palette-yellow, 10);\n$palette-yellow-A100: nth($palette-yellow, 11);\n$palette-yellow-A200: nth($palette-yellow, 12);\n$palette-yellow-A400: nth($palette-yellow, 13);\n$palette-yellow-A700: nth($palette-yellow, 14);\n\n$palette-amber:\n\"255,248,225\"\n\"255,236,179\"\n\"255,224,130\"\n\"255,213,79\"\n\"255,202,40\"\n\"255,193,7\"\n\"255,179,0\"\n\"255,160,0\"\n\"255,143,0\"\n\"255,111,0\"\n\"255,229,127\"\n\"255,215,64\"\n\"255,196,0\"\n\"255,171,0\";\n\n$palette-amber-50: nth($palette-amber, 1);\n$palette-amber-100: nth($palette-amber, 2);\n$palette-amber-200: nth($palette-amber, 3);\n$palette-amber-300: nth($palette-amber, 4);\n$palette-amber-400: nth($palette-amber, 5);\n$palette-amber-500: nth($palette-amber, 6);\n$palette-amber-600: nth($palette-amber, 7);\n$palette-amber-700: nth($palette-amber, 8);\n$palette-amber-800: nth($palette-amber, 9);\n$palette-amber-900: nth($palette-amber, 10);\n$palette-amber-A100: nth($palette-amber, 11);\n$palette-amber-A200: nth($palette-amber, 12);\n$palette-amber-A400: nth($palette-amber, 13);\n$palette-amber-A700: nth($palette-amber, 14);\n\n$palette-orange:\n\"255,243,224\"\n\"255,224,178\"\n\"255,204,128\"\n\"255,183,77\"\n\"255,167,38\"\n\"255,152,0\"\n\"251,140,0\"\n\"245,124,0\"\n\"239,108,0\"\n\"230,81,0\"\n\"255,209,128\"\n\"255,171,64\"\n\"255,145,0\"\n\"255,109,0\";\n\n$palette-orange-50: nth($palette-orange, 1);\n$palette-orange-100: nth($palette-orange, 2);\n$palette-orange-200: nth($palette-orange, 3);\n$palette-orange-300: nth($palette-orange, 4);\n$palette-orange-400: nth($palette-orange, 5);\n$palette-orange-500: nth($palette-orange, 6);\n$palette-orange-600: nth($palette-orange, 7);\n$palette-orange-700: nth($palette-orange, 8);\n$palette-orange-800: nth($palette-orange, 9);\n$palette-orange-900: nth($palette-orange, 10);\n$palette-orange-A100: nth($palette-orange, 11);\n$palette-orange-A200: nth($palette-orange, 12);\n$palette-orange-A400: nth($palette-orange, 13);\n$palette-orange-A700: nth($palette-orange, 14);\n\n$palette-deep-orange:\n\"251,233,231\"\n\"255,204,188\"\n\"255,171,145\"\n\"255,138,101\"\n\"255,112,67\"\n\"255,87,34\"\n\"244,81,30\"\n\"230,74,25\"\n\"216,67,21\"\n\"191,54,12\"\n\"255,158,128\"\n\"255,110,64\"\n\"255,61,0\"\n\"221,44,0\";\n\n$palette-deep-orange-50: nth($palette-deep-orange, 1);\n$palette-deep-orange-100: nth($palette-deep-orange, 2);\n$palette-deep-orange-200: nth($palette-deep-orange, 3);\n$palette-deep-orange-300: nth($palette-deep-orange, 4);\n$palette-deep-orange-400: nth($palette-deep-orange, 5);\n$palette-deep-orange-500: nth($palette-deep-orange, 6);\n$palette-deep-orange-600: nth($palette-deep-orange, 7);\n$palette-deep-orange-700: nth($palette-deep-orange, 8);\n$palette-deep-orange-800: nth($palette-deep-orange, 9);\n$palette-deep-orange-900: nth($palette-deep-orange, 10);\n$palette-deep-orange-A100: nth($palette-deep-orange, 11);\n$palette-deep-orange-A200: nth($palette-deep-orange, 12);\n$palette-deep-orange-A400: nth($palette-deep-orange, 13);\n$palette-deep-orange-A700: nth($palette-deep-orange, 14);\n\n\n// Color order: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900.\n\n$palette-brown:\n\"239,235,233\"\n\"215,204,200\"\n\"188,170,164\"\n\"161,136,127\"\n\"141,110,99\"\n\"121,85,72\"\n\"109,76,65\"\n\"93,64,55\"\n\"78,52,46\"\n\"62,39,35\";\n\n$palette-brown-50: nth($palette-brown, 1);\n$palette-brown-100: nth($palette-brown, 2);\n$palette-brown-200: nth($palette-brown, 3);\n$palette-brown-300: nth($palette-brown, 4);\n$palette-brown-400: nth($palette-brown, 5);\n$palette-brown-500: nth($palette-brown, 6);\n$palette-brown-600: nth($palette-brown, 7);\n$palette-brown-700: nth($palette-brown, 8);\n$palette-brown-800: nth($palette-brown, 9);\n$palette-brown-900: nth($palette-brown, 10);\n\n$palette-grey:\n\"250,250,250\"\n\"245,245,245\"\n\"238,238,238\"\n\"224,224,224\"\n\"189,189,189\"\n\"158,158,158\"\n\"117,117,117\"\n\"97,97,97\"\n\"66,66,66\"\n\"33,33,33\";\n\n$palette-grey-50: nth($palette-grey, 1);\n$palette-grey-100: nth($palette-grey, 2);\n$palette-grey-200: nth($palette-grey, 3);\n$palette-grey-300: nth($palette-grey, 4);\n$palette-grey-400: nth($palette-grey, 5);\n$palette-grey-500: nth($palette-grey, 6);\n$palette-grey-600: nth($palette-grey, 7);\n$palette-grey-700: nth($palette-grey, 8);\n$palette-grey-800: nth($palette-grey, 9);\n$palette-grey-900: nth($palette-grey, 10);\n\n$palette-blue-grey:\n\"236,239,241\"\n\"207,216,220\"\n\"176,190,197\"\n\"144,164,174\"\n\"120,144,156\"\n\"96,125,139\"\n\"84,110,122\"\n\"69,90,100\"\n\"55,71,79\"\n\"38,50,56\";\n\n$palette-blue-grey-50: nth($palette-blue-grey, 1);\n$palette-blue-grey-100: nth($palette-blue-grey, 2);\n$palette-blue-grey-200: nth($palette-blue-grey, 3);\n$palette-blue-grey-300: nth($palette-blue-grey, 4);\n$palette-blue-grey-400: nth($palette-blue-grey, 5);\n$palette-blue-grey-500: nth($palette-blue-grey, 6);\n$palette-blue-grey-600: nth($palette-blue-grey, 7);\n$palette-blue-grey-700: nth($palette-blue-grey, 8);\n$palette-blue-grey-800: nth($palette-blue-grey, 9);\n$palette-blue-grey-900: nth($palette-blue-grey, 10);\n\n$color-black: \"0,0,0\";\n$color-white: \"255,255,255\";\n\n\n/* colors.scss */\n$styleguide-generate-template: false !default;\n\n// The two possible colors for overlayed text.\n$color-dark-contrast: $color-white !default;\n$color-light-contrast: $color-black !default;\n\n\n\n// WEBPACK FOOTER //\n// webpack:///~/material-design-lite/src/_color-definitions.scss","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@function strip-units($number) {\n @return $number / ($number * 0 + 1);\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///~/material-design-lite/src/_functions.scss","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/* Typography */\n\n@mixin typo-preferred-font($usePreferred: true) {\n @if $usePreferred {\n font-family: $preferred_font;\n }\n}\n\n@mixin typo-display-4($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 112px;\n font-weight: 300;\n line-height: 1;\n letter-spacing: -0.04em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-3($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 56px;\n font-weight: 400;\n line-height: 1.35;\n letter-spacing: -0.02em;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 45px;\n font-weight: 400;\n line-height: 48px;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-display-1($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 34px;\n font-weight: 400;\n line-height: 40px;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-headline($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 24px;\n font-weight: 400;\n line-height: 32px;\n -moz-osx-font-smoothing: grayscale;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-title($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 20px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0.02em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-subhead-2($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 16px;\n font-weight: 400;\n line-height: 28px;\n letter-spacing: 0.04em;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-2($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n @if $usePreferred {\n font-weight: 500;\n } @else {\n font-weight: bold;\n }\n line-height: 24px;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-body-1($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-caption($colorContrast: false, $usePreferred: false) {\n @include typo-preferred-font($usePreferred);\n font-size: 12px;\n font-weight: 400;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-blockquote($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n position: relative;\n font-size: 24px;\n font-weight: 300;\n font-style: italic;\n line-height: 1.35;\n letter-spacing: 0.08em;\n\n &:before {\n position: absolute;\n left: -0.5em;\n content: 'â';\n }\n\n &:after {\n content: 'â';\n margin-left: -0.05em;\n }\n\n @if $colorContrast {\n opacity: 0.54;\n }\n}\n\n@mixin typo-menu($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 500;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-button($colorContrast: false, $usePreferred: true) {\n @include typo-preferred-font($usePreferred);\n font-size: 14px;\n font-weight: 500;\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 0;\n\n @if $colorContrast {\n opacity: 0.87;\n }\n}\n\n@mixin typo-icon() {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 24px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n word-wrap: normal;\n font-feature-settings: 'liga';\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n}\n\n/* Shadows */\n\n// Focus shadow mixin.\n@mixin focus-shadow() {\n box-shadow: 0 0 8px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.36);\n}\n\n@mixin shadow-2dp() {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 1px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1px 5px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-3dp() {\n box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 3px -2px rgba(0, 0, 0, $shadow-key-umbra-opacity),\n 0 1px 8px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity);\n}\n@mixin shadow-4dp() {\n box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1px 10px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 2px 4px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-6dp() {\n box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 1px 18px 0 rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 3px 5px -1px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n@mixin shadow-8dp() {\n box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 3px 14px 2px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 5px 5px -3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-16dp() {\n box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 6px 30px 5px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 8px 10px -5px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n@mixin shadow-24dp() {\n box-shadow: 0 9px 46px 8px rgba(0, 0, 0, $shadow-key-penumbra-opacity),\n 0 11px 15px -7px rgba(0, 0, 0, $shadow-ambient-shadow-opacity),\n 0 24px 38px 3px rgba(0, 0, 0, $shadow-key-umbra-opacity);\n}\n\n/* Animations */\n\n@mixin material-animation-fast-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-slow-in;\n}\n\n@mixin material-animation-linear-out-slow-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-linear-out-slow-in;\n}\n\n@mixin material-animation-fast-out-linear-in($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-fast-out-linear-in;\n}\n\n@mixin material-animation-default($duration:0.2s) {\n transition-duration: $duration;\n transition-timing-function: $animation-curve-default;\n}\n\n/* Dialog */\n\n@mixin dialog-width($units:5) {\n @if(type_of($units) != 'number') {\n @error \"The unit given to dialog-width should be a number.\";\n }\n // 56dp is the base unit width for Dialogs.\n // With 5 units being the number of units for a mobile device.\n // https://goo.gl/sK2O5o\n width: $units * 56px;\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///~/material-design-lite/src/_mixins.scss","/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@import \"functions\";\n\n// ----------------------------------------------------------------\n// Sample colors\n// ----------------------------------------------------------------\n$mdlext-palette-amber-50: #FFF8E1;\n$mdlext-palette-amber-100: #FFECB3;\n$mdlext-palette-amber-500: #FFC107;\n$mdlext-palette-amber-700: #FFA000;\n$mdlext-palette-blue-grey-500: #607D8B;\n$mdlext-palette-deep-orange-500: #FF5722;\n$mdlext-palette-deep-purple-100: #D1C4E9;\n$mdlext-palette-deep-purple-500: #512DA8;\n$mdlext-palette-deep-purple-700: #673AB7;\n$mdlext-palette-green-50: #E8F5E9;\n$mdlext-palette-green-100: #C8E6C9;\n$mdlext-palette-green-500: #4CAF50;\n$mdlext-palette-green-700: #388E3C;\n$mdlext-palette-grey-50: #FAFAFA;\n$mdlext-palette-grey-100: #F5F5F5;\n$mdlext-palette-grey-200: #EEEEEE;\n$mdlext-palette-grey-300: #E0E0E0;\n$mdlext-palette-grey-400: #BDBDBD;\n$mdlext-palette-grey-500: #9E9E9E;\n$mdlext-palette-grey-600: #757575;\n$mdlext-palette-grey-700: #616161;\n$mdlext-palette-grey-800: #424242;\n$mdlext-palette-grey-900: #212121;\n$mdlext-palette-indigo-A200: #536DFE;\n$mdlext-palette-light-blue-500: #03A9F4;\n$mdlext-palette-light-green-500: #8BC34A;\n$mdlext-palette-pink-500: #E91E63;\n$mdlext-palette-pink-700: #C2185B;\n$mdlext-palette-pink-A400: #F50057;\n$mdlext-palette-purple-A200: #E040FB;\n$mdlext-palette-red-700: #D32F2F;\n$mdlext-palette-red-A200: #FF5252;\n$mdlext-palette-red-A400: #FF1744;\n$mdlext-palette-yellow-500: #FFEB3B;\n$mdlext-color-black: #000000;\n$mdlext-color-white: #FFFFFF;\n\n\n/* ========== Sticky Header ========== */\n$mdlext-sticky-header-background-color : transparent !default;\n$mdlext-sticky-header-background-color-scroll : transparent !default;\n$mdlext-sticky-header-gradient-color : rgb-string-to-hex($color-primary) !default;\n$mdlext-sticky-header-gradient-color-start : $mdlext-sticky-header-gradient-color !default;\n$mdlext-sticky-header-gradient-color-end : $mdlext-sticky-header-gradient-color-start !default;\n$mdlext-sticky-header-gradient-color-scroll-start: rgba($mdlext-sticky-header-gradient-color, 0.98) !default;\n$mdlext-sticky-header-gradient-color-scroll-end : rgba($mdlext-sticky-header-gradient-color, 0.95) !default;\n\n// Background shorthand\n/* stylelint-disable */\n$mdlext-sticky-header-background : $mdlext-sticky-header-background-color\n linear-gradient(to bottom,\n $mdlext-sticky-header-gradient-color-start 0,\n $mdlext-sticky-header-gradient-color-end 100%) !default;\n\n// Background shorthand when content is scrolling\n$mdlext-sticky-header-background-scroll : $mdlext-sticky-header-background-color-scroll\n linear-gradient(to bottom,\n $mdlext-sticky-header-gradient-color-scroll-start 100%,\n $mdlext-sticky-header-gradient-color-scroll-end 100%) !default;\n/* stylelint-enable */\n\n/* ========== Accordion ========== */\n$mdlext-accordion-header-background-color-base : $mdlext-palette-grey-500 !default;\n$mdlext-accordion-header-background-color : rgba($mdlext-accordion-header-background-color-base, 0.20) !default;\n$mdlext-accordion-header-background-open-color : rgba($mdlext-accordion-header-background-color-base, 0.30) !default;\n$mdlext-accordion-header-background-active-color : rgba($mdlext-accordion-header-background-color-base, 0.40) !default;\n$mdlext-accordion-header-border-color : rgba($mdlext-accordion-header-background-color-base, 0.50) !default;\n$mdlext-accordion-header-background-hover-color : rgba($mdlext-accordion-header-background-color-base, 0.40) !default;\n$mdlext-accordion-header-focus-outline-color : invert !default;\n$mdlext-accordion-header-disabled-color : rgba($mdlext-accordion-header-background-color-base, 0.12) !default;\n$mdlext-accordion-header-secondary-color : $mdlext-color-black !default;\n$mdlext-accordion-header-secondary-color-disabled: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-accordion-header-highlight-color : darken($mdlext-accordion-header-border-color, 3%) !default;\n$mdlext-accordion-ripple-color : rgba(rgb-string-to-hex($color-accent-contrast), 0.5) !default;\n$mdlext-accordion-header-padding : 8px !default;\n$mdlext-accordion-header-height : 56px !default;\n$mdlext-accordion-content-padding : $mdlext-accordion-header-padding !default;\n$mdlext-accordion-content-color : inherit !default;\n$mdlext-accordion-content-background-color : transparent !default;\n\n\n/* ========== Dialog ========== */\n$mdlext-dialog-padding : 0;\n$mdlext-dialog-background-color : transparent !default;\n$mdlext-dialog-backdrop-color : rgba(0, 0, 0, 0.86) !default;\n$mdlext-dialog-open-animation : 0.5s 0.2s forwards !default;\n$mdlext-dialog-backdrop-animation: 0.2s forwards !default;\n\n\n/* ========== Lightbox ========== */\n$mdlext-lightbox-background-color : $card-background-color !default;\n$mdlext-lightbox-border : 0 !default;\n$mdlext-lightbox-border-radius : 0 !default;\n$mdlext-lightbox-figure-margin : 0 !default;\n$mdlext-lightbox-figure-padding : 0 !default;\n$mdlext-lightbox-figcaption-background-color: rgba(255, 255, 255, 0.76) !default;\n$mdlext-lightbox-footer-background-color : rgba(255, 255, 255, 0.86) !default;\n\n\n/* ========== Lightboard ========== */\n$mdlext-lightboard-medium-small-breakpoint : $grid-tablet-breakpoint !default; // 480\n$mdlext-lightboard-medium-breakpoint : $grid-tablet-breakpoint + 180px !default; // 480 + 180\n$mdlext-lightboard-medium-large-breakpoint : $grid-desktop-breakpoint !default; // 840\n$mdlext-lightboard-large-breakpoint : $grid-desktop-breakpoint + 360px !default; // 840+360\n\n$mdlext-lightboard-small-gutter : 2px !default;\n$mdlext-lightboard-small-margin : 0 !default;\n$mdlext-lightboard-small-columns : 2 !default;\n$mdlext-lightboard-small-frame-width : 8px !default;\n\n$mdlext-lightboard-medium-small-gutter : 4px !default;\n$mdlext-lightboard-medium-small-margin : 0 !default;\n$mdlext-lightboard-medium-small-columns : 4 !default;\n$mdlext-lightboard-medium-small-frame-width : 8px !default;\n\n$mdlext-lightboard-medium-gutter : 4px !default;\n$mdlext-lightboard-medium-margin : 0 !default;\n$mdlext-lightboard-medium-columns : 5 !default;\n$mdlext-lightboard-medium-frame-width : 8px !default;\n\n$mdlext-lightboard-medium-large-gutter : 8px !default;\n$mdlext-lightboard-medium-large-margin : 0 !default;\n$mdlext-lightboard-medium-large-columns : 6 !default;\n$mdlext-lightboard-medium-large-frame-width : 12px !default;\n\n$mdlext-lightboard-large-gutter : 8px !default;\n$mdlext-lightboard-large-margin : 0 !default;\n$mdlext-lightboard-large-columns : 7 !default;\n$mdlext-lightboard-large-frame-width : 12px !default;\n\n$mdlext-lightboard-slide-max-size : 250px !default;\n$mdlext-lightboard-slide-border-color : #D8D8D8 !default;\n$mdlext-lightboard-slide-background-color : #F8F8F8 !default;\n$mdlext-lightboard-slide-border-radius : 5px !default;\n$mdlext-lightboard-slide-inner-border-radius : 3px !default;\n$mdlext-lightboard-slide-box-shadow : 2px 2px 6px -1px rgba(219, 215, 219, 0.5) !default;\n$mdlext-lightboard-slide-border-color-hover : #B8B8B8 !default;\n$mdlext-lightboard-slide-background-color-hover: #E8E8E8 !default;\n$mdlext-lightboard-slide-active-bacground-color: #E8E8E8 !default;\n$mdlext-lightboard-slide-box-shadow-hover : 2px 2px 12px -1px rgba(219, 215, 219, 1) !default;\n$mdlext-lightboard-ripple-color : $tab-highlight-color !default;\n$mdlext-lightboard-focus-outline-color : inherit !default;\n$mdlext-lightboard-figcaption-text-color : rgb-string-to-hex($palette-grey-400) !default;\n\n\n/* ========== Carousel ========== */\n$mdlext-carousel-slide-border-top-width : 2px !default;\n$mdlext-carousel-slide-border-top-color : rgb-string-to-hex($color-accent) !default;\n$mdlext-carousel-slide-margin-horizontal : 0;\n$mdlext-carousel-slide-figcaption-color : $mdlext-lightboard-figcaption-text-color !default;\n$mdlext-carousel-slide-ripple-color : $mdlext-lightboard-ripple-color !default;\n\n\n/* ========== Bordered fields ========== */\n$mdlext-bordered-field-vertical-spacing-top : 0 !default;\n$mdlext-bordered-field-vertical-spacing-bottom : $input-text-vertical-spacing !default;\n\n$mdlext-bordered-field-input-text-font-size : $input-text-font-size !default;\n$mdlext-bordered-field-font-weight : normal !default;\n$mdlext-bordered-field-border-width : 1px !default;\n$mdlext-bordered-field-border-radius : 3px !default;\n$mdlext-bordered-field-padding : $input-text-padding + 4px !default;\n$mdlext-bordered-field-padding-top : $input-text-vertical-spacing !default;\n$mdlext-bordered-field-padding-bottom : $input-text-padding !default;\n\n$mdlext-bordered-field-input-text-color : inherit !default;\n$mdlext-bordered-field-border-color : rgba($mdlext-color-black, 0.26) !default;\n$mdlext-bordered-field-background-color : rgba(#FFFFFF, 0.2) !default;\n$mdlext-bordered-field-focus-border-color : rgb-string-to-hex($color-primary) !default;\n$mdlext-bordered-field-focus-background-color : rgba(#EEEEEE, 0.2) !default;\n\n$mdlext-bordered-field-input-text-disabled-text-color : rgba($mdlext-color-black, 0.12) !default;\n$mdlext-bordered-field-disabled-border-color : rgba($mdlext-color-black, 0.12) !default;\n$mdlext-bordered-field-disabled-background-color : $mdlext-bordered-field-background-color !default;\n\n$mdlext-bordered-field-input-text-error-color : $mdlext-bordered-field-input-text-color !default;\n$mdlext-bordered-field-error-border-color : rgb-string-to-hex($input-text-error-color) !default;\n$mdlext-bordered-field-error-background-color : rgba(lighten($mdlext-bordered-field-error-border-color, 50%), 0.5) !default;\n$mdlext-bordered-field-error-focus-border-color : darken($mdlext-bordered-field-error-border-color, 10%) !default;\n$mdlext-bordered-field-error-focus-background-color : $mdlext-bordered-field-error-background-color !default;\n\n$mdlext-bordered-field-input-text-label-color : rgba($mdlext-color-black, 0.26) !default;\n$mdlext-bordered-field-input-text-label-focus-color : $mdlext-bordered-field-focus-border-color !default;\n$mdlext-bordered-field-input-text-label-error-color : $mdlext-bordered-field-error-border-color !default;\n$mdlext-bordered-field-input-text-label-disabled-color: rgba($mdlext-color-black, 0.12) !default;\n\n$mdlext-bordered-field-label-font-size : $mdlext-bordered-field-input-text-font-size !default;\n$mdlext-bordered-field-floating-label-font-size : $input-text-floating-label-fontsize !default;\n$mdlext-bordered-field-floating-label-font-weight : normal !default;\n\n$mdlext-bordered-field-height : $mdlext-bordered-field-padding-top + $mdlext-bordered-field-padding-bottom + $mdlext-bordered-field-input-text-font-size + 6px !default;\n$mdlext-bordered-field-floating-label-focus-bottom : $mdlext-bordered-field-height - $mdlext-bordered-field-floating-label-font-size - $mdlext-bordered-field-padding-top/2 !default;\n\n\n// MDL can not handle required attribute properly. Planned for MDL-v2\n//$mdlext-bordered-field-required-border-color : rgba(rgb-string-to-hex($color-accent), 0.8) !default;\n//$mdlext-bordered-field-required-background-color : $mdlext-bordered-field-background-color !default;\n//$mdlext-bordered-field-required-focus-border-color : rgba(rgb-string-to-hex($color-accent), 0.8) !default;\n//$mdlext-bordered-field-required-focus-background-color: $mdlext-bordered-field-background-color !default;\n//$mdlext-bordered-field-label-required-color : $mdlext-bordered-field-required-border-color !default;\n\n\n\n/* ========== Color Themes ========== */\n\n// ----------------------------------------------------------------\n// Light Color Theme.\n// ----------------------------------------------------------------\n$mdlext-light-color-primary: #4CAF50 !default;\n$mdlext-light-color-primary-dark: #388E3C !default;\n$mdlext-light-color-primary-light: #4CAF50 !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #C8E6C9 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #E040FB !default;\n$mdlext-light-color-accent-light: #E040FB !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FAFAFA !default;\n\n$mdlext-light-content-background-color: #FAFAFA !default; // background color on content (paper/card) background\n$mdlext-light-text-color-primary: rgba($mdlext-color-black, 0.87) !default; // text color on content (paper/card) background\n$mdlext-light-text-color-secondary: rgba($mdlext-color-black, 0.54) !default; // text color on content (paper/card) background\n$mdlext-light-text-color-disabled: rgba($mdlext-color-black, 0.38) !default; // disabled text, hint text, and icons\n$mdlext-light-divider-color: rgba($mdlext-color-black, 0.12) !default; // -> $card-border-color\n$mdlext-light-error-color: #D32F2F !default;\n\n// Anchor\n$mdlext-light-text-link-color: $mdlext-light-color-accent !default;\n\n// Card\n$mdlext-light-card-background-color: $mdlext-light-content-background-color !default;\n$mdlext-light-card-text-color: $mdlext-light-text-color-primary !default;\n$mdlext-light-card-image-placeholder-color: $mdlext-light-color-accent !default;\n$mdlext-light-card-supporting-text-text-color: rgba($mdlext-color-black, 0.54) !default;\n$mdlext-light-card-border-color: rgba(0, 0, 0, 0.1) !default;\n$mdlext-light-card-subtitle-color: rgba($mdlext-color-black, 0.54) !default;\n\n// Item\n\n// Default Item Colors\n$mdlext-light-default-item-text-color: rgba($mdlext-color-black, 0.87) !default;\n$mdlext-light-default-item-outline-color: $mdlext-palette-grey-400 !default;\n$mdlext-light-default-item-hover-bg-color: $mdlext-palette-grey-200 !default;\n$mdlext-light-default-item-focus-bg-color: $mdlext-palette-grey-200 !default;\n$mdlext-light-default-item-active-bg-color: $mdlext-palette-grey-300 !default;\n$mdlext-light-default-item-divider-color: rgba($mdlext-color-black, 0.12) !default;\n\n// Disabled Button Colors\n$mdlext-light-disabled-item-text-color: $mdlext-palette-grey-400 !default;\n\n// Dropdown menu / menu-button\n$mdlext-light-default-dropdown-bg-color: $mdlext-color-white !default;\n\n// Badge\n$mdlext-light-badge-color: $mdlext-light-color-accent-contrast !default;\n$mdlext-light-badge-color-inverse: $mdlext-light-color-accent !default;\n$mdlext-light-badge-background: $mdlext-light-color-accent !default;\n$mdlext-light-badge-background-inverse: $mdlext-light-color-accent-contrast !default;\n\n// Default button colors.\n$mdlext-light-button-primary-color: rgba($mdlext-palette-grey-500, 0.20) !default;\n$mdlext-light-button-secondary-color: $mdlext-color-black !default;\n$mdlext-light-button-hover-color: $mdlext-light-button-primary-color !default;\n$mdlext-light-button-active-color: rgba($mdlext-palette-grey-500, 0.40) !default;\n$mdlext-light-button-focus-color: rgba($mdlext-color-black, 0.12) !default;\n\n// Colored button colors.\n$mdlext-light-button-primary-color-alt: $mdlext-light-color-primary-light !default;\n$mdlext-light-button-secondary-color-alt: $mdlext-light-color-primary-contrast !default;\n$mdlext-light-button-hover-color-alt: darken($mdlext-light-color-primary-light, 10%) !default;\n$mdlext-light-button-active-color-alt: darken($mdlext-light-color-primary-light, 10%) !default;\n$mdlext-light-button-focus-color-alt: $mdlext-light-button-focus-color !default;\n\n// Ripple color for colored raised buttons.\n$mdlext-light-button-ripple-color-alt: $mdlext-light-color-primary-contrast !default;\n\n// Disabled button colors.\n$mdlext-light-button-primary-color-disabled: rgba($mdlext-color-black, 0.12) !default;\n$mdlext-light-button-secondary-color-disabled: rgba($mdlext-color-black, 0.26) !default;\n\n// FAB colors and sizes.\n$mdlext-light-button-fab-color-alt: $mdlext-light-color-accent !default;\n$mdlext-light-button-fab-hover-color-alt: $mdlext-light-color-accent !default;\n$mdlext-light-button-fab-active-color-alt: $mdlext-light-color-accent !default;\n$mdlext-light-button-fab-text-color-alt: $mdlext-light-color-accent-contrast !default;\n$mdlext-light-button-fab-ripple-color-alt: $mdlext-light-color-accent-contrast !default;\n\n// Slider\n$mdlext-light-range-bg-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-range-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-range-faded-color: rgba($mdlext-light-color-accent-light, 0.26) !default;\n$mdlext-light-range-bg-focus-color: rgba($mdlext-color-black, 0.12) !default;\n\n// Textfields\n$mdlext-light-input-text-background-color: transparent !default;\n$mdlext-light-input-text-label-color: rgba($mdlext-color-black, 0.54) !default;\n$mdlext-light-input-text-bottom-border-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-input-text-highlight-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-input-text-disabled-color: rgba($mdlext-color-black, 0.12) !default;\n$mdlext-light-input-text-disabled-text-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-input-text-error-color: $mdlext-light-error-color !default;\n\n// Checkboxes\n$mdlext-light-checkbox-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-checkbox-off-color: rgba($mdlext-color-black, 0.54) !default;\n$mdlext-light-checkbox-disabled-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-checkbox-focus-color: rgba($mdlext-light-color-accent-light, 0.26) !default;\n\n// Icon Toggles\n$mdlext-light-icon-toggle-color: $mdlext-palette-grey-700 !default;\n$mdlext-light-icon-toggle-focus-color: $mdlext-light-button-focus-color !default;\n$mdlext-light-icon-toggle-checked-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-icon-toggle-checked-focus-color: rgba($mdlext-light-color-accent-light, 0.26) !default;\n$mdlext-light-icon-toggle-disabled-color: rgba($mdlext-color-black, 0.26) !default;\n\n// Radio Buttons\n$mdlext-light-radio-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-radio-off-color: rgba($mdlext-color-black, 0.54) !default;\n$mdlext-light-radio-disabled-color: rgba($mdlext-color-black, 0.26) !default;\n\n// Switches\n$mdlext-light-switch-color: $mdlext-light-color-accent-light !default;\n$mdlext-light-switch-faded-color: rgba($mdlext-light-color-accent-light, 0.26) !default;\n$mdlext-light-switch-thumb-color: $mdlext-light-switch-color !default;\n$mdlext-light-switch-track-color: rgba($mdlext-light-color-accent-light, 0.54) !default;\n$mdlext-light-switch-off-thumb-color: $mdlext-palette-grey-50 !default;\n$mdlext-light-switch-off-track-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-switch-disabled-thumb-color: $mdlext-palette-grey-400 !default;\n$mdlext-light-switch-disabled-track-color: rgba($mdlext-color-black, 0.12) !default;\n\n// Data table\n$mdlext-light-data-table-background-color: $mdlext-light-content-background-color !default;\n$mdlext-light-data-table-header-color: rgba($mdlext-color-black, 0.54) !default;\n$mdlext-light-data-table-header-sorted-color: rgba($mdlext-color-black, 0.87) !default;\n$mdlext-light-data-table-header-sorted-icon-hover-color: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-data-table-hover-color: $mdlext-palette-grey-200 !default;\n$mdlext-light-data-table-selection-color: $mdlext-palette-grey-200 !default;\n$mdlext-light-data-table-divider-color: rgba($mdlext-color-black, 0.12) !default;\n$mdlext-light-data-table-dividers: 1px solid $mdlext-light-data-table-divider-color !default;\n\n\n// Selectfield\n// Uses variables from textfield\n$mdlext-selectfield-arrow-width: 0.7em;\n$mdlext-selectfield-arrow-length: 0.5em;\n\n\n// Accordion\n$mdlext-light-accordion-header-background-color-base : $mdlext-palette-grey-600 !default;\n$mdlext-light-accordion-header-background-color : rgba($mdlext-light-accordion-header-background-color-base, 0.20) !default;\n$mdlext-light-accordion-header-background-open-color : rgba($mdlext-light-accordion-header-background-color-base, 0.30) !default;\n$mdlext-light-accordion-header-background-active-color : rgba($mdlext-light-accordion-header-background-color-base, 0.40) !default;\n$mdlext-light-accordion-header-border-color : rgba($mdlext-light-accordion-header-background-color-base, 0.50) !default;\n$mdlext-light-accordion-header-background-hover-color : rgba($mdlext-light-accordion-header-background-color-base, 0.40) !default;\n$mdlext-light-accordion-header-focus-outline-color : darken($mdlext-light-accordion-header-border-color, 3%) !default;\n$mdlext-light-accordion-header-disabled-color : rgba($mdlext-light-accordion-header-background-color-base, 0.12) !default;\n$mdlext-light-accordion-header-secondary-color : $mdlext-color-black !default;\n$mdlext-light-accordion-header-secondary-color-disabled: rgba($mdlext-color-black, 0.26) !default;\n$mdlext-light-accordion-header-highlight-color : darken($mdlext-light-accordion-header-border-color, 6%) !default;\n$mdlext-light-accordion-ripple-color : rgba($mdlext-light-accordion-header-background-color-base, 0.4) !default;\n$mdlext-light-accordion-content-color : inherit !default;\n$mdlext-light-accordion-content-background-color : transparent !default;\n\n\n// Bordered fields\n$mdlext-light-bordered-field-input-text-color : inherit !default;\n$mdlext-light-bordered-field-border-color : $mdlext-light-input-text-bottom-border-color !default;\n$mdlext-light-bordered-field-background-color : rgba($mdlext-light-content-background-color, 0.1) !default;\n$mdlext-light-bordered-field-focus-border-color : $mdlext-light-color-accent-light !default;\n$mdlext-light-bordered-field-focus-background-color : rgba(darken($mdlext-light-bordered-field-background-color, 10%), 0.1) !default;\n\n$mdlext-light-bordered-field-input-text-disabled-text-color : $mdlext-light-input-text-disabled-text-color;\n$mdlext-light-bordered-field-disabled-border-color : $mdlext-light-input-text-disabled-color !default;\n$mdlext-light-bordered-field-disabled-background-color : $mdlext-light-bordered-field-background-color !default;\n\n$mdlext-light-bordered-field-input-text-error-color : $mdlext-light-bordered-field-input-text-color !default;\n$mdlext-light-bordered-field-error-border-color : $mdlext-light-input-text-error-color !default;\n$mdlext-light-bordered-field-error-background-color : rgba(lighten($mdlext-light-bordered-field-error-border-color, 50%), 0.5) !default;\n$mdlext-light-bordered-field-error-focus-border-color : darken($mdlext-light-bordered-field-error-border-color, 10%) !default;\n$mdlext-light-bordered-field-error-focus-background-color : $mdlext-light-bordered-field-error-background-color !default;\n\n$mdlext-light-bordered-field-input-text-label-color : $mdlext-light-input-text-label-color !default;\n$mdlext-light-bordered-field-input-text-label-focus-color : $mdlext-light-bordered-field-focus-border-color !default;\n$mdlext-light-bordered-field-input-text-label-error-color : $mdlext-light-bordered-field-error-border-color !default;\n$mdlext-light-bordered-field-input-text-label-disabled-color: $mdlext-light-input-text-disabled-text-color !default;\n\n\n\n// ----------------------------------------------------------------\n// Dark Color Theme.\n// ----------------------------------------------------------------\n$mdlext-dark-color-primary: #FFC107 !default;\n$mdlext-dark-color-primary-dark: #FFA000 !default;\n$mdlext-dark-color-primary-light: #FFC107 !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-dark-color-primary-contrast: #FFF8E1 !default; // text color on primary/primary dark background\n$mdlext-dark-color-accent: #536DFE !default;\n$mdlext-dark-color-accent-light: #536DFE !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-dark-color-accent-contrast: #FFFFFF !default;\n\n$mdlext-dark-content-background-color: #303030 !default; // #424242 or #303030, background color on content (paper/card) background\n$mdlext-dark-text-color-primary: rgba(#FFFFFF, 1.00) !default; // text color on content (paper/card) background\n$mdlext-dark-text-color-secondary: rgba(#FFFFFF, 0.70) !default; // text color on content (paper/card) background\n$mdlext-dark-text-color-disabled: rgba(#FFFFFF, 0.50) !default; // disabled text, hint text, and icons\n$mdlext-dark-divider-color: rgba(#FFFFFF, 0.12) !default; // -> $card-border-color\n$mdlext-dark-error-color: #FF1744 !default;\n\n// Anchor\n$mdlext-dark-text-link-color: $mdlext-dark-color-accent !default;\n\n// Card\n$mdlext-dark-card-background-color: $mdlext-dark-content-background-color !default;\n$mdlext-dark-card-text-color: $mdlext-dark-text-color-primary !default;\n$mdlext-dark-card-image-placeholder-color: $mdlext-dark-color-accent !default;\n$mdlext-dark-card-supporting-text-text-color: rgba($mdlext-color-white, 0.70) !default;\n$mdlext-dark-card-border-color: rgba(0, 0, 0, 0.1) !default;\n$mdlext-dark-card-subtitle-color: rgba($mdlext-color-black, 0.70) !default;\n\n// Item\n\n// Default Item Colors\n$mdlext-dark-default-item-text-color: rgba($mdlext-color-white, 0.87) !default;\n$mdlext-dark-default-item-outline-color: $mdlext-palette-grey-700 !default;\n$mdlext-dark-default-item-hover-bg-color: $mdlext-palette-grey-900 !default;\n$mdlext-dark-default-item-focus-bg-color: $mdlext-palette-grey-900 !default;\n$mdlext-dark-default-item-active-bg-color: $mdlext-palette-grey-800 !default;\n$mdlext-dark-default-item-divider-color: rgba($mdlext-color-white, 0.20) !default;\n\n// Disabled Button Colors\n$mdlext-dark-disabled-item-text-color: $mdlext-palette-grey-500 !default;\n\n// Dropdown menu / menu-button\n$mdlext-dark-default-dropdown-bg-color: $mdlext-color-black !default;\n\n// Badge\n$mdlext-dark-badge-color: $mdlext-dark-color-accent-contrast !default;\n$mdlext-dark-badge-color-inverse: $mdlext-dark-color-accent !default;\n$mdlext-dark-badge-background: $mdlext-dark-color-accent !default;\n$mdlext-dark-badge-background-inverse: $mdlext-dark-color-accent-contrast !default;\n\n// Default button colors.\n$mdlext-dark-button-primary-color: rgba($mdlext-palette-grey-500, 0.20) !default;\n$mdlext-dark-button-secondary-color: $mdlext-color-white !default;\n$mdlext-dark-button-hover-color: $mdlext-dark-button-primary-color !default;\n$mdlext-dark-button-active-color: rgba($mdlext-palette-grey-500, 0.40) !default;\n$mdlext-dark-button-focus-color: rgba($mdlext-color-black, 0.12) !default;\n\n// Colored button colors.\n$mdlext-dark-button-primary-color-alt: $mdlext-dark-color-primary-light !default;\n$mdlext-dark-button-secondary-color-alt: $mdlext-dark-color-primary-contrast !default;\n$mdlext-dark-button-hover-color-alt: darken($mdlext-dark-color-primary-light, 10%) !default;\n$mdlext-dark-button-active-color-alt: darken($mdlext-dark-color-primary-light, 10%) !default;\n$mdlext-dark-button-focus-color-alt: $mdlext-dark-button-focus-color !default;\n\n// Ripple color for colored raised buttons.\n$mdlext-dark-button-ripple-color-alt: $mdlext-dark-color-primary-contrast !default;\n\n// Disabled button colors.\n$mdlext-dark-button-primary-color-disabled: rgba($mdlext-color-white, 0.12) !default;\n$mdlext-dark-button-secondary-color-disabled: rgba($mdlext-color-white, 0.26) !default;\n\n// FAB colors and sizes.\n$mdlext-dark-button-fab-color-alt: $mdlext-dark-color-accent !default;\n$mdlext-dark-button-fab-hover-color-alt: $mdlext-dark-color-accent !default;\n$mdlext-dark-button-fab-active-color-alt: $mdlext-dark-color-accent !default;\n$mdlext-dark-button-fab-text-color-alt: $mdlext-dark-color-accent-contrast !default;\n$mdlext-dark-button-fab-ripple-color-alt: $mdlext-dark-color-accent-contrast !default;\n\n// Slider\n$mdlext-dark-range-bg-color: rgba($mdlext-color-white, 0.87) !default;\n$mdlext-dark-range-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-range-faded-color: rgba($mdlext-dark-color-accent-light, 0.50) !default;\n$mdlext-dark-range-bg-focus-color: rgba($mdlext-color-white, 0.50) !default;\n\n// Textfields\n$mdlext-dark-input-text-background-color: transparent !default;\n$mdlext-dark-input-text-label-color: rgba($mdlext-color-white, 0.50) !default;\n$mdlext-dark-input-text-bottom-border-color: rgba($mdlext-color-white, 0.26) !default;\n$mdlext-dark-input-text-highlight-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-input-text-disabled-color: rgba($mdlext-color-white, 0.12) !default;\n$mdlext-dark-input-text-disabled-text-color: rgba($mdlext-color-white, 0.26) !default;\n$mdlext-dark-input-text-error-color: $mdlext-dark-error-color !default;\n\n// Checkboxes\n$mdlext-dark-checkbox-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-checkbox-off-color: rgba($mdlext-color-white, 0.50) !default;\n$mdlext-dark-checkbox-disabled-color: rgba($mdlext-color-white, 0.26) !default;\n$mdlext-dark-checkbox-focus-color: rgba($mdlext-dark-color-accent-light, 0.26) !default;\n\n// Icon Toggles\n$mdlext-dark-icon-toggle-color: $mdlext-palette-grey-700 !default;\n$mdlext-dark-icon-toggle-focus-color: $mdlext-dark-button-focus-color !default;\n$mdlext-dark-icon-toggle-checked-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-icon-toggle-checked-focus-color: rgba($mdlext-dark-color-accent-light, 0.26) !default;\n$mdlext-dark-icon-toggle-disabled-color: rgba($mdlext-color-white, 0.50) !default;\n\n// Radio Buttons\n$mdlext-dark-radio-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-radio-off-color: rgba($mdlext-color-white, 0.50) !default;\n$mdlext-dark-radio-disabled-color: rgba($mdlext-color-white, 0.26) !default;\n\n// Switches\n$mdlext-dark-switch-color: $mdlext-dark-color-accent-light !default;\n$mdlext-dark-switch-faded-color: rgba($mdlext-dark-color-accent-light, 0.26) !default;\n$mdlext-dark-switch-thumb-color: $mdlext-dark-switch-color !default;\n$mdlext-dark-switch-track-color: rgba($mdlext-dark-color-accent-light, 0.5) !default;\n$mdlext-dark-switch-off-thumb-color: $mdlext-palette-grey-50 !default;\n$mdlext-dark-switch-off-track-color: rgba($mdlext-color-white, 0.26) !default;\n$mdlext-dark-switch-disabled-thumb-color: $mdlext-palette-grey-50 !default;\n$mdlext-dark-switch-disabled-track-color: rgba($mdlext-color-white, 0.12) !default;\n\n// Data table\n$mdlext-dark-data-table-background-color: $mdlext-dark-content-background-color !default;\n$mdlext-dark-data-table-header-color: rgba($mdlext-color-white, 0.87) !default;\n$mdlext-dark-data-table-header-sorted-color: rgba($mdlext-color-white, 0.87) !default;\n$mdlext-dark-data-table-header-sorted-icon-hover-color: rgba($mdlext-color-white, 0.26) !default;\n$mdlext-dark-data-table-hover-color: $mdlext-dark-default-item-hover-bg-color !default;\n$mdlext-dark-data-table-selection-color: $mdlext-dark-default-item-active-bg-color !default;\n$mdlext-dark-data-table-divider-color: rgba($mdlext-color-white, 0.12) !default;\n$mdlext-dark-data-table-dividers: 1px solid $mdlext-dark-data-table-divider-color !default;\n\n\n// Selectfield\n// Uses variables from textfield\n\n\n// Accordion\n$mdlext-dark-accordion-header-background-color-base : $mdlext-color-black !default;\n$mdlext-dark-accordion-header-background-color : rgba($mdlext-dark-accordion-header-background-color-base, 1.0) !default;\n$mdlext-dark-accordion-header-background-open-color : rgba($mdlext-dark-accordion-header-background-color-base, 0.9) !default;\n$mdlext-dark-accordion-header-border-color : $mdlext-palette-grey-800 !default;\n$mdlext-dark-accordion-header-background-hover-color : rgba($mdlext-dark-accordion-header-background-color-base, 0.5) !default;\n$mdlext-dark-accordion-header-background-active-color : rgba($mdlext-dark-accordion-header-background-color-base, 0.6) !default;\n$mdlext-dark-accordion-header-focus-outline-color : lighten($mdlext-dark-accordion-header-border-color, 40%) !default;\n$mdlext-dark-accordion-header-disabled-color : rgba($mdlext-dark-accordion-header-background-color-base, 0.4) !default;\n$mdlext-dark-accordion-header-secondary-color : $mdlext-dark-text-color-primary !default;\n$mdlext-dark-accordion-header-secondary-color-disabled: $mdlext-dark-text-color-disabled !default;\n$mdlext-dark-accordion-header-highlight-color : lighten($mdlext-dark-accordion-header-border-color, 40%) !default;\n$mdlext-dark-accordion-ripple-color : rgba($mdlext-dark-accordion-header-background-color-base, 0.3) !default;\n$mdlext-dark-accordion-content-color : inherit !default;\n$mdlext-dark-accordion-content-background-color : transparent !default;\n\n\n// Bordered fields\n$mdlext-dark-bordered-field-input-text-color : inherit !default;\n$mdlext-dark-bordered-field-border-color : $mdlext-dark-input-text-bottom-border-color !default;\n$mdlext-dark-bordered-field-background-color : rgba($mdlext-dark-content-background-color, 0.1) !default;\n$mdlext-dark-bordered-field-focus-border-color : $mdlext-dark-color-accent-light !default;\n$mdlext-dark-bordered-field-focus-background-color : rgba(darken($mdlext-dark-bordered-field-background-color, 10%), 0.1) !default;\n\n$mdlext-dark-bordered-field-input-text-disabled-text-color : $mdlext-dark-input-text-disabled-text-color;\n$mdlext-dark-bordered-field-disabled-border-color : $mdlext-dark-input-text-disabled-color !default;\n$mdlext-dark-bordered-field-disabled-background-color : $mdlext-dark-bordered-field-background-color !default;\n\n$mdlext-dark-bordered-field-input-text-error-color : $mdlext-dark-bordered-field-input-text-color !default;\n$mdlext-dark-bordered-field-error-border-color : $mdlext-dark-input-text-error-color !default;\n$mdlext-dark-bordered-field-error-background-color : rgba($mdlext-dark-bordered-field-error-border-color, 0.1) !default;\n$mdlext-dark-bordered-field-error-focus-border-color : darken($mdlext-dark-bordered-field-error-border-color, 10%) !default;\n$mdlext-dark-bordered-field-error-focus-background-color : $mdlext-dark-bordered-field-error-background-color !default;\n\n$mdlext-dark-bordered-field-input-text-label-color : $mdlext-dark-input-text-label-color !default;\n$mdlext-dark-bordered-field-input-text-label-focus-color : $mdlext-dark-bordered-field-focus-border-color !default;\n$mdlext-dark-bordered-field-input-text-label-error-color : $mdlext-dark-bordered-field-error-border-color !default;\n$mdlext-dark-bordered-field-input-text-label-disabled-color: $mdlext-dark-input-text-disabled-text-color !default;\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/_variables.scss","///\n/// Returns the opposite direction of each direction in a list\n/// Modified from: https://css-tricks.com/snippets/sass/opposite-direction-function/\n/// @author Hugo Giraudel\n/// @param {List} $directions - List of initial directions\n/// @return {List} - List of opposite directions\n@function mdlext-opposite-direction($directions) {\n $opposite-directions: ();\n $direction-map: (\n 'top': 'bottom',\n 'right': 'left',\n 'bottom': 'top',\n 'left': 'right',\n 'center': 'center',\n 'ltr': 'rtl',\n 'rtl': 'ltr'\n );\n\n @each $direction in $directions {\n $direction: to-lower-case($direction);\n\n @if map-has-key($direction-map, $direction) {\n $opposite-directions: append($opposite-directions, unquote(map-get($direction-map, $direction)));\n }\n @else {\n @warn \"No opposite direction can be found for `#{$direction}`. Direction omitted.\";\n }\n }\n\n @return $opposite-directions;\n}\n\n///\n/// Strip unit from value\n/// @author Hugo Giraudel\n/// http://hugogiraudel.com/2013/08/12/sass-functions/\n/// https://css-tricks.com/snippets/sass/strip-unit-function/\n/// @param {Number} $number - Number to remove unit from\n/// @return {Number} - Unitless number\n\n@function strip-unit($number) {\n @return if(type-of($number) == 'number' and not unitless($number), $number / ($number * 0 + 1), $number);\n}\n\n///\n/// Clamping a number means restricting it between min and max values.\n/// 4 clamped to 1-3 equals 3.\n/// -5 clamped to 1-10 equals 1.\n/// 42 clamped to 10-100 equals 42.\n/// @author Hugo Giraudel\n/// http://hugogiraudel.com/2013/08/12/sass-functions/\n/// @param {Number} $value - The value to clamp\n/// @param {Number} $min - min value in range\n/// @param {Number} $max - Max value in range\n/// @return {Number} - The clamped value\n\n@function clamp($value, $min, $max) {\n @return if($value > $max, $max, if($value < $min, $min, $value));\n}\n\n///\n/// Convert one unit into another\n/// @author Hugo Giraudel\n/// http://www.sitepoint.com/understanding-sass-units/\n/// @param {Number} $value - Initial value\n/// @param {String} $unit - Desired unit\n/// @return {Number}\n/// @throw Error if `$unit` does not exist or if units are incompatible.\n\n/* stylelint-disable */\n@function convert-unit($value, $unit) {\n $units: (\n 'px' : 0px,\n 'cm' : 0cm,\n 'mm' : 0mm,\n '%' : 0%,\n 'ch' : 0ch,\n 'in' : 0in,\n 'em' : 0em,\n 'rem' : 0rem,\n 'pt' : 0pt,\n 'pc' : 0pc,\n 'ex' : 0ex,\n 'vw' : 0vw,\n 'vh' : 0vh,\n 'vmin': 0vmin,\n 'vmax': 0vmax,\n 'deg' : 0deg,\n 'turn': 0turn,\n 'rad' : 0rad,\n 'grad': 0grad,\n 's' : 0s,\n 'ms' : 0ms,\n 'Hz' : 0Hz,\n 'kHz' : 0kHz,\n 'dppx': 0dppx,\n 'dpcm': 0dpcm,\n 'dpi' : 0dpi,\n );\n\n @if map-has-key($units, $unit) {\n @return map-get($units, $unit) + $value;\n }\n\n @error \"Unknown unit `#{$unit}`.\";\n}\n/* stylelint-enable */\n\n\n///\n/// Replace `$search` with `$replace` in `$string`\n/// @author Hugo Giraudel, http://hugogiraudel.com/2014/01/13/sass-string-replacement-function/\n/// @param {String} $string - Initial string\n/// @param {String} $search - Substring to replace\n/// @param {String} $replace ('') - New value\n/// @return {String} - Updated string\n@function str-replace($string, $search, $replace: '') {\n $index: str-index($string, $search);\n\n @if $index {\n @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);\n }\n @return $string;\n}\n\n///\n/// @function explode() -- split a string into a list of strings\n/// @author https://gist.github.com/danielpchen/3677421ea15dcf2579ff\n/// {string} $string: the string to be split\n/// {string} $delimiter: the boundary string\n/// @return {list} the result list\n@function explode($string, $delimiter: ',') {\n $result: ();\n @if $delimiter == \"\" {\n @for $i from 1 through str-length($string) {\n $result: append($result, str-slice($string, $i, $i));\n }\n @return $result;\n }\n $exploding: true;\n @while $exploding {\n $d-index: str-index($string, $delimiter);\n @if $d-index {\n @if $d-index > 1 {\n $result: append($result, str-slice($string, 1, $d-index - 1));\n $string: str-slice($string, $d-index + str-length($delimiter));\n }\n @else if $d-index == 1 {\n $string: str-slice($string, 1, $d-index + str-length($delimiter));\n }\n @else {\n $result: append($result, $string);\n $exploding: false;\n }\n }\n @else {\n $result: append($result, $string);\n $exploding: false;\n }\n }\n @return $result;\n}\n\n///\n/// Add `$unit` to `$value`\n/// @author Hugo Giraudel\n///\n/// @param {Number} $value - Value to add unit to\n/// @param {String} $unit - String representation of the unit\n///\n/// @return {Number} - `$value` expressed in `$unit`\n/// @throw Error if `$unit` does not exist or if units are incompatible.\n///\n@function to-length($value, $unit) {\n $units: (\n 'px' : 1px,\n 'cm' : 1cm,\n 'mm' : 1mm,\n '%' : 1%,\n 'ch' : 1ch,\n 'pc' : 1pc,\n 'in' : 1in,\n 'em' : 1em,\n 'rem' : 1rem,\n 'pt' : 1pt,\n 'ex' : 1ex,\n 'vw' : 1vw,\n 'vh' : 1vh,\n 'vmin': 1vmin,\n 'vmax': 1vmax\n );\n\n @if not index(map-keys($units), $unit) {\n @error('Invalid unit `#{$unit}`.');\n }\n\n @return $value * map-get($units, $unit);\n}\n\n///\n/// Casts a string into a number\n///\n/// @author Hugo Giraudel\n// @param {String | Number} $value - Value to be parsed\n///\n/// @return {Number}\n/// @throw Error if `$value` is not a number or a string.\n///\n@function to-number($value) {\n @if type-of($value) == 'number' {\n @return $value;\n }\n @else if type-of($value) != 'string' {\n @error('Value for `to-number` should be a number or a string.');\n }\n\n $result: 0;\n $digits: 0;\n $minus: str-slice($value, 1, 1) == '-';\n $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);\n\n @for $i from if($minus, 2, 1) through str-length($value) {\n $character: str-slice($value, $i, $i);\n\n @if not (index(map-keys($numbers), $character) or $character == '.') {\n @return to-length(if($minus, -$result, $result), str-slice($value, $i));\n }\n\n @if $character == '.' {\n $digits: 1;\n }\n @else if $digits == 0 {\n $result: $result * 10 + map-get($numbers, $character);\n }\n @else {\n $digits: $digits * 10;\n $result: $result + map-get($numbers, $character) / $digits;\n }\n }\n\n @return if($minus, -$result, $result);\n}\n\n///\n/// Convert `$rgb-string` to a number list\n/// @author Leif Olsen\n/// @param {String | Number} $value - Value to be parsed\n/// @return {list} the rgb number list\n/// @throw Error if `$value` is not a number, color or a string.\n@function rgb-string-to-numbers($value) {\n @if type-of($value) == 'number' or type-of($value) == 'color' {\n @return $value;\n }\n @else if type-of($value) != 'string' {\n @error('Value for `rgb-string-to-numbers` should be a number or a string.');\n }\n\n $s: str-replace($value, \"rgba\");\n $s: str-replace($s, \"rgb\");\n $s: str-replace($s, \"(\");\n $s: str-replace($s, \")\");\n $s: str-replace($s, \" \");\n $l: explode($s);\n $result: ();\n @for $i from 1 through length($l) {\n $result: append($result, to-number(nth($l, $i)));\n }\n @return $result;\n}\n\n///\n/// Convert `$rgb-string` to a corresponding hex value\n/// @author Leif Olsen\n/// @param {String | Number} $value - Value to be parsed\n/// @return {number} the rgb hex value\n/// @throw Error if `$value` is not a number, color or a string.\n@function rgb-string-to-hex($value) {\n @if type-of($value) == 'number' or type-of($value) == 'color' {\n @return $value;\n }\n @else if type-of($value) != 'string' {\n @error('Value for `rgb-string-to-numbers` should be a number or a string.');\n }\n $l: rgb-string-to-numbers($value);\n @return rgb(nth($l, 1), nth($l, 2), nth($l, 3));\n}\n\n\n///\n/// Convert hex color to a coresponding `$rgb-string`\n/// @author https://github.com/google/material-design-lite/issues/1689\n/// @param {Number} $hexColor - Value to convert\n/// @return {String} the rgb string value\n///\n/// @example - $color-primary: hex-to-string(#333);\n@function hex-to-rgb-string($hexColor) {\n // 0.999999 val in alpha actually compiles to 1.0\n $rgbaVal: inspect(rgba($hexColor, 0.9999999));\n\n // slice substring between 'rgba(' and '1.0)'\n @return str-slice($rgbaVal, 6, str-length($rgbaVal)-4);\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/_functions.scss","@charset \"UTF-8\";\n\n/**\n * @license\n * Copyright 2016-2017 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * This code is built with Google Material Design Lite,\n * which is Licensed under the Apache License, Version 2.0\n */\n\n@import \"../mixins\";\n\n.mdlext-aria-expanded-plus-minus {\n @include mdlext-aria-expanded-toggle($font-family: inherit);\n}\n\n.mdlext-aria-expanded-more-less {\n @include mdlext-aria-expanded-toggle($icon: 'expand_more', $icon-expanded: 'expand_less');\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/aria-expanded-toggle/_aria-expanded-toggle.scss","@import \"functions\";\n\n/// Triangle helper mixin\n/// Modified from: http://blustemy.io/drawing-pure-css-arrows-with-mixins/\n/// https://css-tricks.com/snippets/sass/css-triangle-mixin/\n/// @param {Direction} $direction - Triangle direction, either `top`, `right`, `bottom` or `left`\n/// @param {Color} $color [currentcolor] - Triangle color\n/// @param {Length} $size [1em] - Triangle size\n@mixin mdlext-arrow($direction: bottom, $base-width: 15px, $length: 10px, $color: inherit, $font-size: inherit) {\n content: '';\n width: 0;\n height: 0;\n font-size: $font-size;\n line-height: $font-size;\n border-#{mdlext-opposite-direction($direction)}: $length solid $color;\n border-#{mdlext-opposite-direction($direction)}-width: $length;\n border-#{mdlext-opposite-direction($direction)}-style: solid;\n border-#{mdlext-opposite-direction($direction)}-color: $color;\n\n $perpendicular-borders: ($base-width / 2) solid transparent;\n\n @if $direction == top or $direction == bottom {\n border-left: $perpendicular-borders;\n border-right: $perpendicular-borders;\n }\n @else if $direction == right or $direction == left {\n border-bottom: $perpendicular-borders;\n border-top: $perpendicular-borders;\n }\n}\n\n/// Hide element while making it readable for screen readers\n/// Copied from HTML5Boilerplate:\n/// https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133\n@mixin mdlext-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\n\n/// Toggle for aria-expanded attribute\n///\n/// @author Leif Olsen\n/// @param {Font} $font-family ['Material Icons'] - Font family\n/// @param {Length} $font-size [24px] - Font size\n/// @param {string} $icon ['+'] - icon to display when 'aria-expanded=\"false\"'\n/// @param {string} $icon-expanded ['-'] - icon to display when 'aria-expanded=\"true\"'\n/// @link https://github.com/google/material-design-icons Modified from '.material-icons' class\n/// @param {Length} $icon-offset [0] - Icon offset\n///\n/// @example - +/- toggle\n/// .plus-minus {\n/// @include mdlext-aria-expanded-toggle($font-family: inherit, $font-size: inherit);\n/// }\n/// <div aria-expanded=\"false\">\n/// <i class=\"plus-minus\"></i>\n/// </div>\n///\n/// @example - Material Icons, expand-more/expand_less\n/// .more-less {\n/// @include mdlext-aria-expanded-toggle($content: 'expand_more', $content-expanded: 'expand_less');\n/// }\n/// <div aria-expanded=\"true\">\n/// <i class=\"more-less\"></i>\n/// </div>\n\n@mixin mdlext-aria-expanded-toggle($font-family: 'Material Icons', $font-size: 24px, $icon: '+', $icon-expanded: '-', $icon-offset: 0) {\n font-family: $font-family;\n font-weight: inherit;\n font-style: inherit;\n font-size: $font-size; // Preferred icon size\n display: inline-block;\n width: 1em;\n height: 1em;\n line-height: 1;\n text-transform: none;\n letter-spacing: normal;\n word-wrap: normal;\n white-space: nowrap;\n direction: ltr;\n vertical-align: middle;\n\n // Support for all WebKit browsers.\n -webkit-font-smoothing: antialiased;\n -webkit-font-feature-settings: 'liga';\n\n // Support for Safari and Chrome.\n text-rendering: optimizeLegibility;\n\n // Support for Firefox.\n -moz-osx-font-smoothing: grayscale;\n\n // Support for IE.\n font-feature-settings: 'liga';\n\n &::after {\n content: $icon;\n margin-left: $icon-offset;\n }\n\n [aria-expanded='true'] > & {\n &::after {\n content: $icon-expanded;\n margin-left: $icon-offset;\n }\n }\n}\n\n\n/// Keyframe mixin\n/// Modified from: http://sassbreak.com/nested-keyframe-rules-sass/\n/// Modified from: http://sassbreak.com/sass-tools-and-snippets/\n///\n/// @example\n///\n/// .some-element {\n/// animation: 10s linear infinite;\n///\n/// @include mdlext-animation-keyframes {\n/// from {\n/// background-position: 0% 0%;\n/// }\n/// to {\n/// background-position: 114.2857% 0%;\n/// }\n/// }\n/// }\n\n@mixin mdlext-animation-keyframes {\n $animation-name: unique-id();\n animation-name: $animation-name;\n\n @keyframes #{$animation-name} {\n @content;\n }\n}\n\n\n/// Flexible title mixin\n/// A flexible title consists of three regions, left, middle and right.\n/// The left and right regions are optional and will typically contain state icons\n/// or act as a toolbar. The middle region should contain the title text.\n///\n/// @author Leif Olsen\n/// @param {String} $class - class name\n/// @gutter {Length} [8px] - horizontal spacing between title elements\n///\n/// @example\n///\n/// @include mdlext-flexible-title(my-title) {\n/// overflow: hidden;\n/// background-color: yellow;\n/// &__text {\n/// font-size: 20px;\n/// letter-spacing: 0.02em;\n/// font-weight: 400;\n/// line-height: 1.1;\n/// }\n/// }\n///\n/// <header class=\"my-title\">\n/// <i class=\"material-icons\" role=\"presentation\" style=\"font-size: 28px;\">info</i>\n/// <h2 class=\"my-title__text\">A title</h2>\n/// <span class=\"my-title__spacer\"></span>\n/// <i class=\"mdlext-aria-expanded-more-less\" role=\"presentation\" style=\"font-size: 28px;\"></i>\n/// </header>\n\n@mixin mdlext-flexible-title($class, $gutter: 8px) {\n .#{$class} {\n box-sizing: border-box;\n position: relative;\n width: 100%;\n display: flex;\n align-self: stretch;\n align-items: center;\n margin: 0;\n padding: 0 $gutter;\n\n &__text,\n &__text > * {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n > * {\n box-sizing: border-box;\n margin: 0;\n padding: 0 $gutter 0 0;\n }\n\n > *:last-child {\n padding-right: 0;\n }\n\n // Used to align elements inside a header or drawer, by growing to fill\n // remaining space. Commonly used for aligning elements to the right.\n &__spacer {\n flex: 1;\n }\n\n @content;\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/_mixins.scss","/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n@import \"../variables\";\n\n.mdlext-layout__sticky-header {\n position: absolute;\n overflow: visible;\n background: $mdlext-sticky-header-background;\n transition: 0.1s ease-in-out;\n\n &.mdlext-is-scroll {\n background: $mdlext-sticky-header-background-scroll;\n }\n}\n\n*:not(.is-small-screen) .mdlext-layout__sticky-header {\n .mdl-layout__drawer-button {\n visibility: hidden;\n }\n .mdl-layout__header-row {\n padding-left: $padding;\n }\n}\n\n*:not(.mdl-layout--fixed-drawer).has-drawer .mdlext-layout__sticky-header,\n.is-small-screen.has-drawer .mdlext-layout__sticky-header {\n display: flex;\n\n .mdl-layout__drawer-button {\n visibility: visible;\n }\n .mdl-layout__header-row {\n padding-left: $padding + $layout-drawer-button-desktop-size;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/sticky-header/_sticky-header.scss","/**\n * Copyright 2015 Google Inc. All Rights Reserved.\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * SASS based on css from Google Chrome Dialog polyfill, https://github.com/GoogleChrome/dialog-polyfill\n * @include 'node_modules/dialog-polyfill/dialog-polyfill.css' before using this\n */\n\n@import \"../variables\";\n\ndialog.mdlext-dialog {\n position: absolute;\n border: 0;\n opacity: 0;\n padding: $mdlext-dialog-padding;\n background-color: $mdlext-dialog-background-color;\n\n &[open] {\n animation: mdlext-open-dialog $mdlext-dialog-open-animation;\n }\n &[open]::backdrop {\n animation: mdlext-darken-backdrop $mdlext-dialog-backdrop-animation;\n }\n &[open] + .backdrop {\n animation: mdlext-darken-backdrop $mdlext-dialog-backdrop-animation;\n }\n}\n\n@keyframes mdlext-darken-backdrop {\n to { background: $mdlext-dialog-backdrop-color; }\n}\n@keyframes mdlext-open-dialog {\n to { opacity: 1; }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/dialog/dialog.scss","@charset \"UTF-8\";\n\n/**\n * This code is modified from Material Design Lite _grid.sass,\n * which is Licensed under the Apache License, Version 2.0\n * Copyright 2015 Google Inc. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n */\n\n///////////////////////////////////////////////////////////////////////\n//\n// Grid media queries, modified from Material Design Lite _grid.sass\n//\n///////////////////////////////////////////////////////////////////////\n// Use of this module requires the user to include variables from material-design-lite in hers/his main SASS module\n//@import \"../../node_modules/material-design-lite/src/variables\";\n\n\n.mdlext-grid {\n display: flex;\n flex-flow: row wrap;\n margin: 0 auto;\n align-items: stretch;\n\n &.mdlext-grid--no-spacing {\n padding: 0;\n }\n}\n\n.mdlext-cell {\n box-sizing: border-box;\n}\n\n\n.mdlext-cell--top {\n align-self: flex-start;\n}\n\n.mdlext-cell--middle {\n align-self: center;\n}\n\n.mdlext-cell--bottom {\n align-self: flex-end;\n}\n\n.mdlext-cell--stretch {\n align-self: stretch;\n}\n\n.mdlext-grid.mdlext-grid--no-spacing > .mdlext-cell {\n margin: 0;\n}\n\n// Define order override classes.\n@for $i from 1 through $grid-max-columns {\n .mdlext-cell--order-#{$i} {\n order: $i;\n }\n}\n\n\n// Mixins for width calculation.\n@mixin partial-size($size, $columns, $gutter) {\n width: calc(#{(($size / $columns) * 100) + \"%\"} - #{$gutter});\n\n .mdlext-grid--no-spacing > & {\n width: #{(($size / $columns) * 100) + \"%\"};\n }\n}\n\n@mixin full-size($gutter) {\n @include partial-size(1, 1, $gutter);\n}\n\n@mixin offset-size($size, $columns, $gutter) {\n margin-left: calc(#{(($size / $columns) * 100) + \"%\"} + #{$gutter / 2});\n\n .mdlext-grid.mdlext-grid--no-spacing > & {\n margin-left: #{(($size / $columns) * 100) + \"%\"};\n }\n}\n\n\n\n////////// Phone //////////\n\n/* stylelint-disable */\n@media (max-width: $grid-tablet-breakpoint - 1) {\n/* stylelint-enable */\n .mdlext-grid {\n padding: $grid-phone-margin - ($grid-phone-gutter / 2);\n }\n\n .mdlext-cell {\n margin: $grid-phone-gutter / 2;\n @include partial-size($grid-cell-default-columns, $grid-phone-columns, $grid-phone-gutter);\n }\n\n .mdlext-cell--hide-phone {\n display: none !important;\n }\n\n // Define order override classes.\n @for $i from 1 through $grid-max-columns {\n .mdlext-cell--order-#{$i}-phone.mdlext-cell--order-#{$i}-phone {\n order: $i;\n }\n }\n\n // Define partial sizes for columnNumber < totalColumns.\n @for $i from 1 through ($grid-phone-columns - 1) {\n .mdlext-cell--#{$i}-col,\n .mdlext-cell--#{$i}-col-phone.mdlext-cell--#{$i}-col-phone {\n @include partial-size($i, $grid-phone-columns, $grid-phone-gutter);\n }\n }\n\n // Define 100% for everything else.\n @for $i from $grid-phone-columns through $grid-desktop-columns {\n .mdlext-cell--#{$i}-col,\n .mdlext-cell--#{$i}-col-phone.mdlext-cell--#{$i}-col-phone {\n @include full-size($grid-phone-gutter);\n }\n }\n\n // Define valid phone offsets.\n @for $i from 1 through ($grid-phone-columns - 1) {\n .mdlext-cell--#{$i}-offset,\n .mdlext-cell--#{$i}-offset-phone.mdlext-cell--#{$i}-offset-phone {\n @include offset-size($i, $grid-phone-columns, $grid-phone-gutter);\n }\n }\n}\n\n\n////////// Tablet //////////\n\n/* stylelint-disable */\n@media (min-width: $grid-tablet-breakpoint) and (max-width: $grid-desktop-breakpoint - 1) { /* stylelint-enable */\n .mdlext-grid {\n padding: $grid-tablet-margin - ($grid-tablet-gutter / 2);\n }\n\n .mdlext-cell {\n margin: $grid-tablet-gutter / 2;\n @include partial-size($grid-cell-default-columns, $grid-tablet-columns, $grid-tablet-gutter);\n }\n\n .mdlext-cell--hide-tablet {\n display: none !important;\n }\n\n // Define order override classes.\n @for $i from 1 through $grid-max-columns {\n .mdlext-cell--order-#{$i}-tablet.mdlext-cell--order-#{$i}-tablet {\n order: $i;\n }\n }\n\n // Define partial sizes for columnNumber < totalColumns.\n @for $i from 1 through ($grid-tablet-columns - 1) {\n .mdlext-cell--#{$i}-col,\n .mdlext-cell--#{$i}-col-tablet.mdlext-cell--#{$i}-col-tablet {\n @include partial-size($i, $grid-tablet-columns, $grid-tablet-gutter);\n }\n }\n\n // Define 100% for everything else.\n @for $i from $grid-tablet-columns through $grid-desktop-columns {\n .mdlext-cell--#{$i}-col,\n .mdlext-cell--#{$i}-col-tablet.mdlext-cell--#{$i}-col-tablet {\n @include full-size($grid-tablet-gutter);\n }\n }\n\n // Define valid tablet offsets.\n @for $i from 1 through ($grid-tablet-columns - 1) {\n .mdlext-cell--#{$i}-offset,\n .mdlext-cell--#{$i}-offset-tablet.mdlext-cell--#{$i}-offset-tablet {\n @include offset-size($i, $grid-tablet-columns, $grid-tablet-gutter);\n }\n }\n}\n\n\n////////// Desktop //////////\n\n@media (min-width: $grid-desktop-breakpoint) {\n .mdlext-grid {\n padding: $grid-desktop-margin - ($grid-desktop-gutter / 2);\n }\n\n .mdlext-cell {\n margin: $grid-desktop-gutter / 2;\n @include partial-size($grid-cell-default-columns, $grid-desktop-columns, $grid-desktop-gutter);\n }\n\n .mdlext-cell--hide-desktop {\n display: none !important;\n }\n\n // Define order override classes.\n @for $i from 1 through $grid-max-columns {\n .mdlext-cell--order-#{$i}-desktop.mdlext-cell--order-#{$i}-desktop {\n order: $i;\n }\n }\n\n // Define partial sizes for all numbers of columns.\n @for $i from 1 through $grid-desktop-columns {\n .mdlext-cell--#{$i}-col,\n .mdlext-cell--#{$i}-col-desktop.mdlext-cell--#{$i}-col-desktop {\n @include partial-size($i, $grid-desktop-columns, $grid-desktop-gutter);\n }\n }\n\n // Define valid desktop offsets.\n @for $i from 1 through ($grid-desktop-columns - 1) {\n .mdlext-cell--#{$i}-offset,\n .mdlext-cell--#{$i}-offset-desktop.mdlext-cell--#{$i}-offset-desktop {\n @include offset-size($i, $grid-desktop-columns, $grid-desktop-gutter);\n }\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/grid/_grid-media-queries.scss","@charset \"UTF-8\";\n\n/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * A lightboard is a translucent surface illuminated from behind, used for situations\n * where a shape laid upon the surface needs to be seen with high contrast. In the \"old days\" of photography\n * photograpers used a lightboard to get a quick view of their slides. The goal is to create a responsive lightbox\n * design, based on flex layout, similar to what is used in Adobe LightRoom to browse images.\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n@import \"../variables\";\n\nul.mdlext-lightboard {\n list-style: none;\n}\n\n.mdlext-lightboard {\n box-sizing: border-box;\n margin: 0 auto;\n padding: 0;\n display: flex;\n flex-flow:row wrap;\n align-items: stretch;\n\n *,\n *::before,\n *::after,\n input[type=\"search\"] {\n box-sizing: border-box;\n }\n\n .mdlext-lightboard__slide {\n background-color: $mdlext-lightboard-slide-background-color;\n border: 1px solid $mdlext-lightboard-slide-border-color;\n border-radius: $mdlext-lightboard-slide-border-radius;\n box-shadow: $mdlext-lightboard-slide-box-shadow;\n position: relative;\n display: block;\n max-width: $mdlext-lightboard-slide-max-size;\n\n &::before {\n // 1:1 ratio\n // TODO: Use a class for ratio so the grid can display slides with different ratios (16:9, 16:10, 4:3 ...)\n content: '';\n display: block;\n padding-top: 100%;\n }\n &:hover,\n &:active,\n &:focus {\n border-color: $mdlext-lightboard-slide-border-color-hover;\n background-color: $mdlext-lightboard-slide-background-color-hover;\n box-shadow: $mdlext-lightboard-slide-box-shadow-hover;\n\n figcaption {\n color: rgba(0, 0, 0, 1) !important;\n background-color: rgba(255, 255, 255, 0.2);\n }\n }\n &:focus {\n outline-offset: -2px;\n outline-color: $mdlext-lightboard-focus-outline-color;\n }\n &[aria-selected='true'] {\n background-color: $mdlext-lightboard-slide-active-bacground-color;\n\n figcaption {\n color: rgba(0, 0, 0, 1) !important;\n background-color: rgba(255, 255, 255, 0.2);\n }\n }\n &__frame,\n &__ripple-container {\n text-decoration: none;\n display: block;\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n &:focus {\n outline-offset: -2px;\n outline-color: $mdlext-lightboard-focus-outline-color;\n }\n & .mdl-ripple {\n background: $mdlext-lightboard-ripple-color;\n }\n figure {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n img {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: auto;\n max-width: 100%;\n max-height: 100%;\n border-width: 0;\n border-radius: $mdlext-lightboard-slide-inner-border-radius;\n }\n figcaption {\n @include typo-caption($colorContrast: false, $usePreferred: true);\n\n color: $mdlext-lightboard-figcaption-text-color;\n position: absolute;\n bottom: -2px;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n width: 100%;\n text-align: center;\n text-overflow: ellipsis;\n padding: 4px 0;\n }\n }\n &:hover {\n figcaption {\n // As far as I can see there is no way to darken/lighten a text color\n // defined by MDL, due to the \"unqote\" functions.\n // So this is a hack\n color: rgba(0, 0, 0, 1) !important;\n background-color: rgba(255, 255, 255, 0.2);\n }\n }\n }\n }\n}\n\n////// Media / Element queries default, Small //////\n.mdlext-lightboard {\n padding: calc((#{$mdlext-lightboard-small-margin} - #{$mdlext-lightboard-small-gutter}) / 2);\n\n .mdlext-lightboard__slide {\n margin: calc(#{$mdlext-lightboard-small-gutter} / 2);\n width: calc(1 / #{$mdlext-lightboard-small-columns} * 100% - #{$mdlext-lightboard-small-gutter});\n\n .mdlext-lightboard__slide__frame figure {\n margin: $mdlext-lightboard-small-frame-width;\n }\n }\n &.mdlext-lightboard--no-spacing {\n padding: 0;\n\n .mdlext-lightboard__slide {\n margin: 0;\n width: calc(1 / #{$mdlext-lightboard-small-columns} * 100%);\n }\n }\n}\n\n// Import one of _lightboard-media-queries.scss or _lightboard-eq-js.scss to complete SASS\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/lightboard/_lightboard.scss","@charset \"UTF-8\";\n\n//////////////////////////////\n//\n// Lightboard media queries\n//\n//////////////////////////////\n@import \"../variables\";\n\n////////// Small /////////////\n//@media (max-width: $mdlext-lightboard-medium-small-breakpoint - 1) {\n// // This is the default, see: _lightboard.scss\n//}\n\n////////// Medium small //////////\n/* stylelint-disable */\n@media (min-width: $mdlext-lightboard-medium-small-breakpoint) and (max-width: $mdlext-lightboard-medium-breakpoint - 1) { /* stylelint-enable */\n .mdlext-lightboard {\n padding: calc((#{$mdlext-lightboard-medium-small-margin} - #{$mdlext-lightboard-medium-small-gutter}) / 2);\n\n .mdlext-lightboard__slide {\n margin: calc(#{$mdlext-lightboard-medium-small-gutter} / 2);\n width: calc(1 / #{$mdlext-lightboard-medium-small-columns} * 100% - #{$mdlext-lightboard-medium-small-gutter});\n\n .mdlext-lightboard__slide__frame figure {\n margin: $mdlext-lightboard-medium-small-frame-width;\n }\n }\n &.mdlext-lightboard--no-spacing {\n padding: 0;\n\n .mdlext-lightboard__slide {\n margin: 0;\n width: calc(1 / #{$mdlext-lightboard-medium-small-columns} * 100%);\n }\n }\n }\n}\n\n////////// Medium //////////\n/* stylelint-disable */\n@media (min-width: $mdlext-lightboard-medium-breakpoint) and (max-width: $mdlext-lightboard-medium-large-breakpoint - 1) { /* stylelint-enable */\n .mdlext-lightboard {\n padding: calc((#{$mdlext-lightboard-medium-margin} - #{$mdlext-lightboard-medium-gutter}) / 2);\n\n .mdlext-lightboard__slide {\n margin: calc(#{$mdlext-lightboard-medium-gutter} / 2);\n width: calc(1 / #{$mdlext-lightboard-medium-columns} * 100% - #{$mdlext-lightboard-medium-gutter});\n\n .mdlext-lightboard__slide__frame figure {\n margin: $mdlext-lightboard-medium-frame-width;\n }\n }\n &.mdlext-lightboard--no-spacing {\n padding: 0;\n\n .mdlext-lightboard__slide {\n margin: 0;\n width: calc(1 / #{$mdlext-lightboard-medium-columns} * 100%);\n }\n }\n }\n}\n\n////////// Medium large //////////\n/* stylelint-disable */\n@media (min-width: $mdlext-lightboard-medium-large-breakpoint) and (max-width: $mdlext-lightboard-large-breakpoint - 1) { /* stylelint-enable */\n .mdlext-lightboard {\n padding: calc((#{$mdlext-lightboard-medium-large-margin} - #{$mdlext-lightboard-medium-large-gutter}) / 2);\n\n .mdlext-lightboard__slide {\n margin: calc(#{$mdlext-lightboard-medium-large-gutter} / 2);\n width: calc(1 / #{$mdlext-lightboard-medium-large-columns} * 100% - #{$mdlext-lightboard-medium-large-gutter});\n\n .mdlext-lightboard__slide__frame figure {\n margin: $mdlext-lightboard-medium-large-frame-width;\n }\n }\n &.mdlext-lightboard--no-spacing {\n padding: 0;\n\n .mdlext-lightboard__slide {\n margin: 0;\n width: calc(1 / #{$mdlext-lightboard-medium-large-columns} * 100%);\n }\n }\n }\n}\n\n////////// Large //////////\n@media (min-width: $mdlext-lightboard-large-breakpoint) {\n .mdlext-lightboard {\n padding: calc((#{$mdlext-lightboard-large-margin} - #{$mdlext-lightboard-large-gutter}) / 2);\n\n .mdlext-lightboard__slide {\n margin: calc(#{$mdlext-lightboard-large-gutter} / 2);\n width: calc(1 / #{$mdlext-lightboard-large-columns} * 100% - #{$mdlext-lightboard-large-gutter});\n\n .mdlext-lightboard__slide__frame figure {\n margin: $mdlext-lightboard-large-frame-width;\n }\n }\n &.mdlext-lightboard--no-spacing {\n padding: 0;\n\n .mdlext-lightboard__slide {\n margin: 0;\n width: calc(1 / #{$mdlext-lightboard-large-columns} * 100%);\n }\n }\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/lightboard/_lightboard-media-queries.scss","@charset \"UTF-8\";\n\n/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n@import \"../variables\";\n\n.mdlext-lightbox {\n user-select: none;\n cursor: default;\n position: relative;\n width: auto;\n max-width: 100%;\n margin: 0 auto;\n border: $mdlext-lightbox-border;\n border-radius: $mdlext-lightbox-border-radius;\n background-color: $mdlext-lightbox-background-color;\n box-sizing: border-box;\n outline: 0;\n display: block; // display: flex and IE11 has issues with reposition. Set display:block for now.\n\n *,\n *::before,\n *::after,\n input[type=\"search\"] {\n box-sizing: border-box;\n }\n\n .mdlext-lightbox__slider {\n // Displays prevvious, current and next image while dragging\n // Elements are created by lightbox component when dragging starts\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n\n .mdlext-lightbox__slider__slide {\n flex-shrink: 0;\n display: block;\n text-align: left;\n color: #7f7f7f;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n\n //&:nth-child(1),\n //&:nth-child(3) {\n // filter: blur(1px);\n //}\n }\n }\n\n figure {\n margin: $mdlext-lightbox-figure-margin;\n padding: $mdlext-lightbox-figure-padding;\n position: relative;\n\n img {\n width: 100%;\n max-width: 100%;\n height: auto;\n border: 0;\n outline: 0;\n }\n figcaption {\n @include typo-caption($colorContrast: false, $usePreferred: true);\n\n display: block;\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n max-width: 100%;\n height: auto;\n max-height: 50%;\n overflow: auto;\n padding: 8px;\n background-color: $mdlext-lightbox-figcaption-background-color;\n transform-origin: bottom;\n transform: scaleY(0);\n transition: 0.2s ease-in-out;\n\n &.mdlext-lightbox__show-figcaption {\n transform: scaleY(1);\n }\n tbody {\n th {\n text-align: left;\n }\n th,\n td {\n vertical-align: text-top;\n }\n }\n }\n }\n .mdl-card__menu {\n color: #ffffff;\n z-index: 1;\n }\n footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n background-color: $mdlext-lightbox-footer-background-color;\n\n .mdl-card__supporting-text {\n flex: 1;\n overflow: hidden;\n padding: 0;\n height: $card-supporting-text-line-height;\n width: 100%;\n }\n nav {\n display: flex;\n }\n }\n\n &.mdlext-lightbox--sticky-footer footer {\n position: fixed;\n bottom: 0;\n left: 0;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/lightbox/_lightbox.scss","@charset \"UTF-8\";\n\n/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * A carousel ...\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n\nul.mdlext-carousel {\n list-style: none;\n}\n\n.mdlext-carousel {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n overflow: hidden;\n height: 100%; // Use a container to constrain height and width\n width: 100%;\n display: block;\n white-space: nowrap;\n font-size: 0;\n background-color: transparent;\n}\n\n.mdlext-carousel__slide {\n box-sizing: border-box;\n display: inline-block;\n position: relative;\n outline: 0;\n margin: 0 $mdlext-carousel-slide-margin-horizontal;\n padding:0;\n height: 100%;\n border-top: $mdlext-carousel-slide-border-top-width solid transparent; // Makes room for the animated select/focus line\n\n //&:focus,\n &[aria-selected],\n &[aria-selected='true'] {\n figcaption {\n // As far as I can see there is no way to darken/lighten a text color\n // defined by MDL, due to the \"unqote\" functions.\n // So this is a hack\n color: rgba(0, 0, 0, 1) !important;\n background-color: rgba(255, 255, 255, 0.25);\n }\n }\n\n &[aria-selected]::after,\n &[aria-selected='true']::after {\n height: $mdlext-carousel-slide-border-top-width;\n width: 100%;\n display: block;\n content: ' ';\n top: (-$mdlext-carousel-slide-border-top-width);\n left: 0;\n position: absolute;\n background: $mdlext-carousel-slide-border-top-color;\n animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);\n }\n\n\n a {\n text-decoration: none;\n }\n\n figure {\n box-sizing: border-box;\n position: relative;\n height: 100%;\n margin: 0;\n padding: 0;\n\n img {\n box-sizing: border-box;\n max-height: 100%;\n }\n\n figcaption {\n box-sizing: border-box;\n @include typo-caption($colorContrast: false, $usePreferred: true);\n\n color: $mdlext-carousel-slide-figcaption-color;\n position: absolute;\n bottom: 0;\n left: 0;\n white-space: nowrap;\n overflow: hidden;\n max-width: 100%;\n width: 100%;\n text-align: center;\n text-overflow: ellipsis;\n padding: 4px 0;\n }\n &:hover {\n figcaption {\n // As far as I can see there is no way to darken/lighten a text color\n // defined by MDL, due to the \"unqote\" functions.\n // So this is a hack\n color: rgba(0, 0, 0, 1) !important;\n background-color: rgba(255, 255, 255, 0.25);\n }\n }\n }\n\n .mdlext-carousel__slide__ripple-container {\n text-decoration: none;\n display: block;\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n outline: 0;\n\n & .mdl-ripple {\n background: $mdlext-carousel-slide-ripple-color;\n }\n }\n}\n\n\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/carousel/_carousel.scss","/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * Copied/Modified/Inspired from/by:\n * https://github.com/google/material-design-lite/tree/master/src/textfield\n * http://red-team-design.com/making-html-dropdowns-not-suck/\n * http://codepen.io/etcpe9/pen/PqyOye,\n * http://codepen.io/pudgereyem/pen/PqBxQx\n * https://github.com/MEYVN-digital/mdl-selectfield\n * https://github.com/mebibou/mdl-selectfield\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n\n@import \"../mixins\";\n\n// The container for the selectfield.\n.mdlext-selectfield {\n box-sizing: border-box;\n position: relative;\n font-size: $input-text-font-size;\n display: inline-block;\n width: 300px;\n max-width: 100%;\n margin: 0;\n padding: $input-text-vertical-spacing 0;\n\n // Align buttons, if used.\n & .mdl-button {\n bottom: $input-text-vertical-spacing;\n position: absolute;\n }\n\n // Styling the down arrow\n &::after {\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length);\n\n position: absolute;\n right: 0.5em;\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n }\n}\n\n.mdlext-selectfield.is-disabled {\n &::after {\n color: $input-text-disabled-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $input-text-disabled-color);\n }\n}\n\n// Optional class to align right.\n.mdlext-selectfield--align-right {\n text-align: right;\n}\n\n// Optional class to display at full width.\n.mdlext-selectfield--full-width {\n width: 100%;\n}\n\n// Optional class to make the select field expandable.\n.mdlext-selectfield--expandable {\n min-height: $input-text-button-size;\n min-width: $input-text-button-size;\n width: auto;\n}\n\n// Styling for the select element.\n.mdlext-selectfield__select {\n\n // Reset select\n box-sizing: border-box;\n border: 0;\n border-radius: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n appearance: none;\n text-indent: 0.01px; // Removes default arrow from firefox\n text-overflow: ''; // Removes default arrow from firefox\n outline: none;\n box-shadow: none;\n // End Reset select\n\n font-size: $input-text-font-size;\n font-family: $performance_font;\n padding: $input-text-padding calc(1.2em + #{$input-text-padding}) $input-text-padding 0;\n width: $input-text-width;\n border-bottom: 1px solid $input-text-bottom-border-color;\n display: block;\n margin: 0;\n background: none;\n text-align: left;\n color: inherit;\n\n // Mozilla, remove focusring\n &:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 #000000;\n }\n\n // MS, remove selected option background color\n &:focus::-ms-value {\n background-color: inherit;\n color: inherit;\n }\n\n &::-ms-expand {\n display: none;\n }\n\n .mdlext-selectfield.is-focused & {\n outline: none;\n }\n\n .mdlext-selectfield.is-invalid & {\n border-color: $input-text-error-color;\n box-shadow: none;\n }\n\n fieldset[disabled] .mdlext-selectfield &,\n .mdlext-selectfield.is-disabled & {\n border-bottom: 1px dotted $input-text-disabled-color;\n color: $input-text-disabled-text-color;\n background-color: transparent;\n }\n\n option {\n color: $text-color-primary;\n box-sizing: border-box;\n background-color: inherit;\n }\n}\n\n// Styling for the label / floating label.\n.mdlext-selectfield__label {\n box-sizing: border-box;\n color: $input-text-label-color;\n font-size: $input-text-font-size;\n top: ($input-text-padding + $input-text-vertical-spacing);\n bottom: 0;\n left: 0;\n right: 0;\n pointer-events: none;\n position: absolute;\n display: block;\n width: 100%;\n overflow: hidden;\n white-space: nowrap;\n text-align: left;\n\n .mdlext-selectfield.is-dirty &,\n .mdlext-selectfield.has-placeholder & {\n visibility: hidden;\n }\n\n // Floating Label\n .mdlext-selectfield--floating-label & {\n @include material-animation-default();\n }\n\n .mdlext-selectfield--floating-label.has-placeholder & {\n transition: none;\n }\n\n fieldset[disabled] .mdlext-selectfield &,\n .mdlext-selectfield.is-disabled.is-disabled & {\n color: $input-text-disabled-text-color;\n }\n\n .mdlext-selectfield--floating-label.is-focused &,\n .mdlext-selectfield--floating-label.is-dirty.is-dirty &,\n .mdlext-selectfield--floating-label.has-placeholder & {\n color: $input-text-highlight-color;\n font-size: $input-text-floating-label-fontsize;\n top: $input-text-vertical-spacing - ($input-text-floating-label-fontsize + $input-text-padding);\n visibility: visible;\n }\n\n .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__expandable-holder &,\n .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__expandable-holder &,\n .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__expandable-holder & {\n top: -($input-text-floating-label-fontsize + $input-text-padding);\n }\n\n .mdlext-selectfield--floating-label.is-invalid & {\n color: $input-text-error-color;\n font-size: $input-text-floating-label-fontsize;\n }\n\n // The after label is the colored underline for the Selectfield.\n &::after {\n background-color: $input-text-highlight-color;\n bottom: $input-text-vertical-spacing;\n content: '';\n height: 2px;\n left: 45%;\n position: absolute;\n @include material-animation-default();\n\n visibility: hidden;\n width: 10px;\n }\n\n .mdlext-selectfield.is-focused &::after {\n left: 0;\n visibility: visible;\n width: 100%;\n }\n\n .mdlext-selectfield.is-invalid &::after {\n background-color: $input-text-error-color;\n }\n}\n\n// SelectField Error.\n.mdlext-selectfield__error {\n color: $input-text-error-color;\n font-size: $input-text-floating-label-fontsize;\n position: absolute;\n margin-top: 3px;\n visibility: hidden;\n display: block;\n\n .mdlext-selectfield.is-invalid & {\n visibility: visible;\n }\n}\n\n// Expandable Holder.\n.mdlext-selectfield__expandable-holder {\n display: inline-block;\n position: relative;\n margin-left: $input-text-button-size;\n\n @include material-animation-default();\n\n // Safari (possibly others) need to be convinced that this field is actually\n // visible, otherwise it cannot be tabbed to nor focused via a <label>.\n // TODO: In some cases (Retina displays), this is big enough to render the\n // inner element :(\n max-width: 0.1px;\n\n .mdlext-selectfield.is-focused &,\n .mdlext-selectfield.is-dirty & {\n // This is an unfortunate hack. Animating between widths in percent (%)\n // in many browsers (Chrome, Firefox) only animates the inner visual style\n // of the input - the outer bounding box still 'jumps'.\n // Thus assume a sensible maximum, and animate to/from that value.\n max-width: 600px;\n }\n .mdlext-selectfield__label::after {\n bottom: 0;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/selectfield/_selectfield.scss","@charset \"UTF-8\";\n\n/**\n * @license\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * This code is built with Google Material Design Lite,\n * which is Licensed under the Apache License, Version 2.0\n */\n\n/* Moved to aria-expanded-toggle.scss\n\n.mdlext-aria-expanded-plus-minus {\n @include mdlext-aria-expanded-toggle($font-family: inherit);\n}\n\n.mdlext-aria-expanded-more-less {\n @include mdlext-aria-expanded-toggle($icon: 'expand_more', $icon-expanded: 'expand_less');\n}\n*/\n\n.mdlext-menu-button {\n box-sizing: border-box;\n @include typo-menu();\n text-transform: none;\n position: relative;\n height: $button-height;\n padding: 0 $button-padding;\n display: flex;\n align-items: center;\n align-self: stretch;\n\n > * {\n margin: 0;\n padding: 0 0 0 8px;\n }\n\n > *:first-child {\n padding-left: 0;\n }\n\n > *:last-child:not(:only-child):not(.mdlext-menu__item__caption) {\n margin-left: auto; // If more than one element, push last element to the right\n }\n\n}\n\n.mdlext-menu-button__caption {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n line-height: 1.2;\n}\n\n.mdlext-menu,\n.mdlext-menu__item {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n}\n\n.mdlext-menu {\n position: absolute; //fixed;\n background: $default-dropdown-bg-color;\n z-index: 1000;\n min-width: 124px;\n border-radius: 2px;\n @include shadow-3dp();\n display: inline-flex;\n flex-direction: column;\n padding: 0;\n overflow: hidden;\n overflow-y: auto;\n\n &:focus {\n outline-offset: -1px;\n outline-width: 1px;\n }\n\n &[hidden] {\n @include mdlext-visually-hidden;\n pointer-events: none;\n }\n\n &__item {\n @include typo-body-1();\n color: $default-item-text-color;\n background-color: $default-dropdown-bg-color;\n position: relative;\n padding: 0 16px 0 24px;\n align-items: center;\n align-self: stretch;\n text-decoration: none;\n cursor: pointer;\n white-space: nowrap;\n user-select: none;\n min-height: 40px;\n overflow: hidden;\n\n &[aria-selected='true'] {\n background-color: $default-item-active-bg-color;\n }\n\n // checkmark\n &[aria-selected='true']::before {\n content:'\\2713';\n position: absolute;\n font-size: 1.4em;\n left: 4px;\n top: 50%;\n transform: translateY(-50%);\n pointer-events: none;\n }\n\n &:hover:not([disabled]) {\n background-color: $default-item-hover-bg-color;\n }\n\n &:focus {\n outline-offset: -2px;\n outline-width: 1px;\n outline-color: $default-item-outline-color;\n background-color: $default-item-focus-bg-color;\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n\n &[disabled] {\n color: $disabled-item-text-color;\n background-color: transparent;\n cursor: auto;\n pointer-events: none;\n\n > * {\n color: $disabled-item-text-color;\n }\n }\n\n &__caption {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n > * {\n margin: 0;\n padding: 0 0 0 8px;\n }\n\n > *:first-child {\n padding-left: 0;\n }\n\n > *:last-child:not(:only-child):not(.mdlext-menu__item__caption) {\n margin-left: auto; // If more than one element, push last element to the right\n }\n\n }\n &__item-separator {\n margin: 0;\n padding: 0;\n border-bottom: 1px solid $default-item-divider-color;\n }\n\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/menu-button/_menu-button.scss","/**\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n/*\n * The bordered fields are based on / inspired by this CodePen: http://codepen.io/prajwal078/pen/LVJZXz?editors=010\n */\n\n// Use of this module requires the user to include variables from material-design-lite\n//@import \"../../node_modules/material-design-lite/src/variables\";\n//@import \"../../node_modules/material-design-lite/src/mixins\";\n\n@import \"../variables\";\n@import \"../functions\";\n\n\n// \"Theme\" for this styling\n.mdlext-bordered-fields {\n box-sizing: border-box;\n\n * {\n box-sizing: border-box;\n }\n\n // Styling for textfield and selectfield.\n .mdl-textfield,\n .mdlext-selectfield {\n padding: 0;\n margin: $mdlext-bordered-field-vertical-spacing-top 0 $mdlext-bordered-field-vertical-spacing-bottom 0;\n\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n height: $mdlext-bordered-field-height;\n background-color: $mdlext-bordered-field-background-color;\n border: $mdlext-bordered-field-border-width solid $mdlext-bordered-field-border-color;\n border-radius: $mdlext-bordered-field-border-radius;\n padding: $mdlext-bordered-field-padding-top $mdlext-bordered-field-padding $mdlext-bordered-field-padding-bottom $mdlext-bordered-field-padding;\n font-size: $mdlext-bordered-field-input-text-font-size;\n font-weight: $mdlext-bordered-field-font-weight;\n color: $mdlext-bordered-field-input-text-color;\n\n &:disabled {\n color: $mdlext-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-bordered-field-disabled-background-color;\n border-color: $mdlext-bordered-field-disabled-border-color;\n }\n\n // MDL can not handle required attribute properly. Planned for MDL-v2\n //&:required {\n // background-color: $mdlext-bordered-field-required-background-color;\n // border-color: $mdlext-bordered-field-required-border-color;\n //}\n\n &:focus {\n background-color: $mdlext-bordered-field-focus-background-color;\n border-color: $mdlext-bordered-field-focus-border-color;\n }\n\n // MDL can not handle required. Planned for MDL-v2\n //&:required:focus {\n // background-color: $mdlext-bordered-field-required-focus-background-color;\n // border-color: $mdlext-bordered-field-required-focus-border-color;\n //}\n }\n .mdlext-selectfield__select {\n padding-right: calc(1em + #{$mdlext-bordered-field-padding}); // space for down arrow\n }\n\n /*\n &.is-dirty {\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n }\n }\n */\n\n &.is-invalid {\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n color: $mdlext-bordered-field-input-text-error-color;\n border-color: $mdlext-bordered-field-error-border-color;\n background-color: $mdlext-bordered-field-error-background-color;\n\n &:focus {\n //&:required:focus {\n border-color: $mdlext-bordered-field-error-focus-border-color;\n background-color: $mdlext-bordered-field-error-focus-background-color;\n }\n }\n }\n }\n\n .mdlext-selectfield::after {\n top: auto;\n bottom: $mdlext-bordered-field-padding-bottom; // Position of down arrow\n }\n\n fieldset[disabled] .mdlext-selectfield::after,\n .mdlext-selectfield.is-disabled::after {\n color: $mdlext-bordered-field-input-text-disabled-text-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $mdlext-bordered-field-input-text-disabled-text-color);\n }\n\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {\n color: $mdlext-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-bordered-field-disabled-background-color;\n border-color: $mdlext-bordered-field-disabled-border-color;\n }\n\n\n // Styling for the label / floating label.\n .mdl-textfield,\n .mdlext-selectfield {\n\n &.is-dirty,\n &.has-placeholder {\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n visibility: hidden;\n }\n }\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-bordered-field-input-text-label-color;\n font-size: $mdlext-bordered-field-label-font-size;\n font-weight: $mdlext-bordered-field-font-weight;\n padding-left: $mdlext-bordered-field-padding;\n top: auto;\n bottom: $mdlext-bordered-field-padding-bottom;\n\n // Hides the colored underline for the textField/selectfield.\n &::after {\n background-color: transparent !important;\n visibility: hidden !important;\n }\n }\n &.mdl-textfield--floating-label.is-focused.is-focused,\n &.mdl-textfield--floating-label.is-dirty.is-dirty,\n &.mdl-textfield--floating-label.has-placeholder,\n &.mdlext-selectfield--floating-label.is-focused.is-focused,\n &.mdlext-selectfield--floating-label.is-dirty.is-dirty,\n &.mdlext-selectfield--floating-label.has-placeholder {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-bordered-field-input-text-label-focus-color;\n font-size: $mdlext-bordered-field-floating-label-font-size;\n font-weight: $mdlext-bordered-field-floating-label-font-weight;\n top: auto;\n bottom: $mdlext-bordered-field-floating-label-focus-bottom;\n visibility: visible;\n }\n }\n &.mdl-textfield--floating-label.is-disabled.is-disabled,\n &.mdlext-selectfield--floating-label.is-disabled.is-disabled {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-bordered-field-input-text-label-disabled-color;\n }\n }\n &.mdl-textfield--floating-label.is-invalid.is-invalid,\n &.mdlext-selectfield--floating-label.is-invalid.is-invalid {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-bordered-field-input-text-label-error-color;\n }\n }\n }\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {\n color: $mdlext-bordered-field-input-text-label-disabled-color;\n }\n\n // Icon(s) and/or button(s) inside textfield\n .mdl-textfield,\n .mdlext-selectfield {\n &.mdlext-bordered-fields__icon-left,\n &.mdlext-bordered-fields__icon-right {\n & > i,\n & > .mdl-button {\n position: absolute;\n bottom: $mdlext-bordered-field-padding-bottom - 2px;\n }\n & > i {\n bottom: $mdlext-bordered-field-padding-bottom + 2px;\n }\n }\n &.mdlext-bordered-fields__icon-left {\n & > i:first-child,\n & > .mdl-button:first-child {\n left: $mdlext-bordered-field-padding/2;\n }\n & > i ~ .mdl-textfield__input,\n & > .mdl-button ~ .mdl-textfield__input,\n & > i ~ .mdlext-selectfield__select,\n & > .mdl-button ~ .mdlext-selectfield__select {\n padding-left: $input-text-button-size;\n }\n & > i ~ .mdl-textfield__label,\n & > .mdl-button ~ .mdl-textfield__label {\n left: $input-text-button-size - $mdlext-bordered-field-padding;\n }\n & > i ~ .mdlext-selectfield__label,\n & > .mdl-button ~ .mdlext-selectfield__label {\n left: $input-text-button-size - $mdlext-bordered-field-padding;\n }\n }\n &.mdlext-bordered-fields__icon-right {\n & > .mdl-textfield__input {\n padding-right: $input-text-button-size;\n }\n & > i:last-child,\n & > .mdl-button:last-child {\n left: auto;\n right: $mdlext-bordered-field-padding/2;\n }\n }\n &.is-disabled i,\n &.is-disabled .mdl-button {\n color: $mdlext-bordered-field-disabled-border-color;\n pointer-events: none;\n }\n }\n\n fieldset[disabled] .mdl-textfield,\n fieldset[disabled] .mdlext-selectfield {\n i,\n .mdl-button {\n color: $mdlext-bordered-field-disabled-border-color;\n pointer-events: none;\n }\n }\n}\n\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/bordered-fields/_bordered-fields.scss","@charset \"UTF-8\";\n\n/**\n * @license\n * Copyright 2016-2017 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * This code is built with Google Material Design Lite,\n * which is Licensed under the Apache License, Version 2.0\n */\n\n.mdlext-collapsible {\n box-sizing: border-box;\n cursor: pointer;\n}\n\n.mdlext-collapsible-group,\n.mdlext-collapsible-region {\n box-sizing: border-box;\n\n &[hidden] {\n @include mdlext-visually-hidden;\n pointer-events: none;\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/collapsible/_collapsible.scss","@charset \"UTF-8\";\n\n/**\n * @license\n * Copyright 2016 Leif Olsen. All Rights Reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n *\n * This code is built with Google Material Design Lite,\n * which is Licensed under the Apache License, Version 2.0\n */\n\n.mdlext-aria-toggle-plus-minus {\n @include mdlext-aria-expanded-toggle($font-family: inherit, $font-size: 1.4em);\n}\n\n.mdlext-aria-toggle-material-icons {\n @include mdlext-aria-expanded-toggle($font-size: 1.3em, $icon: 'expand_more', $icon-expanded: 'expand_less', $icon-offset: -$mdlext-accordion-header-padding);\n}\n\n.mdlext-accordion {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n\n * {\n box-sizing: border-box;\n }\n\n &__panel {\n box-sizing: border-box;\n position: relative;\n overflow: hidden;\n display: flex;\n flex-wrap: nowrap;\n }\n\n &__tab {\n @include typo-title();\n\n font-weight: 400;\n line-height: 1.1;\n box-sizing: border-box;\n position: relative;\n margin: 0;\n padding: 0; // $mdlext-accordion-header-padding;\n min-width: $mdlext-accordion-header-height;\n min-height: $mdlext-accordion-header-height;\n display: flex;\n align-items: center;\n align-self: stretch;\n user-select: none;\n color: $mdlext-accordion-header-secondary-color;\n background-color: $mdlext-accordion-header-background-color;\n cursor: pointer;\n overflow: hidden;\n\n &:focus {\n outline-offset: -2px;\n outline-color: $mdlext-accordion-header-focus-outline-color;\n outline-width: 2px;\n }\n\n &[aria-expanded='true'] {\n background-color: $mdlext-accordion-header-background-open-color;\n }\n\n &[aria-selected='true'] {\n background-color: $mdlext-accordion-header-background-active-color;\n }\n\n &[disabled] {\n background-color: $mdlext-accordion-header-disabled-color;\n color: $mdlext-accordion-header-secondary-color-disabled;\n pointer-events: none;\n\n > * {\n color: $mdlext-accordion-header-secondary-color-disabled;\n }\n }\n\n &:hover:not([disabled]) {\n background-color: $mdlext-accordion-header-background-hover-color;\n }\n\n > * {\n margin: 0;\n padding: 0;\n }\n\n &__caption {\n padding-left: $mdlext-accordion-header-padding;\n padding-right: $mdlext-accordion-header-padding;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n > *:first-child {\n padding-left: 0;\n }\n\n &--ripple {\n &[aria-selected='true']::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n background: $mdlext-accordion-ripple-color;\n opacity: 0;\n border-radius: 100%;\n transform: scale(1, 1) translate(-50%);\n transform-origin: 50% 50%;\n }\n &[aria-selected='true']:focus:not(:active)::before {\n // http://easings.net/\n animation: mdlext-accordion-tab-ripple 1s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards; // cubic-bezier(0.4, 0.0, 1, 1); //cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards; //ease-out;\n }\n }\n }\n\n &__tabpanel {\n box-sizing: border-box;\n margin: 0;\n padding: 0 $mdlext-accordion-content-padding;\n color: $mdlext-accordion-content-color;\n background-color: $mdlext-accordion-content-background-color;\n display: block;\n overflow: auto;\n flex-grow: 1;\n\n &[hidden] {\n @include mdlext-visually-hidden;\n }\n }\n}\n\n// Vertical layout\n.mdlext-accordion {\n\n &--vertical {\n flex-direction: column;\n flex-wrap: nowrap;\n\n .mdlext-accordion__panel {\n min-height: $mdlext-accordion-header-height;\n flex-direction: column;\n }\n\n .mdlext-accordion__tab {\n height: $mdlext-accordion-header-height;\n border-top: 1px solid $mdlext-accordion-header-border-color;\n padding-left: $mdlext-accordion-header-padding;\n padding-right: $mdlext-accordion-header-padding;\n\n &[aria-selected='true']::after {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 1px;\n width: 100%;\n display: block;\n content: \" \";\n background-color: $mdlext-accordion-header-highlight-color;\n animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;\n transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);\n }\n\n > * {\n padding-left: $mdlext-accordion-header-padding;\n }\n\n > *:first-child {\n padding-left: 0;\n }\n\n > *:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {\n margin-left: auto; // If more than one element, push last element to the right\n }\n\n &--ripple {\n &[aria-selected='true']::before {\n width: 5%;\n height: 10%;\n }\n }\n\n }\n\n .mdlext-accordion__tabpanel {\n border-top: 1px solid $mdlext-accordion-header-border-color;\n\n &--animation {\n transform: scaleY(1);\n animation: mdlext-accordion-show-tabpanel-y 0.2s ease-in-out;\n\n &[hidden] {\n transform: scaleY(0);\n animation: mdlext-accordion-hide-tabpanel-y 0.2s ease-out;\n animation-delay: 0.1s;\n }\n }\n }\n }\n}\n\n// Horizontal layout\n.mdlext-accordion {\n\n &--horizontal {\n\n .mdlext-accordion__panel {\n min-width: $mdlext-accordion-header-height;\n width: $mdlext-accordion-header-height;\n }\n\n &[aria-multiselectable='true'] .mdlext-accordion__panel.is-expanded {\n width: 100%;\n }\n\n .mdlext-accordion__tab {\n flex-direction: column-reverse;\n width: $mdlext-accordion-header-height;\n white-space: nowrap;\n border-left: 1px solid $mdlext-accordion-header-border-color;\n\n &[aria-selected='true']::after {\n position: absolute;\n top: 0;\n right: 0;\n height: 100%;\n width: 1px;\n display: block;\n content: \" \";\n background-color: $mdlext-accordion-header-highlight-color;\n\n // Figure out how to animate a vertical line\n //animation: border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0.01s alternate forwards;\n //transition: all 1s cubic-bezier(0.4, 0.0, 1, 1);\n }\n\n > * {\n //transform: rotate(-90deg) translateX(50%);\n transform: rotate(-90deg) translateX($mdlext-accordion-header-padding);\n }\n\n > *:last-child:not(:only-child):not(.mdlext-accordion__tab__caption) {\n // If more than one element, push last element to top\n margin-bottom: auto;\n transform: rotate(-90deg) translateX(0);\n }\n\n &__caption {\n transform: rotate(-90deg) translateX(50%);\n padding-right: $mdlext-accordion-header-padding + 8px;\n }\n\n &--ripple {\n &[aria-selected='true']::before {\n width: 10%;\n height: 5%;\n }\n }\n }\n\n .mdlext-accordion__tabpanel {\n border-left: 1px solid $mdlext-accordion-header-border-color;\n\n &--animation {\n transform: scaleX(1);\n animation: mdlext-accordion-show-tabpanel-x 0.2s ease-in-out;\n\n &[hidden] {\n transform: scaleX(0);\n animation: mdlext-accordion-hide-tabpanel-x 0.2s ease-out;\n }\n }\n }\n }\n}\n\n.mdlext-accordion {\n\n &__panel:first-child > &__tab {\n // Use container to set outer borders\n border-top-color: transparent;\n border-left-color: transparent;\n }\n\n &[aria-multiselectable=\"false\"] {\n .mdlext-accordion__panel.is-expanded {\n flex-grow: 1;\n }\n }\n}\n\n// Making accordion appear disabled.\n// Note: does not prevent tabbing into a disabled accordion\n.mdlext-accordion[disabled] {\n * {\n pointer-events: none;\n }\n .mdlext-accordion__tab {\n background-color: $mdlext-accordion-header-disabled-color;\n color: $mdlext-accordion-header-secondary-color-disabled;\n\n > * {\n color: $mdlext-accordion-header-secondary-color-disabled;\n }\n }\n .mdlext-accordion__tabpanel {\n opacity: 0.8;\n filter: blur(1px) grayscale(80%);\n }\n}\n\n\n@keyframes mdlext-accordion-tab-ripple {\n 0% {\n transform: scale(0, 0);\n opacity: 1;\n }\n 20% {\n transform: scale(25, 25);\n opacity: 1;\n }\n 100% {\n opacity: 0;\n transform: scale(40, 40);\n }\n}\n\n/*\n@keyframes mdlext-accordion-show-tabpanel-y {\n 0% { transform: scaleY(0.1); }\n 40% { transform: scaleY(1.03); }\n 60% { transform: scaleY(0.98); }\n 80% { transform: scaleY(1.03); }\n 100% { transform: scaleY(0.98); }\n 80% { transform: scaleY(1.01); }\n 100% { transform: scaleY(1); }\n}\n*/\n\n@keyframes mdlext-accordion-show-tabpanel-y {\n 0% { transform: scaleY(0); }\n 60% { transform: scaleY(1.01); }\n 80% { transform: scaleY(0.98); }\n 100% { transform: scaleY(1); }\n}\n\n@keyframes mdlext-accordion-hide-tabpanel-y {\n 0% { transform: scaleY(1); }\n 60% { transform: scaleY(0.98); }\n 80% { transform: scaleY(1.01); }\n 100% { transform: scaleY(0); }\n}\n\n/*\n@keyframes mdlext-accordion-show-tabpanel-x {\n 0% { transform: scaleX(0.1); }\n 40% { transform: scaleX(1.03); }\n 60% { transform: scaleX(0.98); }\n 80% { transform: scaleX(1.03); }\n 100% { transform: scaleX(0.98); }\n 80% { transform: scaleX(1.01); }\n 100% { transform: scaleX(1); }\n}\n*/\n\n@keyframes mdlext-accordion-show-tabpanel-x {\n 0% { transform: scaleX(0); }\n 60% { transform: scaleX(1.01); }\n 80% { transform: scaleX(0.98); }\n 100% { transform: scaleX(1); }\n}\n\n@keyframes mdlext-accordion-hide-tabpanel-x {\n 0% { transform: scaleX(1); }\n 60% { transform: scaleX(0.98); }\n 80% { transform: scaleX(1.01); }\n 100% { transform: scaleX(0); }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/accordion/_accordion.scss","/* -------------------------------------------------------------\n Palette samples. Not part of build\n----------------------------------------------------------------\n\n$mdlext-light-color-primary: #9E9E9E !default;\n$mdlext-light-color-primary-dark: #616161 !default;\n$mdlext-light-color-primary-light: #9E9E9E !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #212121 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #E040FB !default;\n$mdlext-light-color-accent-light: #E040FB !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FAFAFA !default;\n\n$mdlext-light-color-primary: #F5F5F5 !default;\n$mdlext-light-color-primary-dark: #E0E0E0 !default;\n$mdlext-light-color-primary-light: #8BC34A !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #000000 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #FFC107 !default;\n$mdlext-light-color-accent-light: #FFC107 !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FFFFFF !default;\n\n\n$mdlext-light-color-primary: #673AB7 !default;\n$mdlext-light-color-primary-dark: #512DA8 !default;\n$mdlext-light-color-primary-light: #673AB7 !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #D1C4E9 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #4CAF50 !default;\n$mdlext-light-color-accent-light: #4CAF50 !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FFFFFF !default;\n\n\n$mdlext-light-color-primary: #4CAF50 !default;\n$mdlext-light-color-primary-dark: #388E3C !default;\n$mdlext-light-color-primary-light: #4CAF50 !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #C8E6C9 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #FF5252 !default;\n$mdlext-light-color-accent-light: #FF5252 !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FFFFFF !default;\n\n\n$mdlext-light-color-primary: #4CAF50 !default;\n$mdlext-light-color-primary-dark: #388E3C !default;\n$mdlext-light-color-primary-light: #4CAF50 !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-light-color-primary-contrast: #C8E6C9 !default; // text color on primary/primary dark background\n$mdlext-light-color-accent: #03A9F4 !default;\n$mdlext-light-color-accent-light: #03A9F4 !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-light-color-accent-contrast: #FFFFFF !default;\n\n\n$mdlext-dark-color-primary: #212121 !default;\n$mdlext-dark-color-primary-dark: #000000 !default;\n$mdlext-dark-color-primary-light: #607D8B !default; // Fallback color. Set to color-primary if fallback is not needed\n$mdlext-dark-color-primary-contrast: #FFFFFF !default; // text color on primary/primary dark background\n$mdlext-dark-color-accent: #FF5722 !default;\n$mdlext-dark-color-accent-light: #FF5722 !default; // Fallback color. Set to color-accent if fallback is not needed\n$mdlext-dark-color-accent-contrast: #FFFFFF !default;\n\n*/\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/color-themes/_color-themes.scss","@import \"color-themes\";\n\n.mdlext-light-color-theme {\n background-color: $mdlext-light-content-background-color;\n color: $mdlext-light-text-color-primary;\n\n a {\n outline-color: inherit;\n }\n}\n\n// mdl/src/palette/_palette.scss\n// -----------------------------\n.mdlext-light-color-theme {\n\n .mdl-color--primary {\n background-color: $mdlext-light-color-primary !important;\n }\n\n .mdl-color--primary-contrast {\n background-color: $mdlext-light-color-primary-contrast !important;\n }\n\n .mdl-color--primary-dark {\n background-color: $mdlext-light-color-primary-dark !important;\n }\n\n .mdl-color--accent {\n background-color: $mdlext-light-color-accent !important;\n }\n\n .mdl-color--accent-contrast {\n background-color: $mdlext-light-color-accent-contrast !important;\n }\n\n .mdl-color-text--primary {\n color: $mdlext-light-color-primary !important;\n }\n\n .mdl-color-text--primary-contrast {\n color: $mdlext-light-color-primary-contrast !important;\n }\n\n .mdl-color-text--primary-dark {\n color: $mdlext-light-color-primary-dark !important;\n }\n\n .mdl-color-text--accent {\n color: $mdlext-light-color-accent !important;\n }\n\n .mdl-color-text--accent-contrast {\n color: $mdlext-light-color-accent-contrast !important;\n }\n\n}\n\n// mdl/src/typography/_typography.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n a {\n color: $mdlext-light-text-link-color;\n }\n}\n\n\n// mdl/src/badge/_badge.scss\n// ---------------------------\n.mdlext-light-color-theme {\n .mdl-badge {\n\n &[data-badge]::after {\n background: $mdlext-light-badge-background;\n color: $mdlext-light-badge-color;\n }\n\n &.mdl-badge--no-background {\n &[data-badge]::after {\n color: $mdlext-light-badge-color-inverse;\n background: $mdlext-light-badge-background-inverse;\n }\n }\n }\n}\n\n\n// mdl/src/button/_button.scss\n// ---------------------------\n.mdlext-light-color-theme {\n\n .mdl-button {\n background: transparent;\n color: $mdlext-light-button-secondary-color;\n\n &:hover {\n background-color: $mdlext-light-button-hover-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-focus-color;\n }\n\n &:active {\n background-color: $mdlext-light-button-active-color;\n }\n\n &.mdl-button--colored {\n color: $mdlext-light-button-primary-color-alt;\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-focus-color-alt;\n }\n }\n }\n\n // Raised buttons\n .mdl-button--raised {\n background: $mdlext-light-button-primary-color;\n\n &:active {\n background-color: $mdlext-light-button-active-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-active-color;\n }\n\n &.mdl-button--colored {\n background: $mdlext-light-button-primary-color-alt;\n color: $mdlext-light-button-secondary-color-alt;\n\n &:hover {\n background-color: $mdlext-light-button-hover-color-alt;\n }\n\n &:active {\n background-color: $mdlext-light-button-active-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $mdlext-light-button-ripple-color-alt;\n }\n }\n }\n\n\n // FABs\n .mdl-button--fab {\n background: $mdlext-light-button-primary-color;\n\n &:active {\n background-color: $mdlext-light-button-active-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-active-color;\n }\n\n &.mdl-button--colored {\n background: $mdlext-light-button-fab-color-alt;\n color: $mdlext-light-button-fab-text-color-alt;\n\n &:hover {\n background-color: $mdlext-light-button-fab-hover-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-light-button-fab-active-color-alt;\n }\n\n &:active {\n background-color: $mdlext-light-button-fab-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $mdlext-light-button-fab-ripple-color-alt;\n }\n }\n }\n\n\n // Icon buttons\n .mdl-button--icon {\n color: inherit;\n }\n\n // Colorized buttons\n\n .mdl-button--primary.mdl-button--primary {\n color: $mdlext-light-button-primary-color-alt;\n\n & .mdl-ripple {\n background: $mdlext-light-button-secondary-color-alt;\n }\n &.mdl-button--raised,\n &.mdl-button--fab {\n color: $mdlext-light-button-secondary-color-alt;\n background-color: $mdlext-light-button-primary-color-alt;\n }\n }\n\n .mdl-button--accent.mdl-button--accent {\n color: $mdlext-light-button-fab-color-alt;\n\n & .mdl-ripple {\n background: $mdlext-light-button-fab-text-color-alt;\n }\n &.mdl-button--raised,\n &.mdl-button--fab {\n color: $mdlext-light-button-fab-text-color-alt;\n background-color: $mdlext-light-button-fab-color-alt;\n }\n }\n\n // Disabled buttons\n\n .mdl-button {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $mdlext-light-button-secondary-color-disabled;\n background-color: transparent;\n }\n\n &--fab {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $mdlext-light-button-primary-color-disabled;\n color: $mdlext-light-button-secondary-color-disabled;\n }\n }\n\n &--raised {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $mdlext-light-button-primary-color-disabled;\n color: $mdlext-light-button-secondary-color-disabled;\n }\n }\n &--colored {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $mdlext-light-button-secondary-color-disabled;\n }\n }\n }\n}\n\n// mdl/src/slider/_slider.scss\n// ---------------------------\n.mdlext-light-color-theme {\n .mdl-slider {\n\n &.is-upgraded {\n background: transparent;\n color: $mdlext-light-range-color;\n\n &::-webkit-slider-runnable-track {\n background: transparent;\n }\n\n &::-moz-range-track {\n background: transparent;\n }\n\n &::-ms-track {\n background: none;\n color: transparent;\n }\n\n /* stylelint-disable */\n &::-ms-fill-lower {\n background: linear-gradient(to right,\n transparent,\n transparent 16px,\n $mdlext-light-range-color 16px,\n $mdlext-light-range-color 0);\n }\n\n &::-ms-fill-upper {\n background: linear-gradient(to left,\n transparent,\n transparent 16px,\n $mdlext-light-range-bg-color 16px,\n $mdlext-light-range-bg-color 0);\n }\n /* stylelint-enable */\n\n\n /**************************** Thumbs ****************************/\n &::-webkit-slider-thumb {\n background: $mdlext-light-range-color;\n }\n\n &::-moz-range-thumb {\n background: $mdlext-light-range-color;\n }\n\n &:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $mdlext-light-range-faded-color;\n }\n\n &:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $mdlext-light-range-faded-color;\n }\n\n &:active::-webkit-slider-thumb {\n background: $mdlext-light-range-color;\n }\n\n &:active::-moz-range-thumb {\n background: $mdlext-light-range-color;\n }\n\n &::-ms-thumb {\n background: $mdlext-light-range-color;\n }\n\n /* stylelint-disable */\n &:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $mdlext-light-range-color 0%,\n $mdlext-light-range-color 37.5%,\n $mdlext-light-range-faded-color 37.5%,\n $mdlext-light-range-faded-color 100%);\n }\n /* stylelint-enable */\n\n &:active::-ms-thumb {\n background: $mdlext-light-range-color;\n }\n\n\n /**************************** 0-value ****************************/\n\n &.is-lowest-value::-webkit-slider-thumb {\n border-color: $mdlext-light-range-color;\n background: transparent;\n }\n\n &.is-lowest-value::-moz-range-thumb {\n border-color: $mdlext-light-range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $mdlext-light-range-bg-focus-color;\n background: $mdlext-light-range-bg-focus-color;\n }\n\n &.is-lowest-value:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $mdlext-light-range-bg-focus-color;\n background: $mdlext-light-range-bg-focus-color;\n }\n\n &.is-lowest-value:active::-webkit-slider-thumb {\n border-color: $mdlext-light-range-bg-color;\n }\n\n &.is-lowest-value:active::-moz-range-thumb {\n border-color: $mdlext-light-range-bg-color;\n }\n\n /* stylelint-disable */\n &.is-lowest-value::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 66.67%,\n $mdlext-light-range-bg-color 66.67%,\n $mdlext-light-range-bg-color 100%);\n }\n\n &.is-lowest-value:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $mdlext-light-range-bg-focus-color 0%,\n $mdlext-light-range-bg-focus-color 25%,\n $mdlext-light-range-bg-color 25%,\n $mdlext-light-range-bg-color 37.5%,\n $mdlext-light-range-bg-focus-color 37.5%,\n $mdlext-light-range-bg-focus-color 100%);\n }\n\n &.is-lowest-value:active::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 77.78%,\n $mdlext-light-range-bg-color 77.78%,\n $mdlext-light-range-bg-color 100%);\n }\n /* stylelint-enable */\n\n &.is-lowest-value::-ms-fill-lower {\n background: transparent;\n }\n\n /**************************** Disabled ****************************/\n\n &:disabled:focus::-webkit-slider-thumb,\n &:disabled:active::-webkit-slider-thumb,\n &:disabled::-webkit-slider-thumb {\n background: $mdlext-light-range-bg-color;\n }\n\n &:disabled:focus::-moz-range-thumb,\n &:disabled:active::-moz-range-thumb,\n &:disabled::-moz-range-thumb {\n background: $mdlext-light-range-bg-color;\n }\n\n &:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {\n background-color: $mdlext-light-range-bg-color;\n }\n\n &.is-lowest-value:disabled:focus::-webkit-slider-thumb,\n &.is-lowest-value:disabled:active::-webkit-slider-thumb,\n &.is-lowest-value:disabled::-webkit-slider-thumb {\n border-color: $mdlext-light-range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value:disabled:focus::-moz-range-thumb,\n &.is-lowest-value:disabled:active::-moz-range-thumb,\n &.is-lowest-value:disabled::-moz-range-thumb {\n border-color: $mdlext-light-range-bg-color;\n background: transparent;\n }\n\n &:disabled:focus::-ms-thumb,\n &:disabled:active::-ms-thumb,\n &:disabled::-ms-thumb {\n background: $mdlext-light-range-bg-color;\n }\n\n /* stylelint-disable */\n &.is-lowest-value:disabled:focus::-ms-thumb,\n &.is-lowest-value:disabled:active::-ms-thumb,\n &.is-lowest-value:disabled::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 50%,\n $mdlext-light-range-bg-color 50%,\n $mdlext-light-range-bg-color 100%);\n }\n\n &:disabled::-ms-fill-lower {\n background: linear-gradient(to right,\n transparent,\n transparent 25px,\n $mdlext-light-range-bg-color 25px,\n $mdlext-light-range-bg-color 0);\n }\n /* stylelint-enable */\n\n }\n }\n\n .mdl-slider__background-flex {\n background: transparent;\n }\n\n .mdl-slider__background-lower {\n background: $mdlext-light-range-color;\n }\n\n // This one styles the upper part of the slider track.\n .mdl-slider__background-upper {\n background: $mdlext-light-range-bg-color;\n }\n}\n\n\n// mdl/src/textfield/_textfield.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n\n .mdl-textfield__input {\n border-bottom-color: $mdlext-light-input-text-bottom-border-color;\n }\n .mdl-textfield.is-invalid .mdl-textfield__input {\n border-color: $mdlext-light-input-text-error-color;\n }\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n .mdl-textfield.is-disabled .mdl-textfield__input {\n background-color: transparent;\n border-bottom-color: $mdlext-light-input-text-disabled-color;\n color: $mdlext-light-input-text-disabled-text-color;\n }\n .mdl-textfield__label {\n color: $mdlext-light-input-text-label-color;\n }\n .mdl-textfield__label::after {\n background-color: $mdlext-light-input-text-highlight-color;\n }\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {\n color: $mdlext-light-input-text-disabled-text-color;\n }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n color: $mdlext-light-input-text-highlight-color;\n }\n .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {\n color: $mdlext-light-input-text-error-color;\n }\n .mdl-textfield.is-invalid .mdl-textfield__label::after {\n background-color: $mdlext-light-input-text-error-color;\n }\n .mdl-textfield__error {\n color: $mdlext-light-input-text-error-color;\n }\n}\n\n\n// mdl/src/checkbox/_checkbox.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n\n .mdl-checkbox__box-outline {\n border-color: $mdlext-light-checkbox-off-color;\n }\n .mdl-checkbox.is-checked .mdl-checkbox__box-outline {\n border-color: $mdlext-light-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,\n .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {\n border-color: $mdlext-light-checkbox-disabled-color;\n }\n\n .mdl-checkbox__focus-helper {\n background-color: transparent;\n }\n .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0 ($checkbox-button-size / 2) $mdlext-light-checkbox-focus-color;\n background-color: $mdlext-light-checkbox-focus-color;\n }\n\n .mdl-checkbox__tick-outline {\n background: transparent;\n }\n .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {\n background-color: $mdlext-light-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,\n .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {\n background-color: $mdlext-light-checkbox-disabled-color;\n }\n\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,\n .mdl-checkbox.is-disabled .mdl-checkbox__label {\n color: $mdlext-light-checkbox-disabled-color;\n }\n\n .mdl-checkbox__ripple-container .mdl-ripple {\n background: $mdlext-light-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {\n background: transparent;\n }\n\n}\n\n// mdl/src/radio/_radio.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n .mdl-radio__outer-circle {\n border-color: $mdlext-light-radio-off-color;\n }\n .mdl-radio.is-checked .mdl-radio__outer-circle {\n border-color: $mdlext-light-radio-color;\n }\n .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,\n .mdl-radio.is-disabled .mdl-radio__outer-circle {\n border-color: $mdlext-light-radio-disabled-color;\n }\n\n .mdl-radio__inner-circle {\n background: $mdlext-light-radio-color;\n }\n fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,\n .mdl-radio.is-disabled .mdl-radio__inner-circle {\n background: $mdlext-light-radio-disabled-color;\n }\n\n fieldset[disabled] .mdl-radio .mdl-radio__label,\n .mdl-radio.is-disabled .mdl-radio__label {\n color: $mdlext-light-radio-disabled-color;\n }\n\n .mdl-radio__ripple-container .mdl-ripple {\n background: $mdlext-light-radio-color;\n }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,\n .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {\n background: transparent;\n }\n}\n\n// mdl/src/icon-togglr/_icon-toggle.scss\n// ---------------------------------------\n.mdlext-light-color-theme {\n .mdl-icon-toggle__label {\n color: $mdlext-light-icon-toggle-color;\n }\n .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {\n color: $mdlext-light-icon-toggle-checked-color;\n }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {\n color: $mdlext-light-icon-toggle-disabled-color;\n }\n .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {\n background-color: $mdlext-light-icon-toggle-focus-color;\n }\n .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {\n background-color: $mdlext-light-icon-toggle-checked-focus-color;\n }\n .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: $mdlext-light-icon-toggle-color;\n }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: transparent;\n }\n}\n\n\n// mdl/src/switch/_switch.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n\n .mdl-switch__track {\n background: $mdlext-light-switch-off-track-color;\n }\n .mdl-switch.is-checked .mdl-switch__track {\n background: $mdlext-light-switch-track-color;\n }\n .mdl-switch__track fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__track {\n background: $mdlext-light-switch-disabled-track-color;\n }\n\n .mdl-switch__thumb {\n background: $mdlext-light-switch-off-thumb-color;\n }\n .mdl-switch.is-checked .mdl-switch__thumb {\n background: $mdlext-light-switch-thumb-color;\n }\n .mdl-switch__thumb fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__thumb {\n background: $mdlext-light-switch-disabled-thumb-color;\n }\n\n .mdl-switch__focus-helper {\n background-color: transparent;\n }\n .mdl-switch.is-focused .mdl-switch__focus-helper {\n background-color: rgba(0, 0, 0, 0.1);\n }\n .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {\n box-shadow: 0 0 0 (($switch-ripple-size - $switch-helper-size) / 2) $mdlext-light-switch-faded-color;\n background-color: $mdlext-light-switch-faded-color;\n }\n\n .mdl-switch__label fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__label {\n color: $mdlext-light-switch-disabled-thumb-color;\n }\n\n .mdl-switch__ripple-container .mdl-ripple {\n background: $mdlext-light-switch-color;\n }\n fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,\n .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {\n background: transparent;\n }\n}\n\n\n// mdl/src/data-table/_data-table.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n\n .mdl-data-table {\n border-color: $mdlext-light-data-table-divider-color;\n background-color: $mdlext-light-data-table-background-color;\n\n tbody {\n tr {\n &.is-selected {\n background-color: $mdlext-light-data-table-selection-color;\n }\n &:hover {\n background-color: $mdlext-light-data-table-hover-color;\n }\n }\n }\n th {\n color: $data-table-header-color;\n\n &.mdl-data-table__header--sorted-ascending,\n &.mdl-data-table__header--sorted-descending {\n color: $mdlext-light-data-table-header-sorted-color;\n\n &:hover {\n &::before {\n color: $mdlext-light-data-table-header-sorted-icon-hover-color;\n }\n }\n }\n }\n }\n}\n\n\n// mdl/src/menu/_menu.scss\n// -----------------------------------\n.mdlext-light-color-theme {\n\n .mdl-menu__outline {\n background: $mdlext-light-default-dropdown-bg-color;\n }\n\n .mdl-menu__item {\n color: $mdlext-light-default-item-text-color;\n background-color: transparent;\n outline-color: $mdlext-light-default-item-outline-color;\n\n &--full-bleed-divider {\n border-bottom-color: $mdlext-light-default-item-divider-color;\n }\n\n &[disabled],\n &[data-mdl-disabled] {\n color: $mdlext-light-disabled-item-text-color;\n background-color: transparent;\n\n &:hover {\n background-color: transparent;\n }\n\n &:focus {\n background-color: transparent;\n }\n\n & .mdl-ripple {\n background: transparent;\n }\n }\n\n &:hover {\n background-color: $mdlext-light-default-item-hover-bg-color;\n }\n\n &:focus {\n background-color: $mdlext-light-default-item-focus-bg-color;\n }\n\n &:active {\n background-color: $mdlext-light-default-item-active-bg-color;\n }\n }\n}\n\n\n// mdl/src/card/_card.scss\n// ----------------------------------------\n.mdlext-light-color-theme {\n\n .mdl-card {\n background: $mdlext-light-card-background-color;\n }\n\n .mdl-card__media {\n background-color: $mdlext-light-card-image-placeholder-color;\n }\n\n .mdl-card__title {\n color: $mdlext-light-card-text-color;\n\n &.mdl-card--border {\n border-bottom-color: $mdlext-light-card-border-color;\n }\n }\n\n .mdl-card__title-text {\n color: inherit;\n }\n\n .mdl-card__subtitle-text {\n color: $mdlext-light-card-subtitle-color;\n }\n\n .mdl-card__supporting-text {\n color: $mdlext-light-card-supporting-text-text-color;\n }\n\n .mdl-card__actions {\n background-color: rgba(0, 0, 0, 0);\n\n &.mdl-card--border {\n border-top-color: $mdlext-light-card-border-color;\n }\n }\n}\n\n\n// mdlext/src/selectfield/_selectfield.scss\n// ----------------------------------------\n.mdlext-light-color-theme {\n\n .mdlext-selectfield.is-disabled::after {\n color: $mdlext-light-input-text-disabled-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $mdlext-light-input-text-disabled-color);\n }\n\n .mdlext-selectfield__select {\n border-bottom-color: $mdlext-light-input-text-bottom-border-color;\n color: inherit;\n\n option {\n background-color: $mdlext-light-content-background-color;\n color: $mdlext-light-text-color-primary;\n }\n }\n .mdlext-selectfield.is-invalid .mdlext-selectfield__select {\n border-color: $mdlext-light-input-text-error-color;\n }\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select,\n .mdlext-selectfield.is-disabled .mdlext-selectfield__select {\n background-color: transparent;\n border-bottom-color: $mdlext-light-input-text-disabled-color;\n color: $mdlext-light-input-text-disabled-text-color;\n }\n\n .mdlext-selectfield__label {\n color: $mdlext-light-input-text-label-color;\n }\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label,\n .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label {\n color: $mdlext-light-input-text-disabled-text-color;\n }\n .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {\n color: $mdlext-light-input-text-highlight-color;\n }\n .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {\n color: $mdlext-light-input-text-error-color;\n }\n .mdlext-selectfield__label::after {\n background-color: $mdlext-light-input-text-highlight-color;\n }\n .mdlext-selectfield.is-invalid .mdlext-selectfield__label::after {\n background-color: $mdlext-light-input-text-error-color;\n }\n\n .mdlext-selectfield__error {\n color: $mdlext-light-input-text-error-color;\n }\n}\n\n// mdlext/src/menu-button/_menu-button.scss\n// ----------------------------------------\n.mdlext-menu.mdlext-light-color-theme {\n background: $mdlext-light-default-dropdown-bg-color;\n}\n\n.mdlext-light-color-theme {\n\n .mdlext-menu {\n background: $mdlext-light-default-dropdown-bg-color;\n\n &__item {\n color: $mdlext-light-default-item-text-color;\n background-color: $mdlext-light-default-dropdown-bg-color;\n\n &:active,\n &[aria-selected='true'] {\n background-color: $mdlext-light-default-item-active-bg-color;\n }\n &:hover:not([disabled]) {\n background-color: $mdlext-light-default-item-hover-bg-color;\n }\n &:focus {\n outline-color: $mdlext-light-default-item-outline-color;\n background-color: $mdlext-light-default-item-focus-bg-color;\n }\n &[disabled] {\n color: $mdlext-light-disabled-item-text-color;\n\n > * {\n color: $mdlext-light-disabled-item-text-color;\n }\n }\n }\n &__item-separator {\n border-bottom: 1px solid $mdlext-light-default-item-divider-color;\n }\n }\n}\n\n\n// mdlext/src/bordered-fields/_bordered-fields.scss\n// -------------------------------------------------\n.mdlext-light-color-theme {\n\n .mdlext-bordered-fields {\n\n .mdl-textfield,\n .mdlext-selectfield {\n\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n background-color: $mdlext-light-bordered-field-background-color;\n border-color: $mdlext-light-bordered-field-border-color;\n color: $mdlext-light-bordered-field-input-text-color;\n\n &:disabled {\n color: $mdlext-light-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-light-bordered-field-disabled-background-color;\n border-color: $mdlext-light-bordered-field-disabled-border-color;\n }\n &:focus {\n background-color: $mdlext-light-bordered-field-focus-background-color;\n border-color: $mdlext-light-bordered-field-focus-border-color;\n }\n }\n &.is-invalid {\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n color: $mdlext-light-bordered-field-input-text-error-color;\n border-color: $mdlext-light-bordered-field-error-border-color;\n background-color: $mdlext-light-bordered-field-error-background-color;\n\n &:focus {\n border-color: $mdlext-light-bordered-field-error-focus-border-color;\n background-color: $mdlext-light-bordered-field-error-focus-background-color;\n }\n }\n }\n }\n\n fieldset[disabled] .mdlext-selectfield::after,\n .mdlext-selectfield.is-disabled::after {\n color: $mdlext-light-bordered-field-input-text-disabled-text-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $mdlext-light-bordered-field-input-text-disabled-text-color);\n }\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {\n color: $mdlext-light-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-light-bordered-field-disabled-background-color;\n border-color: $mdlext-light-bordered-field-disabled-border-color;\n }\n\n .mdl-textfield,\n .mdlext-selectfield {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-light-bordered-field-input-text-label-color;\n }\n &.mdl-textfield--floating-label.is-focused.is-focused,\n &.mdl-textfield--floating-label.is-dirty.is-dirty,\n &.mdl-textfield--floating-label.has-placeholder,\n &.mdlext-selectfield--floating-label.is-focused.is-focused,\n &.mdlext-selectfield--floating-label.is-dirty.is-dirty,\n &.mdlext-selectfield--floating-label.has-placeholder {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-light-bordered-field-input-text-label-focus-color;\n }\n }\n &.mdl-textfield--floating-label.is-disabled.is-disabled,\n &.mdlext-selectfield--floating-label.is-disabled.is-disabled {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-light-bordered-field-input-text-label-disabled-color;\n }\n }\n &.mdl-textfield--floating-label.is-invalid.is-invalid,\n &.mdlext-selectfield--floating-label.is-invalid.is-invalid {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-light-bordered-field-input-text-label-error-color;\n }\n }\n }\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {\n color: $mdlext-light-bordered-field-input-text-label-disabled-color;\n }\n\n // Icon(s) and/or button(s) inside textfield\n .mdl-textfield,\n .mdlext-selectfield {\n &.is-disabled i,\n &.is-disabled .mdl-button {\n color: $mdlext-light-bordered-field-disabled-border-color;\n }\n }\n fieldset[disabled] .mdl-textfield,\n fieldset[disabled] .mdlext-selectfield {\n i,\n .mdl-button {\n color: $mdlext-light-bordered-field-disabled-border-color;\n }\n }\n }\n}\n\n\n// mdlext/src/accordion/_accordion.scss\n// ----------------------------------------\n.mdlext-light-color-theme {\n\n .mdlext-accordion {\n\n &__tab {\n color: $mdlext-light-accordion-header-secondary-color;\n background-color: $mdlext-light-accordion-header-background-color;\n\n &:focus {\n outline-color: $mdlext-light-accordion-header-focus-outline-color;\n }\n &[aria-expanded='true'] {\n background-color: $mdlext-light-accordion-header-background-open-color;\n }\n &[aria-selected='true'] {\n background-color: $mdlext-light-accordion-header-background-active-color;\n }\n &[disabled] {\n background-color: $mdlext-light-accordion-header-disabled-color;\n color: $mdlext-light-accordion-header-secondary-color-disabled;\n pointer-events: none;\n\n > * {\n color: $mdlext-light-accordion-header-secondary-color-disabled;\n }\n }\n &:hover:not([disabled]) {\n background-color: $mdlext-light-accordion-header-background-hover-color;\n }\n &--ripple {\n &[aria-selected='true']::before {\n background: $mdlext-light-accordion-ripple-color;\n }\n }\n }\n\n &__tabpanel {\n color: $mdlext-light-accordion-content-color;\n background-color: $mdlext-light-accordion-content-background-color;\n }\n }\n\n // Vertical layout\n .mdlext-accordion {\n\n &--vertical {\n\n .mdlext-accordion__tab {\n border-top: 1px solid $mdlext-light-accordion-header-border-color;\n\n &[aria-selected='true']::after {\n background-color: $mdlext-light-accordion-header-highlight-color;\n }\n }\n .mdlext-accordion__tabpanel {\n border-top: 1px solid $mdlext-light-accordion-header-border-color;\n }\n }\n }\n\n // Horizontal layout\n .mdlext-accordion {\n\n &--horizontal {\n\n .mdlext-accordion__tab {\n border-left: 1px solid $mdlext-light-accordion-header-border-color;\n\n &[aria-selected='true']::after {\n background-color: $mdlext-light-accordion-header-highlight-color;\n }\n }\n .mdlext-accordion__tabpanel {\n border-left: 1px solid $mdlext-light-accordion-header-border-color;\n }\n }\n }\n\n .mdlext-accordion {\n\n &__panel:first-child > &__tab {\n // Use container to set outer borders\n border-top-color: transparent;\n border-left-color: transparent;\n }\n }\n\n // Making accordion appear disabled.\n // Note: does not prevent tabbing into a disabled accordion\n .mdlext-accordion[disabled] {\n .mdlext-accordion__tab {\n background-color: $mdlext-light-accordion-header-disabled-color;\n color: $mdlext-light-accordion-header-secondary-color-disabled;\n\n > * {\n color: $mdlext-light-accordion-header-secondary-color-disabled;\n }\n }\n .mdlext-accordion__tabpanel {\n opacity: 0.8;\n filter: blur(1px) grayscale(80%);\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/color-themes/_light-color-theme.scss","@import \"color-themes\";\n\n.mdlext-dark-color-theme {\n background-color: $mdlext-dark-content-background-color;\n color: $mdlext-dark-text-color-primary;\n a {\n outline-color: inherit;\n }\n}\n\n// mdl/src/palette/_palette.scss\n.mdlext-dark-color-theme {\n\n .mdl-color--primary {\n background-color: $mdlext-dark-color-primary !important;\n }\n\n .mdl-color--primary-contrast {\n background-color: $mdlext-dark-color-primary-contrast !important;\n }\n\n .mdl-color--primary-dark {\n background-color: $mdlext-dark-color-primary-dark !important;\n }\n\n .mdl-color--accent {\n background-color: $mdlext-dark-color-accent !important;\n }\n\n .mdl-color--accent-contrast {\n background-color: $mdlext-dark-color-accent-contrast !important;\n }\n\n .mdl-color-text--primary {\n color: $mdlext-dark-color-primary !important;\n }\n\n .mdl-color-text--primary-contrast {\n color: $mdlext-dark-color-primary-contrast !important;\n }\n\n .mdl-color-text--primary-dark {\n color: $mdlext-dark-color-primary-dark !important;\n }\n\n .mdl-color-text--accent {\n color: $mdlext-dark-color-accent !important;\n }\n\n .mdl-color-text--accent-contrast {\n color: $mdlext-dark-color-accent-contrast !important;\n }\n\n}\n\n// mdl/src/typography/_typography.scss\n.mdlext-dark-color-theme {\n a {\n color: $mdlext-dark-text-link-color;\n }\n}\n\n\n// mdl/src/badge/_badge.scss\n// ---------------------------\n.mdlext-dark-color-theme {\n .mdl-badge {\n\n &[data-badge]::after {\n background: $mdlext-dark-badge-background;\n color: $mdlext-dark-badge-color;\n }\n\n &.mdl-badge--no-background {\n &[data-badge]::after {\n color: $mdlext-dark-badge-color-inverse;\n background: $mdlext-dark-badge-background-inverse;\n }\n }\n }\n}\n\n\n// mdl/src/button/_button.scss\n// ---------------------------\n.mdlext-dark-color-theme {\n\n .mdl-button {\n background: transparent;\n color: $mdlext-dark-button-secondary-color;\n\n &:hover {\n background-color: $mdlext-dark-button-hover-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-focus-color;\n }\n\n &:active {\n background-color: $mdlext-dark-button-active-color;\n }\n\n &.mdl-button--colored {\n color: $mdlext-dark-button-primary-color-alt;\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-focus-color-alt;\n }\n }\n }\n\n // Raised buttons\n .mdl-button--raised {\n background: $mdlext-dark-button-primary-color;\n\n &:active {\n background-color: $mdlext-dark-button-active-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-active-color;\n }\n\n &.mdl-button--colored {\n background: $mdlext-dark-button-primary-color-alt;\n color: $mdlext-dark-button-secondary-color-alt;\n\n &:hover {\n background-color: $mdlext-dark-button-hover-color-alt;\n }\n\n &:active {\n background-color: $mdlext-dark-button-active-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $mdlext-dark-button-ripple-color-alt;\n }\n }\n }\n\n\n // FABs\n .mdl-button--fab {\n background: $mdlext-dark-button-primary-color;\n\n &:active {\n background-color: $mdlext-dark-button-active-color;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-active-color;\n }\n\n &.mdl-button--colored {\n background: $mdlext-dark-button-fab-color-alt;\n color: $mdlext-dark-button-fab-text-color-alt;\n\n &:hover {\n background-color: $mdlext-dark-button-fab-hover-color-alt;\n }\n\n &:focus:not(:active) {\n background-color: $mdlext-dark-button-fab-active-color-alt;\n }\n\n &:active {\n background-color: $mdlext-dark-button-fab-active-color-alt;\n }\n\n & .mdl-ripple {\n background: $mdlext-dark-button-fab-ripple-color-alt;\n }\n }\n }\n\n\n // Icon buttons\n .mdl-button--icon {\n color: inherit;\n }\n\n // Colorized buttons\n\n .mdl-button--primary.mdl-button--primary {\n color: $mdlext-dark-button-primary-color-alt;\n\n & .mdl-ripple {\n background: $mdlext-dark-button-secondary-color-alt;\n }\n &.mdl-button--raised,\n &.mdl-button--fab {\n color: $mdlext-dark-button-secondary-color-alt;\n background-color: $mdlext-dark-button-primary-color-alt;\n }\n }\n\n .mdl-button--accent.mdl-button--accent {\n color: $mdlext-dark-button-fab-color-alt;\n\n & .mdl-ripple {\n background: $mdlext-dark-button-fab-text-color-alt;\n }\n &.mdl-button--raised,\n &.mdl-button--fab {\n color: $mdlext-dark-button-fab-text-color-alt;\n background-color: $mdlext-dark-button-fab-color-alt;\n }\n }\n\n // Disabled buttons\n\n .mdl-button {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $mdlext-dark-button-secondary-color-disabled;\n background-color: transparent;\n }\n\n &--fab {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $mdlext-dark-button-primary-color-disabled;\n color: $mdlext-dark-button-secondary-color-disabled;\n }\n }\n\n &--raised {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n background-color: $mdlext-dark-button-primary-color-disabled;\n color: $mdlext-dark-button-secondary-color-disabled;\n }\n }\n &--colored {\n // Bump up specificity by using [disabled] twice.\n &[disabled][disabled],\n &.mdl-button--disabled.mdl-button--disabled {\n color: $mdlext-dark-button-secondary-color-disabled;\n }\n }\n }\n}\n\n\n// mdl/src/slider/_slider.scss\n// ---------------------------\n.mdlext-dark-color-theme {\n\n .mdl-slider {\n\n &.is-upgraded {\n background: transparent;\n color: $mdlext-dark-range-color;\n\n &::-webkit-slider-runnable-track {\n background: transparent;\n }\n\n &::-moz-range-track {\n background: transparent;\n }\n\n &::-ms-track {\n background: none;\n color: transparent;\n }\n\n /* stylelint-disable */\n &::-ms-fill-lower {\n background: linear-gradient(\n to right,\n transparent,\n transparent 16px,\n $mdlext-dark-range-color 16px,\n $mdlext-dark-range-color 0\n );\n }\n\n &::-ms-fill-upper {\n background: linear-gradient(\n to left,\n transparent,\n transparent 16px,\n $mdlext-dark-range-bg-color 16px,\n $mdlext-dark-range-bg-color 0);\n }\n /* stylelint-enable */\n\n &::-webkit-slider-thumb {\n background: $mdlext-dark-range-color;\n }\n\n &::-moz-range-thumb {\n background: $mdlext-dark-range-color;\n }\n\n &:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $mdlext-dark-range-faded-color;\n }\n\n &:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $mdlext-dark-range-faded-color;\n }\n\n &:active::-webkit-slider-thumb {\n background: $mdlext-dark-range-color;\n }\n\n &:active::-moz-range-thumb {\n background: $mdlext-dark-range-color;\n }\n\n &::-ms-thumb {\n background: $mdlext-dark-range-color;\n }\n\n /* stylelint-disable */\n &:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $mdlext-dark-range-color 0%,\n $mdlext-dark-range-color 37.5%,\n $mdlext-dark-range-faded-color 37.5%,\n $mdlext-dark-range-faded-color 100%);\n }\n /* stylelint-enable */\n\n &:active::-ms-thumb {\n background: $mdlext-dark-range-color;\n }\n\n\n /**************************** 0-value ****************************/\n\n &.is-lowest-value::-webkit-slider-thumb {\n border-color: $mdlext-dark-range-color;\n background: transparent;\n }\n\n &.is-lowest-value::-moz-range-thumb {\n border-color: $mdlext-dark-range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {\n box-shadow: 0 0 0 10px $mdlext-dark-range-bg-focus-color;\n background: $mdlext-dark-range-bg-focus-color;\n }\n\n &.is-lowest-value:focus:not(:active)::-moz-range-thumb {\n box-shadow: 0 0 0 10px $mdlext-dark-range-bg-focus-color;\n background: $mdlext-dark-range-bg-focus-color;\n }\n\n &.is-lowest-value:active::-webkit-slider-thumb {\n border-color: $mdlext-dark-range-bg-color;\n }\n\n &.is-lowest-value:active::-moz-range-thumb {\n border-color: $mdlext-dark-range-bg-color;\n }\n\n /* stylelint-disable */\n &.is-lowest-value::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 66.67%,\n $mdlext-dark-range-bg-color 66.67%,\n $mdlext-dark-range-bg-color 100%);\n }\n\n &.is-lowest-value:focus:not(:active)::-ms-thumb {\n background: radial-gradient(circle closest-side,\n $mdlext-dark-range-bg-focus-color 0%,\n $mdlext-dark-range-bg-focus-color 25%,\n $mdlext-dark-range-bg-color 25%,\n $mdlext-dark-range-bg-color 37.5%,\n $mdlext-dark-range-bg-focus-color 37.5%,\n $mdlext-dark-range-bg-focus-color 100%);\n }\n\n &.is-lowest-value:active::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 77.78%,\n $mdlext-dark-range-bg-color 77.78%,\n $mdlext-dark-range-bg-color 100%);\n }\n /* stylelint-enable */\n\n &.is-lowest-value::-ms-fill-lower {\n background: transparent;\n }\n\n /**************************** Disabled ****************************/\n\n &:disabled:focus::-webkit-slider-thumb,\n &:disabled:active::-webkit-slider-thumb,\n &:disabled::-webkit-slider-thumb {\n background: $mdlext-dark-range-bg-color;\n }\n\n &:disabled:focus::-moz-range-thumb,\n &:disabled:active::-moz-range-thumb,\n &:disabled::-moz-range-thumb {\n background: $mdlext-dark-range-bg-color;\n }\n\n &:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {\n background-color: $mdlext-dark-range-bg-color;\n }\n\n &.is-lowest-value:disabled:focus::-webkit-slider-thumb,\n &.is-lowest-value:disabled:active::-webkit-slider-thumb,\n &.is-lowest-value:disabled::-webkit-slider-thumb {\n border-color: $mdlext-dark-range-bg-color;\n background: transparent;\n }\n\n &.is-lowest-value:disabled:focus::-moz-range-thumb,\n &.is-lowest-value:disabled:active::-moz-range-thumb,\n &.is-lowest-value:disabled::-moz-range-thumb {\n border-color: $mdlext-dark-range-bg-color;\n background: transparent;\n }\n\n &:disabled:focus::-ms-thumb,\n &:disabled:active::-ms-thumb,\n &:disabled::-ms-thumb {\n background: $mdlext-dark-range-bg-color;\n }\n\n /* stylelint-disable */\n &.is-lowest-value:disabled:focus::-ms-thumb,\n &.is-lowest-value:disabled:active::-ms-thumb,\n &.is-lowest-value:disabled::-ms-thumb {\n background: radial-gradient(circle closest-side,\n transparent 0%,\n transparent 50%,\n $mdlext-dark-range-bg-color 50%,\n $mdlext-dark-range-bg-color 100%);\n }\n\n &:disabled::-ms-fill-lower {\n background: linear-gradient(to right,\n transparent,\n transparent 25px,\n $mdlext-dark-range-bg-color 25px,\n $mdlext-dark-range-bg-color 0);\n }\n /* stylelint-enable */\n\n }\n }\n\n .mdl-slider__background-flex {\n background: transparent;\n }\n\n .mdl-slider__background-lower {\n background: $mdlext-dark-range-color;\n }\n\n // This one styles the upper part of the slider track.\n .mdl-slider__background-upper {\n background: $mdlext-dark-range-bg-color;\n }\n}\n\n\n// mdl/src/textfield/_textfield.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n\n .mdl-textfield__input {\n border-bottom-color: $mdlext-dark-input-text-bottom-border-color;\n }\n .mdl-textfield.is-invalid .mdl-textfield__input {\n border-color: $mdlext-dark-input-text-error-color;\n }\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n .mdl-textfield.is-disabled .mdl-textfield__input {\n background-color: transparent;\n border-bottom-color: $mdlext-dark-input-text-disabled-color;\n color: $mdlext-dark-input-text-disabled-text-color;\n }\n .mdl-textfield__label {\n color: $mdlext-dark-input-text-label-color;\n }\n .mdl-textfield__label::after {\n background-color: $mdlext-dark-input-text-highlight-color;\n }\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n .mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {\n color: $mdlext-dark-input-text-disabled-text-color;\n }\n .mdl-textfield--floating-label.is-focused .mdl-textfield__label,\n .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,\n .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {\n color: $mdlext-dark-input-text-highlight-color;\n }\n .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {\n color: $mdlext-dark-input-text-error-color;\n }\n .mdl-textfield.is-invalid .mdl-textfield__label::after {\n background-color: $mdlext-dark-input-text-error-color;\n }\n .mdl-textfield__error {\n color: $mdlext-dark-input-text-error-color;\n }\n}\n\n\n// mdl/src/checkbox/_checkbox.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n\n .mdl-checkbox__box-outline {\n border-color: $mdlext-dark-checkbox-off-color;\n }\n .mdl-checkbox.is-checked .mdl-checkbox__box-outline {\n border-color: $mdlext-dark-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__box-outline,\n .mdl-checkbox.is-disabled .mdl-checkbox__box-outline {\n border-color: $mdlext-dark-checkbox-disabled-color;\n }\n\n .mdl-checkbox__focus-helper {\n background-color: transparent;\n }\n .mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {\n box-shadow: 0 0 0 ($checkbox-button-size / 2) $mdlext-dark-checkbox-focus-color;\n background-color: $mdlext-dark-checkbox-focus-color;\n }\n\n .mdl-checkbox__tick-outline {\n background: transparent;\n }\n .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {\n background-color: $mdlext-dark-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,\n .mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {\n background-color: $mdlext-dark-checkbox-disabled-color;\n }\n\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__label,\n .mdl-checkbox.is-disabled .mdl-checkbox__label {\n color: $mdlext-dark-checkbox-disabled-color;\n }\n\n .mdl-checkbox__ripple-container .mdl-ripple {\n background: $mdlext-dark-checkbox-color;\n }\n fieldset[disabled] .mdl-checkbox .mdl-checkbox__ripple-container .mdl-ripple,\n .mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {\n background: transparent;\n }\n\n}\n\n// mdl/src/radio/_radio.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n .mdl-radio__outer-circle {\n border-color: $mdlext-dark-radio-off-color;\n }\n .mdl-radio.is-checked .mdl-radio__outer-circle {\n border-color: $mdlext-dark-radio-color;\n }\n .mdl-radio__outer-circle fieldset[disabled] .mdl-radio,\n .mdl-radio.is-disabled .mdl-radio__outer-circle {\n border-color: $mdlext-dark-radio-disabled-color;\n }\n\n .mdl-radio__inner-circle {\n background: $mdlext-dark-radio-color;\n }\n fieldset[disabled] .mdl-radio .mdl-radio__inner-circle,\n .mdl-radio.is-disabled .mdl-radio__inner-circle {\n background: $mdlext-dark-radio-disabled-color;\n }\n\n fieldset[disabled] .mdl-radio .mdl-radio__label,\n .mdl-radio.is-disabled .mdl-radio__label {\n color: $mdlext-dark-radio-disabled-color;\n }\n\n .mdl-radio__ripple-container .mdl-ripple {\n background: $mdlext-dark-radio-color;\n }\n fieldset[disabled] .mdl-radio .mdl-radio__ripple-container .mdl-ripple,\n .mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {\n background: transparent;\n }\n}\n\n// mdl/src/icon-togglr/_icon-toggle.scss\n// ---------------------------------------\n.mdlext-dark-color-theme {\n .mdl-icon-toggle__label {\n color: $mdlext-dark-icon-toggle-color;\n }\n .mdl-icon-toggle.is-checked .mdl-icon-toggle__label {\n color: $mdlext-dark-icon-toggle-checked-color;\n }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {\n color: $mdlext-dark-icon-toggle-disabled-color;\n }\n .mdl-icon-toggle.is-focused .mdl-icon-toggle__label {\n background-color: $mdlext-dark-icon-toggle-focus-color;\n }\n .mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {\n background-color: $mdlext-dark-icon-toggle-checked-focus-color;\n }\n .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: $mdlext-dark-icon-toggle-color;\n }\n .mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {\n background: transparent;\n }\n}\n\n\n// mdl/src/switch/_switch.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n\n .mdl-switch__track {\n background: $mdlext-dark-switch-off-track-color;\n }\n .mdl-switch.is-checked .mdl-switch__track {\n background: $mdlext-dark-switch-track-color;\n }\n .mdl-switch__track fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__track {\n background: $mdlext-dark-switch-disabled-track-color;\n }\n\n .mdl-switch__thumb {\n background: $mdlext-dark-switch-off-thumb-color;\n }\n .mdl-switch.is-checked .mdl-switch__thumb {\n background: $mdlext-dark-switch-thumb-color;\n }\n .mdl-switch__thumb fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__thumb {\n background: $mdlext-dark-switch-disabled-thumb-color;\n }\n\n .mdl-switch__focus-helper {\n background-color: transparent;\n }\n .mdl-switch.is-focused .mdl-switch__focus-helper {\n background-color: rgba(0, 0, 0, 0.1);\n }\n .mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {\n box-shadow: 0 0 0 (($switch-ripple-size - $switch-helper-size) / 2) $mdlext-dark-switch-faded-color;\n background-color: $mdlext-dark-switch-faded-color;\n }\n\n .mdl-switch__label fieldset[disabled] .mdl-switch,\n .mdl-switch.is-disabled .mdl-switch__label {\n color: $mdlext-dark-switch-disabled-thumb-color;\n }\n\n .mdl-switch__ripple-container .mdl-ripple {\n background: $mdlext-dark-switch-color;\n }\n fieldset[disabled] .mdl-switch .mdl-switch__ripple-container .mdl-ripple,\n .mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {\n background: transparent;\n }\n\n}\n\n\n// mdl/src/data-table/_data-table.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n\n .mdl-data-table {\n border-color: $mdlext-dark-data-table-divider-color;\n background-color: $mdlext-dark-data-table-background-color;\n\n tbody {\n tr {\n &.is-selected {\n background-color: $mdlext-dark-data-table-selection-color;\n }\n\n &:hover {\n background-color: $mdlext-dark-data-table-hover-color;\n }\n }\n }\n\n th {\n color: $mdlext-dark-data-table-header-color;\n\n &.mdl-data-table__header--sorted-ascending,\n &.mdl-data-table__header--sorted-descending {\n color: $mdlext-dark-data-table-header-sorted-color;\n\n &:hover {\n &::before {\n color: $mdlext-dark-data-table-header-sorted-icon-hover-color;\n }\n }\n }\n }\n }\n}\n\n// mdl/src/menu/_menu.scss\n// -----------------------------------\n.mdlext-dark-color-theme {\n\n .mdl-menu__outline {\n background: $mdlext-dark-default-dropdown-bg-color;\n }\n\n .mdl-menu__item {\n color: $mdlext-dark-default-item-text-color;\n background-color: transparent;\n outline-color: $mdlext-dark-default-item-outline-color;\n\n &--full-bleed-divider {\n border-bottom-color: $mdlext-dark-default-item-divider-color;\n }\n\n &[disabled],\n &[data-mdl-disabled] {\n color: $mdlext-dark-disabled-item-text-color;\n background-color: transparent;\n\n &:hover {\n background-color: transparent;\n }\n\n &:focus {\n background-color: transparent;\n }\n\n & .mdl-ripple {\n background: transparent;\n }\n }\n\n &:hover {\n background-color: $mdlext-dark-default-item-hover-bg-color;\n }\n\n &:focus {\n background-color: $mdlext-dark-default-item-focus-bg-color;\n }\n\n &:active {\n background-color: $mdlext-dark-default-item-active-bg-color;\n }\n }\n}\n\n// mdl/src/card/_card.scss\n// ----------------------------------------\n.mdlext-dark-color-theme {\n .mdl-card {\n background: $mdlext-dark-card-background-color;\n }\n\n .mdl-card__media {\n background-color: $mdlext-dark-card-image-placeholder-color;\n }\n\n .mdl-card__title {\n color: $mdlext-dark-card-text-color;\n\n &.mdl-card--border {\n border-bottom-color: $mdlext-dark-card-border-color;\n }\n }\n\n .mdl-card__title-text {\n color: inherit;\n }\n\n .mdl-card__subtitle-text {\n color: $mdlext-dark-card-subtitle-color;\n }\n\n .mdl-card__supporting-text {\n color: $mdlext-dark-card-supporting-text-text-color;\n }\n\n .mdl-card__actions {\n background-color: rgba(255, 255, 255, 0);\n\n &.mdl-card--border {\n border-top-color: $mdlext-dark-card-border-color;\n }\n }\n}\n\n\n// mdlext/src/selectfield/_selectfield.scss\n// ----------------------------------------\n.mdlext-dark-color-theme {\n\n .mdlext-selectfield.is-disabled::after {\n color: $mdlext-dark-input-text-disabled-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $mdlext-dark-input-text-disabled-color);\n }\n\n .mdlext-selectfield__select {\n border-bottom-color: $mdlext-dark-input-text-bottom-border-color;\n color: inherit;\n\n option {\n background-color: $mdlext-dark-content-background-color;\n color: $mdlext-dark-text-color-primary;\n }\n }\n .mdlext-selectfield.is-invalid .mdlext-selectfield__select {\n border-color: $mdlext-dark-input-text-error-color;\n }\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select,\n .mdlext-selectfield.is-disabled .mdlext-selectfield__select {\n background-color: transparent;\n border-bottom-color: $mdlext-dark-input-text-disabled-color;\n color: $mdlext-dark-input-text-disabled-text-color;\n }\n\n .mdlext-selectfield__label {\n color: $mdlext-dark-input-text-label-color;\n }\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__label,\n .mdlext-selectfield.is-disabled.is-disabled .mdlext-selectfield__label {\n color: $mdlext-dark-input-text-disabled-text-color;\n }\n .mdlext-selectfield--floating-label.is-focused .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.is-dirty .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.is-dirty.is-dirty .mdlext-selectfield__label,\n .mdlext-selectfield--floating-label.has-placeholder .mdlext-selectfield__label {\n color: $mdlext-dark-input-text-highlight-color;\n }\n .mdlext-selectfield--floating-label.is-invalid .mdlext-selectfield__label {\n color: $mdlext-dark-input-text-error-color;\n }\n .mdlext-selectfield__label::after {\n background-color: $mdlext-dark-input-text-highlight-color;\n }\n .mdlext-selectfield.is-invalid .mdlext-selectfield__label::after {\n background-color: $mdlext-dark-input-text-error-color;\n }\n\n .mdlext-selectfield__error {\n color: $mdlext-dark-input-text-error-color;\n }\n}\n\n\n// mdlext/src/menu-button/_menu-button.scss\n// ----------------------------------------\n.mdlext-menu.mdlext-dark-color-theme {\n background: $mdlext-dark-default-dropdown-bg-color;\n}\n\n.mdlext-dark-color-theme {\n\n .mdlext-menu {\n background: $mdlext-dark-default-dropdown-bg-color;\n\n &__item {\n color: $mdlext-dark-default-item-text-color;\n background-color: $mdlext-dark-default-dropdown-bg-color;\n\n &:active,\n &[aria-selected='true'] {\n background-color: $mdlext-dark-default-item-active-bg-color;\n }\n &:hover:not([disabled]) {\n background-color: $mdlext-dark-default-item-hover-bg-color;\n }\n &:focus {\n outline-color: $mdlext-dark-default-item-outline-color;\n background-color: $mdlext-dark-default-item-focus-bg-color;\n }\n &[disabled] {\n color: $mdlext-dark-disabled-item-text-color;\n\n > * {\n color: $mdlext-dark-disabled-item-text-color;\n }\n }\n }\n &__item-separator {\n border-bottom: 1px solid $mdlext-dark-default-item-divider-color;\n }\n }\n}\n\n\n// mdlext/src/bordered-fields/_bordered-fields.scss\n// -------------------------------------------------\n.mdlext-dark-color-theme {\n\n .mdlext-bordered-fields {\n\n .mdl-textfield,\n .mdlext-selectfield {\n\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n background-color: $mdlext-dark-bordered-field-background-color;\n border-color: $mdlext-dark-bordered-field-border-color;\n color: $mdlext-dark-bordered-field-input-text-color;\n\n &:disabled {\n color: $mdlext-dark-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-dark-bordered-field-disabled-background-color;\n border-color: $mdlext-dark-bordered-field-disabled-border-color;\n }\n &:focus {\n background-color: $mdlext-dark-bordered-field-focus-background-color;\n border-color: $mdlext-dark-bordered-field-focus-border-color;\n }\n }\n &.is-invalid {\n .mdl-textfield__input,\n .mdlext-selectfield__select {\n color: $mdlext-dark-bordered-field-input-text-error-color;\n border-color: $mdlext-dark-bordered-field-error-border-color;\n background-color: $mdlext-dark-bordered-field-error-background-color;\n\n &:focus {\n border-color: $mdlext-dark-bordered-field-error-focus-border-color;\n background-color: $mdlext-dark-bordered-field-error-focus-background-color;\n }\n }\n }\n }\n\n fieldset[disabled] .mdlext-selectfield::after,\n .mdlext-selectfield.is-disabled::after {\n color: $mdlext-dark-bordered-field-input-text-disabled-text-color;\n @include mdlext-arrow(bottom, $mdlext-selectfield-arrow-width, $mdlext-selectfield-arrow-length, $mdlext-dark-bordered-field-input-text-disabled-text-color);\n }\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__input,\n fieldset[disabled] .mdlext-selectfield .mdlext-selectfield__select {\n color: $mdlext-dark-bordered-field-input-text-disabled-text-color;\n background-color: $mdlext-dark-bordered-field-disabled-background-color;\n border-color: $mdlext-dark-bordered-field-disabled-border-color;\n }\n\n .mdl-textfield,\n .mdlext-selectfield {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-dark-bordered-field-input-text-label-color;\n }\n &.mdl-textfield--floating-label.is-focused.is-focused,\n &.mdl-textfield--floating-label.is-dirty.is-dirty,\n &.mdl-textfield--floating-label.has-placeholder,\n &.mdlext-selectfield--floating-label.is-focused.is-focused,\n &.mdlext-selectfield--floating-label.is-dirty.is-dirty,\n &.mdlext-selectfield--floating-label.has-placeholder {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-dark-bordered-field-input-text-label-focus-color;\n }\n }\n &.mdl-textfield--floating-label.is-disabled.is-disabled,\n &.mdlext-selectfield--floating-label.is-disabled.is-disabled {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-dark-bordered-field-input-text-label-disabled-color;\n }\n }\n &.mdl-textfield--floating-label.is-invalid.is-invalid,\n &.mdlext-selectfield--floating-label.is-invalid.is-invalid {\n\n .mdl-textfield__label,\n .mdlext-selectfield__label {\n color: $mdlext-dark-bordered-field-input-text-label-error-color;\n }\n }\n }\n\n fieldset[disabled] .mdl-textfield .mdl-textfield__label,\n fieldset[disabled] .mdl-selectfield .mdl-selectfield__label {\n color: $mdlext-dark-bordered-field-input-text-label-disabled-color;\n }\n\n // Icon(s) and/or button(s) inside textfield\n .mdl-textfield,\n .mdlext-selectfield {\n &.is-disabled i,\n &.is-disabled .mdl-button {\n color: $mdlext-dark-bordered-field-disabled-border-color;\n }\n }\n fieldset[disabled] .mdl-textfield,\n fieldset[disabled] .mdlext-selectfield {\n i,\n .mdl-button {\n color: $mdlext-dark-bordered-field-disabled-border-color;\n }\n }\n }\n\n}\n\n\n// mdlext/src/accordion/_accordion.scss\n// ----------------------------------------\n.mdlext-dark-color-theme {\n\n .mdlext-accordion {\n\n &__tab {\n color: $mdlext-dark-accordion-header-secondary-color;\n background-color: $mdlext-dark-accordion-header-background-color;\n\n &:focus {\n outline-color: $mdlext-dark-accordion-header-focus-outline-color;\n }\n &[aria-expanded='true'] {\n background-color: $mdlext-dark-accordion-header-background-open-color;\n }\n &[aria-selected='true'] {\n background-color: $mdlext-dark-accordion-header-background-active-color;\n }\n &[disabled] {\n background-color: $mdlext-dark-accordion-header-disabled-color;\n color: $mdlext-dark-accordion-header-secondary-color-disabled;\n pointer-events: none;\n\n > * {\n color: $mdlext-dark-accordion-header-secondary-color-disabled;\n }\n }\n &:hover:not([disabled]) {\n background-color: $mdlext-dark-accordion-header-background-hover-color;\n }\n &--ripple {\n &[aria-selected='true']::before {\n background: $mdlext-dark-accordion-ripple-color;\n }\n }\n }\n\n &__tabpanel {\n color: $mdlext-dark-accordion-content-color;\n background-color: $mdlext-dark-accordion-content-background-color;\n }\n }\n\n // Vertical layout\n .mdlext-accordion {\n\n &--vertical {\n\n .mdlext-accordion__tab {\n border-top: 1px solid $mdlext-dark-accordion-header-border-color;\n\n &[aria-selected='true']::after {\n background-color: $mdlext-dark-accordion-header-highlight-color;\n }\n }\n .mdlext-accordion__tabpanel {\n border-top: 1px solid $mdlext-dark-accordion-header-border-color;\n }\n }\n }\n\n // Horizontal layout\n .mdlext-accordion {\n\n &--horizontal {\n\n .mdlext-accordion__tab {\n border-left: 1px solid $mdlext-dark-accordion-header-border-color;\n\n &[aria-selected='true']::after {\n background-color: $mdlext-dark-accordion-header-highlight-color;\n }\n }\n .mdlext-accordion__tabpanel {\n border-left: 1px solid $mdlext-dark-accordion-header-border-color;\n }\n }\n }\n\n .mdlext-accordion {\n\n &__panel:first-child > &__tab {\n // Use container to set outer borders\n border-top-color: transparent;\n border-left-color: transparent;\n }\n }\n\n // Making accordion appear disabled.\n // Note: does not prevent tabbing into a disabled accordion\n .mdlext-accordion[disabled] {\n .mdlext-accordion__tab {\n background-color: $mdlext-dark-accordion-header-disabled-color;\n color: $mdlext-dark-accordion-header-secondary-color-disabled;\n\n > * {\n color: $mdlext-dark-accordion-header-secondary-color-disabled;\n }\n }\n .mdlext-accordion__tabpanel {\n opacity: 0.8;\n filter: blur(1px) grayscale(80%);\n }\n }\n}\n\n\n\n// WEBPACK FOOTER //\n// webpack:///src/color-themes/_dark-color-theme.scss"],"sourceRoot":""}
\ No newline at end of file