@firestitch/address
Version:
@firestitch/address
1 lines • 176 kB
Source Map (JSON)
{"version":3,"sources":["webpack:///../tools/assets/node_modules/@angular/material/_theming.scss","webpack:///..scss","webpack:///../tools/assets/tools/assets/playground.scss"],"names":[],"mappings":"4EA2HA;;;;GCvHG;;AD2rCH;;AA0mCA;;AAwCA;;AAwzCI;EAp0GF;UAAA;CCrTD;;ADynHG;EAp0GF;UAAA;CCjTD;;ADqnHG;EAp0GF;UAAA;CC7SD;;ADinHG;EAp0GF;UAAA;CCzSD;;AD6mHG;EAp0GF;UAAA;CCrSD;;ADymHG;EAp0GF;UAAA;CCjSD;;ADqmHG;EAp0GF;UAAA;CC7RD;;ADimHG;EAp0GF;UAAA;CCzRD;;AD6lHG;EAp0GF;UAAA;CCrRD;;ADylHG;EAp0GF;UAAA;CCjRD;;ADqlHG;EAp0GF;UAAA;CC7QD;;ADilHG;EAp0GF;UAAA;CCzQD;;AD6kHG;EAp0GF;UAAA;CCrQD;;ADykHG;EAp0GF;UAAA;CCjQD;;ADqkHG;EAp0GF;UAAA;CC7PD;;ADikHG;EAp0GF;UAAA;CCzPD;;AD6jHG;EAp0GF;UAAA;CCrPD;;ADyjHG;EAp0GF;UAAA;CCjPD;;ADqjHG;EAp0GF;UAAA;CC7OD;;ADijHG;EAp0GF;UAAA;CCzOD;;AD6iHG;EAp0GF;UAAA;CCrOD;;ADyiHG;EAp0GF;UAAA;CCjOD;;ADqiHG;EAp0GF;UAAA;CC7ND;;ADiiHG;EAp0GF;UAAA;CCzND;;AD6hHG;EAp0GF;UAAA;CCrND;;ADo2CC;;;EAnNE;EAqNA;CC/1CH;;ADk2CC;;;EAxNE;EA0NA;CC71CH;;ADg2CC;;;EA7NE;EA+NA;CC31CH;;AD81CC;;;EAlOE;EAoOA;CCz1CH;;AD+1CC;;EA1OE;EAkPA;CCj2CH;;ADo2CC;;EArPE;EA6PA;CCt2CH;;ADy2CC;;EAhQE;CCpmCH;;ADw2CC;;;EApQE;CC9lCH;;ADq2CG;;;EACE;CCh2CL;;ADo2CC;;EA5QE;CCnlCH;;ADq2CC;;EAlRE;EAoRA;EACA;CCj2CH;;ADo2CC;;EAxRE;EA0RA;EACA;CCh2CH;;ADm2CC;;EA9RE;EAgSA;EACA;CC/1CH;;ADk2CC;;EApSE;EAsSA;CC91CH;;ADu/CC;;;;;;;EAGI;EACA;EACA;CCh/CL;;AD8hDC;EACE;CC3hDH;;ADmjDC;EACE;CChjDH;;ADmjDC;EAEI;EACA;CCjjDL;;ADqjDC;;;EAGE;CCljDH;;AD8oDC;EACE;CC3oDH;;AD+oDC;EACE;CC5oDH;;AD4sDC;EACE;EACA;CCzsDH;;ADusDC;EAKI;CCxsDL;;ADuuDC;EACE;CCpuDH;;ADuuDC;EACE;EACA;CCpuDH;;ADuuDC;EACE;CCpuDH;;ADq0DC;EACE;CCl0DH;;ADq0DC;EACE;CCl0DH;;ADq0DC;;EAGI;EACA;CCn0DL;;ADu0DC;EAEI;EACA;CCr0DL;;AD01DC;EAl3BE;CCp+BH;;AD04DC;EAEI;EACA;EACA;CCx4DL;;AD44DC;EA96BE;CC19BH;;ADguGC;EA/wEE;EACA;EACA;EACA;CC78BH;;AD6tGC;EACE;CC1tGH;;AD6tGC;;EAII;EACA;CC5tGL;;ADutGC;;EAUI;EACA;CC5tGL;;ADitGC;;EAcM;EACA;CC1tGP;;AD+tGC;EACE;EAEA;CC7tGH;;ADiuGiC;;EA9EhC;UAAA;EAIA;EAEA;CClpGD;;ADytGC;;EA7EA;UAAA;EAIA;EAEA;CC3oGD;;ADkuGO;;EA7FN;UAAA;EAIA;EAEA;CCpoGD;;ADiuGC;EACE;EACA;CC9tGH;;ADiuGC;EACE;CC9tGH;;ADiuGC;EAGE;CChuGH;;ADmuGC;EACE;EACA;EAIA;CCnuGH;;AD83DC;;EAGE;CC53DH;;ADy3DC;;EArDA;EACA;EACA;EAQE;EACA;UAAA;CCt0DH;;ADg3DC;;EAtCI;CCr0DL;;ADu/DC;EACE;CCp/DH;;AD6nEC;EAEI;EACA;EACA;CC3nEL;;ADwqEC;;EAGI;EACA;CCtqEL;;ADqzEC;EACE;CClzEH;;AD03EC;EACE;CCv3EH;;AD03EC;EACE;CCv3EH;;AD8/EC;EA7pDE;CC71BH;;ADmoFC;EAEI;EACA;EACA;CCjoFL;;ADwrFC;;EACE;CCprFH;;ADurFC;EAEI;EACA;CCrrFL;;ADyrFC;EAEI;EACA;CCvrFL;;ADuzFC;EACE;CCpzFH;;ADuzFC;;EAEI;EACA;EACA;CCpzFL;;AD61FC;;;;;;;EAhiEE;EAwiEA;CC11FH;;ADk3FC;EACE;EACA;EACA;EACA;CC/2FH;;ADk3FC;EACE;EACA;EACA;CC/2FH;;ADo9DC;EACE;CCj9DH;;ADo9DC;EACE;CCj9DH;;ADq9DC;;;EAEI;CCj9DL;;AD+8DC;;;EA/PA;EACA;EACA;EAQE;EACA;UAAA;CCjtDH;;AD8sDC;;;EAOI;CC/sDL;;ADq8DG;;;EACE;CCh8DL;;ADksDC;;;EARA;EACA;EACA;EAQE;EACA;UAAA;CC3rDH;;AD+6DC;;;EAhPI;CCzrDL;;ADy6DC;;;EAYI;EACA;EACA;CC/6DL;;ADq7DG;;;EACE;CCh7DL;;ADoqDC;;;EARA;EACA;EACA;EAQE;EACA;UAAA;CC7pDH;;ADo6DC;;;EAnQI;CC3pDL;;AD85DC;;;EAOI;CC/5DL;;ADw5DC;;;EAlRA;EACA;EACA;EAQE;EACA;UAAA;CCvoDH;;ADooDC;;;EAOI;CCroDL;;ADm5DG;;;EACE;EACA;EACA;CC94DL;;ADgvBC;EAEI;EACA;CC9uBL;;ADowBC;EApFE;CC5qBH;;AD4wFC;EAEI;EACA;CC1wFL;;AD8wFC;EACE;EAEE;EACA;EACA;CC5wFL;;ADukBC;EACE;CCpkBH;;ADpeC;EAuiCA;IAKI;GCnkBH;CACF;;ADskBC;EACE;CCnkBH;;ADskBC;EACE;EACA;EACA;EAEA;EAAA;EAAA;EAAA;EACA;UAAA;CCpkBH;;AD/gBC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;CC8gBH;;ADlnBC;;EAEE;EAGA;EACA;EACA;EACA;CCmnBH;;AD/mBC;EACE;EACA;CCknBH;;AD3mBC;EACE;EAAA;EAAA;EACA;EACA;CC8mBH;;AD1mBC;EACE;EACA;EACA;UAAA;EACA;CC6mBH;;AD1mBC;EAEE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAAA;EACA;CC2mBH;;ADvnBC;EAeI;CC4mBL;;ADxmBC;EACE;CC2mBH;;ADxmBC;;EAMI;CCumBL;;ADlmBC;EACE;EAKA;EAKA;CC6lBH;;ADogBC;EACE;CCjgBH;;ADmlBC;EACE;CChlBH;;ADklBG;;EAEE;CC/kBL;;ADklBgB;EACX;CC/kBL;;ADklBe;EACV;CC/kBL;;ADklBa;EACR;CC/kBL;;ADmlBG;EACE;CChlBL;;AD0jBC;EA0BI;EACA;CChlBL;;ADmlBG;EACE;CChlBL;;ADqmBC;EACE;CClmBH;;ADqmBwB;EACrB;CClmBH;;AD6nBC;EACE;CC1nBH;;AD4nBG;EACE;CCznBL;;ADgoBC;;;;EAIE;CC7nBH;;ADgoBC;;EAEE;CC7nBH;;ADgoBC;;EAEE;CC7nBH;;ADgoBC;;EAGI;CC9nBL;;ADi5FC;EAIE;EACA;CCj5FH;;ADq5FC;EACE;CCl5FH;;AD4xBC;EACE;EACA;CCzxBH;;ADgyBG;EACE;CC7xBL;;ADmxBC;EAaM;CC5xBP;;ADk3BC;;;EACE;CC72BH;;AD42BC;;;EAnEE;CCnyBH;;ADsyBc;;;EACX;CCjyBH;;ADg2BC;;;EA3DE;CC/xBH;;ADkyBa;;;EACV;CC7xBH;;ADo1BC;;;EAxBE;CCtzBH;;ADwzBC;;;EACE;CCnzBH;;ADw0BC;;;EAlBE;CChzBH;;ADozBG;;;;;;;;;;;;EAEE;CCvyBL;;AD0zBC;;;EAEE;EACA;CCtzBH;;ADmxBC;;;EACE;CC9wBH;;AD6yBC;;;EA5BE;CC3wBH;;AD6wBC;;;EACE;CCxwBH;;ADiyBC;;;;;;;;;;;;EAnBI;CC/vBL;;ADkxBC;;;EA/BE;CC7uBH;;AD+uBC;;;EACE;CC1uBH;;ADswBC;;;EAzBE;CCvuBH;;AD2uBG;;;;;;;;;;;;EAEE;CC9tBL;;AD4rBe;;;EACZ;CCvrBH;;AD2uBC;;;EAhDE;CCrrBH;;ADwrBY;;;EACT;CCnrBH;;AD4uBC;EAjEE;CCvqBH;;AD0qBc;EACX;CCvqBH;;ADouBC;EAzDE;CCvqBH;;ADouBC;EAEE;EAEA;CCnuBH;;AD8qBC;EACE;CC3qBH;;AD2tBC;EA7CE;CC1qBH;;AD4qBC;EACE;CCzqBH;;ADmtBC;;;;EApCI;CCxqBL;;AD4sBC;EAhDE;CCxpBH;;AD0pBC;EACE;CCvpBH;;ADosBC;EA1CE;CCtpBH;;AD0pBG;;;;EAEE;CCrpBL;;ADmnBe;EACZ;CChnBH;;ADqrBC;EAjEE;CChnBH;;ADmnBY;EACT;CChnBH;;AD2rBC;EAnFE;CCpmBH;;ADumBc;EACX;CCpmBH;;ADmrBC;EA3EE;CCpmBH;;ADgtBC;EACE;CC7sBH;;AD4sBC;EARE;CChsBH;;ADgtBC;EACE;EACA;CC7sBH;;ADgtBC;EACE;EACA;CC7sBH;;AD2sBC;EAKI;CC5sBL;;ADguBC;EACE;EACA;CC7tBH;;ADguBC;EACE;CC7tBH;;AD0wBC;EACE;CCvwBH;;AD0wBC;EACE;CCvwBH;;AD0wBC;EAGE;CCzwBH;;AD4wBC;EACE;CCzwBH;;AD6wBiB;;EACZ;CCzwBL;;AD4wBgB;;EACX;CCxwBL;;AD2wBc;;EACT;CCvwBL;;AD6wBK;;EACE;CCzwBP;;AD8wBK;EACE;CC3wBP;;AD+wBG;EACE;CC5wBL;;ADgxBC;EAEI;CC9wBL;;AD4wBC;EAMI;CC9wBL;;ADixBmC;EAC9B;CC9wBL;;ADq0BC;EAzBA;EACA;CCxyBD;;ADg0BC;EArBE;EACA;CCvyBH;;AD2zBC;EAhBE;CCvyBH;;AD6zBG;EA/BF;EACA;CC1xBD;;AD4xBC;EACE;EACA;CCzxBH;;ADizBC;EApBE;CCzxBH;;AD6yBC;EA7BA;EACA;CC5wBD;;ADwyBC;EAzBE;EACA;CC3wBH;;AD8wBC;EACE;CC3wBH;;ADyyBG;EAvCF;EACA;CC9vBD;;ADgwBC;EACE;EACA;CC7vBH;;ADqxBC;EApBE;CC7vBH;;ADozBC;EACE;CCjzBH;;ADozBC;;EACE;CChzBH;;ADmzBC;EACE;CChzBH;;ADmzBC;EACE;CChzBH;;ADq1BC;EACE;EACA;CCl1BH;;ADq1BC;EACE;CCl1BH;;ADq1BC;;EAEE;CCl1BH;;ADq1BC;EACE;CCl1BH;;ADq1BC;EACE;CCl1BH;;ADq1BC;EACE;CCl1BH;;ADq1BC;EACE;EACA;CCl1BH;;ADo1BiC;EAC5B;CCj1BL;;ADw1BO;;;EACF;CCn1BL;;ADu1BC;EACE;EACA;CCp1BH;;ADu1B+B;EAC5B;CCp1BH;;ADu1BC;EAII;CCv1BL;;ADm1BC;EAQI;UAAA;CCv1BL;;AD41B+B;EAC5B;CCz1BH;;AD41BC;EACE;CCz1BH;;AD+3BC;EACE;EACA;CC53BH;;ADy8EC;EACE;CCt8EH;;ADy8EC;EACE;CCt8EH;;ADs4BC;EACE;EACA;CCn4BH;;ADs4BC;EACE;CCn4BH;;ADs4ByC;;;EAKlC;CCr4BP;;AD04BC;EACE;CCv4BH;;AD04BC;;EAEE;CCv4BH;;AD04BC;EACE;CCv4BH;;ADs4BC;;EAKI;CCt4BL;;ADknEC;EACE;CC/mEH;;ADknEC;EACE;CC/mEH;;ADknEC;EACE;CC/mEH;;AD8mEc;EAIT;CC9mEL;;AD0mEC;EAQI;CC9mEL;;ADknEc;EACX;CC/mEH;;ADknEC;EACE;CC/mEH;;ADknE0B;EA/oCzB;EAAA;EACA;EACA;CC/9BD;;ADgnEC;EACE;CC7mEH;;AD+mEG;EACE;CC5mEL;;ADwmEC;EAQI;CC5mEL;;ADonEG;EACE;CCjnEL;;AD+mEC;;EAMM;CChnEP;;AD0mEC;EAWI;CCjnEL;;ADqnEC;EACE;CClnEH;;ADu6BC;EAEI;CCr6BL;;ADw6BG;EACE;CCr6BL;;AD+5BC;EAUI;CCr6BL;;ADq/BC;EACE;CCl/BH;;ADq/BC;EACE;CCl/BH;;ADi/BC;EAII;CCj/BL;;AD6+BC;EAII;CCj/BL;;AD6+BC;EAII;CCj/BL;;AD6+BC;EAII;CCj/BL;;ADo8BC;EA6CI;CC7+BL;;ADy+BC;EAII;CCz+BL;;ADo8BC;EAqCI;CCr+BL;;ADy+Ba;EACV;CCt+BH;;ADy+BC;;EAEE;CCt+BH;;ADmgCC;;;EAEI;CC//BL;;ADkgCG;;;EACE;CC7/BL;;ADggCG;;;EACE;CC3/BL;;AD+/BC;EACE;CC5/BH;;AD+/Be;EACZ;CC5/BH;;AD2/BC;;EAII;CC1/BL;;AD8/BC;EACE;CC3/BH;;AD6/BG;;EACE;CCz/BL;;ADyjCC;EACE;CCtjCH;;ADyjCC;EACE;EACA;CCtjCH;;ADwjCG;EACE;CCrjCL;;ADyjCC;;EAEE;CCtjCH;;AD6jCG;;;;EACE;CCvjCL;;AD+kCC;EACE;CC5kCH;;AD+kCC;;EAEE;CC5kCH;;AD+kCC;;EAEE;EACA;CC5kCH;;AD+kCC;;EAEE;CC5kCH;;AD+kCC;;;;EAKI;CC7kCL;;ADqmCC;EACE;CClmCH;;ADqmCC;EACE;CClmCH;;ADqmCC;EACE;CClmCH;;ADsmCG;EACE;CCnmCL;;ADimCC;EAMI;CCnmCL;;ADsmCG;EACE;CCnmCL;;ADumCC;EAEI;CCrmCL;;ADwmCG;EACE;CCrmCL;;AD+lCC;EAUI;CCrmCL;;ADunCG;;EACE;CCnnCL;;ADsnCgB;;EACX;CClnCL;;ADqnCc;;EACT;CCjnCL;;ADipCC;EACE;CC9oCH;;ADipCC;EACE;CC9oCH;;ADkpCqB;;EAChB;CC9oCL;;ADipCG;EACE;CC9oCL;;ADkpCC;EArCE;CCzmCH;;AD4mCC;EACE;CCzmCH;;AD0oCC;EA7BE;CCzmCH;;ADgmCqB;EAClB;CC7lCH;;ADkoCC;EAjCE;CC7lCH;;ADgmCmB;EAChB;CC7lCH;;AD0nCC;EArCE;CCjlCH;;ADolCC;EACE;CCjlCH;;ADknCC;EA7BE;CCjlCH;;ADgpCC;;EACE;CC5oCH;;AD+oCC;EACE;CC5oCH;;AD+oCC;EACE;CC5oCH;;AD+oCC;EACE;CC5oCH;;AD+oCC;EACE;CC5oCH;;AD+oCC;EAEI;CC7oCL;;ADipCC;EAGM;CChpCP;;ADmpCkB;EACX;CChpCP;;ADyoCC;EAWM;CChpCP;;ADopCkC;EAC7B;CCjpCL;;ADioCC;EAoBI;CCjpCL;;ADsrCC;EACE;EACA;CCnrCH;;ADsrCC;EACE;EACA;CCnrCH;;ADqrCG;EACE;CClrCL;;ADsrCC;EACE;CCnrCH;;AD8uCC;EA5CI;CC9rCL;;AD0uCC;EAxCI;CC9rCL;;ADsuCC;EAhCE;CClsCH;;ADkuCC;EA7BE;CCjsCH;;ADirCG;EACE;CC9qCL;;ADirCG;EACE;CC9qCL;;ADqrCqB;EAClB;CClrCH;;ADorCC;EACE;CCjrCH;;AD8sCC;EA5CI;CC9pCL;;AD0sCC;EAxCI;CC9pCL;;ADssCC;EAhCE;CClqCH;;ADoqCC;EACE;CCjqCH;;AD+sCG;EAIE;CC/sCL;;AD0sCC;EAQI;CC9sCL;;ADktCC;EACE;CC/sCH;;ADktCC;EACE;CC/sCH;;AD0vCC;EACE;CCvvCH;;AD0tCC;;;EAGE;CCvtCH;;ADovCC;EAzBE;CCvtCH;;ADgtCC;;;EAGE;CC7sCH;;AD8uCC;EA7BE;CC7sCH;;ADssCC;;;EAGE;CCnsCH;;ADwuCC;EAjCE;CCnsCH;;ADwuCC;EACE;CCruCH;;AD0uCG;;EACE;CCtuCL;;AD2uCG;;;EAGE;CCxuCL;;ADouCC;EASM;CCzuCP;;AD+uCG;EACE;CC5uCL;;AD0uCC;;EAQM;CC7uCP;;ADquCC;;EAcQ;CC9uCT;;ADguCC;EAqBM;EACA;CCjvCP;;AD2tCC;;EA4BQ;CClvCT;;ADstCC;;EAgCQ;CCjvCT;;ADuvCC;EACE;CCpvCH;;ADuvCwB;EACrB;EAIA;CCvvCH;;AD2vCC;EACE;CCxvCH;;ADixCG;;;EAGE;CC9wCL;;AD0wCC;;EASI;CC9wCL;;ADqwCC;EAaI;EACA;CC9wCL;;ADixCG;EACE;EACA;CC9wCL;;AD2vCC;EAuBI;CC9wCL;;ADkxCC;;EACE;CC9wCH;;ADixCC;EACE;CC9wCH;;ADixCC;EACE;CC9wCH;;ADkzCC;;EAEE;CC/yCH;;ADmzCG;;EAEE;EACA;CChzCL;;ADozCC;;EACE;CChzCH;;ADkzCG;;EACE;CC9yCL;;ADkzCC;EACE;CC/yCH;;ADkzCC;EACE;CC/yCH;;ADmzC0C;;EAEvC;EACA;CChzCH;;ADw1CC;;;;EAEE;CCn1CH;;AD20CC;;EACE;CCv0CH;;ADs0CC;;EACE;CCl0CH;;ADu0CC;;;;EAEE;CCl0CH;;AD0zCC;;EACE;CCtzCH;;ADqzCC;;EACE;CCjzCH;;ADszCC;;;;EAEE;CCjzCH;;ADyyCC;;EACE;CCryCH;;ADoyCC;;EACE;CChyCH;;ADqyCC;;;;EAEE;CChyCH;;ADsyCC;;;;EACE;CChyCH;;ADkvCC;;;;EAmDE;CC9xCH;;AD2uCC;;;;EAsDI;CC1xCL;;ADouCC;;EA4DE;CC3xCH;;AD+tCC;;EAgEE;CC1xCH;;AD0tCC;;EAsEE;CC3xCH;;ADqtCC;;;;EAuCE;CCrvCH;;AD8sCC;;;;EA8CE;CCrvCH;;ADusCC;;;;EAmDE;CCnvCH;;ADgsCC;;;;EAsDI;CC/uCL;;ADyrCC;;EA4DE;CChvCH;;ADorCC;;EAgEE;CC/uCH;;AD+qCC;;EAsEE;CChvCH;;AD0qCC;;;;EAuCE;CC1sCH;;ADmqCC;;;;EA8CE;CC1sCH;;AD4pCC;;;;EAmDE;CCxsCH;;ADusCC;;;;EAII;CCpsCL;;ADysCC;;EACE;CCrsCH;;ADwsCqC;;EAClC;CCpsCH;;ADysCC;;EACE;CCrsCH;;ADwuCC;EACE;EACA;CCruCH;;ADmuCC;EAXA;EACA;CCptCD;;ADsuCG;EAnBF;EACA;CC/sCD;;ADytCC;EAXA;EACA;CC1sCD;;ADiwCC;EACE;CC9vCH;;ADwxCC;EACE;EACA;CCrxCH;;ADwxCC;EACE;CCrxCH;;AC9iED;EACE;CDijED;;AC5iED;EACE;EACA;EACA;CD+iED;;AC5iED;EACE;CD+iED;;AC5iED;EACE;EACA;UAAA;EACA;CD+iED;;AC5iED;EACE;CD+iED;;AC7iEC;EACE;EACA;CDgjEH;;AC5iED;EACE;EACA;CD+iED;;AC5iED;EACE;EACA;UAAA;CD+iED;;AC5iED;EACE;CD+iED;;AC3iED;EACE;EACA;EACA;EACA;EACA;CD8iED;;ACziED;EACE;EACA;EACA;CD4iED;;ACxiED;EACE;EAAA;EAAA;CD2iED;;AC5iED;EAII;MAAA;EACA;EACA;EACA;EACA;EAAA;MAAA;UAAA;EACA;EACA;EACA;CD4iEH;;AC1iEG;EACE;CD6iEL;;AC3jED;EAgBQ;CD+iEP;;AC1iEC;EACE;EACA;EAAA;MAAA;UAAA;CD6iEH;;ACxiED;EACE;EACA;EACA;EACA;CD2iED;;ACziEC;EACE;EACA;CD4iEH;;ACpjED;EAYI;EACA;EACA;CD4iEH","file":"styles/main.css","sourcesContent":["// Import all the theming functionality.\n// We can use relative imports for imports from the cdk because we bundle everything\n// up into a single flat scss file for material.\n// We want overlays to always appear over user content, so set a baseline\n// very high z-index for the overlay container, which is where we create the new\n// stacking context for all overlays.\n$cdk-z-index-overlay-container: 1000;\n$cdk-z-index-overlay: 1000;\n$cdk-z-index-overlay-backdrop: 1000;\n\n// Background color for all of the backdrops\n$cdk-overlay-dark-backdrop-background: rgba(0, 0, 0, 0.288);\n\n// Default backdrop animation is based on the Material Design swift-ease-out.\n$backdrop-animation-duration: 400ms !default;\n$backdrop-animation-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n\n\n@mixin cdk-overlay() {\n .cdk-overlay-container, .cdk-global-overlay-wrapper {\n // Disable events from being captured on the overlay container.\n pointer-events: none;\n\n // The container should be the size of the viewport.\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n }\n\n // The overlay-container is an invisible element which contains all individual overlays.\n .cdk-overlay-container {\n position: fixed;\n z-index: $cdk-z-index-overlay-container;\n }\n\n // We use an extra wrapper element in order to use make the overlay itself a flex item.\n // This makes centering the overlay easy without running into the subpixel rendering\n // problems tied to using `transform` and without interfering with the other position\n // strategies.\n .cdk-global-overlay-wrapper {\n display: flex;\n position: absolute;\n z-index: $cdk-z-index-overlay;\n }\n\n // A single overlay pane.\n .cdk-overlay-pane {\n position: absolute;\n pointer-events: auto;\n box-sizing: border-box;\n z-index: $cdk-z-index-overlay;\n }\n\n .cdk-overlay-backdrop {\n // TODO(jelbourn): reuse sidenav fullscreen mixin.\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n\n z-index: $cdk-z-index-overlay-backdrop;\n pointer-events: auto;\n -webkit-tap-highlight-color: transparent;\n transition: opacity $backdrop-animation-duration $backdrop-animation-timing-function;\n opacity: 0;\n\n &.cdk-overlay-backdrop-showing {\n opacity: 1;\n }\n }\n\n .cdk-overlay-dark-backdrop {\n background: $cdk-overlay-dark-backdrop-background;\n }\n\n .cdk-overlay-transparent-backdrop {\n // Note: as of Firefox 57, having the backdrop be `background: none` will prevent it from\n // capturing the user's mouse scroll events. Since we also can't use something like\n // `rgba(0, 0, 0, 0)`, we work around the inconsistency by not setting the background at\n // all and using `opacity` to make the element transparent.\n &, &.cdk-overlay-backdrop-showing {\n opacity: 0;\n }\n }\n\n // Used when disabling global scrolling.\n .cdk-global-scrollblock {\n position: fixed;\n\n // Necessary for the content not to lose its width. Note that we're using 100%, instead of\n // 100vw, because 100vw includes the width plus the scrollbar, whereas 100% is the width\n // that the element had before we made it `fixed`.\n width: 100%;\n\n // Note: this will always add a scrollbar to whatever element it is on, which can\n // potentially result in double scrollbars. It shouldn't be an issue, because we won't\n // block scrolling on a page that doesn't have a scrollbar in the first place.\n overflow-y: scroll;\n }\n}\n\n@mixin cdk-a11y {\n .cdk-visually-hidden {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n\n // Avoid browsers rendering the focus ring in some cases.\n outline: 0;\n\n // Avoid some cases where the browser will still render the native controls (see #9049).\n -webkit-appearance: none;\n -moz-appearance: none;\n }\n}\n\n/**\n * Applies styles for users in high contrast mode. Note that this only applies\n * to Microsoft browsers. Chrome can be included by checking for the `html[hc]`\n * attribute, however Chrome handles high contrast differently.\n */\n@mixin cdk-high-contrast {\n @media screen and (-ms-high-contrast: active) {\n @content;\n }\n}\n\n\n// Core styles that can be used to apply material design treatments to any element.\n// Media queries\n// TODO(josephperrott): Change $mat-xsmall and $mat-small usages to rely on BreakpointObserver,\n$mat-xsmall: 'max-width: 599px';\n$mat-small: 'max-width: 959px';\n\n// TODO(crisbeto): this isn't being used anywhere within Material. keeping for backwards compat.\n$mat-font-family: Roboto, 'Helvetica Neue', sans-serif !default;\n\n// TODO: Revisit all z-indices before beta\n// z-index master list\n\n$z-index-fab: 20 !default;\n$z-index-drawer: 100 !default;\n\n// Global constants\n$pi: 3.14159265;\n\n// Padding between input toggles and their labels\n$mat-toggle-padding: 8px !default;\n// Width and height of input toggles\n$mat-toggle-size: 20px !default;\n\n// Easing Curves\n// TODO(jelbourn): all of these need to be revisited\n\n// The default animation curves used by material design.\n$mat-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 0.1) !default;\n$mat-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !default;\n$mat-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1) !default;\n\n$ease-in-out-curve-function: cubic-bezier(0.35, 0, 0.25, 1) !default;\n\n$swift-ease-out-duration: 400ms !default;\n$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1) !default;\n$swift-ease-out: all $swift-ease-out-duration $swift-ease-out-timing-function !default;\n\n$swift-ease-in-duration: 300ms !default;\n$swift-ease-in-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2) !default;\n$swift-ease-in: all $swift-ease-in-duration $swift-ease-in-timing-function !default;\n\n$swift-ease-in-out-duration: 500ms !default;\n$swift-ease-in-out-timing-function: $ease-in-out-curve-function !default;\n$swift-ease-in-out: all $swift-ease-in-out-duration $swift-ease-in-out-timing-function !default;\n\n$swift-linear-duration: 80ms !default;\n$swift-linear-timing-function: linear !default;\n$swift-linear: all $swift-linear-duration $swift-linear-timing-function !default;\n\n\n\n// A collection of mixins and CSS classes that can be used to apply elevation to a material\n// element.\n// See: https://www.google.com/design/spec/what-is-material/elevation-shadows.html\n// Examples:\n//\n//\n// .mat-foo {\n// @include $mat-elevation(2);\n//\n// &:active {\n// @include $mat-elevation(8);\n// }\n// }\n//\n// <div id=\"external-card\" class=\"mat-elevation-z2\"><p>Some content</p></div>\n//\n// For an explanation of the design behind how elevation is implemented, see the design doc at\n// https://goo.gl/Kq0k9Z.\n\n// Colors for umbra, penumbra, and ambient shadows. As described in the design doc, each elevation\n// level is created using a set of 3 shadow values, one for umbra (the shadow representing the\n// space completely obscured by an object relative to its light source), one for penumbra (the\n// space partially obscured by an object), and one for ambient (the space which contains the object\n// itself). For a further explanation of these terms and their meanings, see\n// https://en.wikipedia.org/wiki/Umbra,_penumbra_and_antumbra.\n\n// Maps for the different shadow sets and their values within each z-space. These values were\n// created by taking a few reference shadow sets created by Google's Designers and interpolating\n// all of the values between them.\n\n@function _get-umbra-map($color) {\n @return (\n 0: '0px 0px 0px 0px #{rgba($color, 0.2)}',\n 1: '0px 2px 1px -1px #{rgba($color, 0.2)}',\n 2: '0px 3px 1px -2px #{rgba($color, 0.2)}',\n 3: '0px 3px 3px -2px #{rgba($color, 0.2)}',\n 4: '0px 2px 4px -1px #{rgba($color, 0.2)}',\n 5: '0px 3px 5px -1px #{rgba($color, 0.2)}',\n 6: '0px 3px 5px -1px #{rgba($color, 0.2)}',\n 7: '0px 4px 5px -2px #{rgba($color, 0.2)}',\n 8: '0px 5px 5px -3px #{rgba($color, 0.2)}',\n 9: '0px 5px 6px -3px #{rgba($color, 0.2)}',\n 10: '0px 6px 6px -3px #{rgba($color, 0.2)}',\n 11: '0px 6px 7px -4px #{rgba($color, 0.2)}',\n 12: '0px 7px 8px -4px #{rgba($color, 0.2)}',\n 13: '0px 7px 8px -4px #{rgba($color, 0.2)}',\n 14: '0px 7px 9px -4px #{rgba($color, 0.2)}',\n 15: '0px 8px 9px -5px #{rgba($color, 0.2)}',\n 16: '0px 8px 10px -5px #{rgba($color, 0.2)}',\n 17: '0px 8px 11px -5px #{rgba($color, 0.2)}',\n 18: '0px 9px 11px -5px #{rgba($color, 0.2)}',\n 19: '0px 9px 12px -6px #{rgba($color, 0.2)}',\n 20: '0px 10px 13px -6px #{rgba($color, 0.2)}',\n 21: '0px 10px 13px -6px #{rgba($color, 0.2)}',\n 22: '0px 10px 14px -6px #{rgba($color, 0.2)}',\n 23: '0px 11px 14px -7px #{rgba($color, 0.2)}',\n 24: '0px 11px 15px -7px #{rgba($color, 0.2)}'\n );\n}\n\n@function _get-penumbra-map($color) {\n @return (\n 0: '0px 0px 0px 0px #{rgba($color, 0.14)}',\n 1: '0px 1px 1px 0px #{rgba($color, 0.14)}',\n 2: '0px 2px 2px 0px #{rgba($color, 0.14)}',\n 3: '0px 3px 4px 0px #{rgba($color, 0.14)}',\n 4: '0px 4px 5px 0px #{rgba($color, 0.14)}',\n 5: '0px 5px 8px 0px #{rgba($color, 0.14)}',\n 6: '0px 6px 10px 0px #{rgba($color, 0.14)}',\n 7: '0px 7px 10px 1px #{rgba($color, 0.14)}',\n 8: '0px 8px 10px 1px #{rgba($color, 0.14)}',\n 9: '0px 9px 12px 1px #{rgba($color, 0.14)}',\n 10: '0px 10px 14px 1px #{rgba($color, 0.14)}',\n 11: '0px 11px 15px 1px #{rgba($color, 0.14)}',\n 12: '0px 12px 17px 2px #{rgba($color, 0.14)}',\n 13: '0px 13px 19px 2px #{rgba($color, 0.14)}',\n 14: '0px 14px 21px 2px #{rgba($color, 0.14)}',\n 15: '0px 15px 22px 2px #{rgba($color, 0.14)}',\n 16: '0px 16px 24px 2px #{rgba($color, 0.14)}',\n 17: '0px 17px 26px 2px #{rgba($color, 0.14)}',\n 18: '0px 18px 28px 2px #{rgba($color, 0.14)}',\n 19: '0px 19px 29px 2px #{rgba($color, 0.14)}',\n 20: '0px 20px 31px 3px #{rgba($color, 0.14)}',\n 21: '0px 21px 33px 3px #{rgba($color, 0.14)}',\n 22: '0px 22px 35px 3px #{rgba($color, 0.14)}',\n 23: '0px 23px 36px 3px #{rgba($color, 0.14)}',\n 24: '0px 24px 38px 3px #{rgba($color, 0.14)}'\n );\n}\n\n@function _get-ambient-map($color) {\n @return (\n 0: '0px 0px 0px 0px #{rgba($color, 0.12)}',\n 1: '0px 1px 3px 0px #{rgba($color, 0.12)}',\n 2: '0px 1px 5px 0px #{rgba($color, 0.12)}',\n 3: '0px 1px 8px 0px #{rgba($color, 0.12)}',\n 4: '0px 1px 10px 0px #{rgba($color, 0.12)}',\n 5: '0px 1px 14px 0px #{rgba($color, 0.12)}',\n 6: '0px 1px 18px 0px #{rgba($color, 0.12)}',\n 7: '0px 2px 16px 1px #{rgba($color, 0.12)}',\n 8: '0px 3px 14px 2px #{rgba($color, 0.12)}',\n 9: '0px 3px 16px 2px #{rgba($color, 0.12)}',\n 10: '0px 4px 18px 3px #{rgba($color, 0.12)}',\n 11: '0px 4px 20px 3px #{rgba($color, 0.12)}',\n 12: '0px 5px 22px 4px #{rgba($color, 0.12)}',\n 13: '0px 5px 24px 4px #{rgba($color, 0.12)}',\n 14: '0px 5px 26px 4px #{rgba($color, 0.12)}',\n 15: '0px 6px 28px 5px #{rgba($color, 0.12)}',\n 16: '0px 6px 30px 5px #{rgba($color, 0.12)}',\n 17: '0px 6px 32px 5px #{rgba($color, 0.12)}',\n 18: '0px 7px 34px 6px #{rgba($color, 0.12)}',\n 19: '0px 7px 36px 6px #{rgba($color, 0.12)}',\n 20: '0px 8px 38px 7px #{rgba($color, 0.12)}',\n 21: '0px 8px 40px 7px #{rgba($color, 0.12)}',\n 22: '0px 8px 42px 7px #{rgba($color, 0.12)}',\n 23: '0px 9px 44px 8px #{rgba($color, 0.12)}',\n 24: '0px 9px 46px 8px #{rgba($color, 0.12)}'\n );\n}\n\n// The default duration value for elevation transitions.\n$mat-elevation-transition-duration: 280ms !default;\n\n// The default easing value for elevation transitions.\n$mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function;\n\n// Prefix for elevation-related selectors.\n$_mat-elevation-prefix: 'mat-elevation-z';\n\n// Applies the correct css rules to an element to give it the elevation specified by $zValue.\n// The $zValue must be between 0 and 24.\n@mixin mat-elevation($zValue, $color: black) {\n @if type-of($zValue) != number or not unitless($zValue) {\n @error '$zValue must be a unitless number';\n }\n @if $zValue < 0 or $zValue > 24 {\n @error '$zValue must be between 0 and 24';\n }\n\n box-shadow: #{map-get(_get-umbra-map($color), $zValue)},\n #{map-get(_get-penumbra-map($color), $zValue)},\n #{map-get(_get-ambient-map($color), $zValue)};\n}\n\n// Applies the elevation to an element in a manner that allows\n// consumers to override it via the Material elevation classes.\n@mixin mat-overridable-elevation($zValue) {\n &:not([class*='#{$_mat-elevation-prefix}']) {\n @include mat-elevation($zValue);\n }\n}\n\n// Returns a string that can be used as the value for a transition property for elevation.\n// Calling this function directly is useful in situations where a component needs to transition\n// more than one property.\n//\n// .foo {\n// transition: mat-elevation-transition-property-value(), opacity 100ms ease;\n// }\n@function mat-elevation-transition-property-value(\n $duration: $mat-elevation-transition-duration,\n $easing: $mat-elevation-transition-timing-function) {\n @return box-shadow #{$duration} #{$easing};\n}\n\n// Applies the correct css rules needed to have an element transition between elevations.\n// This mixin should be applied to elements whose elevation values will change depending on their\n// context (e.g. when active or disabled).\n//\n// NOTE(traviskaufman): Both this mixin and the above function use default parameters so they can\n// be used in the same way by clients.\n@mixin mat-elevation-transition(\n $duration: $mat-elevation-transition-duration,\n $easing: $mat-elevation-transition-timing-function) {\n transition: mat-elevation-transition-property-value($duration, $easing);\n}\n\n// Color palettes from the Material Design spec.\n// See https://www.google.com/design/spec/style/color.html\n//\n// Contrast colors are hard-coded because it is too difficult (probably impossible) to\n// calculate them. These contrast colors are pulled from the public Material Design spec swatches.\n// While the contrast colors in the spec are not prescriptive, we use them for convenience.\n\n\n// @deprecated renamed to $dark-primary-text.\n// @deletion-target 7.0.0\n$black-87-opacity: rgba(black, 0.87);\n// @deprecated renamed to $light-primary-text.\n// @deletion-target 7.0.0\n$white-87-opacity: rgba(white, 0.87);\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\n// @deletion-target 7.0.0\n$black-12-opacity: rgba(black, 0.12);\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\n// @deletion-target 7.0.0\n$white-12-opacity: rgba(white, 0.12);\n// @deprecated use $dark-[secondary-text,disabled-text,dividers,focused] instead.\n// @deletion-target 7.0.0\n$black-6-opacity: rgba(black, 0.06);\n// @deprecated use $light-[secondary-text,disabled-text,dividers,focused] instead.\n// @deletion-target 7.0.0\n$white-6-opacity: rgba(white, 0.06);\n\n$dark-primary-text: rgba(black, 0.87);\n$dark-secondary-text: rgba(black, 0.54);\n$dark-disabled-text: rgba(black, 0.38);\n$dark-dividers: rgba(black, 0.12);\n$dark-focused: rgba(black, 0.12);\n$light-primary-text: white;\n$light-secondary-text: rgba(white, 0.7);\n$light-disabled-text: rgba(white, 0.5);\n$light-dividers: rgba(white, 0.12);\n$light-focused: rgba(white, 0.12);\n\n$mat-red: (\n 50: #ffebee,\n 100: #ffcdd2,\n 200: #ef9a9a,\n 300: #e57373,\n 400: #ef5350,\n 500: #f44336,\n 600: #e53935,\n 700: #d32f2f,\n 800: #c62828,\n 900: #b71c1c,\n A100: #ff8a80,\n A200: #ff5252,\n A400: #ff1744,\n A700: #d50000,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-pink: (\n 50: #fce4ec,\n 100: #f8bbd0,\n 200: #f48fb1,\n 300: #f06292,\n 400: #ec407a,\n 500: #e91e63,\n 600: #d81b60,\n 700: #c2185b,\n 800: #ad1457,\n 900: #880e4f,\n A100: #ff80ab,\n A200: #ff4081,\n A400: #f50057,\n A700: #c51162,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-purple: (\n 50: #f3e5f5,\n 100: #e1bee7,\n 200: #ce93d8,\n 300: #ba68c8,\n 400: #ab47bc,\n 500: #9c27b0,\n 600: #8e24aa,\n 700: #7b1fa2,\n 800: #6a1b9a,\n 900: #4a148c,\n A100: #ea80fc,\n A200: #e040fb,\n A400: #d500f9,\n A700: #aa00ff,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $light-primary-text,\n 400: $light-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-deep-purple: (\n 50: #ede7f6,\n 100: #d1c4e9,\n 200: #b39ddb,\n 300: #9575cd,\n 400: #7e57c2,\n 500: #673ab7,\n 600: #5e35b1,\n 700: #512da8,\n 800: #4527a0,\n 900: #311b92,\n A100: #b388ff,\n A200: #7c4dff,\n A400: #651fff,\n A700: #6200ea,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $light-primary-text,\n 400: $light-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-indigo: (\n 50: #e8eaf6,\n 100: #c5cae9,\n 200: #9fa8da,\n 300: #7986cb,\n 400: #5c6bc0,\n 500: #3f51b5,\n 600: #3949ab,\n 700: #303f9f,\n 800: #283593,\n 900: #1a237e,\n A100: #8c9eff,\n A200: #536dfe,\n A400: #3d5afe,\n A700: #304ffe,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $light-primary-text,\n 400: $light-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-blue: (\n 50: #e3f2fd,\n 100: #bbdefb,\n 200: #90caf9,\n 300: #64b5f6,\n 400: #42a5f5,\n 500: #2196f3,\n 600: #1e88e5,\n 700: #1976d2,\n 800: #1565c0,\n 900: #0d47a1,\n A100: #82b1ff,\n A200: #448aff,\n A400: #2979ff,\n A700: #2962ff,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $light-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-light-blue: (\n 50: #e1f5fe,\n 100: #b3e5fc,\n 200: #81d4fa,\n 300: #4fc3f7,\n 400: #29b6f6,\n 500: #03a9f4,\n 600: #039be5,\n 700: #0288d1,\n 800: #0277bd,\n 900: #01579b,\n A100: #80d8ff,\n A200: #40c4ff,\n A400: #00b0ff,\n A700: #0091ea,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-cyan: (\n 50: #e0f7fa,\n 100: #b2ebf2,\n 200: #80deea,\n 300: #4dd0e1,\n 400: #26c6da,\n 500: #00bcd4,\n 600: #00acc1,\n 700: #0097a7,\n 800: #00838f,\n 900: #006064,\n A100: #84ffff,\n A200: #18ffff,\n A400: #00e5ff,\n A700: #00b8d4,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-teal: (\n 50: #e0f2f1,\n 100: #b2dfdb,\n 200: #80cbc4,\n 300: #4db6ac,\n 400: #26a69a,\n 500: #009688,\n 600: #00897b,\n 700: #00796b,\n 800: #00695c,\n 900: #004d40,\n A100: #a7ffeb,\n A200: #64ffda,\n A400: #1de9b6,\n A700: #00bfa5,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-green: (\n 50: #e8f5e9,\n 100: #c8e6c9,\n 200: #a5d6a7,\n 300: #81c784,\n 400: #66bb6a,\n 500: #4caf50,\n 600: #43a047,\n 700: #388e3c,\n 800: #2e7d32,\n 900: #1b5e20,\n A100: #b9f6ca,\n A200: #69f0ae,\n A400: #00e676,\n A700: #00c853,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-light-green: (\n 50: #f1f8e9,\n 100: #dcedc8,\n 200: #c5e1a5,\n 300: #aed581,\n 400: #9ccc65,\n 500: #8bc34a,\n 600: #7cb342,\n 700: #689f38,\n 800: #558b2f,\n 900: #33691e,\n A100: #ccff90,\n A200: #b2ff59,\n A400: #76ff03,\n A700: #64dd17,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $dark-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-lime: (\n 50: #f9fbe7,\n 100: #f0f4c3,\n 200: #e6ee9c,\n 300: #dce775,\n 400: #d4e157,\n 500: #cddc39,\n 600: #c0ca33,\n 700: #afb42b,\n 800: #9e9d24,\n 900: #827717,\n A100: #f4ff81,\n A200: #eeff41,\n A400: #c6ff00,\n A700: #aeea00,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $dark-primary-text,\n 700: $dark-primary-text,\n 800: $dark-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-yellow: (\n 50: #fffde7,\n 100: #fff9c4,\n 200: #fff59d,\n 300: #fff176,\n 400: #ffee58,\n 500: #ffeb3b,\n 600: #fdd835,\n 700: #fbc02d,\n 800: #f9a825,\n 900: #f57f17,\n A100: #ffff8d,\n A200: #ffff00,\n A400: #ffea00,\n A700: #ffd600,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $dark-primary-text,\n 700: $dark-primary-text,\n 800: $dark-primary-text,\n 900: $dark-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-amber: (\n 50: #fff8e1,\n 100: #ffecb3,\n 200: #ffe082,\n 300: #ffd54f,\n 400: #ffca28,\n 500: #ffc107,\n 600: #ffb300,\n 700: #ffa000,\n 800: #ff8f00,\n 900: #ff6f00,\n A100: #ffe57f,\n A200: #ffd740,\n A400: #ffc400,\n A700: #ffab00,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $dark-primary-text,\n 700: $dark-primary-text,\n 800: $dark-primary-text,\n 900: $dark-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $dark-primary-text,\n )\n);\n\n$mat-orange: (\n 50: #fff3e0,\n 100: #ffe0b2,\n 200: #ffcc80,\n 300: #ffb74d,\n 400: #ffa726,\n 500: #ff9800,\n 600: #fb8c00,\n 700: #f57c00,\n 800: #ef6c00,\n 900: #e65100,\n A100: #ffd180,\n A200: #ffab40,\n A400: #ff9100,\n A700: #ff6d00,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $dark-primary-text,\n 700: $dark-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: black,\n )\n);\n\n$mat-deep-orange: (\n 50: #fbe9e7,\n 100: #ffccbc,\n 200: #ffab91,\n 300: #ff8a65,\n 400: #ff7043,\n 500: #ff5722,\n 600: #f4511e,\n 700: #e64a19,\n 800: #d84315,\n 900: #bf360c,\n A100: #ff9e80,\n A200: #ff6e40,\n A400: #ff3d00,\n A700: #dd2c00,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-brown: (\n 50: #efebe9,\n 100: #d7ccc8,\n 200: #bcaaa4,\n 300: #a1887f,\n 400: #8d6e63,\n 500: #795548,\n 600: #6d4c41,\n 700: #5d4037,\n 800: #4e342e,\n 900: #3e2723,\n A100: #d7ccc8,\n A200: #bcaaa4,\n A400: #8d6e63,\n A700: #5d4037,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $light-primary-text,\n 400: $light-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-grey: (\n 50: #fafafa,\n 100: #f5f5f5,\n 200: #eeeeee,\n 300: #e0e0e0,\n 400: #bdbdbd,\n 500: #9e9e9e,\n 600: #757575,\n 700: #616161,\n 800: #424242,\n 900: #212121,\n A100: #ffffff,\n A200: #eeeeee,\n A400: #bdbdbd,\n A700: #616161,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $dark-primary-text,\n 500: $dark-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $dark-primary-text,\n A700: $light-primary-text,\n )\n);\n\n$mat-blue-grey: (\n 50: #eceff1,\n 100: #cfd8dc,\n 200: #b0bec5,\n 300: #90a4ae,\n 400: #78909c,\n 500: #607d8b,\n 600: #546e7a,\n 700: #455a64,\n 800: #37474f,\n 900: #263238,\n A100: #cfd8dc,\n A200: #b0bec5,\n A400: #78909c,\n A700: #455a64,\n contrast: (\n 50: $dark-primary-text,\n 100: $dark-primary-text,\n 200: $dark-primary-text,\n 300: $dark-primary-text,\n 400: $light-primary-text,\n 500: $light-primary-text,\n 600: $light-primary-text,\n 700: $light-primary-text,\n 800: $light-primary-text,\n 900: $light-primary-text,\n A100: $dark-primary-text,\n A200: $dark-primary-text,\n A400: $light-primary-text,\n A700: $light-primary-text,\n )\n);\n\n\n// Background palette for light themes.\n$mat-light-theme-background: (\n status-bar: map_get($mat-grey, 300),\n app-bar: map_get($mat-grey, 100),\n background: map_get($mat-grey, 50),\n hover: rgba(black, 0.04), // TODO(kara): check style with Material Design UX\n card: white,\n dialog: white,\n disabled-button: rgba(black, 0.12),\n raised-button: white,\n focused-button: $dark-focused,\n selected-button: map_get($mat-grey, 300),\n selected-disabled-button: map_get($mat-grey, 400),\n disabled-button-toggle: map_get($mat-grey, 200),\n unselected-chip: map_get($mat-grey, 300),\n disabled-list-option: map_get($mat-grey, 200),\n);\n\n// Background palette for dark themes.\n$mat-dark-theme-background: (\n status-bar: black,\n app-bar: map_get($mat-grey, 900),\n background: #303030,\n hover: rgba(white, 0.04), // TODO(kara): check style with Material Design UX\n card: map_get($mat-grey, 800),\n dialog: map_get($mat-grey, 800),\n disabled-button: rgba(white, 0.12),\n raised-button: map-get($mat-grey, 800),\n focused-button: $light-focused,\n selected-button: map_get($mat-grey, 900),\n selected-disabled-button: map_get($mat-grey, 800),\n disabled-button-toggle: black,\n unselected-chip: map_get($mat-grey, 700),\n disabled-list-option: black,\n);\n\n// Foreground palette for light themes.\n$mat-light-theme-foreground: (\n base: black,\n divider: $dark-dividers,\n dividers: $dark-dividers,\n disabled: $dark-disabled-text,\n disabled-button: rgba(black, 0.26),\n disabled-text: $dark-disabled-text,\n hint-text: $dark-disabled-text,\n secondary-text: $dark-secondary-text,\n icon: rgba(black, 0.54),\n icons: rgba(black, 0.54),\n text: rgba(black, 0.87),\n slider-min: rgba(black, 0.87),\n slider-off: rgba(black, 0.26),\n slider-off-active: rgba(black, 0.38),\n);\n\n// Foreground palette for dark themes.\n$mat-dark-theme-foreground: (\n base: white,\n divider: $light-dividers,\n dividers: $light-dividers,\n disabled: $light-disabled-text,\n disabled-button: rgba(white, 0.3),\n disabled-text: $light-disabled-text,\n hint-text: $light-disabled-text,\n secondary-text: $light-secondary-text,\n icon: white,\n icons: white,\n text: white,\n slider-min: white,\n slider-off: rgba(white, 0.3),\n slider-off-active: rgba(white, 0.3),\n);\n\n\n\n// For a given hue in a palette, return the contrast color from the map of contrast palettes.\n// @param $color-map\n// @param $hue\n@function mat-contrast($palette, $hue) {\n @return map-get(map-get($palette, contrast), $hue);\n}\n\n\n// Creates a map of hues to colors for a theme. This is used to define a theme palette in terms\n// of the Material Design hues.\n// @param $color-map\n// @param $primary\n// @param $lighter\n@function mat-palette($base-palette, $default: 500, $lighter: 100, $darker: 700) {\n $result: map_merge($base-palette, (\n default: map-get($base-palette, $default),\n lighter: map-get($base-palette, $lighter),\n darker: map-get($base-palette, $darker),\n\n default-contrast: mat-contrast($base-palette, $default),\n lighter-contrast: mat-contrast($base-palette, $lighter),\n darker-contrast: mat-contrast($base-palette, $darker)\n ));\n\n // For each hue in the palette, add a \"-contrast\" color to the map.\n @each $hue, $color in $base-palette {\n $result: map_merge($result, (\n '#{$hue}-contrast': mat-contrast($base-palette, $hue)\n ));\n }\n\n @return $result;\n}\n\n\n// Gets a color from a theme palette (the output of mat-palette).\n// The hue can be one of the standard values (500, A400, etc.), one of the three preconfigured\n// hues (default, lighter, darker), or any of the aforementioned prefixed with \"-contrast\".\n//\n// @param $color-map The theme palette (output of mat-palette).\n// @param $hue The hue from the palette to use. If this is a value between 0 and 1, it will\n// be treated as opacity.\n// @param $opacity The alpha channel value for the color.\n@function mat-color($palette, $hue: default, $opacity: null) {\n // If hueKey is a number between zero and one, then it actually contains an\n // opacity value, so recall this function with the default hue and that given opacity.\n @if type-of($hue) == number and $hue >= 0 and $hue <= 1 {\n @return mat-color($palette, default, $hue);\n }\n\n $color: map-get($palette, $hue);\n $opacity: if($opacity == null, opacity($color), $opacity);\n\n @return rgba($color, $opacity);\n}\n\n\n// Creates a container object for a light theme to be given to individual component theme mixins.\n@function mat-light-theme($primary, $accent, $warn: mat-palette($mat-red)) {\n @return (\n primary: $primary,\n accent: $accent,\n warn: $warn,\n is-dark: false,\n foreground: $mat-light-theme-foreground,\n background: $mat-light-theme-background,\n );\n}\n\n\n// Creates a container object for a dark theme to be given to individual component theme mixins.\n@function mat-dark-theme($primary, $accent, $warn: mat-palette($mat-red)) {\n @return (\n primary: $primary,\n accent: $accent,\n warn: $warn,\n is-dark: true,\n foreground: $mat-dark-theme-foreground,\n background: $mat-dark-theme-background,\n );\n}\n\n\n\n$mat-ripple-color-opacity: 0.1;\n\n@mixin mat-ripple() {\n // The host element of an mat-ripple directive should always have a position of \"absolute\" or\n // \"relative\" so that the ripple divs it creates inside itself are correctly positioned.\n .mat-ripple {\n overflow: hidden;\n\n // In high contrast mode the ripple is opaque, causing it to obstruct the content.\n @include cdk-high-contrast {\n display: none;\n }\n }\n\n .mat-ripple.mat-ripple-unbounded {\n overflow: visible;\n }\n\n .mat-ripple-element {\n position: absolute;\n border-radius: 50%;\n pointer-events: none;\n\n transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);\n transform: scale(0);\n }\n}\n\n/* Theme for the ripple elements.*/\n@mixin mat-ripple-theme($theme) {\n $foreground: map_get($theme, foreground);\n $foreground-base: map_get($foreground, base);\n\n .mat-ripple-element {\n background-color: rgba($foreground-base, $mat-ripple-color-opacity);\n }\n}\n\n\n\n// Utility for fetching a nested value from a typography config.\n@function _mat-get-type-value($config, $level, $name) {\n @return map-get(map-get($config, $level), $name);\n}\n\n// Gets the font size for a level inside a typography config.\n@function mat-font-size($config, $level) {\n @return _mat-get-type-value($config, $level, font-size);\n}\n\n// Gets the line height for a level inside a typography config.\n@function mat-line-height($config, $level) {\n @return _mat-get-type-value($config, $level, line-height);\n}\n\n// Gets the font weight for a level inside a typography config.\n@function mat-font-weight($config, $level) {\n @return _mat-get-type-value($config, $level, font-weight);\n}\n\n// Gets the font-family from a typography config and removes the quotes around it.\n@function mat-font-family($config, $level: null) {\n $font-family: map-get($config, font-family);\n\n @if $level != null {\n $font-family: _mat-get-type-value($config, $level, font-family);\n }\n\n @return if($font-family == null, $font-family, unquote($font-family));\n}\n\n// Outputs the shorthand `font` CSS property, based on a set of typography values. Falls back to\n// the individual properties if a value that isn't allowed in the shorthand is passed in.\n@mixin mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family) {\n // If any of the values are set to `inherit`, we can't use the shorthand\n // so we fall back to passing in the individual properties.\n @if ($font-size == inherit or\n $font-weight == inherit or\n $line-height == inherit or\n $font-family == inherit or\n $font-size == null or\n $font-weight == null or\n $line-height == null or\n $font-family == null) {\n\n font-size: $font-size;\n font-weight: $font-weight;\n line-height: $line-height;\n font-family: $font-family;\n }\n @else {\n // Otherwise use the shorthand `font`, because it's the least amount of bytes. Note\n // that we need to use interpolation for `font-size/line-height` in order to prevent\n // Sass from dividing the two values.\n font: $font-weight #{$font-size}/#{$line-height} $font-family;\n }\n}\n\n// Converts a typography level into CSS styles.\n@mixin mat-typography-level-to-styles($config, $level) {\n $font-size: mat-font-size($config, $level);\n $font-weight: mat-font-weight($config, $level);\n $line-height: mat-line-height($config, $level);\n $font-family: mat-font-family($config, $level);\n\n @include mat-typography-font-shorthand($font-size, $font-weight, $line-height, $font-family);\n}\n\n\n@mixin mat-option-theme($theme) {\n $foreground: map-get($theme, foreground);\n $background: map-get($theme, background);\n $primary: map-get($theme, primary);\n $accent: map-get($theme, accent);\n $warn: map-get($theme, warn);\n\n .mat-option {\n color: mat-color($foreground, text);\n\n &:hover:not(.mat-option-disabled),\n &:focus:not(.mat-option-disabled) {\n background: mat-color($background, hover);\n }\n\n .mat-primary &.mat-selected:not(.mat-option-disabled) {\n color: mat-color($primary);\n }\n\n .mat-accent &.mat-selected:not(.mat-option-disabled) {\n color: mat-color($accent);\n }\n\n .mat-warn &.mat-selected:not(.mat-option-disabled) {\n color: mat-color($warn);\n }\n\n // In multiple mode there is a checkbox to show that the option is selected.\n &.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {\n background: mat-color($background, hover);\n }\n\n &.mat-active {\n background: mat-color($background, hover);\n colo